LAPORAN PRAKTEK KERJA MAGANG INDUSTRI

Aplikasi Moderasi Barang KasihBaik Berbasiskan

Website
(Studi Kasus: PT. Bos Properti Mandiri)

Oleh:
Aurelia Shafa Nabila (085018013)

PROGRAM STUDI SISTEM INFORMASI

SEKOLAH VOKASI
UNIVERSITAS PAKUAN
BOGOR
2021
 HALAMAN PENGESAHAN

Judul : Aplikasi Moderasi Barang KasihBaik Berbasiskan Website

(Studi Kasus : PT. Bos Properti Mandiri)
Nama : Aurelia Shafa Nabila
NPM : 085018013

Mengesahkan,
Pembimbing II Pembimbing I
PT. Bos Properti Mandiri Sekolah Vokasi – UNPAK

(Septian Cahyadi, M.Kom) (Halimah Tus Sadiah, M.Kom)

Mengetahui,
Ketua Program Studi Sistem Informasi
Sekolah Vokasi – UNPAK

(Dian Kartika Utami, M.Kom)

i
 HALAMAN PENGESAHAN REVISI

Judul : Aplikasi Moderasi Barang KasihBaik Berbasiskan Website

(Studi Kasus : PT. Bos Properti Mandiri)
Nama : Aurelia Shafa Nabila
NPM : 085018013

Mengesahkan,
Anggota Penguji Ketua Penguji
Sekolah Vokasi - UNPAK Sekolah Vokasi – UNPAK

(Halimah Tus Sadiah, M.Kom) (Sufiatul Maryana, M.Kom)

ii
 KATA PENGANTAR

Puji dan syukur atas kehadirat Allah SWT., karena rahmat dan karunia-Nya
penulis dapat menyelesaikan laporan Praktek Kerja Magang Industri yang berjudul:
“Aplikasi Moderasi Barang KasihBaik Berbasiskan Website”.
Dalam penulisan laporan ini, penulis mengucapkan terima kasih yang
sebesarbesarnya kepada:
1. Dr. Tjut Awaliyah Zuraiyah, M.Kom., selaku Direktur Sekolah Vokasi
Universitas Pakuan.
2. Halimah Tus Sadiah, M.Kom, selaku Pembimbing Utama yang telah
memberikan banyak sekali masukkan dan membimbing saya dalam proses
menyelesaikan laporan praktek kerja magang industri ini.
3. Septian Cahyadi, M.Kom, selaku Pembimbing Pendamping yang telah
memberikan banyak sekali dorongan dan motivasi kepada penulis.
4. Kedua Orang tua penulis yang selalu mendukung dan tiada henti dalam
memberikan semangat guna menyelesaikan laporan ini.
5. Mauladani Adi Gasbara A.Md.Kom, yang turut membantu dan
memberikan motivasi kepada penulis.
6. Teman-teman yang selalu mendukung penulis dalam menyelesaikan
laporan ini.
Menyadari bahwa penulis memiliki keterbatasan baik dari segi waktu maupun
kemampuan dalam penulisan laporan praktek kerja magang industri ini sehingga
laporan ini masih dikatakan jauh dari kata sempurna karena kesempurnaan
hanyalah milik Allah SWT. semata. Oleh karena itu, segala kritik dan saran yang
membangun akan penulis terima dengan senang hati. Semoga Allah SWT. akan
membalas semua kebaikan kepada semua pihak yang telah membantu penulis
dalam menyempurnakan laporan ini. Akhir kata, penulis ucapkan banyak terima
kasih semoga laporan ini dapat bermanfaat bagi kita semua. Aamiin.

Bogor, 20 Desember 2020

Penulis

iii
 DAFTAR ISI

HALAMAN PENGESAHAN ................................................................................ i

HALAMAN PENGESAHAN REVISI ................................................................ ii
KATA PENGANTAR .......................................................................................... iii
DAFTAR ISI ......................................................................................................... iv
DAFTAR GAMBAR ........................................................................................... vii
DAFTAR TABEL ................................................................................................ ix
BAB I PENDAHULUAN ...................................................................................... 1
1.1 Latar Belakang .............................................................................................. 1
1.2 Tujuan Praktek Lapang ................................................................................. 2
1.3 Ruang Lingkup Praktek Lapang .................................................................... 2
1.4 Manfaat Praktek Lapang................................................................................ 2
BAB II TINJAUAN PUSTAKA........................................................................... 3
2.1 Tinjauan Pustaka ........................................................................................... 3
a. Aplikasi ........................................................................................................ 3
b. Moderasi ...................................................................................................... 3
c. Website......................................................................................................... 3
d. Framework ................................................................................................... 3
e. Codeigniter ................................................................................................... 3
f. MySQL ......................................................................................................... 3
g. VSCode ........................................................................................................ 3
2.2 Tinjauan Instansi ........................................................................................... 4
2.2.1 Sejarah Instansi ................................................................................... 4
2.2.2 Struktur Organisasi ............................................................................. 4
2.2.3 Lokasi Instansi .................................................................................... 4
2.2.4 Dokumentasi Praktek Lapang ............................................................. 5
2.3 Penelitian Terdahulu ...................................................................................... 5
2.4 Tabel Perbandingan Penelitian ...................................................................... 5
BAB III METODE PENELITIAN ...................................................................... 7
3.1 Metode Penelitian .......................................................................................... 7
3.1.1 Requirement (Analisis Kebutuhan) ..................................................... 7
3.1.2 Design (Desain) ................................................................................... 8
3.1.3 Implemetation (Implementasi) ............................................................ 8

iv
 3.1.4 Integration and Testing (Integrasi dan Uji Coba) ............................... 8
3.1.5 Operation and Maintenance (Operasi dan Pemeliharaan) ................... 8
3.2 Waktu dan Tempat PL ................................................................................... 9
3.3 Alat dan Bahan .............................................................................................. 9
BAB IV PERANCANGAN DAN IMPLEMENTASI ...................................... 10
4.1 Analisis ........................................................................................................ 10
4.1.1 Alur Sistem Yang Sedang Berjalan................................................... 10
4.1.2 Alur Sistem Yang Akan Dikembangkan ........................................... 11
4.2 Desain .......................................................................................................... 13
4.2.1 Use Case Diagram ............................................................................. 13
4.2.2 Activity Diagram ............................................................................... 14
4.2.3 Class Diagram ................................................................................... 15
4.2.4 Sequence Diagram ............................................................................ 16
4.2.5 Perancangan Interface ....................................................................... 18
a. Rancangan Tampilan Login ................................................................ 19
b. Rancangan Tampilan Dashboard ........................................................ 19
c. Rancangan Dropdown Menu .............................................................. 19
d. Rancangan Tampilan Data Pengguna ................................................. 20
e. Rancangan Tampilan Data Barang ..................................................... 20
f. Rancangan Tampilan Moderasi Barang .............................................. 21
g. Rancangan Ubah Status Moderasi Barang ......................................... 21
h. Rancangan Tampilan Laporan Pengguna ........................................... 22
i. Rancangan Tampilan Laporan Barang ................................................ 22
4.3 Hasil Implementasi ...................................................................................... 23
4.3.1 Implementasi Codeigniter 4 Dalam Pembuatan Aplikasi ................. 23
4.4 Operation & Maintenance ........................................................................... 24
BAB V HASIL DAN PEMBAHASAN .............................................................. 25
5.1 Hasil............................................................................................................. 25
a. Tampilan Login .......................................................................................... 25
b. Tampilan Dashboard .................................................................................. 25
c. Tampilan Data Pengguna ........................................................................... 26
d. Tampilan Form Tambah Data Pengguna ................................................... 26
e. Tampilan Form Edit Data Pengguna .......................................................... 27
f. Tampilan Halaman Detail Pengguna .......................................................... 28

