G.231.14.0123 15 File Komplit 20190821102714

SISTEM INFORMASI PENJUALAN, PELAYANAN, GUDANG,
TRACKING DOKUMEN, PENAGIHAN MENGGUNAKAN SMS

GATEWAY DAN ANDROID MESSENGER BERBASIS WEB
( STUDI KASUS PT. TERUNA GEMA NUSA )
TUGAS AKHIR
OLEH
OKI TRI WIBOWO
G.231.14.0123
PROGRAM STUDI S1 - TEKNIK INFORMATIKA

JURUSAN TEKNOLOGI INFORMASI
FAKULTAS TEKNOLOGI INFORMASI DAN KOMUNIKASI
UNIVERSITAS SEMARANG
2019
DAFTAR ISI
HALAMAN JUDUL ........................................................................................... i

PERNYATAAN PENULIS ............................................................................... ii
PERSETUJUAN TUGAS AKHIR .................................................................. iii
PENGESAHAN TUGAS AKHIR .................................................................... iv
ABSTRACT ......................................................................................................... v
ABSTRAK ......................................................................................................... vi
KATA PENGANTAR ...................................................................................... vii
DAFTAR ISI ...................................................................................................... ix
DAFTAR GAMBAR ...................................................................................... xiv
DAFTAR TABEL .......................................................................................... xvii
DAFTAR KODE PROGRAM ....................................................................... xix
BAB I PENDAHULUAN
1.1. Latar Belakang ............................................................................. 1
1.2. Rumusan Masalah ........................................................................ 3
1.3. Batasan Masalah ........................................................................... 3
1.4. Tujuan Tugas Akhir ..................................................................... 4
1.5. Manfaat Tugas Akhir ................................................................... 5
1.6. Metodologi Penelitian .................................................................. 5
1.6.1 Jenis Data ............................................................................ 5
1.6.2 Metode Pengumpulan Data ................................................. 6
1.6.3 Metode Pengembangan Sistem ........................................... 7
1.7. Sistematika Penulisan ................................................................. 10
BAB II TINJAUAN UMUM PT. TERUNA GEMA NUSA

2.1. Sejarah PT. Teruna Gema Nusa ................................................. 12
2.2. Visi dan Misi PT. Teruna Gema Nusa ....................................... 12
2.2.1 Visi ..................................................................................... 12
2.2.2 Misi .................................................................................... 12
2.3. Tata Nilai Perusahaan ................................................................ 12
ix
2.3.1 Clean (Bersih) .................................................................... 12
2.3.2 Competitive (Kompetitif) ................................................... 12
2.3.3 Confident (Percaya Diri) .................................................... 13
2.3.4 Cutomer - Focused (Fokus Pada Pelanggan) ..................... 13
2.3.5 Commercial (Komersial) .................................................... 13
2.3.6 Copable (Berkemampuan) ................................................. 13
2.4. Struktur Organisasi .................................................................... 13
2.5. Job Description ........................................................................... 13
2.5.1 Direktur Utama .................................................................. 14
2.5.2 Supervisor Salesman .......................................................... 14
2.5.3 Salesman ........................................................................... 15
2.5.4 Admin. Penjualan ............................................................... 15
2.5.5 Admin Kasir ........................................................................ 15
2.5.6 Admin Gudang .................................................................... 15
2.5.7 Admin Pebukuan ................................................................ 15
2.6. Lokasi dan Gambar Gedung PT. Teruna Gema Nusa ................ 15
2.6.1 Lokasi ................................................................................. 16
2.6.2 Gedung ............................................................................... 16
BAB III TINJAUAN PUSTAKA

3.1 Pengertian Sistem Informasi ...................................................... 18
3.2 Penjualan .................................................................................... 18
3.3 Sistem Informasi Penjualan......................................................... 19
3.4 Pelayanan ................................................................................... 19
3.5 Sistem Informasi Pelayanan ....................................................... 20
3.6 Persediaan (Inventory) ................................................................ 20
3.7 Sistem Informasi Persediaan (Inventory) .................................... 20
3.8 Tracking Dokumen .................................................................... 21
3.9 Sistem Informasi Tracking Dokumen ........................................ 22
3.10 Penagihan ................................................................................... 22
3.11 Sistem Informasi Penagihan ........................................................ 22
x
3.12 SMS Gateway ............................................................................ 23
3.13 Gammu ....................................................................................... 24
3.14 Penelitian Terdahulu .................................................................. 25
3.15 HTML ........................................................................................ 26
3.16 CSS ............................................................................................. 26
3.17 JavaScript .................................................................................... 27
3.18 MySQL........................................................................................ 27
3.19 PHP ............................................................................................ 27
3.20 XAMPP ...................................................................................... 27
3.21 IDE ............................................................................................. 28
3.21.1 Notepad .............................................................................. 28
3.21.2 Notepad ++ ......................................................................... 28
3.22 Balsamiq Mockup ...................................................................... 28
3.23 Alat Bantu Perancangan Sistem ................................................. 29
BAB IV PERENCANAAN DAN ANALISA PERANCANGAN SISTEM

4.1 Perencanaan ................................................................................ 39
4.2 Analisa Sistem ............................................................................ 39
4.3 Analisa Kebutuhan Sistem ......................................................... 39
4.3.1 Analisa Kebutuhan Implemenasi Program ........................ 40
4.3.2 Kebutuhan Hardware ....................................................... 40
4.3.3 Kebutuhan Software .......................................................... 40
4.3.4 Kebutuhan User ................................................................ 40
4.4 Perancangan dengan Unified Modeling Language ...................... 41
4.4.1 Use Case Diagram ............................................................ 42
4.4.2 Activity Diagram ............................................................... 43
4.4.3 Sequence Diagram.............................................................. 67
4.4.4 Statechart Diagram ........................................................... 91
4.4.5 Component Diagram ......................................................... 92
4.4.6 Deployment Diagram ........................................................ 93
4.4.7 Class Diagram ................................................................... 94
xi
4.5 Perancangan Database ................................................................ 96
4.6 Perancangan Sketsa Dasar ........................................................ 104
BAB V IMPLEMENTASI DAN PENGUJIAN SISTEM

5.1 Implementasi Sistem ................................................................ 117
5.2 Implementasi Antar Muka Perangkat Lunak ............................ 117
5.2.1 Implementasi Interface Menu Utama ............................. 117
5.2.2 Implementasi Interface Menu Penjualan ........................ 118
5.2.3 Implementasi Interface Menu Tambah Penjualan .......... 119
5.2.4 Implementasi Interface Menu Tunggakan ....................... 120
5.2.5 Implementasi Interface Menu Data Barang .................... 121
5.2.6 Implementasi Interface Menu Data Pembelian ............... 122
5.2.7 Implementasi Interface Pemberitahuan Tagihan SMS dan
Whatsapp .......................................................................... 122
5.3 Pengujian Sistem ...................................................................... 124
5.3.1 Rencana Pengujian .......................................................... 124
5.3.2 Pengujian White Box......................................................... 124
1. Flowchart Objek Virtual ................................................ 124
2. Flowgraph Objek Virtual ................................................ 126
3. Kode Program ................................................................ 127
4. Cyclomatic Complexity ................................................... 137
5. Basis Flowgraph............................................................. 137
6. Test Case ....................................................................... 138
5.3.3 Pengujian Black Box ......................................................... 140
5.3.4 Kesimpulan Pengujian ...................................................... 146
5.3.5 Rumus Efektifitas Kuantiti ............................................... 146
1. Grafik Kuantiti Efektivitas .............................................. 146
2. Rumus Efektivitas........................................................... 147
5.3.6 Kueisoner Kepuasan ......................................................... 149
xii
BAB VI PENUTUP
6.1. Kesimpulan ............................................................................... 155
6.2. Saran .......................................................................................... 155
DAFTAR PUSTAKA
LAMPIRAN
xiii
DAFTAR GAMBAR
Gambar 1.1 Model RUP ................................................................................... 8

Gambar 2.1 Struktur Organisasi PT. Teruna Gema Nusa .............................. 14
Gambar 2.2 Lokasi PT. Teruna Gema Nusa ................................................... 16
Gambar 2.3 Gedung PT. Teruna Gema Nusa .................................................. 17
Gambar 3.1 Cara Kerja SMS Gateway ........................................................... 24
Gambar 3.2 Cara Kerja Gammu ...................................................................... 25
Gambar 3.3 Fitur Balsamiq Mockup ............................................................... 29
Gambar 4.1 Use Case Diagram Sistem........................................................... 44
Gambar 4.2 Activity Diagram Mencetak Laporan Penjualan......................... 44
Gambar 4.3 Activity Diagram Mencetak Laporan Pembelian ........................ 45
Gambar 4.4 Activity Diagram Menambah Admin ........................................... 46
Gambar 4.5 Activity Diagram Mengubah Admin ............................................ 48
Gambar 4.6 Activity Diagram Menghapus Admin .......................................... 49
Gambar 4.7 Activity Diagram Mengganti Informasi Perusahaan ................... 50
Gambar 4.8 Activity Diagram Melihat Detail Data Pembelian....................... 51
Gambar 4.9 Activity Diagram Diagram Menghapus Data Pembelian ................. 52
Gambar 4.10 Activity Diagram Melihat Detail Data Penjualan ........................ 53
Gambar 4.11 Activity Diagram Mencetak Laporan Profit ................................ 54
Gambar 4.12 Activity Diagram Melihat Data Barang Pembelian ..................... 55
Gambar 4.13 Activity Diagram Menambah Data Pembelian ................................ 56
Gambar 4.14 Activity Diagram Menambah Data Barang..................................... 57
Gambar 4.15 Activity Diagram Mengubah Data Barang .................................. 58
Gambar 4.16 Activity Diagram Menghapus Barang ......................................... 59
Gambar 4.17 Activity Diagram Menambah Supplier........................................... 60
Gambar 4.18 Activity Diagram Mengubah Supplier ......................................... 61
Gambar 4.19 Activity Diagram Menghapus Supplier .......................................... 62
Gambar 4.20 Activity Diagram Menambah Data Penjualan ............................. 63
Gambar 4.21 Activity Diagram Melihat Detail Tunggakan.............................. 64
Gambar 4.22 Activity Diagram Mengirim SMS Tagihan ke Customer ................. 65
xiv
Gambar 4.23 Activity Diagram Mengirim Whatsapp Tagihan ke Customer .......... 66
Gambar 4.24 Activity Diagram Mengkonfirmasi Pembayaran Tunggakan............ 67
Gambar 4.25 Activity Diagram Melakukan Chatting ....................................... 68
Gambar 4.26 Sequence Diagram Mencetak Laporan Penjualan ....................... 69
Gambar 4.27 Sequence Diagram Mencetak Laporan Pembelian...................... 70
Gambar 4.28 Sequence Diagram Menambah Data Admin................................ 71
Gambar 4.29 Sequence Diagram Mengubah Admin ......................................... 72
Gambar 4.30 Sequence Diagram Menghapus Admin ....................................... 73
Gambar 4.31 Sequence Diagram Mengganti Informasi Perusahaan ................ 74
Gambar 4.32 Sequence Diagram Melihat Detail Data Pembelian .................... 75
Gambar 4.33 Sequence Diagram Menghapus Pembelian ................................. 76
Gambar 4.34 Sequence Diagram Melihat Detail Data Penjualan ..................... 77
Gambar 4.35 Sequence Diagram Mencetak Laporan Profit ............................. 78
Gambar 4.36 Sequence Diagram Menambah Data Barang .............................. 79
Gambar 4.37 Sequence Diagram Menambah Data Pembelian ............................. 80
Gambar 4.38 Sequence Diagram Menambah Barang.......................................... 81
Gambar 4.39 Sequence Diagram Mengubah Data Barang .................................. 82
Gambar 4.40 Sequence Diagram Menghapus Barang ......................................... 83
Gambar 4.41 Sequence Diagram Menambah Supplier ........................................ 84
Gambar 4.42 Sequence Diagram Mengubah Supplier ........................................ 85
Gambar 4.43 Sequence Diagram Menghapus Supplier ....................................... 86
Gambar 4.44 Sequence Diagram Menambah Data Penjualan .............................. 87
Gambar 4.45 Sequence Diagram Meihat Detail Data Tunggakan ........................ 88
Gambar 4.46 Sequence Diagram Mengirim SMS Taggihan Pada Customer......... 89
Gambar 4.47 Sequence Diagram Mengirim Whatsapp Taggihan Pada Customer . 90
Gambar 4.48 Sequence Diagram Mengkonfirmasi Tunggakan Customer ............ 91
Gambar 4.49 Sequence Diagram Melakukan Chatting ....................................... 92
Gambar 4.50 Statechart Diagram ..................................................................... 93
Gambar 4.51 Component Diagram ...................................................................... 94
Gambar 4.52 Deployment Diagram ..................................................................... 95
Gambar 4.53 Class Diagram ............................................................................... 96
xv
Gambar 4.54 Login ............................................................................................ 97
Gambar 4.55 Dashboard ................................................................................... 98
Gambar 4.56 Data Barang Pembelian ............................................................... 99
Gambar 4.57 Menu Data Pembelian ............................................................... 109
Gambar 4.58 Menu Data Barang ..................................................................... 110
Gambar 4.59 Menu Tambah Data Barang....................................................... 111
Gambar 4.60 Menu Edit Data Barang ............................................................. 112
Gambar 4.61 Menu Chat ................................................................................. 113
Gambar 4.62 Menu Data Penjualan ................................................................ 114
Gambar 4.63 Menu Tambah Data Penjualan .................................................. 115
Gambar 4.64 Menu Data Tunggakan .............................................................. 115
Gambar 4.65 Menu Pengaturan Perusahaan.................................................... 116
Gambar 4.66 Menu Laporan Pembelian.......................................................... 117
Gambar 4.67 Menu Laporan Penjualan ........................................................... 117
Gambar 4.68 Menu Laporan Profit ................................................................. 118
Gambar 5.1 Menu Utama .............................................................................. 122
Gambar 5.2 Data Penjualan ........................................................................... 123
Gambar 5.3 Menu Tambah Penjualan ........................................................... 123
Gambar 5.4 Menu Tunggakan ....................................................................... 124
Gambar 5.5 Menu Data Barang ..................................................................... 125
Gambar 5.6 Menu Data Pembeli ................................................................... 126
Gambar 5.7 Pemberitahuan Tagihan SMS dan Whatsapp ............................ 127
Gambar 5.8 Flowchart .................................................................................. 129
Gambar 5.9 Flow Graph ............................................................................... 130
Gambar 5.10 Grafik Efektivitas Kuantiti ........................................................ 150
Gambar 5.11 Grafik Form Kuesioner Kepuasan .............................................. 130
xvi
DAFTAR TABEL
Tabel 3.1 Penelitian Terdahulu .................................................................... 25

Tabel 3.2 Simbol Use Case Diagram .......................................................... 30
Tabel 3.3 Simbol Class Diagram ............................................................... 31
Tabel 3.4 Simbol Activity Diagram ............................................................ 33
Tabel 3.5 Simbol Sequence Diagram ......................................................... 34
Tabel 3.6 Simbol State Machines ................................................................ 36
Tabel 3.7 Simbol Component Diagram ....................................................... 37
Tabel 3.8 Simbol Deployment Diagaram .................................................... 38
Tabel 4.1 Tabel Admin............................................................................... 100
Tabel 4.2 Tabel Barang ............................................................................. 101
Tabel 4.3 Tabel barangp_sementara .......................................................... 101
Tabel 4.4 Tabel barang_pembelian ........................................................... 102
Tabel 4.5 Tabel chat_message ................................................................... 103
Tabel 4.6 Tabel d_pembelian .................................................................... 103
Tabel 4.7 Tabel d_penjualan ..................................................................... 104
Tabel 4.8 Tabel login ................................................................................. 104
Tabel 4.9 Tabel login_details .................................................................... 105
Tabel 4.10 Tabel pembelian ........................................................................ 106
Tabel 4.11 Tabel penjualan ......................................................................... 106
Tabel 4.12 Tabel penjualan_sementara ....................................................... 107
Tabel 4.13 Tabel perusahaan ....................................................................... 107
Tabel 4.14 Tabel supplier ............................................................................ 107
Tabel 5.1 Test Case ................................................................................... 142
Tabel 5.2 Pengujian Black Box .................................................................. 144
Tabel 5.3 Persentase Hasil Analisa Efektivitas Pembuatan Nota ............. 152
Tabel 5.4 Persentase Hasil Analisa Efektivitas Informasi Penagihan .............. 152
Tabel 5.5 Persentase Hasil Analisa Efektivitas Pencarian Dokumen ............... 153
Tabel 5.6 Hasil Pertanyaan 1 ..................................................................... 154
xvii
xviii
DAFTAR KODE PROGRAM
Kode Program 5.1 API SMS dan Whatsapp .............................................. 127

Kode Program 5.2 Node 1 .......................................................................... 131
Kode Program 5.11 Node 10 ........................................................................ 135
xix
BAB I
PENDAHULUAN
1.1 Latar Belakang

Perkembangan yang sangat pesat pada bidang teknologi
telekomunikasi dan komputer saat ini mendorong masyarakat dunia yang
serba cepat, sekaligus menjadikan informasi sentral dalam dunia industri
maupun dunia usaha. Dengan perkembangan tersebut berdampak
memberikan beberapa fasilitas yang dapat digunakan oleh pengguna layanan
komunikasi, seperti Short Message Services (SMS). SMS adalah teknologi
yang memungkinkan manusia untuk mendapatkan atau mengirimkan
informasi kapanpun dan dimanapun dibutuhkan, dengan cara yang mudah
(Akbar et al., 2013). Oleh karena itu saat ini beberapa organisasi atau
perusahan yang mulai menyadari akan keuntungan yang diberikan tersebut
diatas mulai berpindah dari proses bisnis yang konvensional menjadi
komputerisasi, karena proses komputerisasi diharapkan dapat menjadikan
kinerja organisasi atau perusahaan menjadi lebih efektif dan efisien. Sehingga
dapat memberikan keuntungan bagi organisasi secara ekonomi dan waktu
(Noviyanti et al., 2014).
Di era modern seperti sekarang, marketing harus dilakukan secara
menyeluruh. Tidak hanya mengandalkan marketing di dunia nyata, tapi juga
digital marketing. Apalagi, bagi perusahaan yang memasarkan produk.
Digital marketing bisa menjadi pendekatan efektif yang bisa meningkatkan
omzet perusahaan. Banyak metode digital marketing yang bisa dilakukan
oleh sebuah perusahaan. Salah satu cara yang kerap dipilih, baik oleh startup
yang tengah berkembang ataupun perusahaan besar adalah menambahkan
fitur live chat pada sebuah website. Cara ini digunakan dengan tujuan agar
perwakilan perusahaan dapat berkomunikasi secara personal dengan calon
konsumen. Live chat merupakan model pemasaran yang dilakukan secara
1
2
online (Suardinata and Lubis, 2015). Dalam pelaksanaannya, metode

pemasaran ini menggunakan perangkat lunak tambahan berupa aplikasi
chatting. Tersedia berbagai pilihan aplikasi chatting yang dapat dipakai, baik
gratis ataupun berbayar.
Dengan live chat, perwakilan perusahaan bisa melakukan komunikasi
secara personal dengan calon konsumen. Keberadaan seorang pengelola yang
secara khusus menangani live chat itu bakal menjadi pengganti tugas tenaga
marketing di dunia nyata. Konsumen bisa mendapatkan saran, informasi, atau
masukan sesuai dengan kebutuhan dan produk yang ditawarkan (Indriyani
and Kurniadi, 2017).
PT. Teruna Gema Nusa merupakan salah satu Distributor Pelumas
PERTAMINA yang bertugas melakukan penjualan Pelumas PERTAMINA di
daerah Semarang Timur, Semarang Utara, Mranggen, Demak, Kudus, dan
Jepara. PT. Teruna Gema Nusa sebenarnya telah memiliki suatu sistem
informasi penjualan. Namun sistem ini hanya sebatas melakukan pendataan
penjualan secara manual menggunakan nota kertas. Sedangkan untuk
melakukan penagihan ke konsumen atau outlet tersebut masih dilakukan
secara manual, yaitu pihak PT. Teruna Gema Nusa melakukan telepon
konsumen atau outlet yang sudah jatuh tempo dan setelah itu memberikan
struk tagihan.
Hal ini dinilai kurang efektif karena sering terjadinya salah dalam
pencatatan jumlah stok pada tanggal 05 Januari 1994 yang itu menjadi
kerugian bagi PT. Teruna Gema Nusa, hilangnya nota pada tanggal 28
Oktober 2003 yang menyebabkan selisih paham dengan customer dan
kesalahan dalam mencatat jumlah piutang pada tanggal 31 Mei 2013 yang
akan merugikan perusahaan. Oleh karena itu, dengan sistem informasi
penjualan, pelayanan, gudang, tracking dokumen, dan penagihan dengan
SMS Gateway berbasis web diharapkan dapat menjadi solusi agar setiap
transaksi penjualan dan penagihan PT. Teruna Gema Nusa dapat efektif.
3
Dengan memanfaatkan fasilitas SMS, PT Teruna Gema Nusa dapat

meningkatkan kualitas pelayanannya terhadap konsumen, sehingga transaksi
penjualan, pembelian, informasi stok, pencarian dokumen, dan tagihan yang
sebelumnya dilakukan secara manual dapat dilakukan melalui sistem
informasi penjualan, pelayanan, gudang, tracking dokumen, dan penagihan
dengan SMS Gateway.
Dari uraian latar belakang masalah tersebut maka penulis merasa
tertarik untuk melakukan penelitian dan menulis Laporan Tugas Akhir (TA)
dengan mengangkat judul : “Sistem Informasi Penjualan, Pelayanan, Gudang,
Tracking Dokumen, dan Penagihan dengan SMS Gateway Berbasis Web”,
diharapkan dengan hasil Tugas Akhir (TA) ini dapat membantu memberikan
kemudahan PT Teruna Gema Nusa dalam melakukan pendataan penjualan
dan penagihan dengan cepat yang tidak terbatas ruang dan waktu sehingga
meningkatkan efisiensi kerja perusahaan yang cepat, tepat dan akurat dalam
melakukan transaksi penjualan, pembelian, informasi stok, pelayanan,
pencarian dokumen, dan penagihan.
1.2 Perumusan Masalah

Berdasarkan latar belakang tersebut maka dapat dirumuskan yaitu
bagaimana membuat sistem informasi penjualan, pelayanan, gudang, tracking
dokumen, dan penagihan dengan SMS Gateway berbasis web.
1.3 Batasan Masalah

