TELEMATIKA | VOLUME 3 NOMOR 2, JULI 2021

ISSN : 2088 - 9135

PERANCANGAN APLIKASI INVOICE

MENGGUNAKAN METODE WATERFALL BERBASIS WEBSITE
DI CV. ANUGERAH NURTINDO NUSANTARA (ANN)
Dadan Rusmawan1), Ani Amaliyah 2), A. Supriyadi Adung3) Yadi Suryadi4), Hasna Latifah5), Rizki Subagja6)
1,3,4,5,6Program Studi Teknik Informatika, STT Pratama Adi
2Program Studi Teknik Informatika, Universitas Islam Nusantara, Indonesia

e-mail: 1itzdadanr@gmail.com., 2anidata@yahoo.com., 3supriyadiadung@gmail.com.

ABSTRAK

Teknologi informasi sangat penting disegala bidang, termasuk pada bidang penyedia barang
atau jasa. Invoice adalah suatu dokumen yang di gunakan sebagai pernyataan penagihan
yang dikeluarkan oleh penjual kepada pembeli dimana invoice berisi tentang perincian
transaksi penjualan dan pembelian. CV. Anugerah Nurtindo Nusantara (ANN) merupakan
salah satu perusahaan yang bergetak pada bidang jasa pengedalian hama. Perusahaan
tersebut melakukan berbagai macam transaksi pembelian dan penjualan yang membutuhkan
data dengan cepat dan up to date. Dengan sistem yang manual kemungkin terjadinya
keterlambatan dalam pelaporan transaksi pembelian dan penjualan sering terjad. Sehingga
pelaporan transaksi pembelian dan penjualan menjadi lama.
Perancangan aplikasi invoice adalah perancangan aplikasi yang merancang bagaimana
transaksi tersebut menjadi terprogram dengan baik. Pada perancangan aplikasi invoice ini di
gunakan metode waterfall.
Metode waterfall adalah mtode pengembangan perangkat lunak yang berisi langkah-
langkah yang terurut yang di mulai dari analisis kebutuhan sistem, perancangan sistem
informasi, perancangan struktur tabel basis data, perancangan antarmuka, serta
implememntasi.
Tujuan penelitian adalah menghasilkan rancangan aplikasi invoice yang dapat di gunakan
untuk menghasilkan laporan pembelian dan penjualan dengan cepat dan up to date.
Hasilnya adalah aplikasi invoice berbasis website yang diharapkan dapat memcepat proses
pelaporan pembelian dan penjualan.

Kata Kunci : Perancangan, Aplikasi, Invoice, Waterfall.

Sejalan dengan perkembangan teknologi

informasi dan komuniikasi (TIK) tidak
1. PENDAHULUAN
lepas dari ketersediaan akan sarana dan
Teknologi informasi (TI) sangat besar
prasarana serta pemanfaatannya (Ani
manfaatnya dalam segala bidang, termasuk
Amaliyah, 2016).
pada bidang penyedia barang atau jasa.
Salah satu pemanfaatan teknologi
Pemanfaataan TI harus dapat di
informasi adalah menggunakan komputer
manfaatkan dengan baik, semakin baik
sebagai alat atau sarana untuk melakukan
perencanaan, penerapan dan pengawasan
pemrosesan data yang cepat, tepat, dan
dalam menggunakan TI di dalam
akurat, sehingga menghasilkan informasi
organisasi maka dapat diharapkan makin
yang bermanfaat (Ulva et al., 2021).
cepat tujuan organisasi tercapai (Endang
Pada penelitian kali ini berfokus pada
Tasli Susandi, Ani Amaliyah, 2014).
penggunaan invoice. Invoice adalah suatu