v
 g. Tampilan Halaman Data Barang................................................................ 28
h. Tampilan Form Tambah Data Barang ....................................................... 29
i. Tampilan Form Edit Barang ....................................................................... 29
j. Tampilan Halaman Detail Barang .............................................................. 30
k. Tampilan Halaman Moderasi Barang ........................................................ 30
l. Tampilan Modal Detail Postingan Barang ................................................. 31
m. Tampilan Halaman Laporan Pengguna .................................................... 31
n. Tampilan Halaman Laporan Barang .......................................................... 32
5.2 Pembahasan ................................................................................................. 32
5.2.1 Uji coba struktural ............................................................................. 33
5.2.2 Uji coba fungsional ........................................................................... 33
5.2.3 Uji coba validasi ................................................................................ 33
5.2.4 Uji coba kompabilitas ....................................................................... 33
BAB VI KESIMPULAN DAN SARAN............................................................. 34
6.1 Kesimpulan .................................................................................................. 34
6.2 Saran ............................................................................................................ 34
DAFTAR PUSTAKA .......................................................................................... 35

vi
 DAFTAR GAMBAR

Gambar 1. Struktur Organisasi.............................................................................. 4

Gambar 2. Di Tempat Magang.............................................................................. 5
Gambar 3. Metode Peneltian ................................................................................ 7
Gambar 4. Alur Sistem Yang Sedang Berjalan ..................................................... 11
Gambar 5. Alur Sistem Yang Akan Dikembangkan ............................................. 12
Gambar 6. Use Case Diagram ............................................................................... 13
Gambar 7. Activity Diagram ................................................................................. 15
Gambar 8. Class Diagram ..................................................................................... 16
Gambar 9. Sequence Diagram Login Admin ........................................................ 16
Gambar 10. Sequence Diagram Moderasi Barang ................................................ 17
Gambar 11. Sequence Diagram Login Donatur .................................................... 17
Gambar 12. Sequence Diagram Tambah Barang .................................................. 18
Gambar 13. Sequence Diagram Login Pencari Barang ........................................ 18
Gambar 14. Rancangan Tampilan Login .............................................................. 19
Gambar 15. Rancangan Dashboard ....................................................................... 19
Gambar 16. Rancangan Dropdown Menu ............................................................. 20
Gambar 17. Rancangan Tampilan Data Pengguna ............................................... 20
Gambar 18. Rancangan Tampilan Data Barang .................................................... 21
Gambar 19. Rancangan Tampilan Detail Moderasi Barang ................................. 21
Gambar 20. Rancangan Ubah Status Moderasi Barang ........................................ 22
Gambar 21. Rancangan Tampilan Laporan Pengguna .......................................... 22
Gambar 22. Rancangan Tampilan Laporan Barang .............................................. 23
Gambar 23. Codeigniter 4 ..................................................................................... 24
Gambar 24. Tampilan Login ................................................................................. 25
Gambar 25. Tampilan Dashboard ......................................................................... 26
Gambar 26. Tampilan Data Pengguna .................................................................. 26
Gambar 27. Tampilan Form Tambah Pengguna ................................................... 27
Gambar 28. Tampilan Form Edit Pengguna ......................................................... 27
Gambar 29. Tampilan Halaman Detail Pengguna................................................. 28

vii
Gambar 30. Tampilan Halaman Data Barang ....................................................... 28
Gambar 31. Tampilan Form Tambah Data Barang ............................................... 29
Gambar 32. Tampilan Form Edit Barang.............................................................. 29
Gambar 33. Tampilan Halaman Detail Barang ..................................................... 30
Gambar 34. Tampilan Halaman Moderasi Barang ............................................... 30
Gambar 35. Tampilan Modal Detail Postingan Barang ........................................ 31
Gambar 36. Tampilan Halaman Laporan Pengguna ............................................. 31
Gambar 37. Tampilan Halaman Laporan Barang ................................................. 32
Gambar 38. Surat Pengantar PKMI ...................................................................... L5
Gambar 39. Surat Balasan Instansi ....................................................................... L6
Gambar 40. Absensi PKMI ................................................................................... L7
Gambar 41. Kartu Bimbingan PKMI .................................................................... L8

viii
 DAFTAR TABEL

Tabel 1. Tabel Perbandingan Penelitian................................................................ 6

Tabel 2. Deskripsi Use Case ................................................................................. 14
Tabel 3. Uji Coba Struktural ................................................................................ L1
Tabel 4. Uji Coba Fungsional ............................................................................... L2
Tabel 5. Uji Coba Validasi .................................................................................... L3
Tabel 6. Uji Coba Kompabilitas ........................................................................... L4
Tabel 7. Data Barang KasihBaik ........................................................................... L9

ix
 BAB I PENDAHULUAN

1.1 Latar Belakang

Internet merupakan kemampuan penyiaran di seluruh dunia yang berlangsung
secara bersamaan, suatu mekanisme untuk penyebaran informasi, dan media untuk
kolaborasi dan interaksi yang terjadi di antara individu-individu serta komputer
mereka tanpa memperhatikan lokasi geografis. Internet juga merupakan salah satu
bukti kesuksesan dari manfaat investasi yang berkelanjutan serta komitmen
terhadap penelitian dalam bidang pengembangan infra struktur informasi. Bermula
dari suatu penelitian, pemerintah, industri serta akademisi telah menjadi mitra
dalam mengembangkan dan menggunakan teknologi ini (Leiner et al., 1997).
Sumbangan atau donasi adalah sebuah pemberian pada umumnya bersifat
secara fisik oleh perorangan atau badan hukum, pemberian ini mempunyai sifat
sukarela dengan tanpa adanya imbalan bersifat keuntungan, walaupun pemberian
donasi dapat berupa makanan, barang, pakaian, mainan ataupun kendaraan. Setiap
sumbangan atau donasi selalu ada donatur dan penerima sumbangan atau santunan,
biasanya hal ini terjadi dengan adanya sarana lembaga masyarakat atau yayasan
yang menyalurkannya maupun melakukan sumbangan langsung tersendiri oleh
donatur. Akan tetapi, ketika dengan adanya pihak ketiga donatur memiliki rasa
tidak percaya atau mempertanyakan sampai tidaknya sumbangan yang diberikan
sedangkan nominal sumbangan yang diberikan jika cukup besar. Penyalahgunaan
atau salah menyalurkan sumbangan dapat mengakibatkan menyimpang dari makna
sumbangan atau donasi itu sendiri.
Di masa pandemic saat ini, ada banyak kegiatan kita yang terhambat seperti hal
nya dalam mencari barang dan jasa. Karena kita ada di era new normal, kita sebisa
mungkin harus mematuhi protocol kesehatan yang sudah di amanatkan oleh
pemerintah untuk menangani kasus pandemic saat ini. Disisi lain, ada banyak
orang-orang diluar sana yang sedang terkena musibah atau semacamnya, dan
dikarenakan masa pandemic saat ini, dan minimnya kegiatan sukarela di masa
sekarang ini, tentu akan sangat sulit sekali bagi mereka untuk menerima bantuan
dari kita semua, baik bantuan dalam bentuk barang maupun jasa.
Terdapat beberapa penelitian sejenis yang digunakan sebagai referensi
dalam perancangan dan pembuatan aplikasi antara lain Prototype Aplikasi Donasi
Online yang dibuat oleh Tubagus Muhammad Mustajir, Prihastuti Harsani, Iyan
Mulyana, 2018 tentang system yang ini yang digunakan untuk membantu
menyalurkan donasi kepada orang-orang yang membutuhkan seperti donasi barang,
jasa, dll. Kemudian, penelitian yang dilakukan oleh Crystiana May Sari, Delfin
Jefriansyah, Maya Norriastini, Zuriati, 2019 tentang Aplikasi Penggalang Dana
Komunitas Jumat Jaman Now Berbasis Web Menggunakan Framework Laravel
mengenai penggalangan dana melalui website. Penelitian Abdul Azis M Saleh,
2017 tentang Pembangunan Aplikasi Penghubung Donatur dan Panti Asuhan
Berbasis Lokasi.