Dalam mengembangkan sistem informasi penjualan, pelayanan, gudang,
tracking dokumen, dan penagihan dengan SMS Gateway berbasis web ini ada
batasan masalah agar lingkup persoalan yang dihadapi bisa lebih sederhana dan
tidak menyimpang dari yang diinginkan. Batasan masalahnya antara lain :
1. Sistem yang akan dibangun mencakup transaksi penjualan, stok, pelayanan,
dan penagihan.
4
2. Pelayanan transaksi sistem ini adalah via live chat dengan user.
3. Pengelolaan stok mencakup pengaturan barang digudang dan pemesanan ke
supplier
4. Laporan mencakup laporan data customer, laporan pembelian, laporan
penjualan, laporan tagihan dan laporan data oli.
5. Retur oli tidak terjadi di PT. Teruna Gema Nusa, karena sebelum melakukan
pembelian baik penjual maupun pembeli melakukan pemeriksaan barang
terlebih dahulu secara bersama – sama.
6. Aplikasi ini menggunakan jaringan GSM untuk notifikasi SMS.
7. Tools SMS Gateway menggunakan Gammu.
8. Aplikasi ini dibuat dengan PHP dan Microsoft SQL Server sebagai database.
9. Metode pengembangan sistem yang di gunakan adalah metode
pengembangan sistem Rational Unified Process (RUP).
10. Metode perancangan sistem menggunakan Unified Modelling Language
(UML).
11. Perancangan interface menggunakan Balsamic Mockup.
1.4 Tujuan Tugas Akhir

Tujuan yang ingin dicapai adalah membuat Sistem Informasi Penjualan,
Pelayanan, Gudang, Tracking Dokumen, dan Penagihan dengan SMS Gateway
Berbasis Web yang menghasilkan sistem yang dapat melakukan :
1. Dapat melakukan transaksi penjualan
2. Dapat melakuakn pelayan melalui chat dalam web
3. Dapat menginformasikan stok yang update
4. Dapat melakukan penagihan dengan SMS
5
1.5 Manfaat Tugas Akhir

Adapun Manfaat yang di harapkan dari Tugas Akhir ini adalah sebagai berikut :
1. Bagi Penulis
Menambah pengetahuan dan pengalaman di bidang pembuatan aplikasi
berbasis web dalam penerapannya di lapangan dan mencoba mengukur
seberapa jauh kemampuan penulis dalam membuat program aplikasi sesuai
dengan materi pembelajaran selama dalam perkuliahan yang telah di dapat
selama perkuliahan, serta menambahkan pengetahuan dan wawasan tentang
sistem informasi penjualan, pelayanan, gudang, tracking dokumen, dan
penagihan dengan SMS Gateway.
2. Bagi Akademik
Bahan referensi yang dapat di pergunakan untuk perbandingan dan kerangka
acuan untuk persoalan yang sejenis, sehingga dapat meningkatkan kualitas
pendidikan mengenai sistem informasi penjualan, pelayanan, gudang,
tracking dokumen dan penagihan dengan SMS Gateway.
3. Bagi PT. Teruna Gema Nusa
Aplikasi dari hasil penelitian ini diharapkan mampu membantu dalam
melayani penjualan, informasi stok, pencarian dokumen, dan penagihan
dengan efektif serta efisien
4. Bagi Pembaca
Dapat menambah wawasan dan pengetahuan pembaca tentang bagaimana
cara membuat aplikasi penjualan, pelayanan, gudang, tracking dokumen,
dan penagihan menggunakan SMS Gateway berbasis web
6
1.6 Metodologi Penelitian

1.6.1 Jenis Data
Dalam melaksanakan Tugas Akhir (TA) ini, penulis menggunakan
beberapa metode, Adapun metodologi penelitian yang digunakan dalam
penulisan Laporan Tugas Akhir (TA) ini adalah :
a. Data Primer
Data-data yang diperoleh secara langsung dari PT. Teruna Gema
Nusa yaitu berupa data pelanggan, data penjualan, data stock barang,
penagihan, dan nota untuk pelanggan.
b. Data Sekunder
Data yang diperoleh secara tidak langsung dari sumber objek dan
digunakan sebagai pendukung data primer, berupa data mengenai
konsep atau gambaran dari perancangan untuk membuat sistem
informasi penjualan, pelayanan, gudang, tracking dokumen dan
penagihan dengan SMS Gateway berbasis web pada PT. Teruna
Gema Nusa. Seperti data yang diambil dari pelanggan atau orang lain
mengenai transaksi dan penagihan.
1.6.2 Metode Pengumpulan Data

Metode pengumpulan data merupakan salah satu aspek yang
berperan dalam kelancaran dan keberhasilan dalam suatu penelitian.
Dalam penelitian ini metode pengumpulan data yang digunakan adalah
sebagai berikut:
a. Wawancara
Wawancara Metode pengumpulan data yang dilakukan dengan cara
mengadakan tanya jawab yang dilakukan secara langsung kepada
bapak Rudy Papang Hartono (Owner) untuk mengumpulkan
informasi yang dibutuhkan dan hasil wawancara berupa data
7
informasi mengenai sistem penjualan, informasi stok dan penagihan

yang masih menggunakan data manual seperti.
1. Bagaimana proses transaksi yang berjalan ?
2. Bagaimana sistem penagihan yang berlangsung ?
3. Bagaimana cara menghitung stok selama ini ?
Dari wawancara ini saya menyimpulkan untuk membuat sistem
penjualan agar memudahkan admin penjualan melakukan transaksi
dan penagihan menggunakan SMS Gateway.
b. Pengamatan (Observasi)
Metode pengumpulan data yang dilakukan dengan cara mengadakan
pengamatan secara langsung pada objek yang akan diteliti mengenai
cara kerja dan proses pengolahan data tersebut dalam waktu yang
singkat pada PT. Teruna Gema Nusa dan hasil dari observasi tersebut
diperoleh data seperti stok dan harga barang yang di jual.
c. Studi Pustaka
Studi pustaka dilakukan dengan cara mempelajari teori-teori atau
literatur dan buku-buku yang berhubungan dengan sistem informasi
penjualan, sistem informasi pelayanan, sistem informasi sistem
informasi gudang, sistem informasi tracking dokumen dan sistem
informasi dengan menggunakan SMS Gateway sebagai dasar dalam
pelaksanaan pembuatan sistem informasi penjualan, pelayanan,
gudang, tracking dokumen, dan penagihan dengan SMS Gateway
berbasis web yang akan di buat. Seperti cara merancang dan sekaligus
cara pengembangannya.
1.6.3 Metode Pengembangan Sistem

Metode yang digunakan untuk pengembangan sistem adalah model
Rational Unified Process (RUP). Menurut Pressman (2012), metode ini
cocok digunakan untuk mengembangkan sebuah perangkat yang akan
8
dikembangkan kembali. Metode ini dimulai dengan pengumpulan

kebutuhan pengguna, dalam hal ini pengguna dari perangkat yang
dikembangkan adalah PT. Teruna Gema Nusa. Kemudian membuat
sebuah rancangan Unified Modeling Language yang selanjutnya akan
dievaluasi kembali sebelum diproduksi secara benar. Tahapan dari
paradigma RUP dapat dilihat pada Gambar 1.1:
Gambar 1.1. Model RUP (Rossa A S, 2014)

Pada Gambar 1.1 digambarkan langkah dalam metode pengembangan
sistem RUP yang uraiannya dapat di baca dalam penjelasan dibawah ini:
a. Inception
Pada Pada tahap ini pengembang mendefinisikan batasan
kegiatan, melakukan analisis kebutuhan user, dan melakukan
perancangan awal perangkat lunak (perancangan arsitektural dan use
case). Pada akhir fase ini, prototipe perangkat lunak versi Alpha harus
sudah dirilis (Setiawan and Nurfadilah, 2014).
Pada tahap ini penulis mencari sumber dan mengamati latar
belakang masalah yaitu menganalisa kebutuhan user dengan
melakukan pertemuan di PT. Teruna Gema Nusa Guna
mengumpulkan data-data tambahan baik yang ada di jurnal, artikel,
maupun dari internet untuk rancangan pembuatan sistem informasi
9
penjualan, pelayanan, gudang, tracking dokumen dan penagihan

dengan SMS Gateway berbasis web yang akan di buat.
b. Elaboration
Pada tahap ini dilakukan perancangan perangkat lunak mulai
dari menspesifikasikan fitur perangkat lunak hingga perilisan prototipe
versi Betha dari perangkat lunak (Setiawan and Nurfadilah, 2014).
Setelah semua data-data apa yang dibutuhkan dalam
pembuatan sistem informasi penjualan, pelayanan, gudang, tracking
dokumen dan penagihan dengan SMS Gateway berbasis web telah
selesai dikumpulkan dan sudah lengkap maka desain tampilan
antarmuka sistem web kemudian di kerjakan. Tahap ini menentukan
aplikasi apa yang dibutuhkan dan perencanaan alur sistem yang akan
dibuat.
c. Construction
Pengimplementasian rancangan perangkat lunak yang telah
dibuat dilakukan pada tahap ini. Pada akhir tahap ini, perangkat lunak
versi akhir yang sudah disetujui administrator dirilis beserta
dokumentasi perangkat lunak (Setiawan and Nurfadilah, 2014).
Pada tahap ini desain yang telah dibuat kemudian
diterjemahkan ke dalam kode-kode program. Disini penulis
menggunakan bahasa pemprograman PHP dan database MySQL.
Setelah sistem informasi penjualan, pelayanan, gudang, tracking
dokumen dan penagihan dengan SMS Gateway berbasis web selesai
dibuat sesuai dengan desain maka selanjutnya melakukan pengujian
dengan sistem testing untuk memeriksa apakah sistem tersebut sudah
layak dipakai atau masih ada sebuah perbaikan.
d. Transition
10
Kegiatan yang dilakukan pada tahap transition yaitu membuat

apa yang sudah dimodelkan menjadi suatu produk jadi, dalam fase ini
dilakukan Beta dan performance testing, membuat dokumentasi
tambahan seperti training.
Pada tahap ini dilakukan performance testing dan sosialisasi
kepada user untuk mengetahui bagaimana sistem ini berjalan .
1.7 Sistematika Penulisan

Sistematika penulisan laporan tugas akhir ini dibagi menjadi beberapa
bab. Hal ini bertujuan untuk mempermudah dalam memahami isi yang
terkandung didalamnya. Adapun penyusunan bab tersebut sebagai berikut :
BAB I : PENDAHULUAN
Berisi latar belakang pemilihan judul, perumusan masalah, batasan
masalah, tujuan Tugas Akhir (TA), manfaat Tugas Akhir (TA),
metodologi penelitian dan sistematika penulisan.
BAB II : TINJAUAN UMUM PT. TERUNA GEMA NUSA
Dalam bab ini memuat tentang sejarah singkat PT. Teruna Gema
Nusa, visi dan misi, tujuan, lokasi dan struktur organisasi sistem kerja
pada PT. Teruna Gema Nusa.
BAB III : TINJAUAN PUSTAKA
Berisi penjelasan tentang pengertian sistem cara pembelajaran, dan
UML serta gambaran umum mengenai bahasa pemrograman yang
digunakan untuk membuat sistem informasi penjualan, pelayanan,
gudang, tracking dokumen, dan penagihan dengan SMS Gateway
berbasis web di PT. Teruna Gema Nusa ini menggunakan PHP,
HTML, CSS, JavaScript dan MySQL
BAB IV : PERENCANAAN DAN ANALISA PERANCANGAN SISTEM
Dalam bab ini di uraikan tentang langkah – langkah penulis dalam
menganalisa permasalahan dan merancang sistem berdasarkan teori
11
yang menunjang seperti UML sebagai perancangan sistem dan

Balsamiq Mockups sebagai perancangan antarmuka.
BAB V : IMPLEMENTASI DAN PENGUJIAN SISTEM

Berisi pengaplikasian sistem informasi penjualan, pelayanan, gudang,
tracking dokumen dan penagihan dengan SMS Gateway
menggunakan PHP dan MySQL di PT. Teruna Gema Nusa, dan uji
coba menggunakan black box testing dan white box testing yang
dilakukan pada aplikasi yang dibuat.
BAB VI : PENUTUP
Bab ini berisi tentang kesimpulan dari bab-bab yang telah diuraikan
sebelumnya dan saran-saran yang diharapkan berguna bagi PT.
Teruna Gema Nusa.
DAFTAR PUSTAKA
LAMPIRAN
BAB II
TINJAUAN UMUM PT. TERUNA GEMA NUSA SEMARANG
2.1 Sejarah PT. Teruna Gema Nusa

PT. Teruna Gema Nusa didirikan pada tahun dan terletak di Jl. Dr
CIpto No.165 Semarang. PT. TERUNA GEMA NUSA merupakan salah
satu Distributor Resmi Pelumas Pertamina UPMS IV Semarang. PT. Teruna
Gema Nusa bergerak di bidang penjualan pelumas produksi Pertamina
untuk sektor otomotif, industri, dan perkapalan. PT. Teruna Gema Nusa
melayani penjualan pelumas dengan cluster : Semarang Utara, Kab. Demak,
Kab. Kudus, dan Kab. Jepara.
2.2 Visi dan Misi PT. Teruna Gema Nusa

2.2.1 Visi
Perusahaan yang bergerak sebagai distributor pelumas berkualitas
untuk tumbuh dan berkembang secara berkesinambungan menjadi
terkemuka di Indonesia.
2.2.2 Misi
Untuk membantu menghadirkan produk pelumas buatan perusahaan
dalam negeri, PT. Pertamina Persero, disetiap mesin yang ada.
2.3 Tata Nilai Perusahaan

2.3.1 Clean (Bersih)
Dikelola secara profesional, menghindari benturan kepentingan,
tidak menolerasi suap, menjunjung tinggi kepercayaan dan integritas.
2.3.2 Competitive (Kompetitif)
Mampu berkompetisi dalam skala regional maupun internasional,
mendorong pertumbuhan melalui investasi, membangun budaya
sadar biaya dan menghargai kinerja.
12
13
2.3.3 Confident (Percaya Diri)

Berperan dalam pembangunan ekonomi nasional, menjadi pelopor
dalam reformasi BUMN, dan membangun kebangsaan bangsa.
2.3.4 Customer – Focused (Fokus Pada Pelanggan)
Berorientasi pada kepentingan pelanggan, dan berkomitmen untuk
memberikan pelayanan terbaik kepada pelanggan.
2.3.5 Commercial (Komersial)
Menciptakan nilai tambah dengan orientasi komersil, mengambil
keputusan berdasarkan prinsip – prinsip bisnis yang sehat.
2.3.6 Capable (Berkemampuan)
Dikelola oleh pemimpin dan pekerja yang professional dan memiliki
talenta serta penguasaan teknis tinggi, berkomitmen dalam
membangun kemampuan riset dan pengembangan.
2.4 Struktur Organisasi

Struktur organisasi adalah sebuah susunan berbagai komponen atau
unit-unit kerja dalam sebuah organisasi yang ada di masyarakat. Dengan
adanya struktur organisasi maka kita bisa melihat pembagian kerja dan
bagaimana fungsi atau kegiatan yang berbeda bisa dikoordinasikan dengan
baik (Gammahendra, Hamid and Riza, 2014). Struktur Organisasi PT.
Teruna Gema Nusa dapat dilihat pada Gambar 2.1 :
14
Direktur
Utama
Supervisor Admin Admin Admin

Admin Kasir
Salesman Penjualan Gudang Pembukuan
Salesman
Gambar 2.1 Struktur Organisasi PT. Teruna Gema Nusa.
Gambar 2.1 menjelaskan tentang struktur organisasi PT. Teruna Gema

Nusa yang dimana terdapat Direktur Utama yang mengatasi Supervisor
Salesman, Admin Penjualan, Admin Kasir, Admin Gudang, Admin
Pembukuan, dan Salesman.
2.5 Job Description

2.5.1 Direktur Utama
Direktur utama sebagai pelaksana kebijakan di bidang
penyelenggara dan pelaksanaan kegiatan di seluruh kegiatan
perusahaan. Direktur utama bertugas merencanakan, merumuskan,
melaksanakan seluruh kebijakan yang bekaitan dengan pelaksaan
kegiatan perusahaan
2.5.2 Supervisor Salesman
Supervisor salesman adalah seseorang yang memimpin
team sales atau team penjualan dalam suatu bisnis atau perusahaan,
menciptakan jaringan pamasaran yang luas, melakukan analisa
program pemasaran dan merumuskan target pada pasar bagi
perusahaan.
15
2.5.3 Salesman
Salesman yang bertugas menjual barang dagangan ditempat
perusahaan berada dan memasarkan barang dagangan kepada pihak
lain yang membutuhkan barang tersebut.
2.5.4 Admin Penjualan
Admin penjualan adalah seseorang yang mencatat segala
transaksi penjualan yang terjadi, mencatat laporan mingguan
penjualan barang.
2.5.5 Admin Kasir
Admin kasir adalah seseorang yang mencatat segala
pemasukan perusahaan, membuat laporan penerimaan uang tunai
atau giro setiap harinya kepada Direktur Utama dan menagih piutang
dagang.
2.5.6 Admin Gudang
Admin gudang adalah seseorang yang bertanggung jawab
atas stok barang digudang, mengatur segala barang yang keluar atau
masuk digudang, dan mengecek semua barang dengan jumlah yang
ada dilaporan persediaan barang.
2.5.7 Admin Pembukuan
Admin pembukuaan adalah seseorang yang mencatat semua
transaksi kedalam jurnal, buku besar dan menjamin pencatatan telah
dilakukan dengan baik.
2.6 Lokasi dan Gambar Gedung PT. Teruna Gema Nusa

Nama Instansi : PT. Teruna Gema Nusa
Alamat : Jl. Dr Cipto 165 Semarang 50124 Jawa Tengah
No Telepon : (024) 8415205 – 8416489 - 8416498 – 8453165
Fax. : (024) 8415205 – 8453165
Email : terunagemanusa@gmail.com
Website : www.terunagemanusa.com
16
2.6.1 Lokasi
Lokasi Perusahaan adalah suatu tempat di mana perusahaan
itu malakukan kegiatan fisik. Kedudukan perusahaan dapat berbeda
dengan lokasi perusahaan, karena kedudukan perusahaan adalah
kantor pusat dari kegiatan fisik perusahaan (Gammahendra, Hamid
and Riza, 2014). Lokasi PT. Teruna Gema Nusa dapat dilihat di
Gambar 2.2 :
Gambar 2.2 Lokasi PT. Teruna Gema Nusa
Gambar 2.2 menjelaskan bahwa PT. Teruna Gema Nusa berletak di

Jalan Dr Cipto 165 Semarang 50124 Jawa Tengah dan berdampingan
dengan toko Tiara Interior.
2.6.2 Gedung
Gedung adalah struktur buatan manusia yang terdiri atas
dinding dan atap yang didirikan secara permanen di suatu tempat.
Bangunan juga biasa disebut dengan rumah dan gedung, yaitu segala
sarana, prasarana atau infrastruktur dalam kebudayaan atau
kehidupan manusia dalam membangun peradabannya. Bangunan
memiliki beragam bentuk, ukuran, dan fungsi, serta telah mengalami
penyesuaian sepanjang sejarah yang disebabkan oleh beberapa
faktor, seperti bahan bangunan, kondisi cuaca, harga, kondisi tanah,
17
dan alasan estetika(Gammahendra, Hamid and Riza, 2014). Gedung

PT. Teruna Gema Nusa terdapat di Gambar 2.3 :
Gambar 2.3 Gambar Gedung PT. Teruna Gema Nusa.
Gambar 2.3 adalah gedung PT. Teruna Gema Nusa dimana disitu terdapat
nama perusahaan dan disitu menunjukan bahwa PT. Teruna Gema Nusa
adalah agen resmi dari PT. Pertamina Lubricants.
BAB III
TINJAUAN PUSTAKA
3.1 Pengertian Sistem Informasi

Sistem informasi adalah kumpulan elemen yang saling berhubungan
dan berfungsi untuk memproses, mengumpulkan, mendistribusikan serta
menyimpan informasi yang berguna sebagai pendukung dalam pembuatan
keputusan juga pengawasan dalam organisasi (Erwantoni, 2017). Sistem
informasi merupakan suatu kumpulan dari komponen-komponen dalam
perusahaan atau organisasi yang berhubungan dengan proses penciptaan
dan pengaliran informasi (Prasetyo and Rahel, 2016). Secara teori,
penerapan sebuah Sistem Informasi memang tidak harus menggunakan
komputer dalam kegiatannya. Tetapi pada prakteknya tidak mungkin sistem
informasi yang sangat kompleks itu dapat berjalan dengan baik jika tanpa
adanya komputer. Sistem Informasi merupakan sistem pembangkit
informasi. Dengan integrasi yang dimiliki antar subsistemnya, sistem
informasi akan mampu menyediakan informasi yang berkualitas, tepat,
cepat dan akurat sesuai dengan manajemen yang membutuhkannya
(Sutopo, Cahyadi and Arifin, 2016).
3.2 Penjualan
Penjualan merupakan suatu kegiatan yang dilakukan sebagian

manusia dalam menjual barang dagangan yang dimiliki baik itu barang
ataupun jasa kepada pasar agar mencapai suatu tujuan yang diinginkan.
Penjualan adalah suatu transaksi yang bertujuan untuk mendapatkan suatu
keuntungan, dan merupakan suatu jantung dari suatu perusahaan. Dengan
pengertian lain definisi penjualan adalah pemindahan hak milik atas
barang atau pemberian jasa yang dilakukan penjualan kepada pembeli
dengan harga yang disepakati bersama dengan jumlah yang dibebankan
kepada pelanggan dalam penjualan barang atau jasa dalam suatu periode
akuntansi (Erwantoni, 2017). Penjualan merupakan kegiatan yang
18
19
dilakukan oleh penjual dalam menjual barang atau jasa dengan harapan
akan memperoleh laba dari adanya transaksitransaksi tersebut dan
penjualan dapat diartikan sebagai pengalihan atau pemindahan hak
kepemilikan atas barang atau jasa dari pihak penjual ke pembeli
(Wulandari and Siska, 2015). Penjualan merupakan suatu kegiatan yang
dilakukan sebagian manusia dalam menjual barang dagangan yang
dimiliki baik itu barang ataupun jasa kepada pasar agar mencapai suatu
tujuan yang diinginkan. Penjualan adalah suatu transaksi yang bertujuan
untuk mendapatkan suatu keuntungan, dan merupakan suatu jantung dari
suatu perusahaan (Prasetyo and Rahel, 2016).
3.3 Sistem Informasi Penjualan

Sistem informasi penjualan ialah suatu pembuatan pernyataan
penjualan atau kegiatan yang dijelaskan melalui prosedur-prosedur
penjualan (Anthony et al., 2017). Sistem informasi penjualan adalah suatu
kumpulan informasi yang mendukung suatu proses pemenuhan kebutuhan
suatu informasi yang bertanggung jawab untuk menyediakan informasi
penjualan dalam satu kesatuan proses yang bertujuan untuk meningkatkan
pelayanan pada suatu organisasi atau perusahaan (Astuti, 2014). Sistem
informasi penjualan adalah suatu sistem didalam suatu organisasi yang
mempertemukan kebutuhan pengolahan transaksi harian, mendukung
operasi, bersifat menejerial dan kegiatan strategi dari suatu organisasi dan
menyediakan pihak luar tertentu dengan laporan-laporan yang diperlukan
(Uswatun, 2014) .
3.4 Pelayanan
Pelayanan adalah suatu kegiatan atau urutan kegiatan yang terjadi
dalam interaksi langsung antara seseorang dengan orang lain atau mesin
secara fisik, dan menyediakan kepuasan pelanggan (Sundari, 2016).
Pelayanan digunakan sebagai upaya peningkatan kualitas di dalam
penyediaan pelayanan pada sektor public, termasuk dalam hal ini adalah
sebagai dasar pengembangan e-government prinsip-prinsip tersebut ialah
20
aksesibilitas, kontinuitas, teknikalitas, profitabilitas, dan akuntabilitas