1
TELEMATIKA | VOLUME 3 NOMOR 2, JULI 2021
ISSN : 2088 - 9135
dokumen yang di gunakan sebagai
pernyataan penagihan yang dikeluarkan
oleh penjual kepada pembeli dimana
invoice berisi tentang perincian transaksi
penjualan dan pembelian. CV. Anugerah
Nurtindo Nusantara (ANN) merupakan
salah satu perusahaan yang bergetak pada
bidang jasa pengedalian hama. Perusahaan
tersebut melakukan berbagai macam
transaksi pembelian dan penjualan yang
membutuhkan data dengan cepat dan up to
date. Dengan sistem yang manual
kemungkin terjadinya keterlambatan
dalam pelaporan transaksi pembelian dan
penjualan sering terjad. Sehingga
pelaporan transaksi pembelian dan
penjualan menjadi lama.
Perancangan aplikasi invoice adalah
perancangan aplikasi yang merancang
bagaimana transaksi tersebut menjadi
terprogram dengan baik. Pada
perancangan aplikasi invoice ini di
gunakan metode waterfall.
Metode waterfall adalah mtode
pengembangan perangkat lunak yang
berisi langkah- langkah yang terurut yang
di mulai dari analisis kebutuhan sistem,
perancangan sistem informasi,
perancangan struktur tabel basis data,
perancangan antarmuka, serta
implememntasi.
Tujuan penelitian adalah menghasilkan
rancangan aplikasi invoice yang dapat di
gunakan untuk menghasilkan laporan
pembelian dan penjualan dengan cepat dan
up to date.
Hasilnya adalah aplikasi invoic berbasis
website yang diharapkan dapat memcepat
proses pelaporan pembelian dan penjualan.
CV. Anugrah Nurtindo Nusantara (ANN)
adalah sebuah perusahaan jasa yang
bergerak di bidang pengendalian hama.
Dalam proses transaksi dan pelaporannya
masih menggunakan tata cara manual
sehingga proses tersebut berjalan lambat,
terdapat pengisian data yang berulang,
penggunaan kertas yang banyak, serta
beberapa bagian terkait seperti bagian
Service (Teknisi) harus bekerja di 2 tempat
yaitu di lapangan (tempat klien) dan di
kantor. Transaksi pesanan jasa yang
dilakukan pelanggan via telepon ke bagian
marketing, bagian marketing mencatat
detailnya di Surat Penawaran dan di Surat
Kontrak Kerja (SKK) untuk selanjutnya
diberikan ke bagian Service (Teknisi)
untuk di jadwalkan dan dikerjakan. Selama
pengerjaan, bagian Service (Teknisi)
mencatat segala pengeluaran di Surat
Pengeluaran Semikal (Cash Out) dan akan
diberikan ke bagian Keuangan untuk
dibuatkan Invoice (Cash In) yang akan
direkap setiap bulan sebagai laporan rugi
laba.
1.1. Rumusan Masalah
Rumusan masalah nya adalah:
1. Bagaimana merancang aplikasi
invoice ?
2. Metode apa yang akan di gunakan ?
3. Bagaimana merancang laporan
pembelian dan penjualan ?
1.2. Tujuan Penelitian / Perekayasaan
sebagai berikut :
1. Untuk menghasilkan aplikasi invoice .
2. Metode waterfall yang di gunakan
bertujuan untuk membuat langkah-
langkah perancangan yang di lakukan
dapat di lakukan dengan terurut dan
baik.
3. Laporan pembelian dan penjualan
bertujuan untuk dapat menghitung
laba rigu perusahaan dengan baik.
2. TINJAUAN PUSTAKA
2.1. State Of The Art
State of the art adalah penelitian terdahulu
yang telah dilakukan oleh peneliti terkait
dengan perancangan aplikasi invoice
dengan metode waterfall berbasis website
adalah sebagai berikut:
Sehingga pemanfaatan TI untuk
meningkatkan nilai tambah pada sebuah
organisasi (Sunandi and Amaliyah, 2016).
Bentuk layanan yang menjadi sorotan
salah satunya perancangan sistem
2
TELEMATIKA | VOLUME 3 NOMOR 2, JULI 2021
ISSN : 2088 - 9135
pengelolaan dokumen invoice, dengan
tujuan ketika dilakukan pengambilan
dokumen invoice dapat dilakukan dengan
cepat (Subianto, 2021).
Invoice merupakan surat tagihan resmi
dari perusahaan yang ditujukan untuk
pelanggan yang berisi barang taupun jasa,
qty dan jumlah harga sesuai dengan
purchase order. Kecepatan dalam
pembuatan invoice pun diperlukan agar
surat tagihan dapat segera diterima oleh
pelanggan, namun masih banyak
perusahaan yang membuat invoice secara
manual. (Yulianto and Ariani, 2020).
Karena pembuatan invoice masih secara
manual di beberapa perusahaan, maka
invoce pun rentan terhadap kesalahan baik
dalam pengetikan ataupun hilangnya data
arsip pada beberapa pihak.
2.1. Invoice
Pengertian invoice adalah merupakan
dokumen tertulis yang didalamnya berisi
surat penagihan hutang. Draft ini diberikan
penjual kepada pembeli sebagai pihak
penghutang. Sedangkan formatnya yaitu
berisi nama produk, harga yang harus
dibayar dan tanggal pembelian barang
(Malays and Sakti, 2021).
Dalam kerjasama bisnis, biasanya satu
pihak merupakan perusahaan penyeda
barang atau jasa yang keudian akan
digunakan atau dibeli oleh pihak lain
dengan mekanisme pembayaran atau
pembelian yang sudah disepakati dalam
perjanjia kerjasama yang disebut dengan
invoice (Hidayati et al., 2021).
2.2.Website
Menurut Bekti (2015) menyimpulkan
bahwa Website merupakan kumpulan
halaman-halaman yang digunakan untuk
menampilkan informasi teks, gambar diam
atau gerak, animasi, suara,dan atau
gabungan dari semuanya, baik yang
bersifat statis maupun dinamis yang
membentuk satu rangkaian bangunan yang
saling terkait, yang masing-masing
dihubungkan dengan jaringan-jaringan
halaman.Web merupakan layanan internet
yang paling popular saat ini, mulai dikenal
dan digunakan secara luas setelah adanya
layanan WWW (Kurnia Fitriani, Isbandi,
2021).
a. Website Statis
Website Statis adalah website yang
mempunyai halaman konten yang
tidak berubah-ubah.
b. Website Dinamis
Website Dinamis adalah Website yang
secara terstruktur ditujukan untuk
update sesering mungkin.
2.3.Definisi Basis Data (Database)
Menurut Kustiyahningsih dan Devie (2011)
Basis Data adalah sekumpulan data yang
diproses dengan bantuan komputer yang
memungkinkan data dapat diakses dengan
mudah dan tepat, yang dapat digambarkan
sebagai aktifitas dari satu atau lebih
organisasi yang berelasi. Perancangan
basis data dilakukan sebagai proses untuk
menentukan isi dan pengaturan data yang
dibutuhkan dalam mendukung berbagai
rancangan sistem (Amaliyah et al., 2021) .
2.4. MySQL
MySQL adalah sebuah program database
server yang mampu menerima dan
mengirimkan datanya dengan sangat cepat,
multiuser serta menggunakan perintah
standar SQL (Structured Query Language)
(Sukmansyah et al., 2021) .
2.5.Pengertian Aplikasi
Aplikasi menurut Dhanta dikutip dari
Sanjaya (2015) adalah Software yang
dibuat oleh suatu perusahaan komputer
untuk mengerjakan tugas-tugas tertentu,
misalnya Microsoft Word, Microsoft Excel
[3]. Aplikasi berasal dari kata application
yang artinya penerapan lamaran
penggunaan. Menurut Jogiyanto (2013)
aplikasi merupakan penerapan,
menyimpan sesuatu hal, data,
permasalahan, pekerjaan kedalam suatu
sarana atau media yang dapat digunakan
untuk menerapkan atau
3
TELEMATIKA | VOLUME 3 NOMOR 2, JULI 2021
ISSN : 2088 - 9135