1
 Berawal dari uraian permasalah diatas dan penelitian terdahulu maka dapat
terselesaikan dengan dibuat sebuah Aplikasi Moderasi Barang KasihBaik
Berbasiskan Web, dengan aplikasi ini, orang akan dengan mudah menemukan
barang donasi yang sekira nya mereka butuhkan tanpa harus susah mencari ke
tempat lain. Pihak donatur pun dapat dengan mudah berdonasi tanpa takut salah
menyalurkan sumbangan. Dan orang-orang yang sedang mencari barang lewat
aplikasi ini tidak akan dipungut biaya berapa pun, mereka juga tidak akan takut di
tipu karena aplikasi ini menggunakan sistem moderasi, yang dimana barang yang
ditampilkan di aplikasi ini sudah di cek layak tayang atau tidak.
1.2 Tujuan Praktek Lapang
Tujuan laporan ini adalah membuat Aplikasi Moderasi Barang KasihBaik
Berbasiskan Web.
1.3 Ruang Lingkup Praktek Lapang
Ruang lingkup dalam pembuatan aplikasi ini adalah mulai dari statistic
postingan, data informasi postingan, data informasi barang, data informasi
pengguna, laporan pengguna, dan laporan postingan barang. Kemudian, aplikasi ini
dibuat dengan menggunakan Codeigniter 4 dan teks editor VSCode yang
berbasiskan website untuk dipakai oleh admin.
1.4 Manfaat Praktek Lapang
Manfaat dari pembuatan aplikasi ini adalah :
1. Mempermudah masyarakat untuk menerima donasi.
2. Mempermudah bagi donatur untuk berdonasi.
3. Manajemen moderasi lebih teratur.
4. Mempermudah dalam komunikasi antar masyarakat dengan donatur.
5. Mempermudah dalam report postingan yang terlihat mencurigakan.

2
 BAB II TINJAUAN PUSTAKA

2.1 Tinjauan Pustaka

a. Aplikasi
Aplikasi merupakan informasi deskriptif pada salinan tercetak dan
bentukbentuk maya yang menggambarkan pengoperasian dan penggunaan
programprogram. (Pressman, 2010)
b. Moderasi
Moderasi adalah proses Quality Control terhadap data atau iklan
yang baru anda pasang. Proses moderasi ini nantinya akan menentukan
apakah iklan atau data tersebut layak untuk ditayangkan atau tidak
ditayangkan sama sekali. (OLX, 2020)
c. Website
Website atau situs dapat diartikan sebagai kumpulan halaman yang
menampilkan informasi data teks, data gambar diam atau gerak, data
animasi suara, video dan atau gabungan dari semuanya. Baik yang bersifat
statis maupun dinamis yang membentuk satu rangkaian bangunan yang
saling terkait dimana masing–masing dihubungkan dengan jaringan–
jaringan halaman (Permana, 2015)
d. Framework
Framework adalah kumpulan intruksi-intruksi yang dikumpulkan
dalam class dan function-function dengan fungsi masing-masing untuk
memudahkan developer dalam memanggilnya tanpa harus menuliskan
syntax program yang sama berulang-ulang serta dapat menghemat waktu.
(Sidik, 2012)
e. Codeigniter
CodeIgniter adalah sebuah web application network yang bersifat
open source yang diguakan untuk membangun aplikasi php dinamis.
CodeIgniter menjadi sebuah framework PHP dengan model MVC (Model,
View, Controller) untuk membangun website dinamis dengan
menggunakan PHP yang dapat mempercepat pengembang untuk membuat
sebuah aplikasi web. (IdCloudHost, 2017)
f. MySQL
MySQL adalah Sebuah program database server yang mampu
menerima dan mengirimkan datanya sangat cepat, multi user serta
menggunakan peintah dasar SQL ( Structured Query Language ). (Saputro,
2012)
g. VSCode
Visual Studio Code (VS Code) ini adalah sebuah teks editor ringan
dan handal yang dibuat oleh Microsoft untuk sistem operasi multiplatform,

3
 artinya tersedia juga untuk versi Linux, Mac, dan Windows. Teks editor ini
secara langsung mendukung bahasa pemrograman JavaScript, Typescript,
dan Node.js, serta bahasa pemrograman lainnya dengan bantuan plugin
yang dapat dipasang via marketplace Visual Studio Code (seperti C++, C#,
Python, Go, Java, dst). (W, 2019)

2.2 Tinjauan Instansi

2.2.1 Sejarah Instansi
Bos Properti adalah Merk Dagang dari PT. Bos Properti Mandiri yang
merupakan sister company dari PT. Mahika Tirta yang sudah berpengalaman di
bisnis properti sejak tahun 2013 baik di bidang developer properti , contractor &
perencanaan, project managment dan marketing management di lebih dari 60
Project Perumahan baru di area Jabodetabek. PT. Bos Properti Mandiri Konsep
Bisnis Bos Properti adalah terobosan model bisinis baru dalam dunia Properti.
Karena menawarkan sebuah paket lengkap dari kesuluruhan kebutuhan dari
management marketing di proyek primary real estate. Mulai dari market analisis,
menyusun strategi marketing, membuat marketing plan, penyediaan tenaga sales
yang handal dan pelayanan KPR.

2.2.2 Struktur Organisasi

Principel

GM (General
Manager)

Transaksi ( non-
Midas HRD & GA Sales Finance
manajer)

BM MM

Co -lead

Marketing

Gambar 1. Struktur Organisasi

2.2.3 Lokasi Instansi
PT. Bos Properti beralamat di Jl. Jend. Sudirman No. 22, Kav. 10, Bogor,
Jawa Barat 16121.

4
2.2.4 Dokumentasi Praktek Lapang

Gambar 2. Di Tempat Magang

2.3 Penelitian Terdahulu

Judul : Prototype Aplikasi Donasi Online
Pengarang : Tubagus Muhammad Mustajir, Prihastuti Harsani, Iyan Mulyana
Tahun : 2018
Isi : Sistem yang ini yang digunakan untuk membantu menyalurkan
donasi kepada orang-orang yang membutuhkan seperti donasi
barang, jasa, kendaraan, dsb.
Judul : Aplikasi Penggalang Dana Komunitas Jumat Jaman Now Berbasis
Web Menggunakan Framework Laravel
Pengarang : Crystiana May Sari, Delfin Jefriansyah, Maya Norriastini, Zuriati
Tahun : 2019
Isi : Aplikasi ini dibuat untuk menggalang dana online agar masyarakat dapat
dengan mudah melakukan donasi sehingga tidak perlu lagi menunggu
donasi yang dilakukan relawan.

Judul : Pembangunan Aplikasi Penghubung Donatur dan Panti Asuhan

Berbasis Lokasi
Pengarang : Abdul Azis M Saleh
Tahun : 2017
Isi : Aplikasi mobile berbasiskan android yang dibuat untuk panti asuhan agar
lebih mudah menemukan donatur untuk panti mereka.

2.4 Tabel Perbandingan Penelitian

5
 Tabel 1. Tabel Perbandingan Penelitian

Bahasa Database Metode

Software
Pemrogramman / Export Penelitian

Android Studio

Dreamweaver
HTML, PHP,

Sublime Text
Nama Belakang,

MySQL
Codeigniter
NO Masalah
Tahun

Javascript

Waterfall