(Ibrahim and Maita, 2017). Pelayanan dapat diartikan sebagai pemberian
layanan (melayani) keperluan orang atau masyarakat yang mempunyai
kepentingan pada organisasi itu sesuai dengan aturan pokok dan tata cara
yang telah ditetapkan (Fadli, Wibowo and Jatmika, 2016).
3.5 Sistem Informasi Pelayanan

Sistem informasi pelayanan yang selanjutnya disebut Sistem
Informasi adalah rangkaian kegiatan yang meliputi penyimpanan dan
pengelolaan informasi serta mekanisme penyampaian informasi dari
penyelenggara kepada masyarakat dan sebaliknya dalam bentuk lisan serta
disajikan secara manual ataupun elektronik (Hardiyansyah, 2014). Sistem
pelayanan adalah prosedur dan metode yaitu dalam pelayanan perlu adanya
sistem informasi, prosedur dan metode yang mendukung kelancaran dalam
memberikan pelayanan (Indriyani and Kurniadi, 2017). Sistem informasi
pelayanan adalah suatu sistem yang terjadi dalam interaksi langsung antara
seseorang dengan orang lain atau mesin secara fisik, dan menyediakan
kepuasan pelanggan (Fahrudin et al., 2014).
3.6 Persediaan (Inventory)
Persedian merupakan bahan atau barang yang disimpan untuk

tujuan tertentu, antara lain untuk proses produksi, jika berupa bahan mentah
maka akan diproses lebih lanjut, jika berupa komponen (spare part) maka
akan dijual kembali menjadi barang dagangan.(Noviandi, Destiani and
Partono, 2014). Persedian dapat diartikan sebagai barang-barang yang
disimpan untuk digunakan atau dijual pada masa atau periode yang akan
datang (Prawira et al., 2017). Persedian atau Inventory meliputi semua
barang yang dimiliki perusahaan pada saat tertentu, dengan dijual kembali
atau diasumsikan dalam siklus operasi normal perusahaan sebagai barang
yang dimiliki untuk dijual atau diasumsikan dimasa yang akan datang.
Semua barang yang berwujud dapat disebut inventory, tergantung dari sifat
dan jenis usaha perusahaan (Dahlan and Asy, 2017).
21
3.7 Sistem Informasi Persediaan (Inventory)
Sistem informasi persediaan (inventory) adalah suatu sistem

software yang akan membantu proses inventarisasi dengan menerapkan
tertib administrasi inventori yang ketat Pencatatan dari barang masuk,
penyimpanan, sampai dengan barang keluar. Dilengkapi dengan sistem
pela poran yang sistematis dan akurat. Sistem informasi inventori ini
dibuat dengan sistem multi user yang memungkinkan pengaksesan sistem
informasi oleh beberapa user yang berbeda dalam suatu waktu (Anthony et
al., 2017). Sistem informasi persediaan mendukung rutin kerja dalam
bagian kontrol persediaan, yaitu dengan menangkap dan mencatat data
yang berhubungan dengan sistem pesediaan, misalnya transaksi
penerimaan barang dan transaksi penggunaan barang (Rohyadi, 2014).
Sistem informasi persediaan barang merupakan suatu system yang
menjelaskan bagaimana transaksi penerimaan barang dan transaksi
penggunaan barang yang berisi tentang status stok barang itu sendiri yang
dapat membantu meningkatkan produktifitas perusahaan (Sari and Nuari,
2017).
3.8 Tracking Dokumen

Tracking Dokumen merupakan suatu istilah dalam kegiatan
penelusuran sebuah dokumen. Definisi dari penelusuran tidak dapat
diartikan dengan jelas bila dikaitkan dengan logistik, namun secara khusus
penelusuran sering disamakan dengan konsep pelacakan. Tetapi menurut
para ahli, pengertian pelacakan dan penelusuran adalah dua aplikasi yang
berbeda, dimana pelacakan merupakan suatu hal dalam pengumpulan dan
pengelolaan informasi yang berhubungan dengan lokasi dokumen saat ini,
sedangkan penelusuran lebih ditekankan pada penyimpanan dan perolehan
proses manufaktur dari suatu dokumen (Saputra et al., 2014). Tracking
dokumen adalah suatu kegatan yang digunakan untuk memastikan bahwa
ssemua proses telah berjalan sebagaimana mestinya, sehingga dapat
dihasilkan informasi yang akurat (Sukisno and Wuni, 2017). Tracking
22
dokumen dapat diartikan memantau atau mengikuti jalan, atau dalam arti
bebasnya adalah suatu kegiatan untuk memantau atau mengikuti jejak dari
suatu dokumen (Wulandari and Siska, 2015).
3.9 Sistem Informasi Tracking Dokumen

Sistem tracking dokumen adalah suatu sistem yang digunakan untuk
memastikan bahwa ssemua proses telah berjalan sebagaimana mestinya,
sehingga dapat dihasilkan informasi yang akurat. Dalam kasus pealacakan
acuan quality departemen brushing tracking sistem digunakan untuk
melacak keberadaan acuan quality yang sedang digunakan. Pelacakan
dapat dilakukan dengan media web browser (Sukisno and Wuni, 2017).
Sistem informasi tracking dokumen merupakan suatu sistem dalam
kegiatan penelusuran sebuah dokumen (Saputra et al., 2014). Sistem
informasi tracking dokumen merupakan mekanisme sistem memantau
keberadaan dokumen yang bergerak dari jalurnya. Pengertian bergerak
dalam perspektif geografi adalah perpindahan posisi suatu dokumen.
Sistem informasi trakcing dokumen diperoleh dengan merekan data
perpindahan tersebut (Suardinata and Lubis, 2015).
3.10 Penagihan
Kamus Besar Bahasa Indonesia (KBBI, 2015), penagihan memiliki 3
arti. Penagihan berasal dari kata dasar tagih. Penagihan adalah sebuah
homonim karena arti-artinya memiliki ejaan dan pelafalan yang sama
tetapi maknanya berbeda. Penagihan memiliki arti dalam kelas nomina
atau kata benda sehingga penagihan dapat menyatakan nama dari
seseorang, tempat, atau semua benda dan segala yang dibendakan.
3.11 Sistem Informasi Penagihan

Sistem informasi penagihan adalah sitem untuk memastikan bahwa
para pelanggan ditagih untuk semua penjualan, bahwa faktur akurat, dan
bahwa catatan rekening pelanggan dipelihara akurat (Latifah, Ambo and
Yudha, 2018). Sistem informasi penagihan dirancang untuk
23
menginformasikan tagihan yang telah jatuh tempo. Sistem informasi

penagihan mencakup prosedur diantarannya adalah prosedur penagihan
prosedur pernyataan tagihan (Iswandy and Informasi, 2016). Sistem
informasi penagihan adalah suatu sitem yang dimulai dengan prosedur
pemberitahuan tagihan, prosedur penagihan, dan prosedur penghapusan
tagihan (Maranatha, 2015).
3.12 SMS Gateways

SMS Gateway adalah aplikasi SMS dimana pesan yang diterima
dan dikirimkan menggunakan bantuan Gateway Device terintegrasi dengan
database server yang dapat mendistribusikan pesan SMS secara otomatis
(Akbar, Satoto and Christiyono, 2013). SMS Gateway adalah komunikasi
menggunakan SMS yang mengandung informasi berupa nomor telepon
seluler pengirim, penerima, waktu dan pesan. Aplikasi SMS Gateway
adalah sebuah perangkat lunak yang menggunakan bantuan komputer dan
memanfaatkan teknologi seluler yang diintegrasikan guna mendistribusikan
pesan-pesan yang dipadukan lewat sistem informasi melalui media SMS
yang ditangani oleh jaringan seluler. SMS Gateway biasanya support untuk
pesan yang berupa teks, unicode character, dan juga smart messaging
(Afrina and Ibrahim, 2015). SMS Gateway adalah teknologi mengirim,
menerima dan bahkan mengolah sms melalui komputer dan sistem
komputerisasi (software). Seperti kita ketahui, pada zaman sekarang,
hampir semua individu telah memiliki telepon selular (handphone), bahkan
ada individu yang memiliki lebih dari 1 handphone. SMS merupakan salah
satu fitur pada handphone yang pasti digunakan oleh pengguna (user), baik
untuk mengirim, maupun untuk menerima sms. Dari segi kecepatan sms,
semakin banyak terminal (handphone / modem) yang terhubung ke
komputer (dan disetting ke software sms),maka semakin cepat proses
pengiriman smsnya (Wikma, 2014). Berikut gambar skema SMS Gateway
dapat dilihat pada Gambar 3.1.
24
Gambar 3.1 Cara Kerja SMS Gateway (Primartha, 2014).
Pada gambar 3.1. dapat dilihat Mekanisme cara kerja pengiriman SMS
dibagi menjadi 3 bagian yaitu: (a) Intra-operator SMS: pengiriman SMS
dalam satu operator; (b) Inter-operator SMS: pengiriman SMS antar
operator yang berbeda; (c) SMS Internasional: pengirim SMS dari operator
suatu negara ke Negara lain (Primartha, 2014).
3.13 Gammu
Gammu adalah service yang disediakan untuk membangun aplikasi

yang berbasis SMS gateway. Selain mudah, aplikasi SMS gateway dengan
gammu adalah free. Ada dua mekanisme kerja dari gammu yaitu sebagai
aplikasi dan sebagai deamon. Gammu sebagai aplikasi akan bekerja ketika
perintah gammu dijalankan pada lingkungan shell beserta perintahnya
disertakan sesuai fungsi yang diinginkan. Sedangkan sebagai deamon,
gammu ditandai dengan dijalankannya perintah smsd pada shell. Pada
prinsipnya cara kerja gammu yaitu menghubungkan modem/ponsel dengan
PC. SMS yang diterima di modem / ponsel akan diambil oleh gammu untuk
dipindahkan ke dalam database yang telah diatur sebelumnya (Afrina and
Ibrahim, 2015). Gammu adalah sebuah aplikasi cross-platform yang
digunakan untuk menjembatani / mengomunikasikan antara database SMS
Gateway dengan sms devices. Aplikasi Gammu berupa daemon yang
berjalan secara background. Setiap saat, gammu memonitor sms devices
25
dan database SMS gateway. Saat ada sms masuk ke sms devices, maka
gammu langsung memindahkannya ke dalam inbox dalam database sms
gateway. Sebaliknya saat aplikasi pengirim ama memasukkan sms ke dalam
outbox dalam database sms gateway, maka gammu mengirimkannya
melalui sms devices, dan memindahkan sms ke sentitem dalam database
(Taufiq, 2013). Gammu adalah sebuah aplikasi open source berupa
kumpulan kode / script yang berguna untuk mengatur fungsi pada telepon.
Gammu sendiri merupakan satu dari sekian banyak aplikasi SMS Gateway
yang cukup populer di kalangan penggunanya (Kermite et al., 2012). Cara
kerja gammu dapat dilihat pada Gambar 3.2.
Gambar 3.2. Cara Kerja Gammu (Afrina and Ibrahim, 2015)
Pada Gambar 3.2 dapat dilihat cara kerja gammu yang terdapat komponen
komputer, gammu, modem dan ponsel penerima (Afrina and Ibrahim,
2015) .
3.14 Penelitian Terdahulu

Penggunaan Penggunaan sistem penjualan, pelayanan, gudang,
tracking dokumen, dan penagihan dengan SMS Gateway berbasis web telah
dilakukan oleh peneliti-peneliti diberbagai Kota. Penelitian terdahulu
mengenai sitem informasi berbasis website dapat dilihat dalam Tabel 3
Tabel 3.1. Penelitian Terdahulu

Judul Penulis Analisis Output Manfaat
Sistem Informasi (Prasetyo Pembuatan Aplikasi Mengetahui
Penjualan and Rahel, aplikasi sistem dan
Berbasis Web 2016) penjualan penjualan mempermudah
Pada PT. Cahaya berbasis makanan cara pembuatan
Sejahtera Sentosa web. tiwul sistem
Blitar berbasis penjualan
web berbasis web.
26
Tabel 3.1. Penelitian Terdahulu (Lanjutan)

Pembuatan (Suardinata Untuk Aplikasi Mengetahui
Sistem SMS and Lubis, membangun Sistem dan
Gateway Untuk 2015) aplikasi SMS mempermudah
Kelancaran SMS Gateway cara pembuatan
Tagihan Gateway untuk sistem SMS
Pelanggan Di PT Penagihan Gateway
PLN Cabang Pelanggan
Padang
Pengembangan (Noviyanti Membuat Aplikasi Mengetahui
Aplikasi Live et al., 2014) aplikasi live Live Chat dan
Chat Dengan chat untuk mempermudah
Menggunakan berbasis media cara pembuatan
WEBRTC web dengan komunikasi sistem live
Sebagai WEBRTC chat.
Pemanfaatan
Teknologi
Informasi dan
Komunikasi
untuk Media
Pembelajaran
Jarak Jauh (E-
LEARNING)
Berdasarkan Tabel 3.1 Penelitian Terdahulu yang menjelaskan
tentang perbandingan dari beberapa penelitian mengenai persedian barang,
live chat dan SMS Gateway yang sudah dilaksanakan maka perbedaan yang
dimiliki dari penilitian ini dapat menjadi refrensi dalam pembuatan sistem
informasi penjualan, pelayanan, gudang, tracking dokumen, dan penagihan
dengan SMS gateway berbasis web.
3.15 HTML
Apa itu HTML? HTML singkatan dari Hyper Text Markup
Language. HTML bahasa pengkodean yang digunakan untuk membuat
halaman web agar bisa ditampilkan melalui web browser. Kod HTML
yang menjadi penyusun tampilan sebuah halaman web bisa. (Zaenal A.
Rozi, 2015)
3.16 CSS
CSS adalah singkatan dari CSS adalah singkatan dari Cascading
Style Sheets. CSS adalah bahasa pengkodean yang digunakan untuk
27
menata gaya tampilan halaman web agar lebih cantik dan indah saat
ditampilkan di web browser.
CSS hadir sebagai pelengkap HTML. Mengingat HTML lebih fokus
pada aspek pendefinisian konten, maka pembuatan layout dan tata warna
menjadi masalah di HTML. CSS dikembangkan untuk memisahkan aspek
konten dengan aspek tampilan. (Zaenal A. Rozi, 2015).
3.17 JavaScipt
JavaScript adalah script default di HTML. Meskipun namanya
berbau Java, JavaScript dan Java adalah dua bahasa pemrograman yang
berbeda. Bersama HTML dan CSS, JavaScript menjadi tiga teknologi
paling utama dalam pembuatan konten website. JavaScript sudah
didukung oleh berbagai browser modern, sehingga tidak membutuhkan
plug-ins apapun. (Zaenal A. Rozi, 2015).
3.18 MySQL
Menurut (Bunafit, 2013) MySQL itu adalah software atau program
Database Server, jadi MySQL itu software atau programnya. Sedangkan
SQL adalah bahasa pemrogramannya, bahasa permintaan memakai
(query) dalam database server termasuk dalam MySQL itu sendiri. SQL
juga dipakai dalam software database server lain, seperti SQL server,
Oracle, PostgresSQL dan lainnya.
3.19 PHP
PHP (PHP: Hypertext Preprocessor) adalah suatu bahasa

pemrograman yang digunakan utuk menerjemahkan baris kode program
menjadi kode mesin yang dapat di mengerti oleh komputer yang bersifat
server-side yang dapat di tambah ke dalam HTML. (Supono, 2016)
3.20 XAMPP
Untuk menjalankan PHP dibutuhkan web server. XAMPP

merupakan salah satu web server yang banyak kita jumpai dan banyak di
28
pakai oleh seseorang dalam mengembangkan website. XAMPP terdiri

dari Apache web server, MySQL, PHP, Perl, FTP server dan PHP
myadmin (Supono, 2016).
3.21 IDE
Menurut (Supono, 2016) Integrated Development Environment

(IDE) merupakan suatu software (perangkat lunak) yang digunakan untuk
menulis kode program. 2 diantara beberapa software IDE yaitu :
3.21.1 Notepad
Notepad merupakan IDE yang paling sederhana dimiliki oleh
bahasa system operasi windows. IDE ini mempunyai kemampuan
untuk membuat ataupun men-edit sintaks bahasa pemrograman,
dengan kata lain notepad adalah IDE yang mempunyai kemampuan
sebagai text editor (Supono, 2016).
3.21.2 Notepad ++
Notepad ++ merupakan aplikasi text editor yang gratis serta
powerfull yang dapat digunakan oleh seorang pengembang aplikasi
(programmer) untuk menuliskan sebuah kode-kode program.
Notepad ++ mendukung banyak bahasa pemrograman,
diantaranya: Assembly, C, C++, CSS, HTML dan lain sebagainya
(Supono, 2016).
3.22 Balsamiq Mockup
Menurut website resmi Balsamiq https://balsamiq.com/. Balsamiq

Mockups adalah alat wireframing cepat yang membantu Anda bekerja
lebih cepat & lebih pintar. Balsamiq Mockups menciptakan pengalaman
sketsa di papan tulis, tetapi menggunakan komputer, membuat mockups
menjadi cepat. Anda akan menghasilkan lebih banyak ide, sehingga anda
dapat membuang yang buruk dan menemukan solusi terbaik. Menurut
(Hanifah, 2015) Balsamiq Mockup adalah salah satu software yang di
gunakan dalam pembuatan desain atau prototype dalam pembuatan
29
tampilan user interface sebuah aplikasi. Berikut ini adalah beberapa fitur
Balsamiq Mockup dapat dilihat pada Gambar 3.3.
Gambar 3.3. Fitur Balsamiq Mockup (Hanifah, 2015)
Pada Gambar 3.3 dapat dilihat Fitur Balsamiq Mockup terdapat fitur Low-fi
Sketch Wireframes, Komponen UI & Icon, Click-Through Prototipe,
Ekspor ke PNG atau PDF (Hanifah, 2015).
3.23 Alat Bantu Perancangan Sistem

Desain atau perancangan dalam pembangunan perangkat lunak
merupakan upaya untuk mengontruksi sebuah sistem yang memberikan
kepuasan akan spesifikasi kebutuhan fungsional, memenuhi target,
memenuhi kebutuhan secara implisit atau eksplisit dari segi performansi
maupun penggunaan sumber daya, kepuasan batasan pada proses desain
dari segi biaya, waktu dan perangkat (Rosa A.S dan M. Shalahudin, 2013).
Dalam merancang model, penulis menggunakan salah satu notasi yaitu
OOD (Object-Oriented Design). OOD merupakan suatu metode untuk
30
mengarahkan objek-objek sistem atau sub sistem yang antara lain adalah
sebagai berikut :
a. Usecase
Usecase atau diagram usecase merupakan pemodelan untuk
kelakuan (behavior) sistem informasi yang akan dibuat. Usecase
mendeskripsikan sebuah interaksi satu atau lebih aktor dengan
sistem informasi yang akan dibuat. Secara kasar usecase digunakan
untuk mengetahui fungsi apa saja yang ada di dalam sebuah sistem
informasi dan siapa saja yang berhak menggunakan fungsi-fungsi
itu. Ada dua hal utama pada usecase yaitu aktor yang merupakan
orang, proses atau sistem lain yang berinteraksi dengan sistem
informasi yang akan dibuat di luar sistem informasi itu sendiri dan
Usecase yang merupakan fungsionalitas yang disediakan sistem
sebagai unit-unit yang saling bertukar pesan antar unit atau aktor.
Berikut dalam Tabel 3.2 adalah simbol yang ada pada diagram
usecase.
Tabel 3.2 Simbol Use Case Diagram (Rosa A.S dan M. Shalahudin, 2013)
Simbol Deskripsi
Use case Fungsionalitas yang disediakan
sistem sebagai unit-unit yang saling
Nama usecase bertukar pesan antar unit atau aktor.
Usecase biasanya dinyatakan dengan
menggunakan kata kerja diawal fase
usecase.
Aktor/ Actor Proses atau sistem lain yang
berinteraksi dengan sistem informasi
yang akan dibuat diluar sistem
informasi itu sendiri, jadi walaupun
simbol aktor adalah orang belum
tentu merupakan orang, biasanya
dinyatakan menggunakan kata benda
di awal frase nama aktor.
Assosiasi/ Association Komunikasi antara aktor dan usecase
yang berpartisipasi pada usecase atau
usecase memiliki interaksi dengan
actor.
31
Tabel 3.2 Simbol Use Case Diagram (Lanjutan)

Generalisasi/ Generalization Hubungan generalisasi dan
spesialisasi (umum- khusus) antara
dua buah usecase dimana fungsi yang
satu adalah fungsi yang lebih umum
dari lainnya, misalnya:
ubah data
mengelola data
hapus data
Arah panah mengarah pada usecase

yang menjadi generalisasinya.
Ekstensi/ Extend Relasi usecase tambahan ke sebuah
usecase dimana usecase yang
ditambahkan dapat berdiri sendiri
walau tanpa usecase tambahan itu.
Biasanya usecase tambahan memiliki
<<extend >>
nama depan yang sama dengan
usecase yang ditambahkan, misal :
Validasi username
<<extend>
>
Validasi user
<<extend>
>
validasi sidik jari
biasanya usecase yang menjadi

extend-nya merupakan jenis yang
sama dengan usecase yang menjadi
induknya.
32
Tabel 3.2 Simbol Use Case Diagram (Lanjutan)

Menggunakan/ Include Relasi usecase tambahan ke sebuah
usecase dimana usecase yang
ditambahkan memerlukan usecase ini
untuk menjalankan fungsinya atau
sebagai syarat dijalankannya usecase
<<include>>
ini.
Validasi username
<<include>>
login
Tabel 3.2 menjelaskan simbol pada diagram usecase dan simbol

relasi diagram usecase beserta tujuan penggunaanya dalam
pemodelan sistem informasi yang akan dibangun menurut Rosa A.S
dan M. Shalahudin (2013).
b. Class Diagram
Class diagram atau diagram kelas menggambarkan struktur
sistem dari segi pendefinisian kelas-kelas yang akan dibuat untuk
membangun sistem. (Rosa A.S dan M.Shalahuddin 2013). Berikut
dalam Tabel 3.3 adalah simbol pada class diagram.
Tabel 3.3 Simbol Class Diagram (Rosa A.S dan M. Shalahudin, 2013)
Simbol Keterangan
Kelas Kelas pada struktur system.
Nama kelas
+atribut
+operasi()
Antarmuka/interface Sama dengan konsep interface dalam
pemrograman berorientasi objek.
nama_interface
33
Tabel 3.3 Class Diagram (Lanjutan)

Asosiasi/association Relasi antar kelas dengan makna
umum,biasanya disertai multiplicity.
Relasi antar kelas dengan makna

generalisasi-spesialisasi.
Generalisasi
Pada Tabel 3.3 dijelaskan simbol kelas, antarmuka, asosiasi dan