mengmplementasikan hal atau mendokumentasikan sistem piranti lunak,

permasalahan yang ada sehingga berubah yaitu : class diagram, use case diagram,
menjadi suatu bentuk yang baru tanpa activity diagram, sequence diagram.
menghilangkan nilai-nilai dasar dari hal
data, permasalahan, dan pekerjaan itu Tabel 1.1. Simbol Use Case
sendiri.
Jadi aplikasi merupakan sebuah
transformasi dari sebuah permasalahan
atau pekerjaan berupa hal yang sulit
difahami menjadi lebih sederhana, mudah
dan dapat dimengerti oleh pengguna.
Sehingga dengan adanya aplikasi, sebuah
permasalahan akan terbantu lebih cepat
dan tepat.
Aplikasi memiliki banyak jenis.
Diantaranya aplikasi desktop yang
beroperasi secara offline dan aplikasi web
yang beroperasi secara online. Remick
dalam jurnalnya Ramzi (2013)
menyebutkan bahwa aplikasi web
merupakan sebuah aplikasi yang
mengunakan teknologi browser untuk
menjalankan aplikasi dan diakses melalui
jaringan komputer. Sedangkan menurut
Rouse yang dikutip Ramzi (2013) aplikasi
web adalah sebuah program yang disimpan 2. Activity Diagram
di server dan dikirim melalui internet dan Menurut Haviluddin (2011) Activity
diakses melalui antarmuka browser. Dari Diagram ini menunjukan bagaimana
pengertian diatas dapat disimpulkan aktifitas-aktifitas yang saling berkaitan
aplikasi web merupakan aplikasi yang antara objek atau pengguna dengan sistem
diakses mengunakan web browser melalui [4]. Yang perlu diperhatikan disini adalah
jaringan internet atau intranet. Aplikasi bahwa diagram aktifitas menggambarkan
web juga merupakan suatu perangkat lunak aktifitas sistem bukan apa yang dilakukan
komputer yang dikodekan dalam bahasa aktor. Notasi yang digunakan pada activity
pemrograman yang mendukung perangkat diagram dapat dilihat pada Tabel 2.3.
lunak berbasis web seperti HTML, Tabel 1. 2 Notasi Activity Diagram
JavaScript, CSS, Ruby, Python, PHP, Java
dan bahasa pemrograman lainnya.