VSCode
Analisis
Laravel

Adobe
SDLC
RAD
Java
Mustajir, Harsani, Prototype Aplikasi
1
Mulyana. 2018 Donasi Online    
Sari, Jefriansyah, Penggalang dana
2 Norriastini, Zuriarti. komunitas jumat
2019 jaman now    
Penghubung
3 Saleh. 2017 Donatur dan Panti
Asuhan    
4 Nabila. Moderasi Barang    

6
 BAB III METODE PENELITIAN

3.1 Metode Penelitian

Requirement

Design

Implementation

Integration and
Testing

Operation and
Maintenance

Gambar 3. Metode Penelitian

3.1.1 Requirement (Analisis Kebutuhan)
Pada tahap ini mencari informasi dan mengidentifikasi permasalahan yang terjadi
pada sistem yang sedang berjalan. Pencarian informasi menggunakan 2 metode
yaitu sebagai berikut :
1. Tahap Wawancara
Pada tahap ini dilakukan tanya jawab langsung kepada kepala bagian IT
berkaitan dengan bagaimana aplikasi ini akan dijalankan kemudian, siapa
yang akan menggunakan aplikasi ini, lalu mengenai alur sistem yang sedang
berjalan dalam persoalan aturan apload postingan dan bagaimana
manajemen moderasi.
2. Studi Pustaka
Pada tahap ini pencarian informasi dilakukan dengan mencari data-data
seperti data primer dan data sekunder.
a) Data Primer
Data primer mencangkup data seperti informasi mengenai informasi
barang dan informasi pendukung lainnya dan status barang yang
tersedia.
b) Data Sekunder
Data sekunder merupakan data yang membantu dalam pengembangan
aplikasi ini yaitu mengenai bagaimana cara membangun aplikasi dengan
menggunakan framework Codeigniter 4 yang telah disediakan di dalam
website resmi Codeigniter yang terdapat dalam Documentation.

7
 Dari 2 metode tersebut didapatkan sebuah alur sistem yang sedang
berjalan kemudian, alur system yang akan dikembangkan.

3.1.2 Design (Desain)

Dari hasil analisis pada tahap pertama akan dibuat sebuah rancangan sistem
dengan menggunakan pemodelan sistem berupa use case diagram, activity
diagram, class diagram dan sequensial diagram. Kemudian, akan dibuat sebuah
rancangan User Interface untuk pengguna.

3.1.3 Implemetation (Implementasi)

Pada tahap ini aplikasi dibuat berdasarkan rancangan yang sudah dibuat
pada tahap sebelumnya.

3.1.4 Integration and Testing (Integrasi dan Uji Coba)

Pada tahap ini dilakukan pengujian terhadap aplikasi yang sudah dibangun
dengan menggunakan uji coba fungsional, uji coba kompabilitas, uji coba validasi,
dan uji coba struktural.
1. Uji Coba Fungsional
Pada tahap ini aplikasi yang sudah jadi akan diuji coba seperti fungsi
tombol, penginputan data, melakukan panggilan, dan copy teks dapat
berjalan dengan benar sesuai rancangan.
2. Uji Coba Kompabilitas
Pada tahap ini aplikasi akan diuji coba dengan cara aplikasi akan di-install
pada device-device berbeda. Apakah sudah berjalan dengan benar dan baik
sesuai rancangan.
3. Uji Coba Validasi
Pada tahap ini aplikasi akan diuji coba yang mengacu pada serangkaian
aktivitas untuk memastikan bahwa perangkat lunak yang telah dibuat sesuai
dengan kebutuhan konsumen.
4. Uji Coba Struktural
Pada tahap ini aplikasi akan diuji coba berdasarkan struktur sistem yang
telah dibuat dengan mengevaluasi semua aspek dari struktur.
3.1.5 Operation and Maintenance (Operasi dan Pemeliharaan)
Pada tahap ini nantinya aplikasi yang sudah diuji coba tadi akan
dioperasikan. Kemudian, dilakukan sebuah pemeliharaan untuk menghindari
terjadinya bug maupun error code, dan juga dalam pengembangan terhadap aplikasi
tersebut, karena tidak selamanya aplikasi tersebut hanya seperti itu tidak ada
perubahan dan kemungkinan terdapat sebuah perubahan aplikasi terhadap
perkembangan teknologi.

8
3.2 Waktu dan Tempat PL
Praktek lapang ini dilaksanakan mulai bulan Oktober 2020 sampai bulan Desember
2020. Waktu pelaksanaan setiap hari kerja dari senin sampai jum’at (Work From
Home) dan setiap 2-3 hari ke kantor jam 10.00 sampai jam 16.00 WIB di PT. Bos
Properti

3.3 Alat dan Bahan

Alat dan Bahan yang digunakan dalam pembuatan aplikasi proyek magang ini
adalah,
A. Alat
1. Teknologi yang digunakan
a) Laptop Asus X450CC
b) Prosesor Core i3
c) OS Windows 7 Ultimate
d) 10 Gb memory
e) Laptop Asus X455L
f) Processor Core i3
g) OS Windows 10
h) 10 Gb memory
B. Bahan
1) VScode
2) Sublime Text
3) Codeigniter 4 Library
4) Codeigniter 4 Documentation
5) XAMPP

9
 BAB IV PERANCANGAN DAN IMPLEMENTASI

4.1 Analisis
Dari hasil analisis yang sudah dikumpulkan dengan menggunakan 2 metode
pencarian informasi yaitu wawancara dengan Bapak Septian Cahyadi selaku kepala
bagian IT di PT. Bos Properti, dan studi pustaka. Maka didapat sebuah alur yang
sedang berjalan yang nantinya akan dibuatkan alur sistem yang akan
dikembangkan.

4.1.1 Alur Sistem Yang Sedang Berjalan

Alur sistem yang sedang berjalan tersebut dapat dideskripsikan menjadi,
1. Donatur yang menyediakan barang untuk di donasikan.
2. Pencari barang mencari barang yang dibutuhkan ke donatur
3. Setelah mendapatkan barangnya, pencari barang akan menghubungi
donatur
4. Donatur akan membuat perjanjian dengan pencari barang
5. Jika pencari barang setuju dengan perjanjian donatur maka donatur akan
mengirimkan barang tersebut, dan jika pencari barang tidak setuju maka
pencari barang akan mencari barang yang lain.
6. Pencari barang akan menerima barang yang sudah donatur kirim,

10
 Sistem Yang Sedang Berjalan

Donatur Pencari Barang

Mulai

Menyediakan Mencari
barang barang

Menghubungi
pemilik
Tidak
barang /
donatur

Membuat
Setuju?
perjanjian

Ya

Mengirim Menerima
Barang Barang

Selesai
Phase

Gambar 4. Alur Sistem Yang Sedang Berjalan

4.1.2 Alur Sistem Yang Akan Dikembangkan

Alur sistem ini merupakan alur sistem yang akan dikembangkan yang
dimulai dari,
1. Pencari barang akan melakukan login terlebih dahulu ke dalam sistem lalu
sistem akan memvalidasi apakah akun tersebut sesuai atau tidak, jika sesuai
maka akan langsung masuk ke halaman utama, dan jika tidak sesuai maka
kembali ke halaman login

11
2. Lalu donatur juga harus melakukan login terlebih dahulu untuk bisa
membuat postingan barang.
3. Postingan yang sudah dibuat oleh donatur akan di moderasi terlebih dahulu
oleh admin sebelum di tayangkan atau di publish di aplikasi.
4. Jika barang layak tayang maka postingan tersebut sudah dapat dilihat oleh
pencari barang, jika tidak maka admin akan memberikan pesan ke donatur
bahwa Barang Tidak Layak Tayang
5. Saat pencari barang sudah login, dihalaman utama akan muncul data atau
list barang donasi.
6. Pencari Barang memilih barang donasi yang dibutuhkan.
7. Setelah itu pencari barang akan menghubungi donatur untuk membuat
perjanjian.