generalisasi yang digunakan dalam pemodelan class diagram
menurut Rosa A.S dan M.Shalahuddin (2013).
c. Activity Diagram
Activity diagram menggambarkan workflow (aliran kerja)
atau aktivitas dari sebuah sistem atau proses bisnis atau menu yang
ada pada perangkat lunak. Yang perlu diperhatikan disini adalah
bahwa diagram aktivitas menggambarkan aktivitas sistem bukan
apa yang dilakukan aktor (Rosa A.S dan M.Shalahuddin, 2013).
Adapun simbol activity diagram dapat dilihat pada Tabel 3.4
berikut.
Tabel 3.4 Simbol Activity Diagram (Rosa A.S dan M. Shalahudin, 2013)
Simbol Deskripsi
Status awal Status awal sistem, sebuah diagram aktivitas
memiliki sebuah status awal.
Aktivitas Aktivitas yang dilakukan sistem, aktivitas
aktivitas biasanya diawali dengan kata kerja.
Percabangan/ decision Asosiasi percabangan dimana jika ada

pilihan aktivitas lebih dari satu.
Penggabungan/join Asosiasi penggabungan dimana lebih dari

satu aktivitas digabungkan menjadi satu.
34
Tabel 3.4 Simbol Activity Diagram (Lanjutan)

Status akhir Status akhir yang dilakukan system sebuah
diagram aktivitas memiliki sebuah status
akhir.
Swimlane Memisahkan organisasi bisnis yang
bertanggung jawab terhadap aktivitas yang
Nama swimlane terjadi.
Pada Tabel 3.4 dijelaskan simbol status awal, aktivitas,

perancangan, penggabungan, status akhir, dan swimlane yang
digunakan dalam pemodelan activity diagram menurut Rosa A.S
dan M.Shalahuddin (2013).
d. Sequence Diagram
Diagram sekuen menggambarkan kelakuan objek pada use
case dengan mendeskripsikan waktu hidup objek dan message
yang dikirimkan dan diterima antar objek. (Rosa A.S dan
M.Shalahuddin 2013). Berikut simbol yang digunakan pada
pemodelan sequence diagram disajikan pada Tabel 3.5 berikut.
Tabel 3.5 Simbol Sequence Diagram (Rosa A.S dan M. Shalahudin, 2013)
Simbol Deskripsi
Actor Menjelaskan secara khusus tentang peran

yang dimainkan oleh pengguna saat
berinteraksi dengan use case.
Garis Hidup/ Lifeline Menggambarkan daur hidup sebuah objek.
Objek Menyatakan objek yang berinteraksi pesan.

nama obyek : nama kelas
35
Tabel 3.5 Simbol Sequence Diagram (Lanjutan)

Activation Activation dinotasikan sebagai sebuah kotak
segi empat yang digambar pada sebuah
lifeline. Activation mengindikasikan sebuah
obyek yang akan melakukan sebuah aksi.
Control Control berhubungan dengan fungsionalitas

seperti pemanfaatan sumber daya,
pemrosesan terdistribusi, atau penanganan
kesalahan.
Entity Entity digunakan meangani informasi yang

mungkin akan disimpan secara permanen.
Entity juga bisa merupakan sebuah tabel
pada struktur basis data.
Pesan tipe create Menyatakan suatu objek membuat objek

<<create>> yang lain,arah panah mengarah pada objek
lain atau dirinya sendiri.
Boundary Boundary terletak diantara system

dengan dunia sekelilingnya.
Pada Tabel 3.5 dijelaskan simbol aktor, garis hidup, objek,

activation, kontrol, entity, pesan tipe, dan boundary yang
digunakan dalam pemodelan activity diagram menurut Rosa A.S
dan M.Shalahuddin (2013).
36
e. State Machines
Statechart diagram digunakan untuk memodelkan perilaku dinamis
satu kelas atau objek. Statechart diagram memperlihatkan urutan
keadaan sesaat (state) yang dilalui sebuah objek, Kejadian yang
menyebabkan sebuah transisi dari suatu state atau aktivitas kepada
yang lainnya (Rosa A.S dan M.Shalahuddin, 2013). Berikut simbol
yang digunakan pada pemodelan state machines disajikan pada
Tabel 3.6 berikut.
Tabel 3.6 Simbol State Machines (Rosa A.S dan M. Shalahudin, 2013)
Simbol Deskripsi
State State, digambarkan berbentuk segi empat
dengan sudut membulat dan memiliki nama
sesuai kondisinya saat itu.
Start Start (titikawal), digunakan untuk

menggambarkan awal dari kejadian dalam
suatu diagram statechart.
End End (titikakhir), digunakan untuk
menggambarkan akhir dari kejadian dalam
suatud iagram statechart
Point Point, digunakan untuk menggambarkan
apakahakan masuk (entry point) ke dalam
state atau akan keluar (exit point).
Pada Tabel 3.6 dijelaskan simbol apa state, start, end,

guard, point, dan event digunakan dalam pemodelan state
machines menurut Rosa A.S dan M.Shalahuddin (2013).
37
f. Component Diagram
Diagram komponen atau component diagram dibuat untuk
menunjukkan organisasi dan ketergantungan diantara kumpulan
komponen dalam sebuah sistem. diagram komponen fokus pada
komponen sistem yang dibutuhkan dan ada didalam sistem. (Rosa
A.S dan M.Shalahuddin, 2013). Berikut simbol yang digunakan
pada pemodelan component diagram disajikan pada Tabel 3.7
berikut.
Tabel 3.7 Simbol Component Diagram (Rosa A.S dan M. Shalahudin, 2013)
Simbol Deskripsi
Komponen Komponen system.
Ketergantungan Kebergantungan antar komponen, arah

(Dependency) panah mengarah pada komponen yang
dipakai.
Antarmuka/interface Sama dengan interface pada

pemrograman berbasis objek, yaitu
sebagai antarmuka komponen agar tidak
mengakses langsung komponen.
Link Relasi antar komponen.
Pada Tabel 3.7 dijelaskan simbol package, component,

dependency, interface, dan link yang digunakan dalam pemodelan
component diagram menurut Rosa A.S dan M.Shalahuddin (2013).
g. Deployment Diagram
38
Deployment diagram menggambarkan detail bagaimana

komponen di deploy dalam infrastruktur system, dimana komponen
akan terletak (pada mesin, server atau piranti keras), bagaimana
kemampuan jaringan pada lokasi tersebut, spesifikasi server, dan
hal-hal lain yang bersifat fisikal. Hubungan antar node ( misalnya
TCP/IP) dan requirement dapat juga didefinisikan dalam diagram
ini (Rosa A.S dan M.Shalahuddin, 2013). Berikut simbol yang
digunakan pada pemodelan deployment diagram disajikan pada
Tabel 3.8 berikut.
Tabel 3.8 Simbol Deployment Diagaram (Rosa A.S dan M. Shalahudin, 2013)
Simbol Deskripsi
Node Node, biasanya mengacu pada perangkat
keras (hardware), perangkat lunak yang
tidak dibuat sendiri (software), jika di
dalam node disertakan komponen untuk
mengkonsistenkan rancangan maka
komponen yang diikutsertakan harus
sesuai dengan komponen yang telah
didefinisikan sebelumnya pada diagram
komponen
Link Link, relasi antar node.
Pada Tabel 3.8 dijelaskan simbol package, node, dependency, dan

link yang digunakan dalam pemodelan deployment diagaram
menurut Rosa A.S dan M.Shalahuddin (2013).
BAB IV
PERENCANAAN DAN ANALISA PERANCANGAN SISTEM
4.1. Perencanaan
Hal yang dilakukan dalam tahap perencanaan sistem adalah menganalisa
apa yang dibutuhkan untuk membangun sistem ini, yaitu sebuah sistem yang
dapat membantu proses penjualan, pelayanan, gudang, tracking dokumen, dan
penagihan dengan SMS Gateway di PT. Teruna Gema Nusa. Tampilan sistem ini
akan dirancang agar lebih mudah dioperasikan oleh karyawan. PT. Teruna Gema
Nusa yang kemudian akan melakukan proses penjualan, pelayanan, gudang,
tracking dokumen, dan penagihan dengan SMS Gateway guna memudahkan
pengguna dalam mengakses
4.2. Analisa Sistem

Program aplikasi yang dibuat berupa aplikasi yang dapat dibuka dalam
web browser dan diharapkan dapat membantu agar proses penjualan, pelayanan,
gudang, tracking dokumen, dan penagihan dengan SMS Gateway dapat menjadi
effisien dan ekonomis. Fasilitas yang akan disajikan dalam bentuk menu yang
mudah dan praktis sehingga diharapkan memberikan karyawan dan pemilik PT.
Teruna Gema Nusa kemudahan dalam proses penjualan, pelayanan, gudang,
tracking dokumen, dan penagihan dengan SMS Gateway.
4.3. Analisa Kebutuhan Sistem

Dalam berbagai macam pembuatan suatu sistem, diperlukan perancangan
segala sesuatu yang dibutuhkan untuk pembuatan sistem tersebut. Demikian
halnya dalam merancang sistem ini agar dapat berjalan seperti yang diharapkan.
Dalam pengimplementasian aplikasi ini terdapat 4 (empat) analisa kebutuhan
yang antara lain :
39
40
4.3.1 Analisa Kebutuhan Implementasi Program

Analisa kebutuhan ini meliputi kebutuhan data yang digunakan
dalam pembuatan sistem penjualan, pelayanan, gudang, tracking
dokumen, dan penagihan dengan SMS Gateway yang antara lain data toko,
data barang, data dokumen, dan data karyawan PT. Teruna Gema Nusa .
Data toko diperoleh dari toko PT. Teruna Gema Nusa, sedangkan data
berupa barang, dokumen dan karyawan PT. Teruna Gema Nusa dari
pemilik PT. Teruna Gema Nusa sebagai jembatan informasi yang
bertanggung jawab atas data barang, dokumen dan karyawan..
4.3.2 Kebutuhan Hardware

Untuk pengembangan sistem ini penulis menggunakan perangkat
keras Laptop dengan Processor Intel Core i3 2.3 Ghz didukung RAM
sebesar 4GB berkapasitas penyimpanan 500GB.
4.3.3 Kebutuhan Software

Dalam pembuatan aplikasi sistem informasi penjualan, pelayanan,
gudang, tracking dokumen, dan penagihan dengan SMS Gateway penulis
menggunakan bahasa pemrograman PHP (Hypertext Prepocessor)
sebagai alat bantu dalam mengembangkan aplikasi. StarUML v2.6.0
untuk penggambaran pemodelan sistem. Balsamiq Mockup sebagai alat
perancang tampilan dan beberapa gambar ikon dalam aplikasi. Semua
alat bantu tersebut ter-instal dalam sistem operasi Microsoft Windows 10
Pro.
4.3.4 Kebutuhan User

Dalam pembuatan sistem ini penulis menganalisa apa yang
dibutuhkan user , dalam hal ini adalah sebuah sistem yang dapat
41
membantu proses penjualan, pelayanan, gudang, tracking dokumen, dan

penagihan dengan SMS Gateway dengan praktis, mudah, menarik.
4.4. Perancangan dengan Unified Modeling Language

Perancangan konseptual meliputi desain proses dari sistem. Desain proses
dirancang berdasarkan kebutuhan data dan kebutuhan fungsional. UML (Unified
Modelling Language) merupakan gambaran dari suatu aliran sistem.
4.4.1. Use Case Diagram

Use Case Diagram digunakan untuk menyusun requirement
sebuah sistem, mengkomunikasikan rancangan dengan klien, dan
merancang test case untuk semua feature yang ada pada sistem.
Dalam Sistem Informasi Penjualan, Pelayanan, Gudang,
Tracking Dokumen, dan Penagihan dengan SMS Gateway Berbasis
Web, user pada web aplikasi ini diharuskan untuk melakukan login
terlebih dahulu sebelum masuk ke dalam halaman web aplikasi. Pada
web aplikasi Sistem Informasi Penjualan, Pelayanan, Gudang,
Tracking Dokumen, dan Penagihan dengan SMS Gateway Berbasis
Web ini, user dapat mengelola beberapa menu sesuai dengan level
user. Terdapat empat level, yaitu adminweb, pemilik, gudang, dan
kasir yang dapat dilihat pada gambar 4.1 :
42
Gambar 4.1 Use Case Diagram Sistem
Pada Gambar 4.1 digambarkan bahwa aktor admin web mempunyai

9 (sembilan) interaksi pada sistem antara lain dapat melihat data
penjualan, mencetak laporan data penjualan, melihat laporan data
pembelian, mencetak laporan data pembelian, melihat data admin,
menambah data admin, mengubah data admin, menghapus data admin,
mengatur informasi data perusahaan. Aktor pemilik mempunyai
melakukan 15(lima belas) interaksi. aktor gudang mempunya
11(sebelas) interaksi dan aktor kasir mempunya 8(delapan) interaksi
43
antara lain transaksi penjualan, melihat detail tunggakan, mengirim sms

tagihan pada customer, mengirim whatsapp tagihan pada customer
melakukan chatting, melihat laporan data penjualan, dan mencetak
laporan data penjualan.
4.4.2. Activity Diagram
Activity Diagram menggambarkan berbagai alur aktivitas dalam

sistem yang sedang dirancang, bagaimana masing-masing alur
berawal, decision yang mungkin terjadi, dan mengenai bagaimana cara
berakhir. Activity Diagram juga dapat menggambarkan proses paralel
yang dapat terjadi pada beberapa eksekusi.
1) Activity Diagram Mencetak Laporan Penjualan
Activity Diagram Mencetak Laporan Penjualan akan

menampilkan tahapan user dalam mengelola menu laporan penjualan
dapat dilihat pada dari mulai menempilkan halaman dashboard
kemudian menampilkan data penjualan, menampilkan data penjualan
dengan pilihan sesuai tanggal yang diinginkan user. Rosa dan M.
Shalahudin (2014), diagram aktivitas atau activity diagram
menggambarkan workflow (aliran kerja) atau aktivitas dari sebuah
sebuah sistem atau proses bisnis atau menu yang ada pada perangkat
lunak. Yang perlu di perhatikan disini adalah bahwa diagram aktivitas
menggambarkan aktivitas sistem bukan apa yang dilakukan aktor, jadi
aktivitas yang dapat dilakukan oleh sistem dapat dilihat pada Gambar
4.2 :
44
Gambar 4.2 Activity Diagram Mencetak Laporan Penjualan
Pada Gambar 4.2 dijelaskan Pada menu laporan penjualan dapat

dikelola oleh user dengan level pemilik, adminweb dan kasir. Pada
menu ini, user dapat melihat laporan penjualan sesuai dengan tanggal
yang dinginkan dan laporan penjualan tersebut dapat dicetak.
2) Activity Diagram Mencetak Laporan Pembelian

Activity Diagram Mencetak Laporan Pembelian akan
menampilkan tahapan user dalam mengelola menu laporan pembelian
yang dimana laporan tersebut dapat lihat dengan detail dapat dilihat pada
Gambar 4.3 :
45
Gambar 4.3 Activity Diagram Mencetak Laporan Pembelian
Pada Gambar 4.3 dijelaskan pada menu laporan pembelian dapat

dikelola oleh user dengan level pemilik, adminweb dan gudang. Pada
menu ini, user dapat melihat laporan pembelian sesuai dengan tanggal
yang dinginkan dan laporan pembelian tersebut dapat dicetak.
3) Activity Diagram Menambah Admin

Activity Diagram Menambah Admin akan menampilkan tahapan
user dalam mengelola menu pengaturan admin dapat dilihat pada
Gambar 4.4 :
46
Gambar 4.4 Activity Diagram Menambah Admin
Pada Gambar 4.4 dijelaskan menu pengaturan admin dapat

dikelola oleh user dengan level pemilik dan adminweb. Pada menu ini,
user dapat mengelola pengaturan admin yang terdiri dari tambah admin,
edit admin dan hapus admin.
4) Activity Diagram Mengubah Admin

Activity Diagram Mengubah Admin akan menampilkan tahapan
user dalam mengubah data admin dapat dilihat pada Gambar 4.5 :
47
Gambar 4.5 Activity Diagramt Mengubah Admin
Pada Gambar 4.5 dijelaskan tombol edit admin dapat dikelola

oleh user dengan level pemilik dan adminweb. Pada menu ini, user dapat
mengubah data admin.
5) Activity Diagram Menghapus Admin

Activity Diagram Menghapus Admin akan menampilkan tahapan
user dalam menghapus data admin dapat dilihat pada Gambar 4.6 :
48
Gambar 4.6 Activity Diagram Menghapus Admin
Pada Gambar 4.6 dijelaskan secara detail urutan activity diagram

menu hapus admin dari halaman dashboard sampai dengan menghapus
data admin yang dapat dikelola oleh user dengan level pemilik dan
adminweb. Pada menu ini, user dapat menghapus data admin dari data
yang telah ditambahkan.
6) Activity Diagram Mengganti Informasi Perusahaan

Activity Diagram Mengganti Informasi Perusahaan akan
menampilkan tahapan user dalam mengelola menu pengaturan
perusahaan dapat dilihat pada Gambar 4.7 :
49
Gambar 4.7 Activity Diagram Mengganti Informasi Perusahaan
Pada Gambar 4.7 dijelaskan activity diagram pengaturan

perusahaan dari mulai halaman dashboard sampai dengan mengatur
informasi perusahaan yang hanya dapat dikelola oleh user dengan level
adminweb. Pada menu ini, user dapat melakukan setting mengenai
informasi perusahaan.
7) Activity Diagram Melihat Detail Data Pembelian

Activity Diagram Melihat Detail Data Pembelian akan
menampilkan tahapan user dalam mengelola menu pembelian dapat
dilihat pada Gambar 4.8 :
50
Gambar 4.8 Activity Diagram Melihat Detail Data Pembelian
Pada Gambar 4.8 dijelaskan activity diagram pembelian dari mulai

masuk kehalaman dashboard sampai dengan melihat detail pembelian
dapat dikelola oleh user dengan level pemilik dan gudang. Pada menu
ini, user dapat melihat detail data pembelian dan dapat menghapus data
pembelian.
8) Activity Diagram Menghapus Pembelian

Activity Diagram Menghapus Pembelian akan menampilkan
tahapan user dalam menghapus data pembelian dapat dilihat pada
Gambar 4.9 :
51
Gambar 4.9 Activity Diagram Menghapus Data Pembelian
Pada Gambar 4.9 dijelaskan activity diagram hapus pembelian dari

mulai halaman dashboard sampai dengan menghapus pembelian dapat
dikelola oleh user dengan level pemilik dan gudang. Pada tombol ini,
user dapat mengahpus data pembelian.
9) Activity Diagram Melihat Detail Data Penjualan

Activity Diagram Melihat Detail Data Penjualan akan menampilkan
tahapan user dalam mengelola menu data penjualan. Pada menu data
penjualan dapat dikelola oleh user dengan level pemilik dan kasir. Pada
menu ini, user dapat melihat detail data penjualan dapat dilihat pada
Gambar 4.10 :
52
Gambar 4.10 Activity Diagram Melihat Detail Data Penjualan
Pada Gambar 4.10 dijelaskan menu data penjualan dapat dikelola

oleh user dengan level pemilik dan kasir. Pada menu ini, user dapat
melihat detail data penjualan.
10) Activity Diagram Mencetak Laporan Profit

Activity Diagram Mencetak Laporan Profit akan menampilkan
tahapan user dalam mengelola menu laporan profit. Pada menu laporan
profit hanya dapat dikelola oleh user dengan level pemilik. Pada menu
ini, user dapat melihat laporan profit sesuai dengan tanggal yang
dinginkan dan laporan profit tersebut dapat dicetak atau diprint dapat
dilihat pada Gambar 4.11.
53
Gambar 4.11 Activity Diagram Mencetak Laporan Profit
Pada Gambar 4.11 dijelaskan menu laporan profit hanya dapat

dikelola oleh user dengan level pemilik. Pada menu ini, user dapat
melihat laporan profit sesuai dengan tanggal yang dinginkan dan laporan
profit tersebut dapat dicetak atau diprint.
11) Activity Diagram Melihat Data Barang Pembelian

Activity Diagram Melihat Data Barang Pembelian Pembelian akan
menampilkan tahapan user dalam mengelola menu data barang
pembelian. Pada menu data barang pembelian hanya dapat dikelola oleh
user dengan level gudang. Pada menu ini, user dapat memasukkan data
barang pembelian ke dalam data barang yang ada di gudang dapat dilihat
pada Gambar 4.12 :
54
Gambar 4.12 Activity Diagram Melihat Data Barang Pembelian
Pada Gambar 4.12 dijelaskan menu data barang pembelian hanya

dapat dikelola oleh user dengan level gudang. Pada menu ini, user dapat
memasukkan data barang pembelian ke dalam data barang yang ada di
gudang.
12) Activity Diagram Menambah Data Pembelian

Activity Diagram Menambah Data Pembelian Pembelian akan
menampilkan tahapan user dalam mengelola menu tambah data
pembelian. Pada menu tambah data pembelian hanya dapat dikelola oleh
user dengan level gudang. Pada menu ini, user dapat melakukan tambah
data pembelian dengan cara mengisi form tambah data pembelian
kemudian klik simpan dapat dilihat pada Gambar 4.13 :
55
Gambar 4.13 Activity Diagram Menambah Data Pembelian
Pada Gambar 4.13 dijelaskan menu tambah data pembelian hanya

dapat dikelola oleh user dengan level gudang. Pada menu ini, user dapat
melakukan tambah data pembelian dengan cara mengisi form tambah
data pembelian kemudian klik simpan
13) Activity Diagram Menambah Data Barang

Activity Diagram Barang akan menampilkan tahapan user dalam
mengelola menu barang. Pada menu barang hanya dapat dikelola oleh
user dengan level gudang. Pada menu ini, user dapat mengelola menu
barang yang terdiri dari menambahkan barang baru, mengubah data
barang dan menghapus data barang dapat dilihat pada Gambar4.14 :
56
Gambar 4.14 Activity Diagram Menambah Data Barang
Pada Gambar 4.14 dijelaskan menu barang hanya dapat dikelola oleh
user dengan level gudang. Pada menu ini, user dapat mengelola menu
barang yang terdiri dari menambahkan barang baru, mengubah data
barang dan menghapus data barang.
14) Activity Diagram Mengubah Data Barang

Activity Diagram Mengubah Data Barang akan menampilkan
tahapan user dalam mengelola menu edit barang. Pada menu edit barang
hanya dapat dikelola oleh user dengan level gudang dapat dilihat pada
Gambar 4.15 :
57
Gambar 4.15 Activity Diagram Mengubah Data Barang
Pada Gambar 4.15 dijelaskan menu edit barang hanya dapat dikelola
oleh user dengan level gudang. Pada menu ini, user dapat mengubah
barang.
15) Activity Diagram Menghapus Barang

Activity Diagram Menghapus Barang akan menampilkan tahapan -
tahapan user dalam mengelola menu hapus barang. Pada menu hapus
barang hanya dapat dikelola oleh user dengan level gudang dapat dilihat
pada Gambar 4.16 :
58
Gambar 4.16 Activity Diagram Menghapus Barang
Pada Gambar 4.16 dijelaskan menu hapus barang hanya dapat

dikelola oleh user dengan level gudang. Pada menu ini, user dapat
menghapus barang.
16) Activity Diagram Menambah Supplier

