Oleh:
Muhammad Rifa’i / NIM 201751004
Mengetahui:
Plt. Ka.Progdi Teknik Informatika
ii
RINGKASAN
iii
KATA PENGANTAR
Assalammu’alaikum Wr.Wb.
Dengan mengucapkan Puji dan syukur kehadirat Allah
SWT yang telah melimpahkan rahmat dan hidayah-Nya serta
kekuatan lahir dan batin kepada penulis, karena atas izinnya
jualah penulisan laporan ini dapat diselesaikan sebagaimana
mestinya.
Penyusunan Laporan Praktek kerja Lapangan ini
merupakan salah satu syarat untuk menyelesaikan Program
Studi Teknik Informatika S-1 pada fakultas Teknik Universitas
Muria Kudus.
Penulis menyadari bahwa dalam laporan ini masih
banyak terdapat kelemahan dan kekurangannya, hal ini
disebabkan masih terbatasnya kemampuan dan pengetahuan
yang penulis miliki. Oleh karena itu penulis sangat
mengharapkan kiranya pembaca dapat memaklumi bahkan
dapat memberikan kritik dan saran yang sifatnya membangun.
Dalam penyusunan laporan ini penulis banyak
mendapat bantuan, bimbingan dan pengarahan serta saran-
saran dari berbagai pihak, maka dalam kesempatan ini dengan
segala kerendahan hati, penulis ingin menyampaikan ucapan
terima kasih dan penghargaan yang setinggi-tingginya kepada:
1. Bapak Prof, Dr. Ir. Darsono, M.Si selaku Rektor
Universitas Muria Kudus.
2. Bapak Mohammad Dahlan, ST, MT, selaku
Dekan Fakultas Tehnik Universitas Muria Kudus.
3. Bapak M. Malik Hakim,ST,MTI selaku Ketua
Program Studi Teknik Informatika S-1.
4. Bapak Ahmad Abdul Chamid, M.Kom, Selaku
pembimbing yang telah membimbing penulis
selama melakukan PKL.
iv
5. Bapak Abdul Rahman selaku Mitra PT. JSN
cabang Demak.
6. Bapak Mahfud selaku pembimbing lapangan
di tempat PKL.
7. Teman-teman seperjuangan Teknik Informatika
Universitas Muria Kudus tahun angkatan 2018.
(Muhammad Rifa’i)
Nim : 201751004
v
DAFTAR ISI
vi
3.1 Landasan Teori ............................................................... 8
3.1.1 Konsep Pemrograman PHP ......................................... 9
3.1.3 Knsep Dasar Data Flow Diagram (DFD) ........................ 9
3.1.4 Konsep Dasar Entity Relationship Diagram (ERD) ...... 10
3.2 Tools .................................................................................. 11
3.2.1 Sistem Operasi Windows 10 .......................................... 11
3.2.2 Sublime Text 3 ............................................................... 12
3.2.3 XAMPP Versi 3.2.4 ..................................................... 12
3.2.4 My SQL Database ....................................................... 12
BAB IV ....................................................................................... 15
4.1 Pengumpulan Data ......................................................... 15
4.2 Perencanaan ...................................................................... 15
4.3.1 Deskripsi Masalah .......................................................... 15
4.3.2 Informasi Kebutuhan Data ............................................. 16
4.3.3 Kebutuhan Proses (Bussines Process Requirement) ...... 16
4.4 Pembangunan Perangkat Lunak ........................................ 16
4.4.1 FlowChart ...................................................................... 17
4.4.2 ERD (Entity Relationship Diagram) .............................. 17
4.4.3 Skema Tabel ................................................................... 18
4.4.4 DFD (Data Flow Diagram) ............................................ 18
4.4.5 Struktur Tabel ......................................................................... 18
4.5 User Interface .................................................................... 20
4.5.1 Halaman Login Admin ................................................... 20
4.5.2 Halaman Utama Admin ..................................................... 20
4.5.3 Halaman Utama Pengunjung .......................................... 20
4.5.3 Halaman Skema Jaringan untuk Pengunjung ..................... 21
vii
4.6 Pencapaian Hasil............................................................... 21
BAB V.................................................................................... 23
5.1 Kesimpulan....................................................................... 23
5.2 Saran................................................................................. 23
DAFTAR PUSTAKA..................................................................x
Surat Balasan dari PT. JSN...................................................... xvii
DAFTAR GAMBAR
Gambar 2 1 Kantor JSN wilayah Kecamatan Wonosalam......4
Gambar 2 2Denah Lokasi Kantor JSN Wilayah Kecamatan
Wonosalam..............................................................................5
Gambar 2 3 Struktur Organisasi JSN Wilayah Kecamatan
Wonosalam..............................................................................5
Gambar 2 4 Peta Penyebaran Jaringan JSN wilayah
kecamatan Wonosalam............................................................6
Gambar 4. 1 Flowchart sistem pembayaran rt/rw net berbasis
website..................................................................................17
Gambar 4. 2 ERD..................................................................17
Gambar 4. 3 skema tabel pembayaran...................................18
Gambar 4. 4 DVD Level 0....................................................18
Gambar 4. 5 DVD Level 1....................................................19
Gambar 4. 6 halaman utama..................................................20
Gambar 4. 7 tampilan menu utama........................................20
Gambar 4. 8 Tampilan halaman user.....................................20
Gambar 4. 9 tampilan pelanggan...........................................21
Gambar 4. 10 tampilan admin...............................................21
DAFTAR TABEL
Tabel 3. 1 simbol Data Flow Diagram DFD..........................10
Tabel 3. 2 Simbol-simbol ERD.............................................11
viii
DAFTAR LAMPIRAN
Lampiran 1 .............................................................................. xi
Lampiran 2 ............................................................................xiii
Lampiran 3 ............................................................................. xv
Lampiran 4 ........................................................................... xvii
ix
BAB I
PENDAHULUAN
1
saat ini metode pembayaran dengan cara penagihan secara
manual seperti mendatangi rumah-rumah yang berlangganan.
Berdasarkan maslah tersebut maka akan di buat sistem
pembayaran RT/RW Net berbasis Website,pelanggan hanya
perlu login ke Website dan bisa melihat banyaknya tagihan
yang harus di bayarkan, dengan sistem ini di harapkan
pelanggan dan pengusaha dapat melakukan proses
pembayaran dengan lebih efisien.
1.2 Batasan Masalah
Dalam laporan ini, pembahasan difokuskan pada:
1. Pengaplikasian Sistem informasi berbasis WEB
untuk mempermudah pembayaran RT/RW Net.
2. Data yang di kelola meliputi data diri dan
banyaknya Tagihan yang harus di bayar.
4
2.2 Denah Lokasi
Berikut adalah denah lokasi kantor JSN cabang
Demak di wilayah desa Jogoloyo wonosalam Kab.Demak
gang 2,Rw, jogoloyo kecamatan wonosalam Demak.
Ketua
Abdul Rahman ST, M Pd
Mekanik Bendahara
Mahfud Rizal Ahari
Anggota I Anggota II
Ikmal Ashari Khusni Mubarok
5
2.4 Peta Wilayah Penyebaran jaringan JSN kecamatan
Wonosalam
6
2.6 Jadwal Kerja
Praktek Kerja Lapangan di PT. Jaringanku Sarana
Nusantara yang berada di wilayah kecamatan Wonosalam
kabupaten Demak yang di laksanakan mulai pada tanggal
25 Janurari 2021 sampai dengan 25 Februari 2021
kegiatan yang dilaksanakan selama praktik kerja lapangan
dapat di rangkum sebagai berikut:
1. Minggu pertama:
a. Survei dan pengenalan lingkup kerja.
b. Pembagian tugas bidang
2. Minggu ke dua:
a. Mencari masalah
b. Menganalisa kebutuhan sistem
3. Minggu ketiga :
a. Mengumpulkan data dan menganalisa data
b. Perancangan sistem
4. Minggu ke empat
a. Pembuatan sistem
b. Evaluasi sistem
7
BAB III
LANDASAN TEORI
8
Pemanfaatan RT/RW Net ini dapat dikembangkan
sebagai forum komunikasi online yang efektif bagi warga
untuk saling bertukar informasi, mengemukakan
pendapat, melakukan polling ataupun pemilihan ketua
RT/RW dan lain-lain yang bebas tanpa dibatasi waktu
dan jarak melalui media eMail/Chatting/Web portal,
disamping fungsi koneksi internet yang menjadi fasilitas
utama. Bahkan fasilitas tersebut dapat dikembangkan
hingga menjadi media telepon gratis dengan teknologi
VoIP
3.1.3 Konsep Pemrograman PHP
PHP adalah bahasa pemrograman yang sering
disisipkan ke dalam HTML. PHP sendiri berasal dari kata
Hypertext Preprocessor. Sejarah PHP pada awalnya
merupakan kependekan dari Personal Home Page (Situs
personal). PHP pertama kali dibuat oleh Rasmus Lerdorf pada
tahun 1995. Pada waktu itu PHP masih bernama Form
Interpreted (FI), yang wujudnya berupa sekumpulan skrip
yang digunakan untuk mengolah data formulir dari web.
Bahasa pemrograman ini menggunakan sistem server-
side. Server-side programming adalah jenis bahasa
pemrograman yang nantinya script/program tersebut akan
dijalankan/diproses oleh server. Kelebihannya adalah mudah
digunakan, sederhana, dan mudah untuk dimengerti dan
dipelajari.
3.1.3 Konsep Dasar Data Flow Diagram (DFD)
DFD (Data Flow Diagram) sering digunakan untuk
menggambarkan suatu sistem yang telah ada atau sistem baru
yang akan dikembangkan secara logika tanpa
mempertimbangkan lingkungan fisik dimana data tersebut
mengalir atau lingkungan fisik dimana data tersebut akan
9
disimpan. Menurut Kenneth, Data Flow Diagram merupakan
alat yang digunakan pada metodologi pengembangan sistem
yang terstruktur (Structured Analysis and Design). Ada dua
macam simbol yang digunkan yaitu simbol yourdon dan
DeMarco atau Gane dan Sarson yang ditunjukkan oleh tabel
berikut :
10
karena hal ini relatif kompleks, berikut adalah simbol-simbol
ERD:
No Simbol Nama Keterangan
3.2 Tools
Tools yang digunakan dalam Pengembangan Sistem
Pengarsipan Izin Usaha Perdagangan, antara lain:
11
3.2.2 Sublime Text 3
SublimeText 3 adalah sebuah software yang
dikembangkan oleh John Skinner. Beliau merupakan
programmer Australia.SublimeText 3 merupakan text editor
untuk menulis kode.Banyak sejumlah bahasa yang ada pada
aplikasi ini. Diantaranya php,html,css,c,c++. Software ini bisa
lebih memudahkan pekerjaan pengguna saat membuat sebuah
program.
3.2.3 XAMPP Versi 3.2.4
XAMPP merupakan sebuah perangkat lunak atau
software yang bebas (open source) yang dapat digunakan di
berbagai sistem operasi. XAMPP merupakan kompilasi dari
beberapa program. XAMPP juga merupakan software web
server Apache dan juga terdapat MySQL untuk penyimpanan
database suatu aplikasi.lunak sistem manajemen basis data
SQL.
3.2.4 My SQL Database
Sebuah perangkat lunak sistem manajemen basis data
SQL. SQL (Structured Query Languange) adalah sekumpulan
perintah khusus yang digunakan untuk mengakses data dalam
database relational. Umumnya, setiap software-software
RDBMS menyediakan 4 perintah DML dari SQL DML (Data
Manipulation Languange) adalah perintah yang digunakan
untuk mengoperasikan atau memanipulasi isi database. Empat
perintah DML tersebut adalah:
a. Select : digunakan untuk mengambil data dari database
12
3.2.4 Bootsrap
Bootstrap adalah sebuah library framework CSS yang
dibuat khusus untuk bagian pengembangan front-end website.
Bootstrap merupakan salah satu framework HTML, CSS dan
Javascript yang paling popular di kalangan web develope,
pada saat ini hampir semua web developer telah menggunakan
bootstrap untuk membuat tampilan front-end menjadi lebih
mudah dan sangat cepat, karena hanya perlu menambahkan
class-class tertentu untuk misalnya membuat tombol, grid,
navigasi, dan lainnya.Bootstrap telah menyediakan kumpulan
komponen class interface dasar yang telah dirancang
sedemikian rupa untuk menciptakan tampilan yang menarik ,
bersih, dan ringan. Selain komponen class interface Dengan
menggunakan bootstrap kita juga di beri keleluasaan dalam
mengembangkan tampilan website yang menggunakan
bootstrap yaitu dengan cara mengubah tampilan bootstrap
dengan menambahkan class dan CSS sendiri.
3.2.5 Flowchart
Flowchart merupakan representasi secara simbolik dari
sebuah agloritma untuk menyelesaikan sebuah masalah.
Dengan flowchart dapat memudahkan pengguna untuk
melakukan pengecekan terhadap bagian-bagian yang mungkin
terlupakan dalam sebuah analisis masalah. Flowchart
membantu mengurutkan logika yang rumit dan panjang dan
juga membantu mengkomunikasikan jalanya program ke
orang lain yang bukan programer maupun yang seorang
progremer dalam satu tim (Santoso & Nurmalina, 2017).
13
Gambar 3. 3Simbol Flowchart
14
BAB IV
PELAKSANAAN PRAKTIK KERJA LAPANGAN
15
4.3.2 Informasi Kebutuhan Data
Data yang dibutuhkan dari Sistem Pembayaran RT RW
Net adalah:
1. Data Admin
2. Data Nama Pelanggan
3. Data Jumlah Tagihan Pelanggan
4. Data Transaksi (Status)
16
4.4.1 FlowChart
Berikut adalah FlowChart Sistem Sistem pembayaran
RT RW Net yang berbasis Website:
TIDAK
YA
Gambar4. 2 ERD
17
4.4.3 Skema Pembayaran
Skema pembayaran digunakan dalam Sistem
pembayaran RT/RW Net ditunjukkan oleh gambar berikut :
19
4.5 User Interface
User interface merupakan tampilan antar muka dari
sistem yang digunakan untuk menampilkan tampilan. User
interface dari Sistem pembayaran RT/RW Net dibagi menjadi
beberapa bagian, diantaranya :
4.5.1 Halaman Login
Halaman login merupakan halaman untuk admin
maupun user dengan cara menginputkan email dan password.
User interface dari halaman login Sistem Sistem pembayaran
RT/RW Net ditunjukkan oleh gambar berikut :
5.2 Saran
Saran yang dapat penulis berikan sehubungan dengan
aplikasi ini adalah:
1. Diharapkan adanya tanggapan positif terhadap
rancangan Sistem pembayaran RT/RW net ini,
karena didalam rancangan sistem ini terdapat
keefektifitasan kerja dan efisiensi waktu.
2. Dengan adanya admin di harapkan untuk
mengupdate aplikasi untuk fersi terbaru.
DAFTAR PUSTAKA
23
Lampiran 1
xii
Lampiran 2
Kerangka Acuan
xiii
Yang bertandatangan dibawah ini menyatakan telah membaca
dan memahami isi dari Kerangka Acuan.
Dosen Pembimbing,
xiv
Lampiran 3
Log Harian
Halaman : 1 dari 2
Nama / NIM : Muhammad Rifa’i / 201751004
Instansi : PT. JSN Jaringanku Sarana Nusantara
Judul : “Sistem Pembayaran RT/RW NET Berbasis
Web”
2. 26 Januari 2021-
28 Januari 2021 08.00 –
Menganalisa kebutuhan
15.15
sistem
WIB
3. 28 Januari 2021-
29 Januari 2021
08.00 – Pemasangan Wi-Fi di desa
15.15 Palong Rt 01/04 wonosalam
WIB Demak
Pembimbing
vii
KARTU BIMBINGAN PRAKTIK KERJA
LAPANGAN
TEKNIK INFORMATIKA
xviii