Gambar 5. Alur Sistem Yang Akan Dikembangkan

12
4.2 Desain
Dari hasil analisis tadi akan dibuat sebuah perancangan model sistem
dengan menggunakan pemodelan berupa alur sistem yang akan dikembangkan, use
case diagram, activity diagram, class diagram, dan sequence diagram.
4.2.1 Use Case Diagram
Rancangan ini merupakan rancangan dengan model use case diagram
dimana terdapat 3 aktor yaitu Pencari Barang, Donatur, dan Admin. Aktifitas yang
dapat dilakukan oleh pencari barang yaitu,
1. Login dan logout yang berada di tahap pertama.
2. Kemudian pencari barang mencari barang.
3. Pencari barang juga bisa melaporkan jika ada postingan yang tidak layak
atau mencurigakan.
4. Donatur menyediakan barang yang akan di donasikan.
5. Lalu membuat postingan barang.
6. Pencari barang akan menghubungi donatur untuk melakukan perjanjian.
7. Admin harus melalukan login terlebih dahulu.
8. Postingan yang sudah dibuat oleh donatur akan di moderasi oleh admin
apakah barang tersebut layak tayang (publish), tidak layak
(menonaktifkan), atau di laporkan oleh pencari barang (report).

Gambar 6. Use Case Diagram

13
Tabel 2. Deskripsi Use Case
Nama Use-Case Login
Aktor Pencari Barang, Donatur, dan Admin
Deskripsi Login kedalam sistem
Normal Course 1. Pencari barang melakukan login kedalam sistem
2. Donatur melakukan login ke dalam sistem
3. Admin melakukan login ke dalam sistem
Alternate Course -
Pre-Condition Mengisi username dan password
Post-Condition Masuk ke sistem

4.2.2 Activity Diagram

Aplikasi yang akan dikembangkan tersebut akan dibuat menjadi sebuah
model rancangan berupa activity diagram dengan prosedur,

14
 Gambar 7. Activity Diagram
4.2.3 Class Diagram
Aplikasi yang akan dikembangkan akan dirancang dengan menggunakan
pemodelan class diagram.

15
 Gambar 8. Class Diagram
4.2.4 Sequence Diagram
Aplikasi yang akan dikembangkan akan dirancang dengan menggunakan
pemodelan sistem sequence diagram.

Gambar 9. Sequence Diagram Login Admin

16
 Gambar 10. Sequence Diagram Moderasi Barang

Donatur Home
Home Login Sistem

Input email dan password

Validasi
Validasi

Login Berhasil
If Data ada
Menampilkan
Tampil

Else
Login gagal
Tampil

Gambar 11. Sequence Diagram Login Donatur

17
 Tambah Form
Donatur Sistem
Barang Tambah

Memilih tambah
barang
Load

Menampilkan
form tambah

Tampil

Tambah Barang

Simpan

Notifikasi berhasil tambah

Gambar 12. Sequence Diagram Tambah Barang

Pencari
Home
Home Login Sistem
Barang

Input email dan password

Validasi
Validasi

Login Berhasil
If Data ada
Menampilkan
Tampil

Else
Login gagal
Tampil

Gambar 13. Sequence Diagram Login Pencari Barang

4.2.5 Perancangan Interface
Perancangan interface aplikasi akan dibuat dengan menggunakan Microsoft
visio 2013 berupa sebuah rancangan/sketsa beserta atributnya. Perancangan
interface akan dibagi menjadi beberapa tampilan seperti penjelasan di bawah ini.

18
 a. Rancangan Tampilan Login
Tampilan login merupakan tampilan pembuka pada aplikasi yang akan
dibuat dimana terdapat input username dan password, kemudian tombol
login. Untuk desain dari tampilan login dapat dilihat pada gambar.

Gambar 14. Rancangan Tampilan Login

b. Rancangan Tampilan Dashboard
Tampilan dashboard terdapat statistic postingan perbulannya. Terdapat
menu yang berisikan dashboard, data master, moderasi barang, dan laporan barang.
Diatas ada menu administrator untuk admin jika ingin logout dan ada input text
untuk search data. Untuk melihat desain dari tampilan dashboard dapat dilihat di
gambar.

Gambar 15. Rancangan Dashboard

c. Rancangan Dropdown Menu
Pada tampilan menu terdapat beberapa menu dropdown diantaranya adalah
menu data master, dengan isi dropdown yaitu data pengguna dan data barang. Lalu

19
pada menu laporan, denga nisi dropdown laporan pengguna dan laporan barang.
Untuk melihat desain dropdown menu dapat dilihat pada gambar.

Gambar 16. Rancangan Dropdown Menu

d. Rancangan Tampilan Data Pengguna
Pada tampilan data pengguna terdapat sebuah tabel yang berisi seluruh data
pada database dari tabel pengguna. Dan pada tabel terdapat field aksi yang berisi
button untuk hapus, edit, dan detail data tersebut. Untuk melihat desain tabel
pengguna dapat dilihat pada gambar.

Gambar 17. Rancangan Tampilan Data Pengguna

e. Rancangan Tampilan Data Barang
Pada tampilan data barang terdapat sebuah tabel yang berisi seluruh data
pada database dari tabel barang. Dan pada tabel terdapat field aksi yang berisi
button untuk hapus, edit, dan detail data tersebut. Untuk melihat desain data barang
dapat dilihat pada gambar.

20
 Gambar 18. Rancangan Tampilan Data Barang
f. Rancangan Tampilan Moderasi Barang
Pada tampilan moderasi barang terdapat sebuah tabel yang berisi data dari
tabel barang. Pada tabel terdapat field yang berisi button untuk melihat detail
postingan. Untuk melihat desain moderasi barang dapat dilihat pada gambar.

Gambar 19. Rancangan Tampilan Detail Moderasi Barang

g. Rancangan Ubah Status Moderasi Barang
Pada tampilan detail moderasi barang, terdapat text dropdown pada data
status post. Saat admin ingin merubah status sebuah postingan, maka admin akan
merubah status post sesuai data pilihan yaitu publish, nonaktif, dan dilaporkan.
Untuk melihat desain tampilah ubah status moderasi barang dapat dilihat pada
gambar.

21
 Gambar 20. Rancangan Ubah Status Moderasi Barang
h. Rancangan Tampilan Laporan Pengguna
Pada tampilan laporan pengguna terdapat input text untuk memfilter data
yang akan di cetak. Input text itu berupa perioda tanggal pengguna bergabung.
Admin perlu menentukan periode dari tanggal sekian sampai tanggal sekian untuk
memfilter sekaligus mencetak data. Untuk melihat desain tampilan laporan
pengguna dapat dilihat pada gambar.

Gambar 21. Rancangan Tampilan Laporan Pengguna

i. Rancangan Tampilan Laporan Barang
Pada tampilan laporan barang terdapat dropdown data dan input text untuk
memfilter data yang akan di cetak. Dropdown tersebut berguna untuk memfilter
data berdasarkan status post yang akan dipilih oleh admin. Dan input text itu berupa
periode tanggal postingan di unggah. Admin perlu menentukan kategori status
postingan dan periode dari tanggal sekian sampai tanggal sekian untuk memfilter
sekaligus mencetak data. Untuk melihat desain tampilan laporan barang dapat
dilihat pada gambar.

22
 Gambar 22. Rancangan Tampilan Laporan Barang

4.3 Hasil Implementasi

Dari model perancangan yang sudah dibuat tadi maka akan dilakukan
pengimplementasian berdasarkan rancangan yang sudah dibuat dengan membuat
kode program aplikasi.