2.6.Perancangan Sistem Informasi

Perancangan sistem informasi adalah
pengembangan sistem baru dari sistem
lama yang ada, dimana masalah-masalah
yang ada pada sistem lama sudah teratasi
pada sistem yang baru.
Unified Modeling Language (UML).
Adalah sebuah “bahasa” yang telah
menjadi standard dalam industri untuk
visualisasi, merancang dan

4
TELEMATIKA | VOLUME 3 NOMOR 2, JULI 2021
ISSN : 2088 - 9135
3. Sequence Diagram
Menurut Sholiq (2010) Sequence Diagram
menjelaskan secara detail urutan proses
yang dilakukan dalam sistem untuk
mencapai tujuan [11]. Sequence diagram
menggambarkan kelakuan objek pada Use
Case dengan mendeskripsikan waktu
hidup objek dan message yang dikirimkan
dan diterima antar objek. Berikut contoh
Sequence diagram pada gambar 2.4
Gambar 1.3. Contoh Sequence Diagram
(Sumber : Sholiq. 2010. Analisis dan
Perancangan Berorientasi Objek.
Bandung: Muria Indah).
2.7. Perancangan Basis Data
.Perancangan database bisa diartikan
sebagai proses untuk menentukan isi dan
pengaturan data yang dibutuhkan untuk
mendukung berbagai rancangan sistem.
Tabel 1.4.. Simbol Basis Data
2.8. Entity Relationship Diagram (ERD)
Selain mudah disajikan oleh perancang
database, Entity Relationship Diagram
(ERD) juga menggambar hubungan antar
entity dengan jelas beserta batasan jumlah
entity dan partisipasi antar entity, serta
mudah dimengerti oleh pemakai.
Menurut Supriyanto (2007) Entity
Relationship Diagram (ERD) merupakan
notasi grafis dalam pemodelan data
konseptual yang mendeskripsikan
hubungan antara penyimpanan[1].
Menurut Al-Bahra bin Ladjamudin (2013),
Entity Relationship Diagram (ERD) adalah
suatu model jaringan yang menggunakan
susunan data yang disimpan dalam sistem
secara abstrak [8].
Dari pendapat para ahli dapat penulis
simpulkan ERD adalah susunan data yang
disimpan dalam sistem abstrak dengan
mendeskripsikan hubungan antara
penyimpanan dalam pemodelan data
konseptual.
a. Komponen ERD
Dalam komponen-komponen ERD, kita
dapat menggunakan untuk menunjukan
objek data dan hubungan-hubungan yang
5
TELEMATIKA | VOLUME 3 NOMOR 2, JULI 2021
ISSN : 2088 - 9135