Activity Diagram Menambah Supplier akan menampilkan tahapan
user dalam mengelola menu supplier. Pada menu supplier hanya dapat
mengelola menu supplier yang terdiri dari menambahkan supplier baru
dapat dilihat pada Gambar 4.17 :
59
Gambar 4.17 Activity Diagram Menambah Supplier
Pada Gambar 4.17 dijelaskan tahapan activity diagram tambah

supplier dari masuk kehalaman dashboard sampai dengan
menambahkan supplier, user dapat mengelola menu supplier yang
terdiri dari menambahkan supplier baru.
17) Activity Diagram Mengubah Supplier

Activity Diagram Mengubah Supplier akan menampilkan tahapan user
dalam mengelola menu supplier. Pada menu supplier hanya dapat dikelola
oleh user dengan level gudang. Pada menu ini, user dapat mengubah data
supplier dapat dilihat pada Gambar 4.18 :
60
Gambar 4.18 Activity Diagram Mengubah Supplier
Pada Gambar 4.18 dijelaskan tahapan activity diagram edit supplier

dari mulai masuk kehalaman dashboard sampai dengan mengubah
supplier, user dapat mengelola menu supplier yang terdiri dari
mengubah data supplier yang sudah ditambahkan
18) Activity Diagram Menghapus Supplier

Activity Diagram Menghapus Supplier akan menampilkan tahapan
user dalam mengelola menu supplier. Pada menu supplier hanya dapat
mengubah data supplier dapat dilihat pada Gambar 4.19 :
.
61
Gambar 4.19 Activity Diagram Menghapus Supplier
Pada Gambar 4.19 dijelaskan activity diagram hapus supplier dari

mulai masuk kehalaman dashboard sampai dengan menghapus supplier
dan menu hapus supplier hanya dapat dikelola oleh user dengan level
gudang. Pada menu ini, user dapat mengubah data supplier.
19) Activity Diagram Menambah Data Penjualan

Activity Diagram Menambah Data Penjualan akan menampilkan
tahapan user dalam mengelola menu tambah data penjualan. Pada menu
tambah data penjualan hanya dapat dikelola oleh user dengan level
kasir. Pada menu ini, user dapat melakukan penambahan data penjualan
atau tansaksi penjualan barang dapat dilihat pada Gambar 4.20 :
62
Gambar 4.20 Activity Diagram Menambah Data Penjualan
Pada Gambar 4.20 dijelaskan menu tambah data penjualan hanya

dapat dikelola oleh user dengan level kasir. Pada menu ini, user dapat
melakukan penambahan data penjualan atau tansaksi penjualan barang
20) Activity Diagram Melihat Detail Tunggakan

Activity Diagram Melihat Detail Tunggakan akan menampilkan
tahapan user dalam mengelola menu tunggakan. Pada menu tunggakan
hanya dapat dilihat oleh user dengan level kasir. Pada menu ini, user
dapat melihat data customer yang belum membayar, detail dari
tunggakan tersebut, mengirimkan sms tagihan pembayaran ke nomor
customer yang bersangkutan dan mengkonfirmasi pembayaran apabila
customer yang bersangkutan telah melunasi tagihan dapat dilihat pada
Gambar 4.21 :
63
Gambar 4.21 Activity Diagram Melihat Detail Tunggakan
Pada Gambar 4.21 djelaskan bahwa menu detail dari tunggakan

tersebut, mengirimkan sms tagihan pembayaran ke nomor customer
yang bersangkutan dan mengkonfirmasi pembayaran apabila customer
yang bersangkutan telah melunasi tagihan.
21) Activity Diagram Mengirim SMS Tagihan ke Customer

Activity Diagram Mengirim SMS Tagihan ke Customer akan
menampilkan tahapan user dalam mengelola menu kirim sms. Pada
menu kirim sms hanya dapat dilihat oleh user dengan level kasir. Pada
menu ini, user dapat melihat data mengirim SMS ke nomor customer
yang bersangkutan telah menerima SMS dapat dilihat pada Gambar 4.22
:
64
Gambar 4.22 Activity Diagram Mengirim SMS Tagihan ke Customer
Pada Gambar 4.22 dijelaskan menu kirim SMS, user dapat melihat
data tagihan dan dapat mengirim SMS ke nomor customer yang
bersangkutan dan mengkonfirmasi pembayaran apabila customer yang
bersangkutan telah menerima SMS.
22) Activity Diagram Mengirim Whatsapp Tagihan ke Customer

Activity Diagram Kirim Whatsapp akan menampilkan tahapan user
dalam mengelola menu kirim sms. Pada menu kirim sms hanya dapat
dilihat oleh user dengan level kasir. Pada menu ini, user dapat melihat
data mengirim whatsapp ke nomor customer yang bersangkutan dan
mengkonfirmasi pembayaran apabila customer yang bersangkutan
telah menerima whatsapp dapat dilihat pada Gambar 4.23:
65
Gambar 4.23Activity Diagram Mengirim Whatsapp Tagihan ke Customer
Pada Gambar 4.23 dijelaskan menu kirim whatsapp, user dapat

melihat data tagihan dan dapat mengirim whatsapp ke nomor customer
yang bersangkutan telah menerima whatsapp.
23) Activity Diagram Mengkonfirmasi Pembayaran Tunggakan

Activity Diagram Konfirmasi Pembayaran akan menampilkan tahapan
user dalam mengelola menu konfrimasi pembayaran. Pada menu
konfrimasi pembayaran hanya dapat dilihat oleh user dengan level
kasir. Pada menu ini, user dapat melihat data tagihan customer yang
bersangkutan dan akan mengkonfirmasi pembayaran apabila customer
yang bersangkutan telah membayar tagihan dapat dilihat pada Gambar
4.24 :
66
Gambar 4.24 Activity Diagram Mengkonfirmasi Pembayaran Tunggakan
Pada Gambar 4.24 dijelaskan activity diagram konfrimasi dari

mulai masuk kehalaman dashboard sampai dengan mengkonfirmasi
pembayaran, user dapat melihat data tagihan customer yang
bersangkutan dan akan mengkonfirmasi pembayaran apabila customer
yang bersangkutan telah membayar tagihan.
24) Activity Diagram Melakukan Chatting

Activity Diagram Chatting akan menampilkan tahapan user dalam
mengelola menu Chat. Pada menu chat hanya dapat dikelola oleh user
dengan level kasir. Pada menu ini, dapat melakukan fitur chatting
dengan anggota member dapat dilihat pada Gambar 4.25 :
67
Gambar 4.25 Activity Diagram Melakukan Chatting
Pada Gambar 4.25 dijelaskan menu chat hanya dapat dikelola

oleh user dengan level kasir. Pada menu ini, dapat melakukan fitur
chatting dengan anggota member.
4.4.3. Sequence Diagram

Diagram sequence secara khusus adalah diagram yang
berasosiasi dengan use case diagram dan menjelaskan tahap demi
tahap yang dilakukan oleh aktor. Berikut adalah penjelasan sequence
diagram dari aplikasi Sistem Informasi Penjualan, Pelayanan,
Gudang, Tracking Dokumen, dan Penagihan dengan SMS Gateway
Berbasis Web.
68
1) Sequence Diagram Mencetak Laporan Penjualan

Sequance Diagram Mencetak Laporan Penjualan ini
menjelasankan sebaran yang menggambarkan tahap demi tahap sistem
dalam pemenuhan fungsi use case dengan aktor kasir, adminweb dan
pemilik untuk melihat sebaran untuk menampilkan laporan penjualan
yang dapat dilihat pada Gambar 4.26 :
Gambar 4.26 Sequence Diagram Mencetak Laporan Penjualan
Pada Gambar 4.26 dijelaskan tahap demi tahap pada sequance

diagram laporan penjualan dari mulai login sampai dengan mencetak
laporan penjualan dengan aktor kasir, adminweb dan pemilik.
69
2) Sequence Diagram Mencetak Laporan Pembelian

Sequance Diagram Mencetak Laporan Pembelian ini
dalam pemenuhan fungsi use case dengan aktor kasir, adminweb dan
pemilik untuk melihat sebaran untuk menampilkan laporan pembelian
Gambar 4.27 Sequence Diagram Mencetak Laporan Pembelian

diagram laporan pembelian dari mulai login sampai dengan mencetak
laporan pembelian dengan aktor kasir, adminweb dan pemilik.
3) Sequence Diagram Menambah Admin

Sequance Diagram Menambah Admin ini menjelasankan sebaran
yang menggambarkan tahap demi tahap sistem dalam pemenuhan
70
fungsi use case dengan aktor hanya adminweb dan pemilik untuk
melihat sebaran untuk menampilkan pengaturan admin yang dapat
Gambar 4.28 Sequence Diagram Menambah Data Admin

diagram pengaturan admin dari mulai login sampai dengan menambah
data admin dengan aktor adminweb dan pemilik.
4) Sequence Diagram Mengubah Admin

Sequance Diagram Mengubah Admin ini menjelasankan sebaran
71
melihat sebaran untuk menampilkan edit admin yang dapat dilihat

pada Gambar 4.29 :
Gambar 4.29 Sequence Diagram Mengubah Admin

diagram mengubah admin dari mulai login sampai dengan mengubah
5) Sequence Diagram Menghapus Admin

Sequance Diagram Menghapus Admin ini menjelasankan sebaran
melihat sebaran untuk menampilkan cara menghapus admin yang
72
Gambar 4.30 Sequence Diagram Menghapus Admin

diagram menghapus admin dari mulai login sampai dengan mengubah
6) Sequence Diagram Mengganti Informasi Perusahaan

Sequance Diagram Mengganti Informasi Perusahaan ini
dalam pemenuhan fungsi use case dengan aktor hanya adminweb
untuk melihat sebaran untuk menampilkan pengaturan perusahaan
73
Gambar 4.31 Sequence Diagram Mengganti Informasi Perusahaan
Pada Gambar 4.31 dijelaskan tahap demi tahap dari mulai

memasukan email dan password pada sequance diagram pengaturan
perusahaan dari mulai login sampai dengan mengubah data perusahaan
dengan aktor hanya adminweb.
7) Sequence Diagram Melihat Detail Data Pembelian

Sequance Diagram Melihat Detail Data Pembelian ini
dalam pemenuhan fungsi use case dengan aktor hanya pimilik dan
gudang untuk melihat sebaran untuk menampilkan pembelian yang
74
Gambar 4.32 Sequence Diagram Melihat Detail Data Pembelian

diagram pembelian dari mulai login, kehalaman dashboard, dan
sampai dengan detail data pembelian dengan aktor pemilik dan
gudang.
8) Sequence Diagrama Menghapus Pembelian

Sequance Diagram Menghapus Pembelian ini menjelasankan
sebaran yang menggambarkan tahap demi tahap sistem dalam
pemenuhan fungsi use case dengan aktor hanya pimilik dan gudang
untuk melihat sebaran untuk menghapus pembelian yang dapat dilihat
pada Gambar 4.33 :
75
Gambar 4.33 Sequence Diagram Menghapus Pembelian

diagram hapus pembelian dari mulai login sampai dengan mengahpus
data pembelian dengan aktor pemilik dan gudang.
9) Sequence Diagram Melihat Detail Data Penjualan

Sequance Diagram Melihat Detail Data Penjualan ini
dalam pemenuhan fungsi use case dengan aktor hanya pimilik dan
kasir untuk melihat sebaran untuk menampilkan data detail penjualan
76
Gambar 4.34 Sequence Diagram Melihat Detail Data Penjualan

diagram data detail penjualan dari mulai login sampai dengan melihat
detail data penjualan dengan aktor pemilik dan kasir.
10) Sequence Diagram Mencetak Laporan Profit

Sequance Diagram Mencetak Laporan Profit ini menjelasankan
pemenuhan fungsi use case dengan aktor hanya pimilik untuk melihat
sebaran untuk menampilkan data laporan profit yang dapat dilihat pada
Gambar 4.35 :
77
Gambar 4.35 Sequence Diagram Mencetak Laporan Profit

diagram data detail penjualan dari mulai login sampai dengan melihat
detail data penjualan dengan aktor pemilik dan kasir.
11) Sequence Diagram Menambah Data Barang

Sequance Diagram Menambah Data Barang ini menjelasankan
pemenuhan fungsi use case dengan aktor hanya gudang untuk melihat
sebaran untuk menampilkan data Barang Pembelian yang dapat dilihat
pada Gambar 4.36 :
78
Gambar 4.36 Sequence Diagram Menambah Data Barang

diagram data barang pembelian dari mulai login sampai dengan
melihat detail data barang pembelian dengan aktor pemilik dan kasir.
12) Sequence Diagram Menambah Data Pembelian

Sequance Diagram Menambah Data Pembelian ini menjelasankan
sebaran untuk menampilkan data Barang Pembelian yang dapat dilihat
pada Gambar 4.37 :
79
Gambar 4.37 Sequence Diagram Menambah Data Pembelian

diagram data barang pembelian dari mulai login sampai dengan
menambah data barang pembelian dengan aktor pemilik dan kasir.
13) Sequence Diagram Menambah Barang

Sequance Diagram Menambah Barang Pembelian ini
dalam pemenuhan fungsi use case dengan aktor hanya gudang untuk
melihat sebaran untuk menambah barang yang dapat dilihat pada
Gambar 4.38 :
80
Gambar 4.38 Sequence Diagram Menambah Barang

diagram tambah barang pembelian dari mulai login sampai dengan
menambah data barang dengan aktor gudang.
14) Sequence Diagram Mengubah Data Barang

Sequance Diagram Mengubah Data Barang ini menjelasankan
sebaran untuk mengubah barang yang dapat dilihat pada Gambar 4.39 :
81
Gambar 4.39 Sequence Diagram Mengubah Data Barang

diagram edit barang dari mulai login sampai dengan mengubah data
barang dengan aktor gudang.
15) Sequence Diagram Menghapus Data Barang

Sequance Diagram Menghapus Data Barang ini menjelasankan
sebaran untuk mengubah barang yang dapat dilihat pada Gambar 4.40:
82
Gambar 4.40 Sequence Diagram Menghapus Barang

diagram menghapus barang dari mulai login sampai dengan
menghapus data barang dengan aktor gudang.
16) Sequence Diagram Menambah Supplier

Sequance Diagram Menambah Supplier ini menjelasankan
sebaran untuk tambah supplier yang dapat dilihat pada Gambar 4.41 :
83
Gambar 4.41 Sequence Diagram Menambah Supplier

diagram menambah supplier dari mulai login sampai dengan
menambah data supplier dengan aktor gudang.
17) Sequence Diagram Mengubah Supplier

Sequance Diagram Mengubah Supplier ini menjelasankan
sebaran untuk mengubah supplier yang dapat dilihat pada Gambar 4.42
:
84
Gambar 4.42 Sequence Diagram Mengubah Supplier

diagram mengubah supplier dari mulai login sampai dengan
mengubah data supplier dengan aktor gudang.
18) Sequence Diagram Menghapus Supplier

Sequance Diagram Menghapus Supplier ini menjelasankan
sebaran untuk menghapus supplier yang dapat dilihat pada Gambar
4.43 :
85
Gambar 4.43 Sequence Diagram Menghapus Supplier

diagram menghapus supplier dari mulai login sampai dengan
menghapus data supplier dengan aktor gudang.
19) Sequence Diagram Menambah Data Penjualan

Sequance Diagram Menambah Data Penjualan ini menjelasankan
pemenuhan fungsi use case dengan aktor hanya kasir untuk melihat
sebaran untuk tambah data penjualan yang dapat dilihat pada Gambar
4.44 :
86
Gambar 4.44 Sequence Diagram Menambah Data Penjualan

diagram menambah data penjualan dari mulai login sampai dengan
menambah data penjualan dengan aktor kasir.
20) Sequence Diagram Meihat Detail Data Tunggakan

Sequance Diagram Meihat Detail Data Tunggakan penjualan ini
dalam pemenuhan fungsi use case dengan aktor hanya kasir untuk
melihat sebaran untuk melihat detail data tunggakan penjualan yang
87
Gambar 4.45 Sequence Diagram Meihat Detail Data Tunggakan

diagram menambah data penjualan dari mulai login sampai dengan
menambah data penjualan dengan aktor kasir.
21) Sequence Diagram Mengirim SMS Taggihan Pada Customer

Sequance Diagram Mengirim SMS Taggihan Pada Customer ini
dalam pemenuhan fungsi use case dengan aktor hanya kasir untuk
melihat sebaran untuk mengirim SMS ke customer yang dapat dilihat
pada Gambar 4.46 :
88
Gambar 4.46 Sequence Diagram Mengirim SMS Taggihan Pada Customer

diagram kirim SMS dari mulai login sampai dengan mengirim SMS
ke customer dengan aktor kasir.
22) Sequence Diagram Mengirim Whatsapp Taggihan Pada Customer

Sequance Diagram Kirim Whatsapp Tagihan ini menjelaskan
pemenuhan fungsi use case dengan aktor hanya kasir untuk melihat
sebaran untuk mengirim whatsapp tagihan ke customer yang dapat
89
Gambar 4.47 Sequence Diagram Mengirim Whatsapp Taggihan Pada Customer

diagram kirim whatsapp dari mulai login sampai dengan mengirim
pemberitahuan tagihan ke customer melalui whatsapp dengan aktor
kasir.
23) Sequence Diagram Mengkonfirmasi Pembayaran Tunggakan Customer

Sequance Diagram Mengkonfirmasi Pembayaran Tunggakan
Customer ini menjelaskan sebaran yang menggambarkan tahap demi
tahap sistem dalam pemenuhan fungsi use case dengan aktor hanya
kasir untuk melihat sebaran untuk konfirmasi pembayaran ke customer
mempunyai tunggakan yang dapat dilihat pada Gambar 4.48 :
90
Gambar 4.48 Sequence Diagram Mengkonfirmasi Pembayaran Tunggakan Customer

diagram kirim SMS dari mulai login sampai dengan mengkonfirmasi
pembayaran customer yang mempunyai tagihan dengan aktor kasir.
24) Sequence Diagram Melakukan Chatting

Sequance Diagram Melakukan Chatting ini menjelaskan sebaran
fungsi use case dengan aktor hanya kasir untuk melihat sebaran untuk
fasilitas chatting antara customer dengan admin yang dapat dilihat
pada Gambar 4.49 :
91
Gambar 4.49 Sequence Diagram Melakukan Chatting

diagram chatting dari mulai login sampai dengan menuju kehalaman
chating dengan aktor kasir.
4.4.4 Statechart Diagram

Statechart diagram merupakan bentuk lain dari pemodelan
dinamik yang menekankan pada event-event yang terjadi pada sebuah
objek sebagai responnya terhadap message. Statechart diagram
menelusuri individu-individu objek melalui keseluruhan daur
hidupnya, menspesifikasikan semua urutan yang mungkin dari
pesanpesan yang akan diterima objek tersebut, bersama-sama dengan
92
tanggapan atas pesan-pesan tersebut. Berikut adalah gambar dari state-

chart diagram yang ditunjukan pada Gambar 4.50.
Gambar 4.50 Statechart Diagram
Pada Gambar 4.50 menunjukan sebuah gambar dari state-chart

diagram dimana state-chart diagram menunjukan urutan kejadian
sesaat yang dilalui sebuah objek, transisi dari sebuah state ke state
lainnya hingga berakhir.
4.4.5 Component Diagram

Component diagram menggambarkan struktur dan hubungan antar
komponen piranti lunak termasuk ketergantungan di antaranya.
93
Berikut adalah component diagram yang ditunjukan pada Gambar

4.51 :
Gambar 4.51 Component Diagram
Pada Gambar 4.51 dijelaskan alokasi semua class dan object

kedalam komponen dalam desain fisik system software, termasuk
pengaturan dan kebergantungan antar komponen software.
4.4.6 Deployment Diagram

Deployment diagram menunjukkan sesunan fisik sebuah sistem,
menunjukkan bagian perangkat lunak mana yang berjalan pada
perangkat keras. Berikut ini adalah gambar dari deployment diagram
yang akan ditunjukan pada Gambar 4.52.
94
Gambar 4.52 Deployment Diagram
Pada Gambar 4.52 menunjukan sebuah gambar dari deployment

diagram dimana deployment diagram menggambarkan proses didalam
sebuah sistem atau software. Pada deployment diagram diatas proses
yang dilakukan pertama kali adalah augmented reality kamera
mengscan image target, kemudian mencari apakah ada image target
tersebut didalam database, lalu aplikasi merendering 3D image.
4.4.7 Class Diagram

Class diagram merupakan diagram yang menunjukkan kebutuhan class
class dalam suatu sistem program dimana class-class tersebut mengandung
atribut-atribut dan operation-operation yang dibutuhkan (Solamo et al.,
2014). Class juga merupakan pembentuk utama dari sistem berorientasi
obyek karena class menunjukkan kumpulan obyek yang memiliki atribut dan
operasi yang sama. Class digunakan untuk mengimplementasikan interface
menggunakan Class Diagram Standart JEDI (Java Education &
95
Development Initiative). Berikut ini adalah gambar dari Class diagram

yang akan ditunjukan pada Gambar 4.53 :
Gambar 4.53 Class Diagram
Pada Gambar 4.53 menggambarkan relasi dari dua tabel yang digunakan
dalam sistem informasi penjualan, pelayanan, gudang, tracking dokumen, dan
penagihan dengan SMS gateway berbasis web dengan semua bentuk relasi yang
ada diantaranya. Class dengan warna hijau menandakan entitas data atau calon
database yang diolah ke class dengan warna ungu yang menandakan boundary
atau tampilan data yang nantinya dimunculkan dalam sistem.
96
4.5 Perancangan Struktur Database
Berikut ini merupakan penjelasan mengenai struktur tabel dari database

yang dijumpai pada sistem informasi guna pengelolaan Sistem Informasi
Penjualan, Pelayanan, Gudang, Tracking Dokumen, dan Penagihan dengan SMS
Gateway Berbasis Web. Berikut ini adalah tabel yang digunakan pada Sistem
Informasi Penjualan, Pelayanan, Gudang, Tracking Dokumen, dan Penagihan
dengan SMS Gateway Berbasis Web ini, antara lain:
1) Tabel admin
Tabel admin adalah tabel yang menerangkan tentang field data tabel
admin dengan spesifikasi field dapat dilihat pada Tabel 4.1 :
Kunci utama (*) : *kd_admin
Fungsi : Untuk login ke halaman dashboard admin
Tabel 4.1 Tabel admin
No Nama Type Size Keterangan

1 *kd_admin Int 6 Auto_increment
2 user_name Varchar 60
3 email Varchar 60
4 password Varchar 60
5 gambar Varchar 225
6 level Varchar 15
Pada Tabel 4.1 dijelaskan tabel admin dengan field yang berfungsi
untuk menyimpan data-data user admin dan berfungsi untuk masuk
kehalaman dashboard admin.
2) Tabel barang
Tabel barang adalah tabel yang menerangkan tentang field data tabel
barang dengan spesifikasi field dapat dilihat pada Tabel 4.2 :
Kunci utama (*) : *kd_barang
Fungsi : Untuk menyimpan data barang
97
Tabel 4.2 Tabel barang