4.3.1 Implementasi Codeigniter 4 Dalam Pembuatan Aplikasi

Implementasi codeigniter 4 dalam pembuatan aplikasi dilakukan dengan
menggunakan teks editor VSCode dengan langkah-langkah sebagai berikut:
1. Download file Codeigniter 4 di website resmi codeigniter, kemudian extract file
tersebut dan letakan di directori file xampp/htdocs.
2. Masuk ke folder codeigniter tersebut lalu buka cmd, arahkan ke folder
codeigniter dan ketikan php spark serve.
3. Buka folder codeigniter lalu masuk ke file yang bernama env. Ubah nema
tersebut menjadi “.env” lalu simpan.
4. Pada file .env, cari fungsi base_url, aktifkan fungsi tersebut dengan cara
menghapus tanda “#” pada fungsi.
5. Ganti isi dari fungsi base_url menjadi “localhost:8080”.
6. Buka browser, pada kolom pencarian ketikan “localhost:8080”
7. Buat kode program sesuai dengan kebutuhan aplikasi

23
 Gambar 23. Codeigniter 4

4.4 Operation & Maintenance

Setelah aplikasi berhasil dijalankan maka aplikasi akan dilanjutkan sebuah
pengembangan dan akan dilakukan sebuah perbaikan guna agar aplikasi dapat
berjalan dengan rentang waktu yang sangat panjang.

24
 BAB V HASIL DAN PEMBAHASAN

5.1 Hasil
Hasil berikut didapat dari perancangan interface aplikasi yang telah
dijelaskan pada bab sebelumnya. Berikut ini merupakan hasil dari rancangan
interface yang sudah dibuat. Untuk gambar hasil dari implementasi desain yang
sudah dibuat dapat dilihat di bawah ini.
a. Tampilan Login
Halaman ini merupakan halaman awal dimana terdapat logo dari KasihBaik
dan form penginputan bagi admin dengan mengisi username dan password sesuai
dengan username dan password dalam database pada bagian tabel admin.

Gambar 24. Tampilan Login

b. Tampilan Dashboard
Halaman setelah login berhasil dilakukan, di dalamnya halaman dashboard
terdapat sebuah statistik postingan perbulan, input text untuk mencari data, nama
admin dan terdapat beberapa menu seperti dashboard, data master, moderasi
barang, dan laporan. Ditempat nama admin, ada sebuah dropdown yang jika kita
klik, akan muncul tombol untuk logout.

25
 Gambar 25. Tampilan Dashboard
c. Tampilan Data Pengguna
Halaman data pengguna ini berisi list data pengguna. Terdapat 3 tombol aksi
di sebelah kanan yaitu tombol detail, edit dan hapus. Lalu di atas tabel juga ada
tombol untuk menambah data. Jika kita klik salah satu tombol tersebut maka akan
langsung di arahkan ke halaman yang sesuai dengan tombol yang kita pilih.

Gambar 26. Tampilan Data Pengguna

d. Tampilan Form Tambah Data Pengguna
Di halaman ini akan muncul form untuk menambah user/pengguna. Di form
ini ada beberapa data yang harus diisi yaitu username, password, email, nama
depan, nama belakang, jenis kelamin, no telepon, domisili, tempat lahir, tanggal

26
lahir, pekerjaan, dan jabatan. Dan di halaman ini terdapat tombol kembali untuk
kembali ke halaman sebelumnya.

Gambar 27. Tampilan Form Tambah Pengguna

e. Tampilan Form Edit Data Pengguna
Dihalaman ini akan muncul form untuk mengedit data user/pengguna. Di
form ini terdapat data yang tidak bisa diubah yaitu username. Dan di halaman ini
terdapat tombol kembali untuk kembali ke halaman sebelumnya.

Gambar 28. Tampilan Form Edit Pengguna

27
f. Tampilan Halaman Detail Pengguna
Di halaman ini akan muncul detail data dari data pengguna yang sudah kita
pilih. Disini kita hanya bisa melihat data pengguna tersebut dan tidak bisa kita ubah.

Gambar 29. Tampilan Halaman Detail Pengguna

g. Tampilan Halaman Data Barang
Halaman data barang ini berisi list data barang. Terdapat 3 tombol aksi di
sebelah kanan yaitu tombol detail, edit dan hapus. Lalu di atas tabel juga ada tombol
untuk menambah data. Jika kita klik salah satu tombol tersebut maka akan langsung
di arahkan ke halaman yang sesuai dengan tombol yang kita pilih.

Gambar 30. Tampilan Halaman Data Barang

28
h. Tampilan Form Tambah Data Barang
Di halaman ini akan muncul form untuk menambah postingan barang. Di
form ini ada beberapa data yang harus diisi yaitu judul postingan, narahubung,
deskripsi, kategori, lokasi barang, kondisi barang, pengambilan, dan syarat
penerima. Dan di halaman ini terdapat tombol kembali untuk kembali ke halaman
sebelumnya.

Gambar 31. Tampilan Form Tambah Data Barang

i. Tampilan Form Edit Barang
Dihalaman ini akan muncul form untuk mengedit data postingan barang. Di
form ini terdapat data yang tidak bisa diubah yaitu UUID dan username. Dan di
halaman ini terdapat tombol kembali untuk kembali ke halaman sebelumnya.

Gambar 32. Tampilan Form Edit Barang

29
j. Tampilan Halaman Detail Barang
Di halaman ini akan muncul detail data dari data postingan barang yang
sudah kita pilih. Disini kita hanya bisa melihat data tersebut dan tidak bisa kita ubah.

Gambar 33. Tampilan Halaman Detail Barang

k. Tampilan Halaman Moderasi Barang

Halaman moderasi barang ini berisi list data postingan barang yang
statusnya “Publish” dan “Draft”. Terdapat 1 tombol aksi di sebelah kanan yaitu
Lihat Detail. Jika kita klik tombol lihat detail, maka sistem akan menampilkan
sebuah modal yang berisi data posting barang tersebut.

Gambar 34. Tampilan Halaman Moderasi Barang

30
l. Tampilan Modal Detail Postingan Barang
Modal yang berisi data postingan barang. Pada bagian status post bisa kita
ubah sesuai kebutuhan. Ada beberapa pilihan status yaitu Publish (jika postingan
barang layak tayang), NonAktif (Jika postingan tersebut tidak layak tayang), dan
Dilaporkan (Jika postingan barang di laporkan oleh pengguna).

Gambar 35. Tampilan Modal Detail Postingan Barang

m. Tampilan Halaman Laporan Pengguna
Di halaman ini terdapat 2 input text sebagai parameter untuk memfilter data
yang akan di buat laporan. Parameter tersebut yaitu periode tanggal user/pengguna
bergabung atau membuat akun mereka.

Gambar 36. Tampilan Halaman Laporan Pengguna

31
n. Tampilan Halaman Laporan Barang
Di halaman ini terdapat 3 input text sebagai parameter untuk memfilter data
yang akan di buat laporan. Parameter tersebut yaitu kategori status postingan dan
periode tanggal postingan tersebut dibuat.

Gambar 37. Tampilan Halaman Laporan Barang