ada pada objek dengan mengunakan entity 1) Satu ke satu (one to one)
dan relationship. Berikut adalah simbol 2) Satu ke Banyak (One to One)
yang digunakan pada ERD menurut Rosa 3) Banyak ke Banyak (Many to Many)
dan Shalahuddin (2014) [16] :
Tabel 1.5. Simbol pada ERD 3. METODE PENELITIAN
Simbol Deskripsi Metode penelitian yang dilakukan adalah
dengan menggunakan metode penelitian
Entitas (Entity) Entitas merupakan
deskripsi. Metode penelitian deskripsi
data inti yang akan
adalah metode penelitian yang
disimpan atau benda
nama_entitas mendeskripsikan kejadian yang
yang memiliki data
sebenarnya.
dan harus disimpan
Langkah-langkah yang dilakukan pada
datanya agar dapat
perancangan aplikasi absensi kehadiran
diakses oleh aplikasi
kepegawaian adalah sebagai berikut:
komputer;
1. Analisis kebutuhan sistem yang akan
penamaan entitas
di rancang;
biasanya lebih ke
2. Perancangan aplikasi absensi pegawai;
kata benda dan
3. Implementasi .
belum merupakan
Metode pengembangan perangkat lunak
nama tabel.
dengan Waterfall. Tahapan-tahapan yang
Atribut Field atau kolom
terdapat pada waterfall dalam SDLC
nama_atrib data yang butuh
secara global adalah sebagai berikut.
ut disimpan dalam
1. Inisiasi (initiation), tahap ini
suatu entitas.
ditandai dengan pembuatan proposal
Relasi Relasi yang proyek perangkat lunak
menghubungkan 2. Pengembangan konsep sistem
nama_ antar entitas;
relasi (system concept development), tahapan ini
biasanya diawali mendefinisikan lingkup konsep termasuk
dengan kata kerja. dokumen lingkup sistem, analisis manfaat
Asosiasi Penghubung antara biaya, manajemen rencana dan
(Association) relasi dan entitas di pembelajaran kemudahan sistem.
mana di kedua 3. Perencanaan (planning), tahapan
ujungnya memiliki ini menjelaskan tentang rencana
multiplicity pengembangan manajemen proyek dan
kemungkinan dokumen perencanaan lainnya.
jumlah pemakaian. Menyediakan dasar untuk mendapatakan
sumber daya (resources) yang dibutuhkan
b. Derajat Relasi untuk memperoleh solusi.
Untuk menjelaskan jumlah entity yang 4. Analisis kebutuhan (requirement
berpartisipasi dalam suatu relasi, kita analysis), tahapan ini bertujuan untuk
menggunakan derajat. Dengan menganalisis kebutuhan pemakai (user)
menggunakan derajat relasi pengguna dari sistem perangkat lunak dan
dapat menentukan hubungan antar entitas mengembangkan kebutuhan user itu
yang telah dibuat. sendiri. Serta membuat dokumen
Menurut Ladjamudin (2013) derajat relasi kebutuhan fungsional.
adalah jumlah entitas yang berpartisipasi 5. Desain (design), tahapan ini
dalam satu relasi [8]. mentransformasikan kebutuhan detail
Adapun gambar kardinalitas atau derajat menjadi kebutuhan yang sudah lengkap,
relasi menurut Fathansyah (2012) adalah dokumen pada desain sistem fokus pada
sebagi berikut:

6
TELEMATIKA | VOLUME 3 NOMOR 2, JULI 2021
ISSN : 2088 - 9135

cara untuk mendapatkan dan memenuhi penerapan tahapan prosesnya. Model-