1 *kd_barang Varchar 8
2 nama_barang Varchar 60
3 satuan Varchar 20
4 harga_jual Int 15
5 harga_beli Int 15
6 stok Int 4
7 status enum ‘1’,’0’
Pada Tabel 4.2 dijelaskan tabel barang dengan field yang berfungsi
untuk menyimpan data-data barang.
3) Tabel barangp_sementara
Tabel barangp_sementara adalah tabel yang menerangkan tentang field
data tabel barangp_sementara dengan spesifikasi field dapat dilihat pada
Tabel 4.3 :
Kunci utama (*) : -
Fungsi : Untuk menyimpan data-data pembelian barang
sementara
Tabel 4.3 Tabel barangp_sementara

1 id_barang int 6 Auto_increment
2 kd_pembelian char 8 Fk
3 nama_barangp varchar 225
4 satuan varchar 20
5 harga_barangp double
6 item int 4
7 total double
98
Pada Tabel 4.3 dijelaskan tabel barangp_sementara dengan field yang

berfungsi untuk menyimpan data pembelian barang sementara sebelum
diproses dalam tabel barang_pembelian.
4) Tabel barang_pembelian
Tabel barang_pembelian adalah tabel yang menerangkan tentang field
data tabel barang_pembelian dengan spesifikasi field dapat dilihat pada
Tabel 4.4 :
Kunci utama (*) : -
Fungsi : Untuk menyimpan data barang pembelian
Tabel 4.4 barang_pembelian

1 kd_barang_beli int 6 Auto_increment
2 kd_pembelian char 8
3 nama_barang_beli varchar 225
4 satuan vachar 30
5 harga_beli double
6 item int 4
7 total double
8 status enum ‘1’,‘0’
Pada Tabel 4.4 dijelaskan tabel barang_pembelian dengan field yang

berfungsi untuk menyimpan data pembelian barang sebelum diproses dalam tabel
pembelian.
5) Tabel chat_message
Tabel chat_message adalah tabel yang menerangkan tentang field data
tabel chat_message dengan spesifikasi field dapat dilihat pada Tabel 4.5 :
Kunci utama (*) : -
Fungsi : Untuk menyimpan text chat
99
Tabel 4.5 Tabel chat_message

1 chat_message_id int 11 Auto_increment
2 to_user_id int 11
3 from_user_id int 11
4 chat_message text
5 timestamp timestamp
Pada Tabel 4.5 dijelaskan tabel chat_message dengan field yang berfungsi
untuk menyimpan data chat yang akan ditampilkan dalam menu live chat.
6) Tabel d_pembelian
Tabel d_pembelian adalah tabel yang menerangkan tentang field data
tabel d_pembelian dengan spesifikasi field dapat dilihat pada Tabel 4.6 :
Kunci utama (*) : -
Fungsi : Untuk menyimpan data detail pembelian
Tabel 4.6 Tabel d_pembelian

1 id_pembelian int 6 Auto_increment
2 kd_pembelian char 8 fk
3 kd_barang_beli int 6 fk
4 jumlah int 6
5 subtotal double
Pada Tabel 4.6 dijelaskan tabel d_pembelian dengan field yang berfungsi
untuk menyimpan data detail pembelian yang ditampilkan dalam menu detail
pembelian.
100
7) Tabel d_penjualan
Tabel d_ penjualan adalah tabel yang menerangkan tentang field data
tabel d_ penjualan dengan spesifikasi field dapat dilihat pada Tabel 4.7 :
Kunci utama (*) : -
Fungsi : Untuk menyimpan data detail penjualan
Tabel 4.7 Tabel d_penjualan

1 id_penjualan int 6 Auto_increment
2 kd_penjualan char 8 fk
3 kd_barang varchar 8 fk
4 jumlah int 4
5 subtotal double
Pada Tabel 4.7 dijelaskan tabel d_penjualan dengan field yang berfungsi
untuk menyimpan data detail penjualan yang ditampilkan dalam menu detail
penjualan.
8) Tabel login
Tabel login adalah tabel yang menerangkan tentang field data tabel
login dengan spesifikasi field dapat dilihat pada Tabel 4.8 :
Kunci utama (*) : -
Fungsi : Untuk login kehamalan utama
Tabel 4.8 Tabel login

1 user_id int 11 Auto_increment
101
Tabel 4.8 Tabel login (Lanjutan)
2 user_name varchar 255

3 password varchar 255
4 level text
Pada Tabel 4.8 dijelaskan tabel d_penjualan dengan field yang berfungsi
untuk login kehalaman utama.
9) Tabel login_details
Tabel login_details adalah tabel yang menerangkan tentang field data
tabel login_detail dengan spesifikasi field dapat dilihat pada Tabel 4.9 :
Kunci utama (*) : -
Fungsi : Untuk menyimpan data detail login
Tabel 4.9 Tabel login_details

1 login_details_id int 11 Auto_increment
2 user _id int 11
3 last_activity timestamp
4 is_type enum ‘no’,’yes’
Pada Tabel 4.9 dijelaskan tabel login_details dengan field yang berfungsi
untuk melihat detail login yang dilakukan oleh user.
10) Tabel pembelian

Tabel pembelian adalah tabel yang menerangkan tentang field data
tabel pembelian dengan spesifikasi field dapat dilihat pada Tabel 4.10 :
Kunci utama (*) : -
Fungsi : Untuk menyimpan pembelian
102
Tabel 4.10 Tabel pembelian

1 kd_pembelian char 8 Auto_increment
2 tgl_pembelian date
3 kd_admin int 6 fk
4 kd_supplier int 6 fk
5 total_pembelian double
Pada Tabel 4.10 dijelaskan tabel pembelian dengan field yang berfungsi
untuk menyimpan data pembelian.
11) Tabel penjualan

Tabel penjualan adalah tabel yang menerangkan tentang field data
tabel penjualan dengan spesifikasi field dapat dilihat pada Tabel 4.11 :
Kunci utama (*) : -
Fungsi : Untuk menyimpan data penjualan
Tabel 4.11 Tabel penjualan

1 kd_penjualan char 8 Auto_increment
2 tgl_penjualan date
3 kd_admin int 6 fk
4 dibayar double
5 total_penjualan double
6 status varchar 20
7 tgl_tempo date
Pada Tabel 4.11 dijelaskan tabel pembelian dengan field yang berfungsi
untuk menyimpan data penjualan.
103
12) Tabel penjualan_sementara

Tabel penjualan_sementara adalah tabel yang menerangkan tentang
field data tabel penjualan_sementara dengan spesifikasi field dapat dilihat
pada Tabel 4.12 :
Kunci utama (*) : -
Fungsi : Untuk menyimpan data penjualan sementara
Tabel 4.12 Tabel penjualan_sementara

1 id_penjualan_sementara int 11 Auto_increment
2 kd_penjualan char 8
3 kd_barang varchar 8
4 nama_barang varchar 225
5 status varchar 30
6 harga double
7 item int 4
8 total double
Pada Tabel 4.12 dijelaskan tabel penjualan_sementara dengan field

yang berfungsi untuk menyimpan data penjualan barang sementara sebelum
diproses dalam tabel penjualan.
13) Tabel perusahaan

Tabel perusahaan adalah tabel yang menerangkan tentang field data
tabel perusahaan dengan spesifikasi field dapat dilihat pada Tabel 4.13 :
Kunci utama (*) : -
Fungsi : Untuk menyimpan data perusahaan
Tabel 4.13 Tabel perusahaan

1 kd_perusahaan int 11 Auto_increment
2 nama_perusahaan varchar 225
104
Tabel 4.13 Tabel Perusahaan (Lanjutan)
3 alamat varchar 225

4 pemilik varchar 225
5 kota varchar 225
Pada Tabel 4.13 dijelaskan tabel perusahaan dengan field yang

berfungsi untuk menyimpan data perusahaan.
14) Tabel supplier

Tabel supplier adalah tabel yang menerangkan tentang field data tabel
supplier dengan spesifikasi field dapat dilihat pada Tabel 4.13 :
Kunci utama (*) : *kd_supplier
Fungsi : Untuk
Tabel 4.14 Tabel supplier

1 kd_supplier int 6 Auto_increment
2 nama_supplier varchar 60
3 alamat varchar 60
Pada Tabel 4.15 dijelaskan tabel supplier dengan field yang berfungsi
untuk menyimpan data supplier.
4.6 Perancangan Sketsa Dasar

Perancangan sketsa dasar merupakan gambaran dari user interface. Berikut
ini merupakan rancangan sketsa dasar dari sistem informasi geografis taman kota
dan kampung tematik di kota Semarang yang penulis rancang menggunakan
Balsamiq Mockup.
105
a) Login
Pada halaman ini sistem menampilkan halaman login sebelum masuk
kedalam dashboard dapat dilihat pada Gambar 4.54 :
Gambar 4.54 Login
Pada Gambar 4.54 halaman login ini adalah tahap awal dalam sistem ini
yang dimana terdapat email dan password sebagai sarana yang diakses oleh
user dan nantinya untuk masuk kedalam halaman dashboard yang dimana user
dapat mengakses semua menu sesuai dengan level user.
b) Dashboard
Halaman ini sistem menampilkan halaman dashboard yang dimana
terdapat menu – menu didalamnya dapat dilihat pada Gambar 4.55 :
106
Gambar 4.55 Dashboard

Pada Gambar 4.55 halaman dashboard ini terdapat menu – menu, logo
perusahaan, tanggal hari sesuai dengan user akses, dan menu logout untuk
keluar dari dashboard yang nantinya akan diakses user sesuai dengan level user
seperti admin, kasir, pemilik, dan gudang halaman dashboard ini juga menjadi
tahap kedua setelah login jika email dan password benar.
c) Menu Data Barang Pembelian

Halaman ini sistem menampilkan halaman data barang pembelian yang
dimana terdapat data barang - barang pembelian dari mulai nama barang sampai
dengan total barang yang hanya bisa diakses oleh user gudang yang nantinya
data barang pembelian ini dimasukan kedalam gudan dan menjadi stok
107
Gambar 4.56 Data Barang Pembelian
Pada Gambar 4.56 halaman data barang pembelian terdapat field no,
nama barang, satuan, harga beli dalam mata uang Rupiah, item, dan aksi
masukan ke gudang yang nantinya barang pembelian sudah diterima oleh
perusahaan maka data barang pembelian dapat menjadi stok dan nantinya akan
diproses dalam proses penjualan jika barang belum diterima maka barang
belum bisa dimasukan kedalam stok.
d) Menu Data Pembelian

Halaman ini sistem menampilkan halaman data pembelian yang dimana
terdapat data - data pembelian dengan detail dapat dilihat pada Gambar 4.57 :
108
Gambar 4.57 Menu Data Pembelian
Pada Gambar 4.57 halaman data pembelian ini terdapat kolom pencarian
dan field seperti no, kode pembelian, tanggal pembelian, kode supplier, nama
supplier, jumlah pembelian, total pembelian, dan aksi seperti detail pembelian
untuk melihat detail pembelian atau hapus pembelian untuk menghapus data
pembelian.
e) Menu Data Barang

Halaman ini menu data barang menampilkan halaman data barang yang
dimana terdapat data-data barang seperti kode barang, nama barang sampai
dengan stok dan menu tambah barang untuk menambahkan barang yang dapat
109
Gambar 4.58 Menu Data Barang
Pada Gambar 4.58 halaman data barang ini terdapat kolom pencarian
data barang dan field yang berisi no, kode barang, nama, satuan, harga jual,
harga beli, stok dan aksi juga terdapat terdapat menu tambah barang, edit
barang dan hapus barang.
f) Tambah Data Barang

Halaman ini tambah data barang menampilkan halaman tambah data
barang yang dimana terdapat data form tambah barang, tombol simpan dan
tombol back to barang dapat dilihat pada Gambar 4.59 :
110
Gambar 4.59 Menu Tambah Data Barang
Pada Gambar 4.59 halaman tambah data barang ini terdapat form
tambah barang yang berisikan kode barang, nama barang, satuan harga jual,
harga beli, dan stok yang nantinya jika disimpan akan menjadi data barang.
g) Edit Data Barang

Halaman ini sistem menampilkan halaman edit data barang yang dimana
terdapat data form edit barang dimana user dapat mengubah data barang seperti
nama barang samapai dengan stok yang dapat dilihat pada Gambar 4.60 :
111
Gambar 4.60 Menu Edit Data Barang
Pada Gambar 4.60 halaman edit data barang ini terdapat form edit
barang yang dimana user dapat mengubah data barang yang berisikan nama
barang, satuan, harga jual, harga beli dan stok.
h) Menu Chat
Halaman ini sistem menampilkan halaman chat yang dimana terdapat
user yang sedang online untuk melakukan live chat dapat dilihat pada Gambar
4.61 :
Gambar 4.61 Menu Chat

112
Pada Gambar 4.61 halaman menu chat ini terdapat field yang berisikan
username, status dan action sebagai sarana live chat.
i) Menu Data Penjualan

Halaman ini sistem menampilkan halaman penjualan yang dimana
terdapat data - data penjualan seperti kode penjualan sampai dengan status
penjualan apakah sudah bayar atau masih hutang dapat dilihat pada Gambar
4.62 :
Gambar 4.62 Menu Data Penjualan
Pada Gambar 4.62 halaman data penjualan ini terdapat field yang
berisikan no, kode penjualan, tanggal penjualan, item, total penjualan, status,
total penjualan, dan aksi.
j) Menu Tambah Data Penjualan

Halaman ini sistem menampilkan halaman penjualan yang dimana
terdapat form tambah penjualan dapat dilihat pada Gambar 4.63 :
113
Gambar 4.63 Menu Tambah Data Penjualan
Pada Gambar 4.63 halaman tambah data penjualan ini terdapat form
yang berisikan no, kode penjualan, tanggal penjualan, item, total penjualan,
status, total penjualan, dan aksi.
k) Menu Data Tunggakan

Halaman ini sistem menampilkan halaman data tunggakan yang dimana
terdapat data – data tunggakan customer yang belum membayar dapat dilihat
pada Gambar 4.64 :
Gambar 4.64 Menu Data Tunggakan

114
Pada Gambar 4.64 halaman menu data tunggakan ini terdapat field yang
berisikan no, kode penjualan, tanggal penjualan, total penjualan, status, tanggal
jatuh tempo penjualan, dan aksi.
l) Menu Pengaturan Perusahaan

Halaman ini sistem menampilkan halaman pengaturan perusahaan yang
dimana user dapat menambah perusahaan dapat dilihat pada Gambar 4.65 :
Gambar 4.65 Menu Pengaturan Perusahaan
Pada Gambar 4.65 halaman menu pengaturan perusahaan ini terdapat

field yang berisikan nama perusahaan, alamat perusahaan nama pemilik, kota
dan tombol simpan untuk menyimpan perusahaan.
m) Menu Laporan Pembelian

Halaman ini sistem menampilkan halaman laporan pembelian yang
dimana user dapat melihat dan mengunduh laporan pembelian sebagai laporan
pembelian perhari ke pemiliki perusahaan dapat dilihat pada Gambar 4.66 :
115
Gambar 4.66 Menu Laporan Pembelian
Pada Gambar 4.66 halaman menu laporan pembelian ini terdapat field
yang berisikan no, kode pembelian, tanggal pembelian, supplier, barang,
satuan, jumlah, harga, dan total yang nantinya dapat diunduh.
n) Menu Laporan Penjualan

Halaman ini sistem menampilkan halaman laporan penjualan yang
dimana user dapat mengunduh laporan penjualan dapat dilihat pada Gambar
4.67 :
Gambar 4.67 Menu Laporan Penjualan

116
Pada Gambar 4.67 halaman menu laporan penjualan ini terdapat field
yang berisikan no, kode penjualan, tanggal penjualan, barang, satuan, jumlah,
harga, dan total yang nantinya dapat diunduh.
o) Menu Laporan Profit

Halaman ini sistem menampilkan halaman laporan profit yang dimana
user dapat mengunduh laporan profit dapat dilihat pada Gambar 4.68 :
Gambar 4.68 Menu Laporan Profit
Pada Gambar 4.68 halaman menu laporan profit ini terdapat field yang
berisikan no, kode penjualan, tanggal penjualan, barang, satuan, jumlah, harga
beli, harga jual dan profit yang nantinya dapat diunduh.
BAB V
IMPLEMENTASI DAN PENGUJIAN SISTEM
5.1. Implementasi Sistem

Tahap implementasi sistem merupakan tahap kelanjutan dari kegiatan
perancangan sistem. Wujud dari implementasi sistem ini. Tujuan
implementasi adalah untuk menjelaskan dan memberi gambaran fungsi pada
setiap tombol dan halaman serta pengujian sistem utuk mengetahui berfungsi
dengan baik atau tidak sistem yang dibuat. Pada tahap implementasi sistem
akan dibahas yang berkaitan langsung dengan perangkat lunak antara lain
implementasi menu utama, implementasi menu transaksi penjualan,
implementasi menu transaksi pembelian, implementasi menu data dokumen,
implementasi menu tunggakan, implementasi menu data brang dan
implementasi penaggihan menggunakan SMS Gateway.
5.2. Implementasi Antarmuka Perangkat Lunak

Implementasi antarmuka perangkat lunak merupakan kumpulan dari
elemen yang telah didesain terlebih dahulu dalam perancangan sistem
menggunakan Balsamic mockup kemudian diimplementasikan kedalam
bentuk pemrograman untuk menghasilkan sistem yang sesuai dengan
kebutuhan. Sesuai dengan permasalahan yang dibahas dalam desain sistem,
maka sistem aplikasi yang dikembangkan diharapkan mampu menjawab
permasalahan yang diungkap sebelumnya.
5.2.1. Implementasi Interface Menu Utama
Hasil dari perancangan interface menggunakan Balsamic
Mockup diimplementasikan pada gambar implementasi interface
menu utama. Berikut ini adalah gambar dari menu utama yang
akan ditunjukan pada Gambar 5.1.
117
118
Gambar 5.1 Menu Utama

Pada Gambar 5.1 halaman Menu Utama ini terdapat menu –
menu, logo perusahaan, tanggal hari sesuai dengan user akses, dan
menu logout untuk keluar dari dashboard yang nantinya akan
diakses user sesuai dengan level user seperti admin, kasir, pemilik,
dan gudang halaman dashboard ini juga menjadi tahap kedua
setelah login jika email dan password benar.
5.2.2. Implementasi Interface Menu Penjualan

Halaman ini sistem menampilkan halaman penjualan yang
dimana terdapat data - data penjualan seperti kode penjualan
sampai dengan status penjualan apakah sudah bayar atau masih
hutang dapat dilihat pada Gambar 5.2 :
119
Gambar 5.2 Data Penjualan
Pada Gambar 5.2 halaman data penjualan ini terdapat field

yang berisikan no, kode penjualan, tanggal penjualan, item, total
penjualan, status, total penjualan, dan aksi.
5.2.3. Implementasi Interface Menu Tambah Penjualan

Halaman ini sistem menampilkan halaman penjualan yang
dimana terdapat form tambah penjualan dapat dilihat pada Gambar
5.3 :
Gambar 5.3 Menu Tambah Penjualan

120
Pada Gambar 5.3 halaman tambah data penjualan ini

terdapat form yang berisikan no, kode penjualan, tanggal
penjualan, item, total penjualan, status, total penjualan, dan aksi.
5.2.4. Implementasi Interface Menu Tunggakan

Halaman ini sistem menampilkan halaman data tunggakan
yang dimana terdapat data – data tunggakan customer yang belum
membayar dapat dilihat pada Gambar 5.4 :
Gambar 5.4 Menu Tunggakan
Pada Gambar 5.4 halaman menu data tunggakan ini terdapat

field yang berisikan no, kode penjualan, tanggal penjualan, total
penjualan, status, tanggal jatuh tempo penjualan, dan aksi.
5.2.5. Implementasi Interface Menu Data Barang

Halaman ini sistem menampilkan halaman data barang
pembelian yang dimana terdapat data barang - barang pembelian
dari mulai nama barang sampai dengan total barang yang hanya
121
bisa diakses oleh user gudang yang nantinya data barang

pembelian ini dimasukan kedalam gudan dan menjadi stok
Gambar 5.5 Menu Data Barang
Pada Gambar 5.5 halaman data barang ini terdapat kolom

pencarian data barang dan field yang berisi no, kode barang, nama,
satuan, harga jual, harga beli, stok dan aksi juga terdapat terdapat
menu tambah barang, edit barang dan hapus barang.
5.2.6. Implementasi Interface Menu Data Pembelian

Halaman ini sistem menampilkan halaman data pembelian
yang dimana terdapat data - data pembelian dengan detail dapat
122
Gambar 5.6 Menu Data Pembeli
Pada Gambar 5.6 halaman data pembelian ini terdapat

kolom pencarian dan field seperti no, kode pembelian, tanggal
pembelian, kode supplier, nama supplier, jumlah pembelian, total
pembelian, dan aksi seperti detail pembelian untuk melihat detail
pembelian atau hapus pembelian untuk menghapus data pembelian.
5.2.7. Implementasi Pemberitahuan Tagihan SMS dan Whatsapp

Halaman ini sistem menampilkan hasil pemberitahuan
tagihan SMS dan Whatsapp yang nantinya akan diterima oleh
customer dan sebagai pengingat customer jika customer tersebut
masih mempunyai tunggakan yang berisikan nama customer, no
invoice, nominal tunggakan, dan tanggal jatuh tempo dapat dilihat
pada Gambar 5.7 :
123
Gambar 5.7 Pemberitahuan Tagihan SMS dan Whatsapp
Pada Gambar 5.7 Pemberitahuan Tagihan SMS dan

Whatsapp bahwa dijelaskan tentang hasil pemberitahuan tagihan
SMS dan Whatsapp yang akan diterima oleh customer yang kode
programnya dapat dilihat pada Kode Program 5.1 :
Kode Program 5.1 API SMS dan Whatsapp
Pada Kode Program 5.1 API SMS dan Whatsapp dijelaskan

bahwa API SMS mengarahkan kedalam gammu-smsd yang
nantinya akan berisikan no tujuan dan pesan yang akan dikirim dan
untuk whatsapp akan dialihkan kedalam aplikasi whatsapp web
yang dimana akan mengambil data dari database seperti no tujuan,
nama customer, kode penjualan, nominal tunggakan, dan tanggal
jatuh tempo.
124
5.3. Pengujian Sistem

Pengujian sistem dilakukan guna memeriksa atau mengecek software
atau aplikasi yang dibuat dapat berjalan sesuai dengan standar yang telah
ditetapkan. Pengujian sistem adalah salah satu hal penting yang memiliki
tujuan agar dapat kesalahan maupun kekurangan yang ada pada aplikasi
tersebut. Terdapat beberapa jenis pengujian pada software dan yang
digunakan pada penelitian ini adalah pengujian white box dan pengujian
black box.
5.3.1. Rencana Pengujian

Pengujian yang dilakukan yaitu pengujian white box dan pengujian
black box. Pengujian white box digunakan untuk menguji sistem juga
berfungsi guna meyakinkan semua perintah dan kondisi dieksekusi secara
minimal. Pengujian black box Digunakan untuk menguji fungsi-fungsi
khusus dari perangkat lunak yang dirancang.
5.3.2. Pengujian White Box

Pengujian White box testing adalah metode perancangan test case,
pengujian yang didasarkan pada pengecekan terhadap detail perancangan,
menggunakan struktur kontrol dari desain program secara prosedural untuk
membagi pengujian kedalam beberapa kasus pengujian. Untuk melakukan
proses pengujian terlebih dahulu dilakukan penerjemahan flowchart.
1. Flowchart Objek Virtual