5.2 Pembahasan
Dikarenakan dimasa pandemic ini, banyak orang yang kesulitan untuk
mendapatkan barang yang mereka butuhkan. Lalu adapun donatur yang ingin
mendonasikan barang miliknya melalui pihak ketiga tetapi takut jika barang
tersebut tidak disampaikan ke yang membutuhkan. Maka dari itu peneliti membuat
sebuah aplikasi untuk mengatur itu semua dengan judul Aplikasi Moderasi Barang
KasihBaik Berbasis Website ini dibuat khusus untuk admin atau pengelola platform
ini dengan UI/UX yang sudah disesuaikan untuk kenyamanan dalam
penggunaannya, di dalam aplikasi ini dilengkapi dengan informasi mengenai
barang kebutuhan donasi bagi orang-orang yang membutuhkan dan platform yang
terpercaya dapat menjadikan sistem ini menjadi jembatan bagi para donatur dan
dengan orang yang membutuhkan bantuan. Aplikasi ini digunakan agar admin
dapat dengan mudah mengatur layak atau tidaknya barang tersebut untuk
ditayangkan dan untuk memudahkan juga dalam menindaklanjuti hal-hal yang tidak
berkenan di dalam sistem.
Kegunaan utama aplikasi ini sendiri yaitu ada pada fitur moderator barang,
yaitu data barang yang sudah diinputkan ke dalam sistem akan di cek kembali oleh
admin, dan jika data tersebut layak ditampilkan maka admin akan langsung
merubah status postingan tersebut, itulah yang disebut dengan moderator disini.
Fitur-fitur lainnya yang terdapat pada aplikasi ini yaitu admin dapat melihat statistik
jumlah data barang berdasarkan status post yang sudah di tentukan. Lalu admin juga
dapat melihat data user atau pengguna yang sudah diinputkan kedalam sistem. Lalu

32
ada juga fitur untuk cetak laporan barang per periode yang bisa kita tentukan
periode tanggal berapa yang ingin kita cetak laporan atau cetak pdf.
Tahapan yang akan dilakukan selanjutnya adalah tahap pengujian aplikasi
untuk mengetahui apakah aplikasi sudah seperti yang dirancang sesuai dengan yang
diharapkan, kemudian untuk mengetahui kelemahan maupun bug sistem, seperti
kesalahan dalam pengiriman data, tombol yang tidak berfungsi, aplikasi tidak
merespon (not responding). Uji coba akan dilakukan dengan menggunakan device
laptop ASUS X455L. Dalam uji coba ini terdapat 4 tahap pengujian yang akan
dilakukan, yaitu:
1. Uji coba struktural
2. Uji coba fungsional
3. Uji coba validasi
4. Uji coba kompabilitas
5.2.1 Uji coba struktural
Uji coba struktural dilakukan untuk memastikan aplikasi yang sudah dibuat
sesuai dengan rancangan yang dibuat sebelumnya. Dalam pengujiannya tersebut
dilakukan secara berulang-ulang dan melewati alur-alur yang berbeda sampai tidak
menemukan bug dan error aplikasi lagi. Hasil uji coba struktural terdapat pada
lampiran 1.
5.2.2 Uji coba fungsional
Tahap pengujian selanjutnya adalah uji coba fungsional. Dilakukan untuk
menguji fungsi-fungsi dari tiap-tiap aktivitas yang bisa dilakukan pengguna seperti
tombol pengiriman maupun pengeksekusian suatu proses dapat berjalan sesuai
kegunaannya. Hasil dari pengujian tersebut dapat dilihat pada tabel. Hasil uji coba
fungsional terdapat pada lampiran 2.
5.2.3 Uji coba validasi
Uji coba selanjutya adalah uji coba validasi yang bertujuan untuk menguji
validasi dari aplikasi yang sudah dibuat apakah sudah sesuai dengan permintaan.
Hasil uji coba validasi terdapat pada lampiran 3.
5.2.4 Uji coba kompabilitas
Uji coba kompabilitas dilakukan untuk menguji kemampuan aplikasi yang
telah dibuat apakah bisa berjalan pada perangkat keras yang berbeda-beda. Hasil
uji coba kompabilitas terdapat pada lampiran 4.

33
 BAB VI KESIMPULAN DAN SARAN

6.1 Kesimpulan
Aplikasi Moderasi Barang KasihBaik Berbasiskan Website merupakan
aplikasi yang digunakan dalam proyek pembuatan aplikasi KasihBaik, didalamnya
terdapat list data pengguna dan list data postingan barang, aplikasi ini berfungsi
sebagai pemantau dalam setiap kegiatan input proses output pada aplikasi
KasihBaik. Dalam pembuatan aplikasi ini digunakan sebuah metode penelitian
berupa metode waterfall. Pada perancangan aplikasi digunakan pemodelan Unified
Modeling Language (UML) diantaranya Use Case Diagram, Activity Diagram,
Class Diagram, dan Sequence Diagram.
Implementasi aplikasi moderasi barang KasihBaik berbasiskan website ini
dibuat sesuai dengan rancangan yang telah dibuat dengan menggunakan pemodelan
UML, kemudian dalam pembuatan aplikasi ini menggunakan software VSCode
untuk membuat halaman back-end, lalu Codeigniter 4 framework yang digunakan
sebagai struktur dari penulisan program.
Aplikasi ini telah dilakukan 4 jenis pengujian yaitu uji coba struktural untuk
menguji struktur aplikasi sudah sesuai dengan yang dirancang atau belum, uji coba
validitas untuk mengetahui apakah sudah valid dari activity halaman ini pindah ke
halaman ini, uji coba fungsional digunakan untuk mengetahui apakah tombol dan
hal-hal yang bisa dilakukan admin sudah tepat dan bisa digunakan, dan uji coba
kompabilitas untuk mengetahui apakah aplikasi ini dapat berjalan di device versi
yang sudah ditargetkan dan versi di bawahnya dengan menggunakan perangkat
keras dengan OS yang berbeda-beda.
6.2 Saran
Saran yang diharapkan dalam pengembangan aplikasi ini adalah
1. Penambahan halaman notifikasi kegiatan admin
2. Penambahan fitur filter data per kategori
3. Fitur print dengan 1 kali klik
4. Aplikasi yang terintegrasi menggunakan RestAPI

34
 DAFTAR PUSTAKA

IdCloudHost. (2017, Desember 4). Mengenal Apa itu Framework Codeigniter.

Retrieved from idcloudhost.com:
https://idcloudhost.com/panduan/mengenal-apa-itu-framework-
codeigniter/
OLX. (2020, Desember 3). Apa itu moderasi iklan. Retrieved from Olxid:
https://olxid1407294361.zendesk.com/hc/id/articles/205781399-Apa-itu-
moderasi-iklan
Permana, H. D. (2015). Aplikasi Marketing Mobile System Pada PT. Tunas Dwipa
Matra Jakarta. Jakarta: Universitas Trilogi.
Pressman, R. (2010). Rekayasa Perangkat Lunak. Yogyakarta: Andi.
Saputro, H. (2012). Modul Pembelajaran Praktek Basis Data (MySQL).
Yogyakarta: Graha Ilmu.
Sidik, B. (2012). PHP Framework Codeigniter. Bandung: Informatika.
W, R. Y. (2019, Februari 3). medium.com. Retrieved from Ekstensi dan Tema
Visual Studio Code: https://medium.com/kode-dan-kodean/ekstensi-dan-
tema-visual-studio-code-yang-saya-gunakan-6c3555762816

35
 LAMPIRAN

Lampiran 1. Uji Coba Struktural

