WEBSITE TENTANG PINJAMAN ONLINE

LAPORAN PROJECT WORK

RPL
Laporan Ini Dibuat Sebagai Syarat Untuk Mengikuti PRAKERIN (Praktek
Kerja Industri) dan UKK (Uji Kompetensi Keahlian)
MUHAMMAD SIDIK ABDULLAH
10192109 / 0035094521

Oleh :
MOCHAMAD RIZKI ARROHMAN
WEBSITE PINJAMAN ONLINE

10192109 / 0035094521
XI RPL 1

Rekayasa Perangkat Lunak

TEKNIK KOMPUTER DAN INFORMATIKA

SMK ADI SANGGORO

Tahun Pelajaran

2020/2021
TP.2020/2021
 WEBSITE TENTANG PINJAMAN ONLINE
LAPORAN PROJECT WORK

Laporan Ini Di Buat Sebagai Syarat Untuk Mengikuti

PRAKERIN (Praktek Kerja Industri dan UKK(Ujian Kompetensi Keahlian)

Oleh :
MUHAMAD SIDIK ABDULLAH
10192109 / 0035094521
XI RPL 1

Rekayasa Perangkat Lunak

TEKNIK KOMPUTER DAN INFORMATIKA

SMK ADI SANGGORO

TP.2021/2021
 LEMBAR PENGUJIAN PROJECT WORK
WEBSITE TENTANG PINJAMAN ONLINE
OLEH

MUHAMAD SIDIK ABDULLAH

10192116 / 0035094521

Laporan ini telah di Uji pada Sidang Project Work, dilaksanakan pada :
Hari : Senin
Tanggal : 28 Juni 2020
Tempat : SMK Adi Sanggoro
Daftar Penguji :

Nama Tanda Tangan

1. Penguji Ahmad Arifin Mahkfud ................................

2
LEMBAR PENGESAHAN PROJECT WORK

WEBSITE TENTANG PINJAMAN ONLINE

OLEH
MUHAMAD SIDIK ABDULLAH
10192116 / 0035094521
Tanggal Pengesahan : .............................................

Diperiksa dan disetujui oleh :

Pembimbing

Ir Supadi S. Pd,

Disahkan oleh :
Kepala Program Rekayasa Perangkat Lunak

R. Rista Wulansari, ST

Mengetahui,
Kepala SMK Adi Sanggoro

Solehudin, S.pd, M.Kom

3
 ABSTRAK
WEBSITE TENTANG PINJAMAN ONLINE
OLEH
MUHAMAD SIDIK ABDULLAH

Perkembangan teknologi di era sekarang, banyak bermunculan media internet

yang memuat berbagai macam konten, semua manusia dapat berinteraksi dengan
komputer, serta mencari pinjaman dengan mudah. Pinjaman online adalah jenis
pinjaman yang cukup diajukan secara online melalui aplikasi ponsel, tanpa perlu
tatap muka. Cara ini memberikan kemudahan dan kecepatan dalam proses
pengajuan kredit. Pinjaman online tumbuh sangat cepat di Indonesia. Kemudahan
dan kecepatan yang ditawarkannya menjadi daya tarik utama. Pengajuan kredit
yang selama ini dikenal lama dan rumit, sekarang bisa dilakukan secara cepat,
mudah, online dan tanpa tatap muka.

Kata Kunci : Pinjaman Online,Media Internet

4
 ABSTRACT
WEBSITE ABOUT ONLINE LOANS
BY
MUHAMAD SIDIK ABDULLAH

Technological developments in the current era, many internet media have

emerged that contain various kinds of content, all humans can interact with
computers, and find loans easily. An online loan is a type of loan that is enough to
be submitted online through a mobile application, without the need to meet face-
to-face. This method provides convenience and speed in the credit application
process. Online loans are growing very fast in Indonesia. The convenience and
speed it offers are the main attraction. Credit applications, which have been
known to be long and complicated, can now be done quickly, easily, online and
without face to face.

Keywords: Online Loans, Internet Media

5
 PEDOMAN PENGGUNAAN PROJECT WORK

Project Work ini tidak dipublikasikan, terdaftar dan tersedia di SMK Adi
Sanggoro, untuk Program Keahlian Teknik Komputer dan Informatika, Kompetensi
Keahlian Rekayasa Perangkat Lunak , terbuka untuk umum dengan ketentuan
bahwa hak cipta ada pada Penulis dengan mengikuti aturan yang berlaku di SMK
Adi Sanggoro, diperkenankan dicatat, tetapi pengutipan atau peringkasan hanya
dapat dilakukan seizin Penulis dan harus disertai dengan kebiasaan ilmiah untuk
menyebutkan sumbernya. Memperbanyak atau menerbitkan sebagian atau seluruh
Project Work haruslah seizin Kepala Program Rekayasa Perangkat Lunak SMK Adi
Sanggoro, dengan mengetahui dari Kepala SMK Adi Sanggoro.

6
 PERUNTUKAN
Dipersembahkan :

Kepada Allah SWT yang telah senantiasa memberikan rahmat serta

hidayah-Nya sehingga Penulis dapat menyusun dan menyelesaikan laporan Project
Work ini.

Kepada Orang tua yang selalu memberikan dukungan setiap harinya baik
itu dukungan do’a, semangat maupun materi kepada Penulis agar Penulis bisa
menjadi anak yang sholeh, berbakti dan berprestasi.

Kepada Guru-guru yang tanpa kenal lelah membimbing serta mengajari dan
mengarahkan motivasi beserta ilmu kepada Penulis sehingga Penulis menjadi murid
membanggakan untuk Bapak/Ibu Guru.

Kepada teman-teman Sekawan dan seperjuangan yang telah mebantu satu

sama lain sehingga dapat menyelesaikan Project Work masing-masing, dan
menyemangati dan mengingatkan dalam pembuatn Project dan laporan ini

7
 KATA PENGANTAR

Puji syukur kehadirat Allah SWT yang telah memberikan rahmat serta
hidayah-Nya sehingga Penulis bisa menyelesaikan laporan Project Work yang
berjudul “Website Tentang Pinjaman Online”. tepat pada waktunya.

Penulis menyadari bahwa laporan ini dapat disusun dan diselesaikan dengan
baik dan lancar berkat beberapa pihak yang telah memberikan masukan-masukan,
arahan, bimbingan kepada Penulis Sehingga penulis dapat menyelesaikan tugasi ini.
Untuk itu Penulis mengucapkan banyak terima kasih kepada :

1. Solehudin,S.pd,M.Kom selaku Kepada SMK Adi Sanggoro.

2. R. Rista Wulansari, ST, selaku Kepala Program Teknik Rekayasa Perangkat
Lunak.
3. Ir.Supadi S.pd, selaku Pembimbing yang telah membimbing, dan memberikan
pengarahan terkait penyusunan laporan dan program yang Penulis kerjakan.
4. Orang tua Penulis yang telah memberikan nasehat, doa, serta dukungan baik
moral maupun materil.
5. Teman-teman Penulis yang tanpa henti saling membantu dan mendukung satu
sama lain.
6. Semua pihak yang telah membantu proses penyusunan laporan ini, sehingga
laporan ini dapat Penulis selesaikan dengan baik dan benar.

Paragraf terakhir Penulis menuliskan permohonan maaf jika laporan masih

banyak kekurangan dan meminta kritik dan saran untuk perbaikan laporan
kedepannya.Bogor,

Bogor, 1 Juni 2021

Penulis

8
 DAFTAR ISI

LEMBAR PENGUJIAN PROJECT WORK ................................................................... 2

ABSTRAK ......................................................................................................................... 4
ABSTRACT ........................................................................................................................ 5
PERUNTUKAN ................................................................................................................ 7
KATA PENGANTAR ....................................................................................................... 8
DAFTAR ISI...................................................................................................................... 9
DAFTAR GAMBAR ....................................................................................................... 11
DAFTAR TABEL ........................................................................................................... 12
DAFTAR SINGKATAN ................................................................................................. 13
DAFTAR LAMPIRAN ................................................................................................... 14
BAB I ................................................................................................................................ 15
PENDAHULUAN ........................................................................................................... 15
1.1 Latar Belakang ...................................................................................................... 15
1.2 Tujuan Dan Manfaat Pembuatan Project Work ........................................... 15
1.2.1 Tujuan Pembuatan Project Work ................................................................ 15
1.3 Metode dan Teknik Penulisan Laporan.............................................................. 16
1.3.1 Metode Penulisan Laporan ........................................................................... 16
Dalam penulisan laporan ini penulis menggunakan metode pengumpulan data dan
memparkan permasalahan secara terperinci sesuai dengan data yang diinginkan dan
fakta yang ada. .......................................................................................................... 16
1.3.2 Teknik Penulisan Laporan ............................................................................ 16
BAB II .............................................................................................................................. 15
TINJAUAN PUSTAKA .................................................................................................. 15
2.1 Website ................................................................................................................... 15
2.2 Database ................................................................................................................ 15
2.3 Flowchart ............................................................................................................... 15
2.4 Data Flow Diagram ............................................................................................... 16
2.5 Web Browser .......................................................................................................... 17
2.6 XAMPP ................................................................................................................... 17
2.7 MySQL................................................................................................................... 18
2.8 SUBLIME TEXT 3 ................................................................................................ 18
2.9 HTML ..................................................................................................................... 18

9
 2.11 Bootstrap............................................................................................................... 19
2.12 Java Script ............................................................................................................ 19
2.13 Ms.Office .............................................................................................................. 19
2.14 Use Case ............................................................................................................... 20
2.15 Diagram Activity .................................................................................................. 21
2.16 Class Diagram ...................................................................................................... 22
BAB III............................................................................................................................. 22
HASIL DAN PEMBAHASAN ....................................................................................... 22
3.1 Hasil Pembuatan Project Work ........................................................................ 22
3.2 Pembahasan ........................................................................................................... 23
3.2.1 Informasi Hardware yang digunakan .......................................................... 24
3.2.3 Waktu Pelaksanaan Pembuatan Project Work ............................................ 24
3.2.3 Langkah-langkah Pembuatan Aplikasi Project Work ............................. 24
3.2.5 Langkah – langkah Pembuatan Installer ..................................................... 26
3.2.6 Hasil Project Work ........................................................................................ 30
BAB IV ............................................................................................................................. 36
KESIMPULAN DAN SARAN ....................................................................................... 36
4.1 Kesimpulan ............................................................................................................ 36
4.2 Saran ...................................................................................................................... 36
DAFTAR PUSTAKA ...................................................................................................... 37
DAFTAR RIWAYAT HIDUP ....................................................................................... 39
LAMPIRAN-LAMPIRAN ............................................................................................. 40

10
 DAFTAR GAMBAR

Gambar 1. Tampilan Halaman Utama User (Front-end) .......................................14

Gambar 2. Tampilan Halaman Utama Admin (Back-end) .....................................15
Gambar 3. Add to Archive ......................................................................................15
Gambar 4. Pilih “create SFX archive”dan klik “OK” ..........................................15
Gambar 5.Proses Membuat Archive .......................................................................16
Gambar 6. File Sudah Jadi.exe...............................................................................16
Gambar 7. Klik Kanan Dan Pilih Extract Files ......................................................16
Gambar 8. Tampilan Menu Extract........................................................................15
Gambar 9.Tampilan Menu Utama ........................................................................15
Gambar 10. Exe .....................................................................................................15
Gambar 11. Extracting Archive..............................................................................15
Gambar 12. Menu Home ........................................................................................15
Gambar 13. Menu Keranjang .................................................................................16
Gambar 14. Checkout.............................................................................................17
Gambar 15. Front-end ............................................................................................18
Gambar 16. Produk ................................................................................................18
Gambar 17. Pembelian ...........................................................................................18
Gambar 18. Pelanggan ...........................................................................................19
Gambar 19. Pengiriman .........................................................................................19

11
 DAFTAR TABEL

Tabel 1. Simbol Flowchart ....................................................................................14

Tabel 2. Simbol Data Flow Diagram ....................................................................15
Tabel 3. Simbol Use Case ......................................................................................15
Tabel 4. Simbol Diagram Activity .........................................................................15
Tabel 5. Simbol Class Diagram .............................................................................16
Tabel 6. Daftar Software ........................................................................................16
Tabel 7. Daftar Hardware .....................................................................................16
Tabel 8. Jadwal Pembuatan Project Work .............................................................15
Tabel 9. Rancangan Tabel Admin..........................................................................15
Tabel 10. Rancangan Tabel Kuliner.......................................................................15
Tabel 11. Rancangan Tabel Minuman ..................................................................15
Tabel 12. Rancangan Tabel Galeri .........................................................................15

12
 DAFTAR SINGKATAN

Singkatan Nama Dipakai pertama kali

pada halaman

SMK Sekolah Menengah Kejuruan Sampul depan

UJIKOM Uji Kompetensi Sampul depan

PRAKERIN Praktek Kerja Industri Sampul depan

UKK Ulangan Kenaikan Kelas Sampul depan

TA Tahun Ajaran Sampul depan

NIS Nomor Induk Siswa Sampul depan

NISN Nomor Induk Siswa Nasional Sampul depan

ST Sarjana Teknik ii

S.Pd Sarjana Pendidikan ii

13
 DAFTAR LAMPIRAN

LAMPIRAN 1. Sitemap (Front-End) ....................................................................40

LAMPIRAN 2. Sitemap (Back-End) .....................................................................40
LAMPIRAN 3. Flowchart Back End .....................................................................41
LAMPIRAN 4. Flowchart Front End....................................................................42
LAMPIRAN 5. DFD (Data Flow Diagram) .........................................................43
LAMPIRAN 6. Use Case ......................................................................................44
LAMPIRAN 7. Activity Diagram ..........................................................................45
LAMPIRAN 8. Script ...........................................................................................46

14
 BAB I

PENDAHULUAN
1.1 Latar Belakang
Kemajuan teknologi komputer dalam segala bidang ilmu pengetahuan di
kehidupan sehari –hari memang memilih yang cukup besar, komputer biasanya
digunakan untuk menyajikan suatu informasi, yang dapat dilihat kapanpun dan
dimanapun berada.
Situs ini hadir untuk memberikan pinjaman online barang atau tunai kepada masyarakat.

1.2 Tujuan Dan Manfaat Pembuatan Project Work

1.2.1 Tujuan Pembuatan Project Work
Adapun tujuan dari pembuatan Website Tentang Pinjaman Online adalah sebagai
berikut:

1. Sebagai salah satu syarat mengikuti PRAKERIN dan UJIKOM Tahun Ajaran
2019/2020.

2. Melatih siswa/i untuk bertanggung jawab dalam membuat Project secara Individu.

3. Bertujuan agar masyarakat khusunya siswa/i Smk Adi Sanggoro lebih mudah untuk
mencari informasi tentang pinjaman online.

1.2.2 Manfaat Project Work

Manfaat yang dapat diperoleh dari hasil pembuatan Projeck Work adalah :

1. Mengetahui sejauh mana kemampuan yang dimiliki oleh siswa/i

2. Belajar bertanggung jawab dalam menghadapi sebuauh Project
3. Memberikan informasi kepada Masyarakat Indonesia agar mudah untuk
mengetahui tentang pinjaman online.

15
 16

1.3 Metode dan Teknik Penulisan Laporan

Dalam penulisan laporan ini Penulis menggunakan metode dan beberapa teknik
Penulis agar memudahkan dalam pengumpulan data, sehingga susunan Penulis
dapat menyelesaikan laporan dengan aturan yang sudah ditetapkan. Adapun metode
dan teknik yang digunakan dalam penyusunan laporan antara lain sebagai berikut :

1.3.1 Metode Penulisan Laporan

Dalam penulisan laporan ini penulis menggunakan metode pengumpulan data
dan memparkan permasalahan secara terperinci sesuai dengan data yang
diinginkan dan fakta yang ada.
1.3.2 Teknik Penulisan Laporan
Teknik penulisan Laporan yang digunakan yakni sebagi berikut Study Pustaka,

Yaitu mengumpulkan data yang dilakukan dengan cara melakukan pengambilan

data yang didapatkan dari arsip atau catatan yang telah ada sebelumnya, juga
objek lainnya seperti BUKU PANDUAN PENULISAN LAPORAN PROJECT
WORK, internet, dan Sumber rujukan lainnya.
 BAB II

TINJAUAN PUSTAKA

2.1 Website
Website dapat diartikan suatu kumpulan-kumpulan halaman yang
menampilkan berbagai macam informasi teks, data, gambar diam ataupun bergerak,
data animasi, suara, video maupun gabungan dari semuanya, baik itu yang bersifat
statis maupun yang dinamis, yang dimana membentuk satu rangkaian bangunan
yang saling berkaitan dimana masing-masing dihubungkan dengan jaringan
halaman atau hyperlink. Atau definisi website adalah kumpulan dari berbagai macam
halaman situs, yang terangkum didalam sebuah domain atau juga subdomain, yang lebih
tempatnya berada di dalam WWW (World Wide Web) yang tentunya terdapat di dalam
Internet. Halaman website biasanya berupa dokumen yang ditulis dalam format Hyper Text
Markup Language (HTML), yang bisa diakses melalui HTTP, HTTP adalah suatu protokol
yang menyampaikan berbagai informasi dari server website untuk ditampilkan kepada para
user atau pemakai melalui web browser.

2.2 Database
Database merupakan sekumpulan informasi yang saling berkaitan pada
suatu subjek tertentu pada tujuan tertentu.

Database juga dapat diartikan sebagai susunan record data operasional lengkap
dari suatu organisasi atau perusahaan, yang diorganisir dan disimpan secara
terintegrasi dengan menggunakan metode tertentu dalam komputer sehingga
mampu memenuhi informasi yang optimal yang dibutuhkan oleh para pengguna.
Banyak sekali kegiatan manusia yang menggunakan komputer sebagai sarana
pengolahan data, sehingga diperlukan suatu perangkat lunak database.

tentang batasan suatu database, maka dapat disebutkan bahwa segala bentuk
koleksi data adalah suatu database. Mulai dari kelompok data pegawai, sampai
dengan kelompok file, merupakan database.

15
 15

2.3 Flowchart
Flowchart merupakan representasi gambar atau simbol dari sebuah proses,
dimana setiap proses digambarkan dengan simbol yang berbeda dan mempunyai
arti pada setiap langkah prosesnya. Alur simbol flowchart dihubungkan dengan
tanda panah yang menunjukkan arah alurnya. Simbol-Simbol Flowchart, seperti
yang ditunjukan pada Tabel 1.

Tabel 1.Simbol-Simbol Flowchart

Simbol Keterangan
Terminator Sebuah bentuk lingkaran yang
menandakan mulai atau selesainya
proses.

Process Bentuk persegi panjang yang

menandakan alur sebuah proses.

Decision Bentuk yang menandakan

percabangan pada alur proses. Dan
berupa pilihan keputusan atau aksi.

Input/Output Sebuah jajar genjang yang

menandakan untuk data input atau
output (I/O) untuk prosesnya.
 16

2.4 Data Flow Diagram

Data Flow Diagram (DFD) merupakan suatu cara atau metode untuk
membuat rancangan sebuah sistem yang mana berorientasi pada alur data yang
bergerak pada sebuah sistem nantinya. Dalam pembuatan Sistem Informasi, DFD
sering digunakan. DFD dibuat oleh para analis untuk membuat sebuah sistem yang
baik. Dimana DFD ini nantinya diberikan kepada para Programmer untuk
melakukan proses coding. Dimana para programmer melakukan sebuah coding
sesuai dengan DFD yang dibuat oleh para analis sebelumnya. Tools yang digunakan
pada pembuatan DFD (Data Flow Diagram) yaitu Easy Case, Power Designer 6.
Salah satu cara lain untuk mendesain sistem yaitu menggunakan UML (Unified
Manual Language). Simbol-Simbol Data Flow Diagram (DFD), seperti yang
ditunjukan pada Tabel 2.

Tabel 2. Simbol-Simbol Data Flow Diagram (DFD)

Simbol Keterangan
Proses Transformasi :

Proses yang mengubah data dari input

menjadi output.

Sumber dan Tujuan Data :

User yang mengirim data ke dan menerima

data dari system.

Arus Data :

Arus data yang masuk ke dalam dan keluar

dari sebuah proses.
Penyimpanan Data
 17

2.5 Web Browser

Web Browser adalah suatu program atau software yang digunakan untuk
menjelajahi internet atau untuk mencari informasi dari suatu web yang tersimpan
didalam komputer. Awalnya, web browser berorientasi pada teks dan belum dapat
menampilkan gambar. Namun, web browser sekarang tidak hanya menampilkan
gambar dan teks saja, tetapi juga memutar file multimedia seperti video dan suara.
Web browser juga dapat mengirim dan menerima email, mengelola HTML,
sebagai input dan menjadikan halaman web sebagai hasil output yang informative.

2.6 XAMPP
XAMPP adalah perangkat lunak (free software) bebas, yang mendukung
untuk banyak sistem operasi, yang merupakan kompilasi dari beberapa program.
Fungsi XAMPP sendiri adalah sebagai server yang berdiri sendiri (localhost), yang
terdiri beberapa program antara lain : Apache HTTP Server, MySQL database, dan
penerjemah bahasa yang ditulis dengan bahasa pemrograman PHP dan Perl. Nama
XAMPP sendiri merupakan singkatan dari X (empat sistem operasi apapun),
Apache, MySQL, PHP dan Perl. Program ini tersedia dalam GNU General Public
License dan bebas, merupakan web server yang mudah untuk digunakan yang dapat
menampilkan halaman web yang dinamis. Untuk mendapatkanya XAMPP anda
dapat men-download langsung dari web resminya.
 18

2.7 MySQL
MySQL adalah sebuah perangkat lunak sistem manajemen basis data SQL
(database management system) atau DBMS yang multithread, multi-user,dengan
sekitar 6 juta instalasi di seluruh dunia. MySQL AB membuat MySQL tersedia
sebagai perangkat lunak gratis dibawah lisensi GNU General Public License (GPL),
tetapi mereka juga menjual dibawah lisensi komersial untuk kasus-kasus dimana
penggunaannya tidak cocok dengan penggunaan GPL.

MySQL sebenarnya merupakan turunan salah satu konsep utama dalam database
sejak lama, yaitu SQL (Structured Query Language). SQL adalah sebuah konsep
pengoperasian database, terutama untuk pemilihan atau seleksi dan pemasukan
data, yang memungkinkan pengoperasian data dikerjakan dengan mudah secara
otomastis.

2.8 SUBLIME TEXT 3

Sublime Text adalah Aplikasi Editor untuk kode dan teks yang dapat
berjalan diberbagai Platform Operating System dengan menggunakanteknologi
Phyton API. Sublime Text bukanlah Aplikasi Open Source dan juga Aplikasi yang
dapat digunakan dan didapatkan secara gratis, akan tetapi beberapa fitur
pengembangan fungsionalitas (Packages) dari Aplikasi ini merupakan hasil dari
temuan dan mendapat dukungan penuh dari komunitas serta memiliki lisensi
Aplikasi gratis.

2.9 HTML
HTML adalah singkatan dari Hyper Text Markup Language yaitu bahasa
pemrograman standar yang digunakan untuk membuat sebuah halaman Web, yang
kemudian dapat diakses untuk menampilkan berbagai informasi di dalam sebuah
penjelajah Web Internet (Browser).
 19

2.11 Bootstrap
Bootstrap merupakan sebuah library framework CSS yang telah dibuat
khusus uintuk mengembangkan front end sebuah website. Bootstrap juga dikenal
sebagai salah satu framework CSS, HTML, Javascript yang begitu populer di
kalangan website developer atau pengembang website. Apa itu bootstrap dan
fungsinya? yang pasti bootstrap digunakan untuk mengembangkan website agar
lebih responsive.

2.12 Java Script

Javascript merupakan salah satu bahasa pemrograman web yang bisa
membuat halaman website anda lebih menarik serta lebih hidup. Bahasa
pemrograman javascript itu dijalankan di perangkat pengunjung website atau situs,
bukan di server jadi berbeda dengan PHP.

Javascript juga dikatakan berbeda dari HTML dan CSS. HTML itu fungsinya untuk
mengatur tampilan konten dan CSS mengelola layoutnya jadi ketiganya sangatlah
berbeda

2.13 Ms.Office
Microsoft Office adalah adalah Software atau perangkat lunak yang berisi
paket Aplikasi perkantoran, program Microsoft Office ini dibuat oleh perusahaan
yang sangat terkenal yaitu Microsoft, Program Microsoft Office ini dirancang untuk
berjalan dibawah sistem operasi Windows dan Mac Os X.

Paket Apliaksi yang terdapat dalam Program Microsoft office antara lain yaitu

Microsoft Word, Microsoft Ecxel, Microsoft Power Point, Microsoft Visio,

Mictosoft Access, Microsoft Outlook, Microsoft Publisher, Microsoft info Path.
 20

2.14 Use Case

Merupakan sebuah teknik yang digunakan dalam pengembangan sebuah
Software atau sistem informasi untuk menangkap kebutuhan fungsional dari sistem
yang bersangkutan, Use Case menjelaskan interaksi yang terjadi antara ‘ Aktor ‘-
inisiator dari interaksi sistem itu sendiri dengan sistem yang ada, sebuah Use Case

Tabel 3. Simbol-Simbol Use Case

 21

2.15 Diagram Activity

Adalah pemodelan yang dilakukan pada suatu sistem dan menggambarkan
aktivitas sistem berjalan. Activity diagram di gunakan sebagai penjelelasan
aktivitas program tanpa melihat koding atau tampilan. Simbol-Simbol Diagram
Activity, seperti yang ditunjukkan pada Tabel 4.

Tabel 4. Simbol-Simbol Diagram Activity

Simbol Keterangan

Status awal Status awal aktivitas sistem, sebuah

diagram aktivitas memiliki sebuah status
awal

Aktivitas Activitas yang

dilakukan
sistem,adktivitas biasanya
diawali
dengan kata kerja.

Percabangan/Decision Asosiasi percabangan dimana jika ada

pilihan aktivitas lebih dari satu

Status akhir yang dilakukan sistem,

sebuah diagram aktivitas memiliki
sebuah status akhir
 22

2.16 Class Diagram

Adalah visual dari struktur sistem program pada kelompok-kelompok yang
di bentuk. Class diagram merupakan alur jalannya database pada system.
SimbolSimbol Diagram Class. seperti yang ditunjukkan pada Tabel 5.

Tabel 5. Simbol-Simbol Class Diagram

Simbol Keterangan

Kelas pada struktur sistem

Swimlane memisahkan organisasi bisnis yang

bertanggung jawab terhadap aktivitas yang
terjadi
 BAB III

HASIL DAN PEMBAHASAN

3.1 Hasil Pembuatan Project Work

Hasil dari kegiatan Project Work di SMK Adi Sanggoro selama 1 bulan
adalah sebagai berikut : yaitu membuat “Website Tentang Pinjaman Online”.
Berikut adalah Tampilan Halaman User (Front-end) dan Tampilan Halaman
Admin(Back-end), Seperti yang di tunjukan pada Gambar1 dan Gambar2

Gambar 1. Tampilan Halaman Utama User (Front-end)

22
 23

Gambar 2. Tampilan Halaman Utama Admin (Backt-end)

3.2 Pembahasan
Website informasi kuliner Padang di buat untuk mempermudah masyarakat
khususnya Siswa/i SMK ADI SANGGORO dalam mencari informasi tentang
kuliner Padang.

3.2.1 Informasi Software yang digunakan

Website informasi kuliner Padang dibuat dengan menggunakan beberapa
software, berikut merupakan daftar dari software tersebut :

Daftar Software yang digunakan, seperti yang ditunjukan pada Tabel 6.

Tabel 6. Daftar Software Yang Digunakan.

No Software Spesifikasi
1 Google Chrome / Mozilla Firefox Browser
2 Sublime Text 3 Code Editor
3 Visio 2013 Diagram
4 XAMPP Web server
5 MySQL DBMS
6 Microsoft Office 2013 Text Editor
 24

3.2.1 Informasi Hardware yang digunakan

Website informasi kuliner Padang dibuat dengan menggunakan
beberapa Hardware, berikut merupakan daftar dari Hardware tersebut :

Daftar Hardware yang digunakan, seperti yang ditunjukan pada Tabel 7.

Tabel 7. Daftar Hardware Yang Digunakan.

No. Hardware Spesifikasi

1 Laptop Media Informasi
2 CD RW Penyimpanan Data
3 Flash Disk Penyimpanan Data sementara
4 Printer Mencetak

3.2.3 Waktu Pelaksanaan Pembuatan Project Work

Waktu pelaksanaan Project Work selama 1 bulan, dengan mengikuti jadwal
yang sudah di tentukan oleh Kepala Program Rekayasa Perangkat Lunak, seperti
yang di tunjukan pada Tabel 8.

Tabel 8. Jadwal Pembuatan Project Work.

No Hari Keterangan
1. Weekend Waktu kosong

3.2.3 Langkah-langkah Pembuatan Aplikasi Project Work

Langkah awal yang dilakukan Penulis dalam Pembuatan “Website informasi
kuliner Padang Yaitu dengan membuat rancangan database pada MySQL, dengan
nama database “db_pinjaman_online”.

Berikut ini merupakan rancangan-rancangan table pada database tersebut :

Rancangan Tabel Admin, Tabel kuliner, Tabel Minuman, Tabel Galeri. Seperti yang
ditunjukan pada Tabel 9, Tabel 10, Tabel 11, Tabel 12.
 25

Tabel 9. Rancangan Tabel admin.

Field Type Value

id_admin Int 3
nama_lengkap Varchar 50
username Varchar 50
pasword Varchar 50

Tabel 10. Rancangan Tabel pinjaman.

Field Type Value

id_pinjaman Int 11
nama_pinjaman Varchar 50
keterangan_pinjaman Text 100
gambar_pinjaman Varcahr 50
Id_admin Int 11

Tabel 11. Rancangan Tabel tentang.

Field Type Value

id_tentang Int 11
nama_tentang Varchar 50
keterangan_tentang Text 100
 26

Tabel 12. Rancangan Tabel user

Field Type Value

id_user Int 11
Nama_user Varchar 50
username Varchar 50
password Varchar 50

3.2.5 Langkah – langkah Pembuatan Installer

a. Klik kanan pada file “Website informasi kuliner Padang” lalu klik add to
archive untuk membuat Installer, seperti yang ditunjukan pada Gambar
3.

Gambar 3.
 27

b. Selanjutnya akan muncul Archive name and parameters lalu pilih archve
format RAR lalu checklist create SFX archive. Archive Name And
Parameters, seperti yang ditunjukan pada Gambar 4.

Gambar 4.

c. Selanjutnya tingal menunggu proses membuat archive selesi, seperti yang

di tunjukan pada Gambar 5.
 28

Gambar 5

d. Maka setelah proses selesai akan muncul file.exe yang sudah tadi di
archive, seperti yang ditunjukan pada Gambar 6.

Gambar 6.

e. Setelah membuat instalernya,lalu extract file tadi ke server local dengan

cara sebagai berikut;
a. Pertama klik kanan di file.exe yang akan di extract, kemudian
pilih extract files yang ditunjukan pada Gambar 7.
 29

Gambar7.
b. Setelah itu akan muncul tampilan menu extract seperti yang
ditunjukan pada Gambar 8.

Gambar8.

c. Selanjutnya pilih folder server local untuk mengektraknya ke

folder local dan klik OK
d. Lalu, tunggu hingga proses mengekstrak selesai.
e. Maka file yang sudah diekstrak tadi akan mucul di server local
 30

3.2.6 Hasil Project Work

Pada Website Informasi Kuliner Padang ini terdapat 2 bagian, yaitu bagian
front-end dan bagian back-end yang terdapat menu-menu antara lain :
Menu-menu pada bagian front-end

1. Home
2.Tentang
3. Pinjaman
4. User
 31

1. HOME

Gambar 9. Menu Home

2. TENTANG

Gambar 10. Menu tentang

 32

3. PINJAMAN

Gambar 11. Menu pinjaman

4. USER
 33

Gambar 12. Menu user

Menu-menu pada bagian Back-end yaitu :

1. Menu
2. Tentang
3. Pinjaman
4. User
Tampilan Menu Front-end,bisa dilihat pada Gambar.

1. MENU

Gambar 13. Menu Back-end

 34

2. TENTANG

Gambar 14. Menu tentang

3. PINJAMAN

Gambar 15. Menu pinjaman

 35

4. USER

Gambar 16. Menu user

 BAB IV

KESIMPULAN DAN SARAN

4.1 Kesimpulan
Setelah melakukan kegiatan Project Work, selama 1 bulan yang terhitung dari sampai
dengan Penulis menyimpulkan bahwa Website Tentang Pinjaman online merupakan
website yang memudahkan untuk siswa/i untuk mecari informas. Dimana diharapkan
dapat mempermudah masyarakat khususnya siswa/i dalam mencari informasi kuliner
darah padang.

4.2 Saran
Berdasarkan pengamatan Penulis selama melakukan tugas Project Work, Penulis
memberikan saran untuk Pembimbing. Adapun saran ini disampaikan agar dapat menjadi
suatu pertimbangan demi kelangsungan Project Work ditahun depan agar menjadi lebih
baik. Adapun saran yang diberikan Penulis adalah sebagai berikut :

Lebih sering diadakannya sosialisasi Project Work, jika memungkinkan diadakan

setiap 1 minggu sekali agar lebih paham teknis Project Work yang akan berlangsung dan
para siswa bisa mengingat betul jika Project Work akan semakin dekat .

36
 DAFTAR PUSTAKA

[1] PhpMyAdmin Diambil dari : https://id.wikipedia.org/wiki/PhpMyAdmin

[2] Sublime Text 3 Diambil dari :

https://nabilahkarmeila.wordpress.com/2015/01/15/tutorial-dasar-menggunakan-
sublime-text-
3/#:~:text=Sublime%20Text%203%20adalah%20sebuah,yang%20ada%20pada%
20aplikasi%20ini.

[3] Microsoft Word Diambil dari : https://www.advernesia.com/blog/microsoft-

word/pengertian-microsoft-word-dan-fungsinya/

[4] Flowchart Diambil dari : https://informatikalogi.com/pengertian-flowchart-dan-

jenis-
jenisnya/#:~:text=Flowchart%20adalah%20adalah%20suatu%20bagan,proses%2
0lainnya%20dalam%20suatu%20program.

[5] Data Flow Diagram Diambil dari :

https://saraholiviameily.wordpress.com/2016/10/01/definisi-dfd-data-flow-
diagram/

[6] Use case Diambil dari : https://socs.binus.ac.id/2019/11/26/uml-diagram-use-

case-
diagram/#:~:text=Use%20case%20diagram%20merupakan%20diagram,dengan%
20sistem%20yang%20akan%20dibuat.

[7] Activity Diagram Diambil dari : https://socs.binus.ac.id/2019/11/22/uml-diagram-

activity-
diagram/#:~:text=Activity%20Diagram%20merupakan%20rancangan%20aliran,s
ebuah%20sistem%20yang%20akan%20dijalankan.

[8] Website Diambil dari : https://idwebhost.com/blog/pengertian-website-secara-

lengkap/

[9] XAMPP Diambil dari : https://id.wikipedia.org/wiki/XAMPP

[10] MySQL Diambil dari : https://id.wikipedia.org/wiki/MySQL

[11] Apache Diambil dari : https://id.wikipedia.org/wiki/Apache_HTTP_Server

[12] PHP Diambil dari : https://id.wikipedia.org/wiki/PHP

37
[13] HTML Diambil dari : https://id.wikipedia.org/wiki/HTML

[14] CSS Diambil dari : https://id.wikipedia.org/wiki/Cascading_Style_Sheets

[15] Web Browser Diambil dari : https://id.wikipedia.org/wiki/Penjelajah_web

[16] Sitemap Diambil dari : https://id.wikipedia.org/wiki/Sitemaps

[17] JavaScript Diambil dari : https://id.wikipedia.org/wiki/JavaScript

[18] Database Diambil dari : https://id.wikipedia.org/wiki/Pangkalan_data

38
 DAFTAR RIWAYAT HIDUP
A.Biodata siswa
NIS / NISN : 10192116 / 0035094521

Nama Lengkap : MUHAMAD SIDIK ABDULAH

Tempat & Tanggal Lahir : Bogor, ....................................

Alamat Lengkap : ...............................................

Agama : Islam

Jenis Kelamin : Laki-Laki

No. Telepon/HP : ..............................................

Email : ............................................

B. Riwayat pendidikan formal & Non-formal

TK ......................................................

SDN ...................................................

SMP ....................................................

Sedang menempuh pendidikan di SMK Adi Sanggoro.

Foto Bogor, 24 Juni 2021

3x4

MUHAMAD SIDIK ABDULAH

39
 LAMPIRAN-LAMPIRAN

Lampiran 1. Sitemap (Front-End)

Lampiran 2. Sitemap (Back-End)

40
Lampiran 3. Flowchart Back End

41
Lampiran 4. Flowchart Front End

42
Lampiran 5. Data Flow Diagram (DFD)

43
Lampiran 6. Use Case

44
Lampiran 7. Activity Diagram

45
Lampiran 8. Script

Indeks.php </head>
<!-- body -->
<?php include 'koneksi.php'; ?> <body class="main-layout
<!DOCTYPE html> home_page">
<html lang="en"> <!-- loader -->
<head> <div class="loader_bg">
<!-- basic --> <div class="loader"><img
<meta charset="utf-8"> src="images/loading.gif" alt="#"
<meta http-equiv="X-UA- /></div>
Compatible" content="IE=edge"> </div>
<!-- mobile metas --> <!-- end loader -->
<meta name="viewport" <!-- header -->
content="width=device-width, initial- <?php
scale=1"> include 'menu.php';
<meta name="viewport" ?>
content="initial-scale=1, maximum- <!-- end header -->
scale=1"> <section class="slider_section">
<!-- site metas --> <div id="myCarousel"
<title>Cekaja.com</title> class="carousel slide banner-main" data-
<meta name="keywords" ride="carousel">
content=""> <div class="carousel-inner">
<meta name="description" <div class="carousel-item
content=""> active">
<meta name="author" content=""> <img class="first-slide"
<!-- bootstrap css --> src="images/bg2.jpg" width="100%"
<link rel="stylesheet" alt="First slide">
href="css/bootstrap.min.css"> <div class="container">
<!-- style css --> <div class="page-title text-
<link rel="stylesheet" center">
href="css/style.css"> </div>
<!-- Responsive--> <div class="space-
<link rel="stylesheet" 30"></div>
href="css/responsive.css"> <center>
<!-- fevicon --> <h1
<link rel="icon" class="title">Tentang</h1>
href="images/fevicon.png" <?php
type="image/gif" /> $ambil=$conn-
<!-- Scrollbar Custom CSS --> >query('SELECT * FROM tb_tentang');
<link rel="stylesheet" while ($a=$ambil-
href="css/jquery.mCustomScrollbar.min >fetch_assoc()) {
.css"> ?>
<!-- Tweaks for older IEs--> <div class="space-
<!--[if lt IE 9]> 30"></div>
<script <h3 class="dark-
src="https://oss.maxcdn.com/html5shiv/ color"><?php echo $a['nama_tentang']
3.7.3/html5shiv.min.js"></script> ?></h3>
<script <div class="space-
src="https://oss.maxcdn.com/respond/1. 20"></div>
4.2/respond.min.js"></script><![endif]--
>

46
 <p class="dark-color ?>
text-justify"><?php echo </div>
$a['keterangan_tentang'] ?></p> </div>
<?php } ?> </div>
</center> </div>
</div>
</div> </div>
</div> </div>
<!-- end about -->
</div>
</section> <!-- footer -->
<!-- about --> <footer>
<div class="about" id="about"> <div class="copyright">
<div class="container"> <div class="container">
<div class="row"> <p>Copyright 2021 |
<div class="col-md-10 offset- Cekaja.com</p>
md-1"> </div>
<div class="aboutheading"> </div>
<div class="container-fluid"> </footer>
<?php <!-- end footer -->
if(isset($_GET['p'])){ <!-- Javascript files-->
<script
if($_GET['p']=="pinjaman"){ src="js/jquery.min.js"></script>
include <script
'pinjaman.php'; src="js/popper.min.js"></script>
}elseif <script
($_GET['p']=='tambahpinjaman') { src="js/bootstrap.bundle.min.js"></scrip
include t>
'tambahpinjaman.php'; <script src="js/jquery-
}elseif 3.0.0.min.js"></script>
($_GET['p']=='user') { <script src="js/plugin.js"></script>
include 'user.php'; <!-- sidebar -->
}elseif <script
($_GET['p']=='tambahuser') { src="js/jquery.mCustomScrollbar.concat
include .min.js"></script>
'tambahuser.php'; <script src="js/custom.js"></script>
} </body>
} </html>

47