Flowchart adalah bagian yang menggambarkan arus logika
dari data yang akan diproses dalam suatu program dari awal sampai
akhir (Lumbanbatu and Novriyeni, 2013). Berikut ini adalah
gambar dari flowchart objek virtual yang akan ditunjukan pada
Gambar 5.8 :
125
Gambar 5.8 Flowchart Objek Virtual
Pada Gambar 5.8 dijelaskan flowchart Objek Virtual

pengujian White Box yang dimana didalam flowchat terdapat menu
login sampai dengan menu logout. Yang kemudian diubah ke
dalam bentuk vertex dan node maupun edge.
126
2. Flowgraph Objek Virtual

Flowgrraph adalah Grafik alir adalah sebuah notasi
sederhana yang merepresentasikan aliran kontrol dari sebuah
struktur program menjelaskan notasi yang digunakan untuk
merepresentasikanjenis kontrol yang terdapat pada suatu program
(Tri A Kurniawan, 2014). Berikut ini adalah gambar dari flowgraph
yang akan ditunjukan pada Gambar 5.9 :
Gambar 5.9 Flow Graph Objek Virtual
Pada Gambar 5.9 menunjukan flowgraph Objek Virtual dari

aplikasi, flowgraph adalah grafik yang digunakan untuk
menggambarkan aliran kontrol dari sebuah program. Flowgraph
127
digunakan pada tahapan pengujian yang berfokus pada

penggambaran aliran kontrol sebuah program. Dari flowgraph
dapat disimpulkan bahwa ada 21 node dan 29 edge. Node adalah
urutan dari sistem proses sedangkan edge adalah anak panah yang
menggambarkan aliran dari kontrol sesuai dengan diagram alir.
Dari gambar flowgraph objek virtual diatas nantinya akan
digunakan untuk perhitungan cyclomatic complexity.
3. Kode Program
Kode program adalah script yang digunakan didalam bahasa
pemrograman native di PHP (Hypertext Prepocessor) untuk
membuat sistem informasi penjualan, pelayanan, gudang, tracking
dokumen, dan penagihan dengan SMS Gateway, tersebut terdapat
dalam Kode Program 5.2 :
Kode Program 5.2 Node 1
Pada Kode Program 5.2 Node 1 dijelaskan login yang dimana

jika source code ini berhasil maka user akan masuk kedalam
halaman login.
Kemudian pada Kode Program 5.3 Node 2 yang akan
menjelaskan tentang halaman login yang dimana user akan
memasukan username dan password.
128
Pada Kode Program 5.3 Node 2 menjelaskan tentang halama

login yang dimana terdapat username dengan memasukan email
yang berupa teks dan password yang berupa bintang bintang dan
privasi.
Kemudian pada Kode Program 5.4 Node 3 yang menjelaskan
tentang validasi apakah username dan password yang dimasukan
oleh user benar atau salah.
Pada Kode Program 5.4 Node 3 dijelaskan tentang validasi

untuk halaman login dimana jika user memasukan username dan
password benar maka akan masuk kehalaman dashboard dan jika
salah maka akan kembali ke halaman login.
Kemudian pada Kode Program 5.5 Node 4 yang menjelaskan
tentang validasi apakah username dan password yang dimasukan
oleh user salah.
Pada Kode Program 5.5 Node 4 dijelaskan dimana terdapat

validasi jika password salah maka akan kembali kehalaman login.
Selanjutnya pada Kode Program 5.6 Node 5 yang akan
menjelaskan validasi login jika username dan password yang
dimasukan benar.
129
Pada Kode Program 5.6 Node 5 dijelaskan 5 dimana terdapat

validasi jika username dan password yang dimasukan oleh user
benar maka akan masuk kehalaman dashboard.
Kode Program 5.7 Node 6 menjelaskan tentang source code
document yang dimana terdapat no document, nama document,
kode document, keterangan, download, dan tanggal.
Pada Kode Program 5.7 Node 6 dijelaskan dimana terdapat

source code dokumen jika berhasil maka user dapat melihat data
document dan dapat mendownload document.
130
Selanjutnya pada Kode Program 5.8 Node 7 menjelaskan

tentang source code document yang dimana terdapat form yang
berisikan kode, tanggal, nama dokumen, file, dan Keterangan.
Pada Kode Program 5.8 Node 7 dijelaskan tentang upload

document dimana terdapat form upload yang berhasil maka file
dokumen dapat dilihat dalam data dokumen yang nantinya dapat di
download juga.
Node 8 pada Kode Program 5.9 menjelaskan tentang source
code data penjualan dimana akan menampilkan data barang yang
berisikan no, kode penjualan, tanggal penjualan, item, total
penjualan, status, dan aksi.

131
Pada Kode Program 5.9 Node 8 dijelaskan tentang source

code data penjualan yang dimana berhasil dan akan menampilkan
data barang.
tentang tombol tambah penjualan yang nantinya akan
menampilkan form penjualan.
Pada Kode Program 5.10 Node 9 menjelaskan tentang source

code tambah penjualan yang dimana berhasil dan akan
menampilkan form penjualan
tentang source code form tambah barang yang dimana berhasil
maka akan muncul form tambah penjualan.
Pada Kode Program 5.11 Node 10 dijelaskan tentang form

tambah barang yang dimana berhasil maka data tambah penjualan
132
akan masuk kedalam database penjualan dan akan ditampilkan

dalam data penjualan.
Selanjutnya pada Kode Program 5.12 Node 11 dijelaskan
tentang rumus kode otomatis, subtotal, dan cekbarang.
Pada Kode Program 5.12 Node 11 dijelaskan tentang rumus

kode otomatis dalam kode penjualan, subtotal dalam total
penjualan, cekbarang dalam stok yang dimana jika stok tidak
mencukupi maka barang tidak bisa digunakan untuk melakukan
transaksi penjualan
Selanjutnya pada Kode Program 5.13 Node 12 akan
menjelaskan tentang tambah produk dalam transaksi penjualan
yang dimana produk akan ditambah dalam satu transaksi atau satu
nota.
Pada Kode Program 5.13 Node 12 menjelaskan tentang

rumus tambah produk dalam satu transaksi dimana nantinya akan
masuk kedalam database penjualan sementara sebelum
ditambahkan kedatabase penjualan.
menjelaskan tentang source code simpan penjualan yang dimana
data penjualan akan disimpan kedalam database penjualan.
133
Pada Kode Program 5.14 Node 13 menjelaskan source code

simpan penjualan yang dimana nantinya data yang telah diinput
dengan benar oleh user akan disimpan kedalam database
penjualan.
Kode Program 5.15 Node 14 yang akan menjelaskan source
code tombol tunggakan dimana nanti akan muncul data tunggakan.

tombol tunggakan yang dimana nanti akan muncul data tunggakan
dari penjualan yang melakukan pembayaran dan nantinya akan
dapat dilakukan aksi seperti kirim sms atau whatsapp.
menjelaskan tentang data tunggakan yang dimana terdapat aksi
kirim sms dan kirim whatsapp untuk tunggakan yang akan jatuh
tempo.
134
Pada Kode Program 5.16 Node 15 menjelaskan Source Code

Node data tunggakan yang dimana nantinya akan muncul data
tunggakan seperti kode penjualan, tanggal penjualan, total
penjualan, status, jatuh tempo, aksi kirim sms dan aksi kirim
whatsapp untuk tunggakan yang akan jatuh tempo.
menjelaskan tentang aksi kirim sms untuk pelanggan yang akan
jatuh tempo.
Pada Kode Program 5.17 Node 16 menjelaskan Source Code

Node aksi kirim sms yang nantinya user akan mengirim sms ke
pelanggan yang akan jatuh tempo dan sms tersebut berisikan kode
penjualan, nama pelanggan, total penjualan dan tanggal jatuh
tempo.
Kode Program 5.18 Node 17 yang akan menjelaskan tentang
pembayaran lunas atau cash setelah pelanggan melakukan transaksi
penjualan.
135

source code pembayaran lunas atau chas setelah pelanggan
melakukan pembayaran setelah melunasi tunggakan ataupun
dengan pembayaran tunai setelah pembelian yang nantinya akan
otomatis data tidak akan ada lagi dalam data tunggakan.
Kode Program 5.19 Node 18 yang akan menjelaskan tentang
source code laporan penjualan.

laporan penjualan yang nantinya user dapat melihat laporan
penjualan dari tanggal tertentu sampai tanggal tertentu.

laporan penjualan yang dimana terdapat menu pencarian dari
136
tanggal tertentu sampai tanggal tertentu dan akan menampilkan

kode pejualan, tanggal penjualan, nama barang, satuan, jumlah,
harga jual, dan subtotal.
Selanjutnya Kode Program 5.21 Node 20 dapat dilihat pada
yang akan menjelaskan tentang mencetak laporan penjualan

mencetak laporan yang dimana nantinya user dapat mencetak
sesuai dengan keinginannya per hari, per minggu atau per bulan.
Selanjutnya Kode Program 5.22 Node 21 yang akan
menjelaskan tentang tombol logout.

tombol logout yang dimana nanti jika user menekan tombol logout
maka user akan kembali ke halaman login.
137
4. Cyclomatic Complexity
Cyclomatic Complexity merupakan suatu sistem
pengukuran yang menyediakan ukuran kuantitatif dari
kompleksitas logika suatu program (Tri A Kurniawan, 2014). Pada
Basis Path Testing, hasil dari cyclomatic complexity digunakan
untuk menentukan banyaknya independent paths. Independent path
adalah sebuah kondisi pada program yang menghubungkan node
awal dengan node akhir. Berikut ini adalah perhitungannya.
𝑉(𝐺) = 𝐸 − 𝑁 + 2
dimana :
𝐸 = 𝑗𝑢𝑚𝑙𝑎ℎ 𝑒𝑑𝑔𝑒 𝑝𝑎𝑑𝑎 𝑔𝑟𝑎𝑓𝑖𝑘 𝑎𝑙𝑖𝑟
𝑁 = 𝑗𝑢𝑚𝑙𝑎ℎ 𝑛𝑜𝑑𝑒 𝑝𝑎𝑑𝑎 𝑔𝑟𝑎𝑓𝑖𝑘 𝑎𝑙𝑖𝑟
maka perhitungan cyclomatic complexity akan diperoleh sebagai
berikut:
𝑉(𝐺) = 𝐸 − 𝑁 + 2
𝑉(𝐺) = 29 − 21 + 2
𝑉(𝐺) = 8 + 2
𝑉(𝐺) = 10
Dimana E adalah jumlah jalur dalam flowchart dan N adalah
jumlah titik dalam flowchart, jadi alur dalam flowchart berjumlah 6
dan titik dalam flowchart berjumlah 6. Perhitungannya V(G) = 29 –
21 + 2 = 10, jadi dari hasil perhitungan diatas cyclomatic
complexity bernilai 10. Dari perhitungan diatas nantinya akan
dijadikan basis flowgraph.
5. Basis Flowgraph
Path 1 : 1-21
Path 2 : 1-2-3-4-2-21
Path 3 : 1-2-3-5-6-1-21
138
Path 4 : 1-2-3-5-6-7-1-21
Path 5 : 1-2-3-5-6-8-9-10-11-12-13-1-21
Path 6 : 1-2-3-5-6-14-15-1-21
Path 7 : 1-2-3-5-6-14-16-1-21
Path 8 : 1-2-3-5-6-14-17-1-21
Path 9 : 1-2-3-5-6-18-19-1-21
Path 10 : 1-2-3-5-6-18-20-1-21
Pada perhitungan basis flowgraph diatas didapatkan dari V(G) =

29 – 21 + 2 = 10 jadi basis flowgraph yang terbentuk sebanyak 10
basis flowgraph. menunjukan pada path pertama alur program tidak
kembali ke node kedua, sedangkan path kedua alur program
melakukan seleksi kondisi dan kembali ke node kedua. Dari
flowgraph diatas nantinya akan digunakan untuk tabel test case.
6. Test Case
Dari hasil basis flowgraph diatas akan dijadikan tabel test case.
Berikut ini adalah tabel dari test case yang akan ditunjukan pada
Tabel 5.1.
Tabel 5.1 Test Case
Jalur Pengujian Hasil
Pengujian
Path 1 Jika login berhasil = Sistem
window.location="../index.php menampilkan
halaman
dashboard
Path 2 JIka login berhasil = Sistem tidak
window.location="../login.php menampilkan
halaman
dashboard
139
Tabel 5.1 Test Case (Lanjutan)

Path 3 Tampil data dokumen Sistem
$admin->tampil_datatracking(); menampilkan
data dokumen
Path 4 Menambah dokumen Sistem
a href="index.php?page=tambahdokumen" menampilkan
form tambah
dokumen
Path 5 Data Penjualan Sistem
$penjualan->tampil_penjualan(); menampilkan
data penjualan
Path 6 Data Tunggakan Sistem
$penjualan->tampil_kredit(); menampilkan
data tunggakan
Path 7 Kirim SMS Sistem
(isset($_POST['kirimsms'])) menampilkan
pesan sms
terkirim
Path 8 Konfirmasi Pembayaran Sistem
a menampilan
href="index.php?page=pelunasan&kdpenjualan” form konfirmasi
pembayaran
Path 9 Menampilkan Laporan Penjualan Sistem
$lapbl = $laporan->tampil_penjualan_bulan menampilkan
laporan
penjualan
Path 10 Mencetak Laporan Penjualan Sistem
a mencetak
href="laporan/cetaklaporanpenjualan.php?semua" laporan
penjualan
140
Pada Tabel 5.1 menunjukan tabel test case, test case adalah
merupakan suatu tes yang dilakukan berdasarkan pada suatu
inisialisasi. Testing ini tidak dapat membuktikan kebenaran semua
kemungkinan eksekusi dari suatu program. Hasil test case diatas
pada path 1 sistem menampilkan objek virtual sesuai gambar
target, pada path 2 sistem tidak menampilkan objek virtual sesuai
gambar target.
5.3.3. Pengujian Black Box

Black-Box Testing merupakan pengujian yang berfokus pada spesifikasi
fungsional dari perangkat lunak, tester dapat mendefinisikan kumpulan kondisi
input dan melakukan pengetesan pada spesifikasi fungsional program.
Tabel 5.2 Pengujian Black Box
Nama Bentuk Pengujian Hasil yang Hasil

Pengujian Diharapkan Pengujian
Pengujian Open website, input Menampilkan halaman Berhasil
Login email dan password, sesuai dengan level
Kasir klik login akun kasir
Pengujian Menu Kasir klik menu Menampilkan halaman Berhasil
Data Penjualan penjualan, klik tabel data penjualan
submenu data
penjualan
Pengujian Kasir klik menu Menampilkan halaman Berhasil
Detail Data penjualan, klik detail data penjualan
Penjualan submenu data
penjualan, klik button
detail
Pengujian Menu Kasir klik menu Menambah data Berhasil
Tambah Data penjualan klik penjualan
Penjualan submenu tambah data,
input form, klik
simpan
Pengujian Menu Kasir klik menu Menampilkan halaman Berhasil
Tunggakan tunggakan tabel data tunggakan
Pengujian Kasir klik menu Menampilkan halaman Berhasil
Detail tunggakan, klik detail data tunggakan
Tunggakan button detail
141
Tabel 5.2 Pengujian Black Box (Lanjutan)
Pengujian Kasir klik menu Mengirimkan sms Berhasil

Kirim SMS tunggakan, klik button tagihan pada
Tagihan kirim sms tagihan customer
Pengujian Kasir klik menu Catatan customer Berhasil
Konfirmasi tunggakan, klik button menunggak
Pembayaran konfirmasi dikonfirmasi telah
pembayaran membayar
tunggakan
Pengujian Kasir klik menu chat Menampilkan Berhasil
Menu Chat halaman tabel
chatting service
online user
Pengujian Kasir klik menu chat, Melakukan chatting Berhasil
Chatting klik start chat, input dengan customer
Service chatting, klik send online
Pengujian Kasir klik menu Menampilkan Berhasil
Menu Laporan laporan, klik halaman tabel
Penjualan penjualan, tentukan laporan penjualan
tanggal laporan sesuai dengan
penjualan yang ingin tanggal yang
dilihat, klik proses diinputkan
Pengujian Open website, input Menampilkan Berhasil
Login email dan password, halaman sesuai
Gudang klik login dengan level akun
gudang
Pengujian Gudang klik menu Menampilkan Berhasil
Menu Data pembelian, klik halaman tabel data
Pembelian submenu data pembelian
pembelian
Detail Data pembelian, klik halaman detail data
pembelian, klik button
detail
Pengujian Gudang klik menu Data pembelian Berhasil
Hapus Data pembelian, klik terhapus
Pembelian submenu data
hapus
Barang submenu data barang barang pembelian
Pembelian pembelian
142

Pengujian Data Gudang klik menu Data barang Berhasil
Barang pembelian, klik pembelian masuk ke
Pembelian submenu data barang gudang
Masuk Gudang pembelian, klik button
masukkan ke gudang
Pengujian Gudang klik menu Data pembelian Berhasil
Menu Tambah pembelian, klik bertambah
Data submenu tambah data,
Pembelian input form, klik
simpan
Menu Barang barang halaman tabel data
barang
Pengujian Gudang klik menu Data barang Berhasil
Tambah barang, klik button bertambah
Barang tambah barang, input
form, klik simpan
Pengujian Edit Gudang klik menu Data barang diubah Berhasil
Barang barang, klik button
edit, input form, klik
simpan
Pengujian Gudang klik menu Data barang dihapus Berhasil
Hapus Barang barang, klik button
hapus
Menu Supplier supplier halaman tabel data
supplier
Pengujian Gudang klik menu Data supplier Berhasil
Tambah supplier, klik button bertambah
Supplier tambah supplier, input
form, klik simpan
Pengujian Edit Gudang klik menu Data supplier diubah Berhasil
Supplier supplier, klik button
edit, input form, klik
simpan
Pengujian Gudang klik menu Data supplier dihapus Berhasil
Hapus Supplier supplier, klik button
hapus
Pembelian pembelian, tentukan laporan pembelian
pembelian yang ingin tanggal yang
143

Pemilik klik login dengan level akun
pemilik
Pengujian Pemilik klik menu Menampilkan Berhasil
pembelian
Detail Data pembelian, klik halaman detail data
detail
Pengujian Pemilik klik menu Data pembelian Berhasil
Hapus Data pembelian, klik terhapus
Pembelian submenu data
hapus
Menu Data penjualan, klik halaman tabel data
Penjualan submenu data penjualan
penjualan
Detail Data penjualan, klik halaman detail data
Penjualan submenu data penjualan
penjualan, klik button
detail
144

Menu Laporan laporan, klik profit, halaman tabel
Profit tentukan tanggal laporan profit sesuai
laporan profit yang dengan tanggal yang
ingin dilihat, klik diinputkan
proses
Menu pengaturan, klik halaman tabel data
Pengaturan submenu admin admin
Admin
Pengujian Pemilik klik menu Data admin Berhasil
Tambah pengaturan, klik bertambah
Admin submenu admin, klik
button tambah admin,
input form, klik
simpan
Pengujian Edit Pemilik klik menu Data admin diubah Berhasil
Admin pengaturan, klik
submenu admin, klik
button edit, input
form, klik simpan
Pengujian Pemilik klik menu Data admin dihapus Berhasil
Hapus Admin pengaturan, klik
submenu admin, klik
button hapus
Adminweb klik login dengan level akun
Adminweb
Pengujian Adminweb klik menu Menampilkan Berhasil
145

Menu pengaturan, klik halaman tabel data
Pengaturan submenu admin admin
Admin
Pengujian Adminweb klik menu Data admin Berhasil
Tambah pengaturan, klik bertambah
Admin submenu admin, klik
button tambah admin,
input form, klik
simpan
Pengujian Edit Adminweb klik menu Data admin diubah Berhasil
Admin pengaturan, klik
submenu admin, klik
button edit, input
form, klik simpan
Pengujian Adminweb klik menu Data admin dihapus Berhasil
Hapus Admin pengaturan, klik
submenu admin, klik
button hapus
Pengujian Adminweb klik menu Data perusahaan Berhasil
Setting pengaturan, klik tersimpan
Perusahaan submenu perusahaan,
input form, klik
simpan
Pada Tabel 5.2 menunjukan hasil pengujian black box testing, pada
tabel diatas merupakan pengujian secara fungsional, ada beberapa
pengujian tabel diatas yaitu pengujian tombol mulai hasilnya halaman
login, pengujian menu data penjualan, pengujian tombol kembali
hasilnya menampilkan menu utama, pengujian tombol petunjuk
hasilnya menampilkan halaman petunjuk, pengujian tombol kembali
hasilnya menampilkan menu utama, pengujian tombol keluar hasilnya
menampilkan panel keluar, pengujian tombol tidak hasilnya
menampilkan menu utama, dan pengujian tombol ya yang hasilnya
adalah keluar dari aplikasi.
146
5.3.4. Kesimpulan Pengujian

Berdasarkan hasil pengujian terhadap aplikasi penjualan,
pelayanan, gudang, tracking dokumen, dan penagihan dengan SMS
Gateway, dapat ditarik kesimpulan aplikasi ini dapat berfungsi sesuai
dengan yang diharapkan serta aplikasi yang dibangun telah cukup
memenuhi tujuan awal pembangunan.
5.3.5 Rumus Efektivitas Kuantiti

Ilmu matematika, persentase adalah suatu perbandingan angka
yang difungsikan untuk menyatakan pecahan dari seratus. persen berasal
dari bahasa latin yaitu per centum yang artinya per setarus, persentase
bersimbol (%) (Armansyah, 2019). Dibawah ini adalah grafik kuantiti
efektivitas:
1. Grafik Kuantiti Efektivitas

Grafik kuantiti efektivitas diukur berdasarkan dari kuantiti yang
dihasilkan oleh sistem aplikasi dan sistem manual yang dimana telah
dilakukan uji test pada tanggal 17 Juni 2019 untuk sistem manual
dan 18 Juni 2019 untuk sistem aplikasi yang hasilny Seperti pada
Gambar 5.10 dibawah ini.
60
50
40
30 Sistem
20 Manual
10
0
Pembuatan Nota Pemberitahuan Pencarian
Penagihan Dokumen
Gambar 5.10 Grafik Efektivitas Kuantiti

147
Gambar 5.10 diatas adalah grafik kuantiti efektivitas yang dimana

telah diuji dan mendapatkan hasil efektivitas terdapat pada sistem
aplikasi yang dimana hasilnya lebih banyak dibandingkan dengan
sistem manual.
2. Rumus Efektivitas
Ilmu matematika, persentase adalah suatu perbandingan angka
yang difungsikan untuk menyatakan pecahan dari seratus.
persen berasal dari bahasa latin yaitu per centum yang artinya per
setarus, persentase bersimbol (%) (Armansyah, 2019). Dibawah ini
adalah persentase efektivitas penagihan dengan rumus sebagai
berikut :
Hasil Kuantiti Dihasilkan

x 100%
Jumlah Jam Kerja (Menit)
Keterangan : Jumlah Jam Kerja (Menit) = 420 Menit