Tabel 3. Uji Coba Struktural
No Tampilan/Halaman Keterangan Hasil
1 Tampilan Login Menampilkan halaman login Sesuai dengan
aplikasi activity
2 Dashboard Menampilkan halaman beranda Belum sesuai
setelah login dan terdapat dengan activity
grafik statistik postingan
perbulan
3 Menu Menampilkan menu aplikasi Sesuai dengan
berupa menu dashboard, data activity
pengguna/user, data postingan
barang, moderasi barang,
laporan pengguna/user, dan
laporan postingan barang.
4 Data Menampilkan sebuah tabel Sesuai dengan
Pengguna/user dengan isi data pengguna activity
5 Detail data Menampilkan halaman detail Sesuai dengan
pengguna dari data pengguna activity
6 Tambah data Menampilkan form untuk Sesuai dengan
pengguna menambah data pengguna activity
7 Edit data pengguna Menampilkan form untuk Sesuai dengan
mengubah data activity
8 Hapus data Memunculkan notifikasi Sesuai dengan
pengguna verifikasi hapus data activity
9 Data Postingan Menampilkan sebuah tabel Sesuai dengan
Barang dengan isi data postingan activity
barang
10 Detail data Menampilkan halaman detail Sesuai dengan
postingan dari data postingan barang activity
11 Tambah data Menampilkan form untuk Sesuai dengan
postingan barang tambah data postingan barang activity
12 Edit data postingan Menampilkan form untuk Sesuai dengan
barang mengubah data postingan activity
barang
13 Hapus data Memunculkan notifikasi Sesuai dengan
postingan barang verfikasi hapus data activity
14 Moderasi Barang Menampilkan tabel berisi data Sesuai dengan
barang dengan status pos activity
Publish dan Draft
15 Detail moderasi Menampilkan modal yang Sesuai dengan
barang berisi detail data postingan activity
barang
 16 Laporan pengguna Menampilkan halaman print Sesuai activity
data dengan periode per tanggal
bergabung pengguna
17 Laporan barang Menampilkan halaman print Sesuai dengan
data dengan print per kategori activity
status postingan dan periode
per waktu postingan dibuat

Lampiran 2. Uji Coba Fungsional

Tabel 4. Uji Coba Fungsional
No Tombol
1 Tombol login
2 Dropdown di sebelah nama
admin
3 Tombol submit post pada
form tambah pengguna
4 Tombol edit data pada form
edit pengguna
5 Tombol hapus pengguna
6 Tombol submit post pada Berfungsi untuk mengirim data hasil input
form postingan barang
7 Tombol edit pada form edit Berfungsi untuk mengirim data inputan
postingan barang
8 Tombol hapus pada barang
9 Tombol print
Keterangan
Berfungsi untuk ke halaman dashboard
Berfungsi untuk logout
Berfungsi untuk mengirim data hasil input
dan mengarah ke halaman data pengguna
Berfungsi untuk mengirim data inputan
yang sudah diubah dan mengarah ke
halaman data pengguna
Berfungsi untuk memunculkan notifikasi
verifikasi menghapus data pengguna
dan mengarah ke halaman data postingan
barang
yang sudah diubah dan mengarah ke
halaman data barang
Berfungsi untuk memunculkan notifikasi
verifikasi menghapus data postingan barang
Berfungsi untuk mengirim data yang dipilih
untuk di cetak pdf

Lampiran 3. Validasi
Tabel 5. Uji coba validasi
No Deskripsi Halaman Awal Halaman Validasi Status
1 Ketika Valid
login username
berhasil, dan
lalu password
menuju
halaman
dashboard

37
2 Ketika Valid
login username
gagal dan
password
salah

3 Ketika Valid
memilih halaman
menu data berhasil
master pindah ke
data halaman
pengguna data
pengguna
4 Ketika Valid
input data data
pengguna berhasil
disimpan
dan
tampil

5 Ketika Valid
edit data data
pengguna berhasil
disimpan
dan
tampil

38
6 Ketika Valid
melihat halaman
detail data berhasil
pengguna pindah ke
halaman
detail
data
pengguna
7 Ketika Valid
menghapus data
data berhasil
pengguna di hapus

8 Ketika Valid
memilih halaman
menu data berhasil
barang pindah ke
halaman
data
barang
9 Ketika Valid
input data data
barang berhasil
disimpan
dan
tampil

10 Ketika edit Valid

data data
barang berhasil
diubah
dan
tampil

11 Ketika Valid
menghapus data
data berhasil
barang di hapus
12 Ketika Valid
memilih halaman
menu berhasil
moderasi pindah ke
barang halaman
moderasi
barang
13 Ketika Valid
mengubah data
status pos berhasil
moderasi di
barang moderasi
dan
status pos
sudah
berubah
14 Ketika Valid
memilih halaman
menu berhasil
laporan pindah ke
pengguna halaman
laporan
pengguna
15 Ketika Valid
memilih halaman
menu berhasil
laporan pindah ke
barang halaman
laporan
barang
16 Ketika Valid
pilih berhasil
logout pindah ke
akan halaman
berpindah login
ke
halaman
login
Lampiran 4. Uji Coba Kompabilitas
Tabel 6. Uji coba kompabilitas
No Spesifikasi Gambar Keterangan
1 RAM : 2GB Kompatibel
OS : Windows 10
Pro
Processor : Intel(R)
Core(TM) i3-
4005U CPU @
1.70GHz

2
Lampiran 5. Surat Pengantar PKMI
Gambar 38. Surat Pengantar PKMI
Lampiran 6. Surat Balasan Instansi
Gambar 39. Surat Balasan Instansi
Lampiran 7. Absensi PKMI
Gambar 40. Absensi PKMI
46
Lampiran 8. Kartu Bimbingan PKMI
Gambar 41. Kartu Bimbingan PKMI
Lampiran 9. Data Barang KasihBaik
Tabel 7. Data Barang KasihBaik
Barang Narahubung Deskripsi Lokasi Barang Syarat & Ketentuan
Diperuntukkan bagi yang
Alat tulis & Daripada alat tulis & buku ini dibuang lebih baik didonasikan & semoga benar-benar
buku pelajaran `081327693462 bermanfaat Bogor membutuhkan

Seragam Ada seragam sd sekolah nih mungkin ada yang membutuhkan bagi anak- Untuk yang benar-benar
Sekolah SD `085574670577 anaknya yang sekiranya seragamnya sama Depok lagi membutuhkan
Di rumahku banyak banget buku cerita, terus udah lama ga dibaca jadinya
Buku Cerita `0857447520635 lebih baik aku donasikan aja, semoga dapat bermanfaat Jakarta -
Mainan robot- Ini merupakan mainan kesukaan saya dari kecil terus sekarang udah jarang
robotan `0855329582012 dipake karena sudah beranjak umur :) Bogor -
untuk yang
Baju kaos `0832958774021 Didonasikan sebuah baju dan kaos untuk anak-anak dan dewasa Bogor membutuhkan
Seragam buat yang lagi membutuhkan baju seragam smp untuk anak laki-laki dan
Sekolah SMP `0811284940730 perempuan bisa menghubungi saya Bogor -
Perlengkapan ada peralatan ibadah lebih nih di rumah, jadinya saya donasikan semoga
Ibadah `082493857220 berkah Bandung tidak ada
berikan bukti jika benar-
benar membutuhkan
karena saya hanya
memberikan kepada
yang membutuhkan
Sepatu `08321238209 saya mau donasiin sepatu ini karena sudah tidak muat dan tidak terpakai Jakarta sekali
Sepatu anak- ada sepatu anak-anak, mungkin bagi yang membutuhkan bisa menghubungi bagi anak-anak di panti
anak `0858769302899 saya Semarang asuhan
kemeja berwarna abu-abu yang sudah tidak dipakai, kalo mau bisa
menghubungi saya, ukuran size dewasa (diutamakan bagi yang benar-benar untuk anak-anak di panti
Kemeja `081683750042 membutuhkan) Bekasi asuhan
celana ukuran untuk anak-anak bagi yang benar-benar membutuhkan bisa untuk anak-anak di panti
Celana pendek `0851295740238 menghubungi saya Bekasi asuhan
untuk anak-anak di panti
Celana panjang `0836883759302 - Tangerang asuhan
lumayan masih ada peralatan lukis bekas dan jarang dipakai, jadi aku untuk anak-anak di panti
Peralatan lukis `08515837749 donasiin deh Jakarta asuhan

50