fungsi-fungsi yang dibutuhkan. model tersebut yaitu: Model Waterfall,
6. Pengembangan (development), Model Prototype, Model Rapid
tahapan ini untuk mengonversi desain ke Application Development(RAD), Model
sistem informasi yang lengkap termasuk Incremental/Iteratif, Model Spiral dan lain
cara untuk memperoleh dan melakukan sebagainya.
instalasi lingkungan sistem yang
dibutuhkan. Termasuk didalamnya 4. HASIL DAN PEMBAHASAN
membahas mengenai cara untuk membuat 4.1.Analisis Sistem yang Berjalan:
basis data dan mempersiapkan prosedur Dapat dilihat pada tabel berikut:
kasus pengujian, mempersiapkan berkas Tabel 4.1. tabel analisis sistem yag
(file) pengujian, pengodean, berjalan
pengompilasian, memperbaiki dan 1 Pelanggan memesan pesanan jasa via
membersihkan program, peninjauan dan telepon ke bagian Marketing.
2 Bagian Marketing mencatat detail
pengujian perangkat lunak. pesanan pelanggan pada Surat
7. Integrasi dan pengujian Penawaran.
(integration and test), tahapan ini 3 Bagian Marketing mengisi Surat
mendemonstrasikan sistem perangkat Kontrak Kerja (SKK) berdasarkan data
lunak bahwa telah memenuhi kebutuhan pada Surat Penawaran.
yang dispesifikasikan pada dokumen 4 Bagian Marketing memberikan Surat
Kontrak Kerja (SKK) pada bagian
kebutuhan fungsional. Dengan diarahkan Service (Teknisi).
oleh staf penjamin kualitas (quality 5 Bagian Service (Teknisi) mengisi Slip
assurance) dan pengguna (user). Tahapan Pekerjaan (Jadwal dan Detail
ini menghasilkan laporan analisis Pekerjaan) berdasarkan data pada
pengujian. Surat Kontrak Kerja (SKK).
6 Bagian Service (Teknisi) mengerjakan
8. Implementasi (implementation), pesanan pelanggan.
tahapan ini dilakukan persiapan untuk 7 Bagian Service (Teknisi) mengisi data
implementasi, implementasi perangkat Pengeluaran Semikal (Cash Out) yang
lunak pada lingkungan berisi data pengeluaran apa saja (alat
produksi(lingkungan user) dan dan bahan) yang dikeluarkan selama
pengerjaan dalam satu pekerjaan.
menjalankan resolusi dari permasalahan
8 Bagian Service (Teknisi)
yang teridentifikasi dari fase integrasi dan mengkonfirmasi penyelesaian
pengujian. pekerjaan ke bidang Keuangan serta
9. Operasi dan pemeliharaan memberikan data Pengeluaran
(operation and maintenance), tahapan ini Semikal (Cash Out).
mendeskripsikan pekerjaan untuk 9 Bagian Keuangan membuat Invoice
(Cash In) berdasarkan data pesanan
mengoperasikan dan memelihara sistem yang berisi tagihan yang harus dibayar
informasi pada lingkungan oleh pelanggan.
produksi(lingkungan user) termasuk 10
implementasi akhir dan masuk pada proses Bagian Keuangan mencatat semua
peninjauan. Invoice (Cash In) dan Pengeluaran
Semikal (Cash Out).
10. Disposisi (disposition), tahapan ini
11 Bagian Keuangan membuat Laporan
mendeskripsikan aktifitas akhir dari Laba Rugi bulanan berdasarkan data
pengembangan sistem dan membangun Invoice (Cash In) dan Pengeluaran
data yang sebenarnya sesuai dengan Semikal (Cash Out) selama 1 bulan
aktifitas user.
Pada siklus hidup pengembangan 4.2.Analisis Sistem Yang Akan Di
perangkat lunak (software development Rancang
life cycle) terdapat beberapa model dalam

7
TELEMATIKA | VOLUME 3 NOMOR 2, JULI 2021
ISSN : 2088 - 9135

Analisis kebutuhan sistem yang akan c. Composer

di rancang adalah sebagai berikut: d. NPM (Node Package
1. Kebutuhan perangkat lunak; Manager)
Tabel 4.2. kebutuhan perangkat Mozilla Firefox/Google
lunak Chrome/Edge/Safari/an
Browser
y Browsers with PHP
7.0 Supported
Sumber : - XAMPP minimum
Requirements (apachefriends.org)
- Laravel Framework
Installation (laravel.com/docs)

N Tipe 2. Kebutuhan perangkat keras;

