Oleh :
Yoga Muhammad Surur (1906121)
Mohammad Dimas Maulana Nugraha (1906105)
Oleh :
Yoga Muhammad Surur (1906121)
Mohammad Dimas Maulana Nugraha (1906105)
Disusun oleh:
Yoga Muhammad Surur (1906121)
Mohammad Dimas Maulana Nugraha (1906105)
Disetujui oleh:
Mengetahui
Ketua Jurusan Ketua Program Studi
Ilmu Komputer Teknik Informatika,
i
KATA PENGANTAR
Puji syukur kehadirat Allah Yang Maha Kuasa atas segala limpahan rahmat,
taufik dan hidayah-Nya sehingga penulis dapat menyeleseaikan penyusunan
proposal ini dalam bentuk maupun isinya yang jauh dari kata sempurna. Semoga
proposal ini dapat dipergunakna sebagai salah satu acuan, petuntuk, maupun
pedoman, bagi pembaca dalam dalam dunia Teknologi.
Dalam penulisan proposal ini penulis merasa masih banyak kekurangan
baik pada teknis penulisan maupun materi, mengingat kemampuan yang dimiliki
penulis. Untuk itu kritik dan saran dari semua pihak sangat penulis harapkan demi
penyempurnaan makalah ini.
Dalam penulisan proposal in penulis menyampaikan ucapan terima kasih
yang tak terhingga kepada pihak – pihak yang membantu dalam menyelesaikan
proposal ini.
Akhirnya penulis berharap semoga Allah memberikan imbalan yang
setimpal pada mereka yang memberikan bantuan dan dapat menjadikan semua
bantuan ini sebagai ibadah, Amiin Ya Robbal’Alamin.
Penyusun
ii
DAFTAR ISI
ABSTRAK ............................................................................................................... i
KATA PENGANTAR ............................................................................................ ii
DAFTAR ISI .......................................................................................................... iii
DAFTAR GAMBAR ...............................................................................................v
DAFTAR TABEL ................................................................................................. vii
1. PENDAHULUAN ...............................................................................................1
1.1. Latar Belakang ......................................................................................... 1
1.2. Tujuan Pekerjaan ...................................................................................... 2
1.3. Ruang Lingkup Pekerjaan ........................................................................ 2
1.4. Tempat dan Waktu Kerja ......................................................................... 3
1.5. Sistematika Penulisan ............................................................................... 3
2.LANDASAN TEORI ............................................................................................4
2.1. Rancang Bangun ....................................................................................... 4
2.2. Sistem Informasi Manajemen ................................................................... 4
2.3. Surat.......................................................................................................... 4
2.4. KJSB Ridwan dan Rekan ......................................................................... 4
2.5. Rapid Aplication Development(RAD) ..................................................... 4
2.6. Flowmap ................................................................................................... 6
2.7. Entity Relation Diagram ........................................................................... 7
2.8. Data Flow Diagram .................................................................................. 8
2.9. Edraw Max ............................................................................................... 9
2.10. Mockflow Wireframe Pro ...................................................................... 10
2.11. Java ......................................................................................................... 10
2.12. Visual Studio Code ................................................................................. 10
2.13. XAMP .................................................................................................... 11
2.14. Database ................................................................................................. 11
3.METODOLOGI PEKERJAAN ..........................................................................14
3.1. WBS (Work Breakdown Structure) ....................................................... 14
3.2. Diagram Alur .......................................................................................... 16
3.3. Sumber Daya Penelitian ......................................................................... 16
iii
4.HASIL DAN PEMBAHASAN ...........................................................................18
4.1. Hasil Pekerjaan ....................................................................................... 18
4.1.1. Pemodelan Bisnis ............................................................................ 18
iv
DAFTAR GAMBAR
gambar 2. 1 Tahapan RAD .......................................................................... 5
v
gambar 4. 15 Halaman Users Table .......................................................... 29
vi
DAFTAR TABEL
Tabel 2. 1 simbol flowmap .............................................................. 6
Tabel 2. 2 Simbol ERD ................................................................... 7
Tabel 2. 3 DFD ................................................................................ 8
Tabel 3. 1 Sumber Daya Penelitian ................................................ 17
Tabel 4. 1 Kamus Data ................................................................... 21
Tabel 4. 2 Black Box ...................................................................... 33
vii
DAFTAR LAMPIRAN
viii
1. PENDAHULUAN
Pada perancangan kali ini penulis telah mendapakan beberapa referensi yang
mana penelitan – penelitian tersebut sangat berkaiatan dengan penelitian ini
diantaranya 1. “Pengembangan System Informasi Prejalanan Dinas (SPPD) DI
Balai Produksi Dan Pengujian Roket Pameungpeuk Menggunakan Netbeans”.
Tujuan dari penelitian ini adalah mempermudah pengguna dalam membuat (SPPD)
penelitian ini juga menggunakan metodelogi waterfall. (Nurbayan & Deddy,
1
2015) 2. “Rancang Bangun Sistem Informasi Manajemen Disposisi Surat
Menyurat Dengan Menggunakan Model RAD (Rapid Aplication Development)”
penelitian ini menggunakan metode RAD yang mana RAD bekerja untuk
menggunakna kembali komponen program yang telah ada atau membuat ulang
komponen yang dapat digunakan kembali; (Elyana, Kholil, & Schaduw, 2019) 3.
“Rancang Bangun Sistem Informasi Manajemen Persuratan Dinas Pendidikan
Banyuwangi”. penelitian ini dirancang menggunakan Bahasa pemrogaraman PHP
yang diterapkan pada framework codeigniter dan untuk basis data menggunakan
MySQL. (Putra, Santoso, & Adam) 4. “Racang Bangun Sistem Informasi
Manajemen Surat”. peneliatian ini betujuan untuk membuat suatau sistem
adminstrasi manajemen surat sehingga dapat membantu pegawai tata usaha untk
lebih mudah dan cepat dalam berkerja terutama dalam hal penanganan masalah
adminsitrasi surat. 5. “Sistem Informasi Pengelolaan Izin Kerja Lapangan Untuk
Sekolah Menengah Kejuruan Secara Online Di STT Garut”. Tujuan dari
penelitian ini membangun system informasi pendaftran praktek kerja lapangan
untuk mempermudah peoses pendaftaran bagi siswa /I yang akan melakukan
praktek lapangan di STTGarut. (Nurjanah & Kurniadi, 2017)
2
3. Menghidupkan hasil perangcangan sehingga bias di simulasikan dengan
benar di lakukan oleh tim pengembang.
4. Pengujian aplikasi yang akan di lakukan oleh semua anggota kelompok.
3
2. LANDASAN TEORI
2.3. Surat
Surat adalah sehelai kertas atau lebih yang memuat suatu bahan
komunikasi yang disampaikan oleh seseorang kepada orang lain baik atas
nama pribadi maupun kedutaan dalam organisasi kantor. (Panji, 1984)
4
lebih cepat. Model RAD dapat dibagi menjadi beberapa tim untuk
mengerjakan masing-masing komponen yang dikerjakan secara paralel.
Menurut (Roger S. Pressman, 1995) RAD memiliki beberapa tahapan,
antara lain.
1. Business Modeling, yaitu pemodelan bisnis untuk pengembangan sistem serta
analisis bisnis yang komplit juga faktor yang mempengaruhi aliran informatif.
2. Data Modeling, merupakan pemodelan informasi yang didapat dari tahap
busines modeling, dimana hasil dari pemodelan tersebut dikonversikan
menjadi objek-objek data vital berikut relasi yang terjadi di dalamnya.
3. Process Modeling, yaitu pemodelan proses dari setiap objek data yang
dihasilkan dari data modeling serta deskripsi proses operasi yang terjadi di
dalamnya yang diperlukan oleh setiap objek data tersebut.
4. Application Generation, adalah tahapan implementasi rancangan yang telah
dibuat pada tahap-tahap sebelumnya ke dalam bahasa pemrograman, dimana
protipe yang dibuat dalam proses ini dapat dijadikan produk akhir dari
pengembangan sistem.
5. Testing and Turnover, merupakan tahap pengujian prototype yang didapat
pada tahap-tahap sebelumnya, sehingga tahapan sebelumnya harus teruji
secara detail untuk mengurangi resiko kesalahan.
5
2.6. Flowmap
Flowmap merupakan bagan-bagan yang memiliki alur untuk
menggambarkan tahap-tahap penyelesaian suatu masalah. Flowmap merupakan
cara penyajian dari suatu algoritma (Al-Bahra Bin Ladjamudin, 2013).
Menurut (Al-Bahra Bin Ladjamudin, 2013) terdapat dua jenis flowmap untuk
menggambarkan proses dengan komputer, yaitu:
a. System Flow map adalah bagan yang memperlihatkan urutan dalam sebuah
sistem dengan menggambarkan alat media input, output serta jenis media
penyimpanan untuk melakukan pemrosesan data.
b. Program Flow map adalah bagan yang menggambarkan rentatan intruksi yang
diimplementasikan dengan simbol tertentu untuk memecahkan suatu masalah.
Tabel 2. 1 simbol flowmap
Symbol Nama symbol Penjelasan
6
Manual storage Untuk penyimpanan manual
7
kolom tersebut dapat bersifat
unik (berbeda tanpa ada yang
sama)
Field atau kolom data yang
Atribut butuh disimpan dalam suatu
nama_atribut multinilai / entitas yang dapat memiliki
t multivalue nilai lebih dari satu
8
tabel-tabel basis data yang dibutuhkan,
tabel-tabel ini juga harus sesuai dengan
perancangan tabel-tabel pada basis data
(Entity Relationship Diagram (ERD),
Conceptual Data Model (CDM), Physical
Data Model (PDM)).
gambar 2. 2 Edrawmax
9
2.10. Mockflow Wireframe Pro
Adalah suatu alat terkenal untuk merancang cetak biru antarmuka
pengguna untuk situs web dan aplikasi. Aplikasi ini dilengkapai dengna
toko template bawaan untuk mengubah ide antarmuka pengguna.
gambar 2. 3 Mocflow
2.11. Java
Javaadalah kerangka kerja aplikasi web dengan sintak yang
ekspresif dan elegan.
gambar 2. 4 Java
2.12. Visual Studio Code
Visual Studio Code adalah kode editor yang ringan namun kuat yang
berjalan di dekstop dan tersedia untuk Windows, macOS, dan Linux.
Muncul dengan dukungan bawaan untuk JavaScript, TypeScript dan
Node.js dan memiliki ekosistem ekstensi yang kaya untuk bahasa dan
runtime lain (seperti C++, C#, Java, Python,PHP,Go,.NET).
10
gambar 2. 5 Visual Studio Code
2.13. XAMP
Adalah sebuah paket perangkat lunak (software) komputer yang sistem
penamaannya diambil dari akronim kata Apache, MySQL / MariaDB, PHP,
dan Perl.
gambar 2. 6 Xampp
2.14. Database
Menurut beberapa ahli data base adalah :
- ThomasConnolly dan Carolyn Begg
Dalam buku Database Systems Connolly dan Begg mendefinisikan
database sebagai kumpulan data yang telah terbagi dan terhubung
secara logika serta deskripsi dari data yang dirancang untuk memenuhi
keperluan informasi suatu organisasi. (Connolly & Begg, 2010)
- Adi Nugroho
Nugroho adi mendefinisakan database atau basis data adalah salah satu
bagian dari sistem informasi secara keseluruhan. (Adi, 2004)
- Edhy Sutanta
11
Edhy Sutanta menerangkan bahwa basis data dapat dipahami sebagai
kumpulan data yang tersambung (interrelated data) yang di simpan
dengan bersama-sama pada suatau media, tanpa mengatap satu dan
yang lainnya atau tidak memerlukan suatu kegandaan data (meskipun
ada maka kerangkapan data itu harus sekecil mungkin dan terkendali,
data diarsipkan dengan cara tertentu sehingga mudah untuk digunan
dan diperlihatkan lagi, data bisa digunakan satu atau bahkan lebih
program – program aplikasi secara optimal, data diarsipkan tanpa
ketergantungan dengan program yang akan dipakainya, data diarsipkan
sedemikian rupa sehingga proses penginputan, penambahan, dan
mengedit data bisa dikerjakan dengan sangat mudah dan terkendali.
(Sutanta, 2004).
2.15. MySQL
MySQL adalah sebuah perangkat lunak sistem manajemen basis
data SQL (Database Management system) atau DBMS yang multithread,
multi-user. (Solichin, 2010)
gambar 2. 7 MySQL
2.16. HTML
HTML (Hypertext Markup Language) merupakan salah satu
format yang digunakan dalam pembuatan dokumen (web page) dan
aplikasi yang berjalan di halaman web. Dokumen HTML merupakan
dokumen yang disajikan pada web browser.
12
gambar 2. 8 html
2.17. CSS
CSS (Cascading Style Sheet) adalah suatu bahasa stylesheet yang
digunakan untuk mengatur tampilan suatu website, baik tata letaknya, jenis
huruf, warna, dan semua yang berhubungan dengan tampilan. Pada
umumnya CSS digunakan untuk menformat halaman web yang ditulis
dengan HTML.
gambar 2. 9 CSS
13
3. METODOLOGI PEKERJAAN
Dalam pembangunan aplikasi manajemen surat ini menggunakan metodelogi
RAD (Rapid Application Development), yang mana metodelogi ini merupakan
salah satu aplikasi yang sering digunakan pada jaman sekarang. Metode ini juga
menekankan pada proses pembangunan aplikasi berdasarkan pembuatan prototype,
iterasi, feedback yang berulang – ulang.
14
memudahkan dalam menganalisis persyaratan data yang diperlukan
untuk mendukung proses bisnis.
3. Pemodelan Proses
Dalam tahapan ini ada aktivitas merancang flow diagram, yang
mana fungsi dari pembuatan dari flow diagram adalah untuk
mengelola alur kerja yang ada pada sebuah sistem dan proyek yang
sedang dikerjakan.
4. Perancangan Aplikasi
Tahapan perancangan aplikasi terdapat dua aktivitas yaitu
perancangan interface dan pengkodean. Perancangan interface
bertujuan untuk menggambarkan tampilan antarmuka yang akan dibuat
sedangkan pengkodean berfungsi untuk menjadikan interface dapat
ditransmisikan dan bisa melakukan komunikasi data.
5. Pengujian dan Turnover
Black box testing merupakan metode pengujian yang dipakai
pengembang dalam pembangunan aplikasi manajemen surat Kantor
Jasa Surveyor Berlisensi. Yang mana pengujian ini mempunyai
mekanisme untuk menentukan data yang dapat menguji perangkat
lunak secara lengkap serta memungkinkan untuk menemukan
kesalahan pada aplikasi yang dibangun.
15
3.2. Diagram Alur
Berikutnya dibuat diagram alur aktivitas yang telah dilengkapi dengan
keterangan waktu proses berjalannya pembangunan aplikasi, berikut
merupakan gambar aktivitas :
16
Tabel 3. 1 Sumber Daya Penelitian
No Aktivitas Manusia Perangkat
Yoga Muhammad
6 Pengkodean Xampp, Visual Studio
Surur, Mohammad
Dimas Maulana Code, Web Browser
Nugraha
Yoga Muhammad
7 Laptop
Pengujian Blackbox Surur, Mohammad
Dimas Maulana
Nugraha
17
4. HASIL DAN PEMBAHASAN
18
gambar 4. 1 Flowmap proses bisnis yang sedang berjalan
Keterangan flowmap proses bisnis :
1. Pengaju datang.
2. Pengaju melakukan pengajuan.
3. Sistem menyimpan surat.
4. Pengajuan telah berhasil.
5. Admin Mencek surat dan mencetak surat.
19
gambar 4. 2 Flowmap proses bisnis yang diajukan
Keterangan flowmap bisnis yang diajukan :
1. Pengaju login.
2. Pengaju melakukan pengajuan surat dengan mengunggah syarat – syarat
yang dibutuhkan.
3. Sistem menyimpan syarat – syarat.
4. Sistem telah mendaftarkan pengaju yang telah melakukan pengajuan.
5. Admin login.
6. Admin mencek daftar pengaju dan mencek syarat – syarat pengajuan.
7. Admin mencetak surat izin kerja.
20
Surat di Kantor Jasa Surveyor Berlisensi Ridwan dan Rekan. ERD yang
telah dibuat dabat dilihat pada gambar 4.3
21
4.1.3. Pemodelan Proses
Pada tahapan ini dibuat data flow diagram yang berlandaskan pada
ERD. Gambar 4.4 dan 4.5 merupakan DFD level 0 dan DFD level 1
a. Data Flow Diagram Level 0
Pada tahapan ini dibuat DFD (Data Flow Diagram) yang mana
pembuatannya berlandaskan pada ERD.
22
Keterangan gambar 4.5 DFD level 1 :
a. Pada bagian login hanya dapat dilakukan oleh admin. Proses ini
dimulai dengan memasukan username beserta password kemudian
sistem akan melakukan pengcekan terhadap data login untuk
memastikan akun tersebut terdaftar didalam sistem.
b. Admin bisa mengelola informasi dimulai dari mengelola daftar pengaju,
mengelola data persyaratan, pengelola data pegawai serta mengelola
cetak surat.
4.1.4. Pembentukan Aplikasi
Dalam tahapan ini dilakukan implementasi atau proses pembuatan
aplikasi dari hasil rancangan yang dapat dibaca dan dimengerti oleh komputer
dengan Bahasa pemrograman.
a. Perancangan Sturktur Menu admin
23
b. Perancangan Sturktur Menu Pengeju
24
4.1.5. Perancangan Antarmuka
Setelah dilakukannya perancangan struktur menu, selanjutnya
dilakukan perancangan Antarmuka.
2. Beranda
25
3. Tentang kami
4. Form Layanan
26
5. Proyek kami
27
2. Cetak Surat
28
Pada halaman ini ditujukan hanya kepada admin yang sudah terdaftar di
sistem yang dapat login.
b. Halaman Super Admin
29
d. Halaman Cetak Surat
30
b. Halaman Beranda
31
d. Halaman Proyek
32
4.1.7. Pengujian dan Turnover
Ini adalah tahap terakhir dari proses RAD. Pada tahap ini lebih fokus
pada masalah pengujian. Proses pengujian adalah proses mengeksekusi
aplikasi untuk menentukan apakah aplikasi perangkat lunak telah sesuai
dengan spesifikasi sistem dan berjalan sesuai dengan lingkungan yang
dibutuhkan.
33
Data data yang data dihapus dari
benar sesuai sistem
dengan data
yang benar
6 Mencetak Mencetak Memasukan Surat Sukses
Surat surat dengan data dan berhasil
benar mencetak dicetak
surat
34
5. KESIMPULAN DAN SARAN
5.1. Kesimpulan
Berdasarkan hasil dari selama melaksanakan kerja praktik dan Rancang
Bangun Sistem Informasi Manajemen Surat di Kantor Jasa Surveyor Berlisensi
Ridwan dan Rekan adalah sebagai berikut :
1. Kerja praktik yang dilakukan di KJSB menghasilkan Sistem Informasi
Manajemen Surat berbasis web.
2. Dengan adanya system yang telah di buat dapat mempermudah kinerja
pegawai dalam proses pembuatan surat.
3. Sistem yang dibuat akan menjadi salah satu jalan alternatif untuk
pendaftaran secara online tanpa harus mendatangi kantor.
5.2. Saran
Untuk pengembangan lebih lanjut maka penulis memberikan saran yang
sangat membantu pihak Kantor Jasa Surveyor Berlisensi Ridan dan Rekan :
1. Perlunya menambahkan fitur bukti hasil pembayaran yang telah
dilakukan oleh pengaju, agar proses pembayaran lebih efisien lagi.
2. Untuk mengoptimalkan penggunaan aplikasi disarankan agar
melakukan demonstrasi dan pelatihan penggunaan aplikasi kepada
pengaju serta pegawai yang nantinya akan menjadi admin.
35
DAFTAR PUSTAKA
Badan Pengembangan dan Pembinaan Bahasa. (2019). Kamus Besar Bahasa Indonesia.
jakarta: Balaipustaka.
Elyana, I., Kholil, I., & Schaduw, F. E. (2019). Rancang Bangun Sistem Informasi
Manajemen Disposisi Surat Menyurat Dengan Menggunakan Model RAD (Rapid
Application Development). Jurnal Riset Informatika.
Kendall, K. E., & Kendall, J. E. (2006). Systems Analysis and Deign Eighth Edition. New
Jersey: Prentice Hall.
Nurbayan, I., & Deddy, A. (2015). pengembangan sistem informasi surat perintah
perejalan dinas (SPPD) di balai produksi dan pengujian roket pameungpeuk
menggunakan netbeans. jurnal algoritma.
Nurjanah, A. S., & Kurniadi, D. (2017). Sistem Informasi Pengelolaan izin Praktek Kerja
Lapangan Untuk Sekolah Menengah Kejurusan Secara Online di STT Garut.
jurnal algoritma.
Putra, P. G., Santoso, N., & Adam, E. M. (n.d.). Rancang Bangun Sistem Informasi
Manajement Persuratan Dinas Pendidikan Banyuwangi. jurnal Pengembangan
Teknologi Informasi dan Ilmu Komputer.
36
Sukanto, R. A., & Salahuddin, M. (2013). Rekayasa Perangkat Lunak : Terstruktur dan
Berorientasi Objek. Bandung: Informatika Bandung.
Whitten, J. L., & Bentley, L. D. (2007). Systems Analysis and Design Methods. New
York: McGraw-hill.
37
LAMPIRAN A : LANDASAN PEKERJAAN
38
LAMPIRAN B : Presensi Kerja
1. Kartu Bimbingan
39
40
41
42
LAMPIRAN C: HASIL PEKERJAAN
1. Flowmap proses bisnis
43
3. Data Flow Diagram
4. Tampilan Aplikasi
44
LAMPIRAN D : LAMPIRAN LAIN
1. Foto Bersama Pihak KJSB
45