Berikut ini adalah perhitungan dengan rumus yang sudah dijelaskan
sebelumnya sebagai berikut :
a. Sesudah Sistem
Pembuatan Nota 50 : 420 Menit x 100 % = 11.9 %
Informasi Penagihan 25 : 420 Menit x 100% = 6.0%
Pencarian Dokumen 50 : 420 Menit x 100% = 11.9%
b. Manual Sebelum Ada Sistem

Pembuatan Nota 25 : 420 Menit x 100 % = 7.1 %
Informasi Penagihan 5 : 420 Menit x 100% = 1.2%
Pencarian Dokumen 25 : 420 Menit x 100% = 6.0%
Nilai 420 Menit adalah hitungan dari jam kerja PT. Teruna gema
Nusa. Berikut ini adalah Tabel persentase hasil analisa efektivitas
148
berdasarkan perhitungan dengan rumus diatas seperti yang terlihat

pada Tabel 5.3 dibawah ini.
Tabel 5.3 Persentase Hasil Analisa Efektivitas Pembuatan Nota

Pembuatan Nota
Manual Sistem
Persentase 7.1 % 11.9 %
Tabel 5.3 diatas adalah persentase dari hasil efektivitas yang

diketahui bahwa setalah sistem dibuat efektivitas pembuatan nota
mencapai 11.9 % lebih efektif dibandingkan dengan pembuatan nota
manual.
Tabel persentase hasil analisa informasi penagihan berdasarkan
perhitungan dengan rumus diatas seperti Tabel 5.4 dibawah ini.
Tabel 5.4 Persentase Hasil Analisa Efektivitas Informasi Penagihan
Informasi Penagihan
Manual Sistem
Persentase 23.4 % 24.0 %
Tabel 5.4 diatas adalah persentase dari hasil efektivitas yang

diketahui bahwa setelah dibuatnya sistem mencapai 24.3 % lebih
efektif dibandingkan dengan informasi penagihan manual yang
datang customer.
Tabel persentase hasil analisa informasi penagihan berdasarkan
perhitungan dengan rumus diatas seperti Tabel 5.5 dibawah ini.
149
Tabel 5.5 Persentase Hasil Analisa Efektivitas Pencarian Dokumen

Pencarian Dokumen
Manual Sistem
Persentase 6.0 % 11.9%
Tabel 5.5 diatas adalah persentase dari hasil efektivitas pencarian

dokumen yang diketahui bahwa setelah dibuatnya sistem mencapai
11.9 % lebih efektif dibandingkan dengan pencarian dokumen
manual yang membuka satu satu dokumen.
5.3.6 Kueisoner Kepuasan

Kuesioner kepuasa adalah untuk menetahui apakah user merasa
puas dengan adanya sistem sistem informasi penjualan, pelayanan,
gudang, tracking dokumen, dan penagihan dengan SMS gateway
berbasis web dan dari form kuisoner kepuasa tersebut akan dilakukan
perhitungan untuk dapat diambil kesimpulan terhadap penilaian dari
aplikasi yang baru dibuat.
Dalam pengujian ini penulis menggunakan tiga kategori yang
dijadikan sebagai pondasi dalam penilaian dari sebuah sistem informasi,
antara lain kualitas penggunaan untuk mengukur tingkat kemudahan dan
menariknya sistem, kualitas informasi untuk mengukur tingkat kualitas
informasi yang di tampilkan di aplikasi dan yang terakhir kualitas
interaksi guna mengukur tingkat kualitas interaksi antara pengguna dan
aplikasi. Dari ketiga kategori tersebut nantinya akan menghasilkan
beberapa pertanyaan yang nantinya akan dijadikan pertimbangan dalam
pengembangan aplikasi.
Berdasarkan data hasil dari kuesioner, dapat dicari persentase
setiap jawaban dengan menggunakan rumus :
150
Y=P/Q*100%
Keterangan :
P = Banyaknya jawaban responden tiap soal
Q = Jumlah responden
Y = Nilai persentase
Kuesioner dibagikan kepada 10 orang pengguna secara acak yang

berisi 5 pertanyaan berskala 1 sampai dengan 5. Adapun hasil skala dari
setiap pertanyaan adalah sebagai berikut :
1. Apakah sistem informasi ini membantu dalam proses transaksi

penjualan dan pembelian ? hasil dari pertanyaan 1 tercantum pada
Tabel 5.6
Tabel 5.6 Hasil Pertanyaan 1
Kategori Frekuensi Jumlah Presentasi

Jawaban Jawaban Sample 100%
Sangat Setuju 6 10 40%
Setuju 4 10 60%
Cukup 0 10 0%
Tidak Setuju 0 10 0%
Sangat Tidak
0 10 0%
Setuju
.
Berdasarkan hasil persentase pada Tabel 5.6 maka dapat
disimpulkan bahwa 60% responden menyatakan aplikasi ini sangat
membantu dalam proses transaksi pembelian dan penjualan dan
sisanya 40% hanya menyatakan setuju aplikasi ini membantu dalam
proses transaksi pembelian dan penjualan.
151
2. Apakah sistem informasi ini membantu dalam proses perhitungan

stok ? dari pernyataan 2 didapatkan hasil yang tertera pada Table 5..7

Setuju 5 10 40%
Cukup 1 10 30%
Sangat Tidak
0 10 0%
Setuju

disimpulkan bahwa 40% responden sangat setuju menyatakan
aplikasi ini membantu dalam proses perhitungan stok, 50%
responden menyatakan setuju dan 10% sisanya hanya merasa cukup
karena info detail yang dirasa belum lengkap.
3. Apakah sistem informasi ini mempunyai menu – menu serta navigasi

yang mudah digunakan atau userfriendly ? hasil dari pertanyaan 3
tercantum pada Tabel 5.8

Setuju 4 10 40%
Cukup 2 10 30%
Sangat Tidak
0 10 0%
Setuju
152

aplikasi ini mempunyai menu – menu serta navigasi yang mudah
digunakan, 40% responden menyatakan setuju dan 20% sisanya
hanya merasa cukup karena info detail yang dirasa belum lengkap.
4. Apakah sistem informasi ini membantu dalam proses pemberitahuan

tagihan ? dari pernyataan 4 didapatkan hasil yang tertera pada Table
5..9

Setuju 5 10 40%
Cukup 0 10 30%
Sangat Tidak
0 10 0%
Setuju

aplikasi ini membantu dalam proses pemberitahuan tagihan, 50%
responden menyatakan setuju.
5. Apakah sistem informasi ini membantu dalam proses pencarian

dokumen ? hasil dari pertanyaan 5 tercantum pada Tabel 5.10.

Setuju 3 10 40%
Cukup 0 10 30%
153
Tabel 5.10 Hasil Pertanyaan 5 (Lanjutan)
Sangat Tidak
0 10 0%
Setuju

disimpulkan bahwa 70% responden menyatakan aplikasi ini sangat
embantu dalam proses pencarian dokumen dan sisanya 30% hanya
menyatakan setuju aplikasi ini embantu dalam proses pencarian
dokumen
Dari hasil pertanyaan kuisoner kepuasaan yang telah dilakukan
yaitu dengan pengujian perhitungan pilihan kategori jawaban dari
kuesioner yang telah dibagikan dan tertera dengan jelas dari Tabel
5.6 hingga Tabel 5.10 menghasilkan grafik yang dapat dilihat pada
Gambar 5.11 berikut.
Cukup
6%
Setuju Sangat Setuju

42% 52%
Gambar 5.11 Grafik Form Kuesioner Kepuasan
Dari Gambar 5.11 grafik Form Kuesioner Kepuasan yang

menjelaskan persentase keseluruhan pertanyaan, penulis
menyimpulkan bahwa 94% pengguna dari 52% sangat setuju dan
42% setuju menyatakan bahwa aplikasi sistem informasi penjualan,
pelayanan, gudang, tracking dokumen, dan penagihan dengan SMS
154
gateway berbasis web berhasil menyelesaikan masalah untuk

membantu pengguna dalam memberikan informasi dan dapat
membantu proses transaksi pembelian dan penjualan yang terdapat
pada PT. Teruna Gema Nusa dan yang menyatakan cukup hanya 6%
yang dimana user atau karyawan PT. Teruna Gema Nusa merasa
cukup karena tidak bisa mengoprasikan komputer.
BAB VI
PENUTUP
6.1 Kesimpulan
Berdasarkan hasil penelitian dan pembahasan yang sudah dijabarkan
dan mendapatkan hasil pengujian beta berisi 94% pengguna setuju aplikasi
ini mampu memberikan informasi dan membantu dalam proses transaksi
yang berada pada PT. Teruna Gema Nusa. Maka penulis menyimpulkan
bahwa aplikasi sistem informasi sistem informasi penjualan, pelayanan,
gudang, tracking dokumen, dan penagihan dengan SMS gateway berbasis
web ini merupakan suatu aplikasi alternatif baru yang sebelumnya semua
transaksi dalam PT. Teruna Gema Nusa dilakukan secara manual dan
dengan adanya sistem informasi penjualan, pelayanan, gudang, tracking
dokumen, dan penagihan dengan SMS gateway berbasis web yang berguna
untuk membantu, mempercepat dan memudahkan karyawan PT. Teruna
Gema Nusa dalam melakukan segala kegiatan transaksi dari mulai
pembelian, penjualan sampai dengan pemberitahuan penagihan kepada
customer yang sudah jatuh tempo.
6.2 Saran
Diharapkan pengembangan sistem informasi penjualan, pelayanan,
gudang, tracking dokumen, dan penagihan dengan SMS gateway berbasis
web perlu dilakukan seiring dengan zaman untuk menyesuaikan dengan
teknologi yang terus berkembang seperti invoice penjualan yang dapat
dikirim langsung dari web ke email customer dan diharapkan kedepannya
sistem informasi penjualan, pelayanan, gudang, tracking dokumen, dan
penagihan dengan SMS gateway berbasis web dapat memesan barang atau
produk langsung dari web agar customer tidak perlu datang langsung atau
menunggu sales kunjungan ke customer.
155
DAFTAR PUSTAKA
Indriyani, S. P. and Kurniadi, D. (2017) ‘Rancang Bangun Sistem Informasi

Pelayanan Unit Sistem Informasi’, 6(October), pp. 68–75.
Noviyanti, K. et al. (2014) ‘PENGEMBANGAN APLIKASI LIVE CHAT

DENGAN INFORMASI DAN KOMUNIKASI UNTUK MEDIA
PEMBELAJARAN JARAK JAUH ( E-LEARNING ) Jurnal Tugas Akhir
Teknik Informatika 2014’, pp. 1–8.
Setiawan, R. and Nurfadilah, Y. ‘Pengembangan Aplikasi Pengendalian Tugas

Akhir’, pp. 34–41.
Suardinata and Lubis, A. (2015) ‘Pembuatan Sistem SMS Gateway Untuk

Kelancaran Tagihan Pelanggan Di PT PLN Cabang Padang’, Jurnal
ESuardinata and Lubis, A. (2015) ‘Pembuatan Sistem SMS Gateway Untuk
Kelancaran Tagihan Pelanggan Di PT PLN Cabang Padang’, Jurnal Edik
Informatika, 2(1), pp. 36–44.dik Informatika, 2(1), pp. 36–44
Gammahendra, Fianda, Djamhur Hamid, and Muhammad Faisal Riza. 2014.

“Pengaruh Struktur Organisasi Terhadap Efektivitas Organisasi (Studi Pada
Persepsi Pegawai Tetap Kantor Perwakilan Bank Indonesia Kediri).” Jurnal
Administrasi Bisnis 7 (2): 1–10.
Afrina, Mira, and Ali Ibrahim. 2015. “Pengembangan Sistem Informasi SMS
Gateway Dalam Meningkatkan Layanan Komunikasi Sekitar Akademika
Fakultas Ilmu Komputer Unsri.” ISSN Print 7 (2): 2085–1588.
http://ejournal.unsri.ac.id/index.php/jsi/index.
Akbar, Ilham, Kodrat Iman Satoto, and Yuli Christiyono. 2013. “Perancangan
Aplikasi SMS Gateway Pelaporan Nilai Siswa.” Transmisi 15 (2): 87–93.
Anthony, Anthony, Andeka Rocky Tanaamah, Agustinus Fritz Wijaya, Fakultas

Teknologi Informasi, Universitas Kristen, and Satya Wacana. 2017. “Analisi
Dan Perancangan Sistem Informasi Penjualan Berdasarkan Stok Gudang
Berbasis Client Server.” Teknologi Informasi Dan Ilmu Komputer 4 (2):
136–47.
Astuti, Puspita Dwi. 2014. “Sistem Informasi Penjualan Obat Pada Apotek Jati
Farma Arjosari” 3 (4): 34–39.
Dahlan, Ahmad, and Al- Asy. 2017. “SISTEM INFORMASI INVENTORY

GUDANG BERBASIS WEBSITE PADA CV EL’U GRAFIKA.”
Erwantoni, Kondar Siahaan. 2017. “Analisis Dan Perancangan Sistem Informasi

Penjualan Dan Jasa Perbaikan Komputer Berbasis Web Pada Iptek Komputer
Betara Kabupaten Tanjung Jabung Barat.” Manajemen Sistem Informasi 2
(1): 327–44. https://doi.org/10.11591/jurnalmsi.v12i4.xxxx.
Fadli, Tubagus Rizki, Januar Wibowo, and Kurniawan Jatmika. 2016. “Sistem
Informasi Pelayanan Publik Untuk Pembuatan Buku Pelaut Berbasis WEB
(Studi Kasus: Kantor Syahbandar Kelas Utama Tanjung Perak Surabaya) 1).”
Fahrudin, Alex, Bambang Eka, Purnama Berliana, and Kusuma Riasti. 2011.
“Pembangunan Sistem Informasi Layanan Haji Berbasis Web Pada
Kelompok Bimbingan Ibadah Haji Ar Rohman Mabrur Kudus” 3 (1): 35–43.
Ibrahim, Wahyu Hidayat, and Idria Maita. 2017. “SISTEM INFORMASI

PELAYANAN PUBLIK BERBASIS WEB PADA DINAS PEKERJAAN
UMUM KABUPATEN KAMPAR” 3 (2): 17–22.
Indriyani, Sheny Puspita, and Dede Kurniadi. 2017. “Rancang Bangun Sistem
Informasi Pelayanan Unit Sistem Informasi” 6 (October): 68–75.
Iswandy, Eka, and Dosen Sistem Informasi. 2016. “Jurnal TEKNOIF ISSN :
2338-2724 ANALISA DAN PERANCANGAN SISTEM INFORMASI
PENAGIHAN PURCHASING ORDER CUSTOMER STUDI KASUS
PADA CV . VERTICAL CIPTA RELASI PADANG DENGAN Jurnal
TEKNOIF ISSN : 2338-2724” 4 (2): 106–19.
Kermite, Reynaldi Yosfino, Agus Winarno, and Asih Rohmani. 2012.

“Perancangan Sistem Administrasi Sekolah Dengan SMS Gateway Berbasis
Web Menggunakan Gammu Pada SMK LPI Semarang,” no. x: 15–27.
Sukisno, Winda Frantika Wuni. 2017. “ANALISA DAN PERANCANGAN

SISTEM INFORMASI TRACKING ACUAN QUALITY DEPARTEMEN
BRUSHING BERBASIS WEB DI PT . INDOTAICHEN TEXTILE
INDUSTRY” 5 (1): 43–51.
Latifah, Retnani, Sitti Nurbaya Ambo, and Muhammad Reza Yudha. 2018.
“Sistem Informasi Penagihan Dana Kredit Tanpa Agunan Menggunakan
Naïve Bayes Di Bank XYZ,” 8–9.
Noviandi, Budi Mochamad, Dini Destiani, and Partono. 2012. “Perancangan

Sistem Informasi Inventori Barang Di Bank Sampah Garut.” STT-Garut 9
(32): 1–13. https://doi.org/10.1524/teme.2009.0926.
Noviyanti, K, St Rukmini Adikarini, Muhammad Nizwar, and Mukarramah

Yusuf. 2014. “PENGEMBANGAN APLIKASI LIVE CHAT DENGAN
INFORMASI DAN KOMUNIKASI UNTUK MEDIA PEMBELAJARAN
JARAK JAUH ( E-LEARNING ) Jurnal Tugas Akhir Teknik Informatika
2014,” 1–8.
Prasetyo, Andri, and Susanti Rahel. 2016. “Sistem Informasi Penjualan Berbasis
Web Pada PT. Cahaya Sejahtera Sentosa Blitar.” Sistem Informasi Penjualan
Berbasis Web Pada PT. Cahaya Sejahtera Sentosa Blitar 10 (2): 1–16.
Prawira, Ilham, Program Studi, Sistem Informasi, Fakultas Sains, D A N

Teknologi, Universitas Islam, and Negeri Raden. 2017. “BARANG
BERBASIS WEB PADA BENGKEL MOBIL AUTO RIZAL
PALEMBANG.”
Rohyadi, Mita. 2014. “MEMBANGUN SISTEM INFORMASI MONITORING

Mita Rohayati Teknik Informatika – Universitas Komputer Indonesia Jurnal
Ilmiah Komputer Dan Informatika ( KOMPUTA )” 1.
Saputra, Dony, Fery Susanto, Program Studi, Digital Communication, Program

Studi, Sistem Informasi, Program Studi, and Teknik Informatika. 2014.
“Perancangan Sistem Tracking Report Process Production Pada Pt .
Indotaichen Textile Industry” 2014 (Sentika).
Sari, Ani Oktarini, and Elan Nuari. 2017. “RANCANG BANGUN SISTEM
INFORMASI PERSEDIAAN BARANG BERBASIS WEB DENGAN
METODE FAST ( FRAMEWORK FOR THE APPLICATIONS )” 13 (2):
261–66.
Suardinata, and Amrin Lubis. 2015. “Pembuatan Sistem SMS Gateway Untuk
Kelancaran Tagihan Pelanggan Di PT PLN Cabang Padang.” Jurnal
ESuardinata and Lubis, A. (2015) ‘Pembuatan Sistem SMS Gateway Untuk
Kelancaran Tagihan Pelanggan Di PT PLN Cabang Padang’, Jurnal Edik
Informatika, 2(1), Pp. 36–44.Dik Informatika 2 (1): 36–44.
Sutopo, Priyo, Dedi Cahyadi, and Zainal Arifin. 2016. “SISTEM INFORMASI
EKSEKUTIF SEBARAN PENJUALAN KENDARAAN BERMOTOR
RODA 2 DI KALIMANTAN TIMUR BERBASIS WEB” 11 (1).
Taufiq, Muhammad; Purnama Bambang. 2013. “PENGEMBANGAN APLIKASI

SMS GATEWAY UNTUK INFORMASI PENDAFTARAN PESERTA
DIDIK BARU DI SMAN 1 JEPARA Muhammad Taufiq Muslih 1) ,
Bambang Eka Purnama 2),” 50–55.
Uswatun, Hasanah. 2014. “SISTEM INFORMASI PENJUALAN ON_LINE

PADA TOKO KREATIF SUNCOM PACITAN Uswatun Hasanah,” 40–48.
Wulandari, and A. Siska. 2015. “Jurnal TAM ( Technology Acceptance Model)
Volume 4 Juli 2015” 4.
Solamo, M. R. C. et al. (2014) ‘Software Engineering’.

LAMPIRAN
Scanned by CamScanner
Scanned by CamScanner

G.231.14.0123 15 File Komplit 20190821102714

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

G.231.14.0123 15 File Komplit 20190821102714

Diunggah oleh

Hak Cipta:

Format Tersedia

SISTEM INFORMASI PENJUALAN, PELAYANAN, GUDANG,

TRACKING DOKUMEN, PENAGIHAN MENGGUNAKAN SMS

PROGRAM STUDI S1 - TEKNIK INFORMATIKA

HALAMAN JUDUL ........................................................................................... i

BAB II TINJAUAN UMUM PT. TERUNA GEMA NUSA

BAB III TINJAUAN PUSTAKA

BAB IV PERENCANAAN DAN ANALISA PERANCANGAN SISTEM

BAB V IMPLEMENTASI DAN PENGUJIAN SISTEM

Gambar 1.1 Model RUP ................................................................................... 8

Tabel 3.1 Penelitian Terdahulu .................................................................... 25

Kode Program 5.1 API SMS dan Whatsapp .............................................. 127

1.1 Latar Belakang

online (Suardinata and Lubis, 2015). Dalam pelaksanaannya, metode

Dengan memanfaatkan fasilitas SMS, PT Teruna Gema Nusa dapat

1.2 Perumusan Masalah

1.3 Batasan Masalah

1.4 Tujuan Tugas Akhir

1.5 Manfaat Tugas Akhir

1.6 Metodologi Penelitian

1.6.2 Metode Pengumpulan Data

informasi mengenai sistem penjualan, informasi stok dan penagihan

1.6.3 Metode Pengembangan Sistem

dikembangkan kembali. Metode ini dimulai dengan pengumpulan

Gambar 1.1. Model RUP (Rossa A S, 2014)

penjualan, pelayanan, gudang, tracking dokumen dan penagihan

Kegiatan yang dilakukan pada tahap transition yaitu membuat

1.7 Sistematika Penulisan

yang menunjang seperti UML sebagai perancangan sistem dan

BAB V : IMPLEMENTASI DAN PENGUJIAN SISTEM

TINJAUAN UMUM PT. TERUNA GEMA NUSA SEMARANG

2.1 Sejarah PT. Teruna Gema Nusa

2.2 Visi dan Misi PT. Teruna Gema Nusa

2.3 Tata Nilai Perusahaan

2.3.3 Confident (Percaya Diri)

2.4 Struktur Organisasi

Supervisor Admin Admin Admin

Gambar 2.1 Struktur Organisasi PT. Teruna Gema Nusa.

Gambar 2.1 menjelaskan tentang struktur organisasi PT. Teruna Gema

2.5 Job Description

2.6 Lokasi dan Gambar Gedung PT. Teruna Gema Nusa

Gambar 2.2 Lokasi PT. Teruna Gema Nusa

Gambar 2.2 menjelaskan bahwa PT. Teruna Gema Nusa berletak di

dan alasan estetika(Gammahendra, Hamid and Riza, 2014). Gedung

Gambar 2.3 Gambar Gedung PT. Teruna Gema Nusa.

3.1 Pengertian Sistem Informasi

Penjualan merupakan suatu kegiatan yang dilakukan sebagian

3.3 Sistem Informasi Penjualan

aksesibilitas, kontinuitas, teknikalitas, profitabilitas, dan akuntabilitas

3.5 Sistem Informasi Pelayanan

3.6 Persediaan (Inventory)

Persedian merupakan bahan atau barang yang disimpan untuk

3.7 Sistem Informasi Persediaan (Inventory)

Sistem informasi persediaan (inventory) adalah suatu sistem

3.8 Tracking Dokumen

3.9 Sistem Informasi Tracking Dokumen

3.11 Sistem Informasi Penagihan

menginformasikan tagihan yang telah jatuh tempo. Sistem informasi

3.12 SMS Gateways

Gambar 3.1 Cara Kerja SMS Gateway (Primartha, 2014).

Gammu adalah service yang disediakan untuk membangun aplikasi

Gambar 3.2. Cara Kerja Gammu (Afrina and Ibrahim, 2015)

3.14 Penelitian Terdahulu

Tabel 3.1. Penelitian Terdahulu