Field Keterangan 3. Analisis dokumen;
o Data
Primary Key,
id_inv 4.3.Perancangan Aplikasi Invoice
1 int(4) Auto
oice Pada perancangan aplikasi absensi
Increment
pegawai ini, dirancang rancangan
Foreign Key
id_pe sebagai berikut:
int(11 ->
2 nawar 1. Struktur Basis Data
) tb_penawara
an
n Pada Sistem Informasi Manajemen
inv_n varch perusahaan CV. Anugrah Nurtindo
3 Not Null
o1 ar(2) Nusantara (ANN), penulis membuat
inv_n varch rancangan struktur basis data yang
4 Not Null
o2 ar(2) terdiri dari 10 buah tabel, yaitu :
tgl_in a. Tb_user
5 date Not Null Berfungsi untuk menyimpan data user
voice
jatuh_ yang digunakan sebagai bentuk
6 date identifikasi pengguna saat berinteraksi
tempo
total_ varch dengan aplikasi transaksi dan
7 Not Null pelaporan, yang terdiri dari :
hrg ar(20)
a. Microsoft Windows Tabel 4.3. Struktur Tabel User
7/8/8.1/10
b. Microsoft Windows
Server
2008/2012/above
c. Most all distributions
Operatin
of Linux are
g System
supported, including
Debian, RedHat,
CentOS, Ubuntu,
Fedora, etc
d. Mac OS X 10.6 or
later.
a. XAMPP 3.2.4 or later
b. Code Editor
Software
(VSCode, Sublime
Text, Notepad, etc)

8
TELEMATIKA | VOLUME 3 NOMOR 2, JULI 2021
ISSN : 2088 - 9135

d. Tb_Invoice

Tabel Invoice berfungsi untuk

menyimpan data Invoice atau detail
pembayaran yang harus dibayar oleh
pelanggan yang terdiri dari :
Tabel 4.6. Struktur Tabel Invoice

N Keterang
Field Tipe Data
o an
Primary
Key, Auto
1 id_user int(11)
b. Tabel User_role Incremen
t
Tabel ini berfungsi untuk menyimpan Userna varchar(1
2 Not Null
data role user atau hak akses me 0)
pengguna terhadap fitur-fitur yang Passwo varchar(1 Not Null,
3
tersedia di Aplikasi Transaksi dan rd 00) Hash
Pelaporan, yang terdiri dari : varchar(3
4 Name Not Null
0)
Tabel 4.4. Struktur Tabel user_role
varchar(5
5 Image Not Null
0)
No Field Tipe Data Keterangan Foreign
6 role_id int(11) Key ->
Primary Key, user_role
1 Id int(11) Auto
Increment
2. Perancangan
varchar( a. Use case diagram
2 Role Not Null
20)

c. Tabel User_menu
Tabel ini berfungsi untuk menyimpan
daftar menu yang ada di Aplikasi
Transaksi dan Pelaporan, yang terdiri
dari :

Tabel 4.5. Struktur Tabel user_menu

N Tipe Keteran
Field
o Data gan
Primary
Key,
id_me
1 int(11) Auto
nu
Increme
nt
varchar(
2 menu Not Null
20)
Gambar 4.7. Use Case Diagram

9
TELEMATIKA | VOLUME 3 NOMOR 2, JULI 2021
ISSN : 2088 - 9135
b. Activity Diagram
Gambar 4.8. Rancangan Activity
Diagram Login
c. Activity Diagram Kelola Invoice
Pada Gambar 4.9. ini, menjelaskan
aktifitas Kelola Invoice yang saling
berkaitan antara bagian Keuangan
dengan Aplikasi Transaksi dan
Pelaporan.
Gambar 4.9. Rancangan Activity
Diagram kelola Invoice
d. Activity Diagram (Keuangan) –
Membuat Laporan
Pada Gambar 4.10. ini, menjelaskan
aktifitas Membuat Laporan yang
saling berkaitan antara bagian
Keuangan dengan Aplikasi
Transaksi dan Pelaporan.
Gambar 4.10. Rancangan Activity
Diagram Membuat Laporan
4.4.Implementasi
Implementasi dari perancangan
aplikasi absensi pegawai yang
dirancang, adalah sebagai berikut:
1. Implementasi Halaman Login
Gambar 4.11. Implementasi Halaman
Login
2. Halaman invoice
Pada Gambar 4.12. ini, menjelaskan
aktifitas Membuat Laporan yang saling
berkaitan antara bagian Keuangan
10
TELEMATIKA | VOLUME 3 NOMOR 2, JULI 2021
ISSN : 2088 - 9135

dengan Aplikasi Transaksi dan

Pelaporan.

Gambar 4.12. Halaman Invoice

Gambar 4.14. Halaman Laporan

Keuangan

3. Halaman Laporan (Keuangan)

5. KESIMPULAN
Kesimpulan dari perancangan aplikasi
Invoice dengan metode waterfall berbasis
website adalah
1. Perancangan menghasilkan aplikasi
invoice .
2. Metode waterfall yang di gunakan
bertujuan untuk membuat langkah-
langkah perancangan yang di lakukan
dapat di lakukan dengan terurut dan
baik.
3. Laporan rekapitulasi invoice
pembelian dan penjualan bertujuan
untuk dapat menghitung laba rugi
perusahaan dengan baik.

DAFTAR PUSTAKA
Gambar 4.13. Halaman Invoice Amaliyah, A. et al. (2021) ‘Perancangan
Aplikasi Absensi Pegawai
4. Halaman laporan Keuangan Menggunakan Metode

11
TELEMATIKA | VOLUME 3 NOMOR 2, JULI 2021
ISSN : 2088 - 9135

Waterfall’, Telematika, 3(1), Framework IT-IL Dalam

pp. 1–14. Penyusunan Rencana
Infrastruktur TI pada Puskom
Ani Amaliyah, A.W. (2016) ‘Pendidikan PTS Di Jabar’, Jurnal
dan Pelatihan Komputer Komputer, pp. 1–7. Available
Dalam Peningkatan Kualitas at:
Guru Di Kecamatan Sukasari http://jurnal.lpkia.ac.id/index.
Sumedang’, 6(530), pp. 38–49. php/jkb/article/view/117.
Endang Tasli Susandi, Ani Amaliyah, N.N. Ulva, N. et al. (2021) ‘Rancang Bangun
(2014) ‘Manajemen Human Resources Information
Kapasistas Layanan ITIL System Dengan Metode
Dalam Rencanga Infrastruktur Alphabetical And Chronology
TI Di Puskom PTS Di Jabar’, Berbasis Web Pada
pp. 24–29. Departemen Finishing 3 PT
Hidayati, N. et al. (2021) ‘Perancangan Kahatex’, Telematika, 3, pp.
Sistem Informasi Pembuatan 1–13.
Invoice Pada PT PMBT Yulianto, A. and Ariani, A. (2020)
Rowasia Berbasis Desktop’, ‘Perancangan Sistem
Jurnal Ilmiah Sekolah TInggi Informasi Pembuatan E-
Teknologi Informasi NIIT, Invoice Pada PT. Hasta
17(2), pp. 64–70. Perkasa Graha Berbasis Web’,
Kurnia Fitriani, Isbandi, A.A. (2021) REMIK (Riset dan E-Jurnal
‘Perancangan Sistem Manajemen Informatika
Manajemen Dokumen Dengan Komputer), 4(2), p. 39.
Menggunakan Metode Text https://doi.org/10.33395/remik
Mining’, 3, pp. 45–59. .v4i2.10555.

Malays, E. and Sakti, S. (2021)

‘Pengembangan Fitur Invoice
Pada Aplikasi Jasa Titip
Berbasis Android’, Tekinfo,
22(2), pp. 35–39.
Subianto (2021) ‘Perancangan Sistem
Pengelolaan Dokumen Invoice
Berbasis Web’, Informasi
Komputer Akuntansi Dan
Manajemen, 16(2), pp. 951–
952.
Sukmansyah, H.N. et al. (2021)
‘Perancangan Aplikasi
Panduan Fitness Dengan
Metode Waterfall Berbasis
Android Pada Smartphone’, 3,
pp. 15–28.
Sunandi, E.T. and Amaliyah, A. (2016)
‘Implementasi Manajemen
Kapasitas Layanan Dengan

12