PENCATATAN PENGURUSAN DOKUMEN NOTARIS RESTU DEBRINA, SH.Mkn
ROHIZH RAMSHINHA 6304181122
PROGRAM STUDI D-IV REKAYASA PERANGKAT LUNAK JURUSAN TEKNIK INFORMATIKA
POLITEKNIK NEGERI BENGKALIS BENGKALIS
2022
LAPORAN KERJA PRAKTIK CV. ZULIYAN TRIMULTI PACIFIC
MEMBANGUN FRONTEND SISTEM INFORMASI
ii
iii KATA PENGANTAR
Alhamdulillahirobbil Alamin. Puji syukur kehadirat Allah SWT yang telah memberikan rahmat dan karunia-Nya sehingga mampu menyelesaikan Laporan Kerja Praktek ini. Selanjutnya tidak lupa pula ucapan terima kasih kepada pihak- pihak yang mendukung dalam penyelesaian Laporan Kerja Praktek ini antara lain:
1. Bapak Johny Custer, ST.,MT selaku Direktur Politeknik Negeri Bengkalis 2. Ibu Rezki Kurniati, M.Kom selaku Ketua Program Studi Rekayasa Perangkat
Lunak
3. Bapak M. Asep Subandri, M.Kom selaku Dosen Pembimbing Kerja Praktek Politeknik Negeri Bengkalis
4. Bapak Fajri Profesio Putra, M.Kom selaku Koordinator Kerja Peraktek Program Studi Rekayasa Perangkat lunak
5. Seluruh Dosen di Prodi D4 Rekayasa Perangkat lunak
6. Bapak Sucipto sebagai Direktur sekaligus Pembimbing Kerja Praktek di CV.Zuliyan Trimulti Pacific
7. Bapak Muhammad Iqbal sebagai wakil direktur sekaligus pembimbing kerja praktek di CV. Zuliyan Trimulti Pacific
Perlu disadari bahwa dengan segala keterbatasan dalam pengerjaan Laporan Kerja Praktek ini masih jauh dari kata sempurna. Sehingga kritikan dan saran yang membangun sangat diharapkan demi kesempurnaan laporan ini kedepannya.
Akhirnya semoga laporan ini dapat bermanfaat bagi semua pihak yang berkepentingan.
Bengkalis, Juni 2022
Rohizh Ramshinha NIM. 6304181122
iv DAFTAR ISI
HALAMAN SAMPUL ... i
HALAMAN PENGESAHAN ... ii
KATA PENGANTAR ... iii
DAFTAR ISI ... iv
DAFTAR GAMBAR ... vi
DAFTAR TABEL ... viii
DAFTAR LAMPIRAN ... ix
BAB I. PENDAHULUAN ... 1
1.1. Latar Belakang Pemikiran KP ... 1
1.2. Tujuan Dan Manfaat KP ... 2
1.3. Luaran Proyek Kerja Praktek ... 2
BAB II. GAMBARAN UMUM PERUSAHAAN/INSTANSI ... 3
2.1. Sejarah Singkat Perusahaan/Instansi ... 3
2.2. Visi Dan Misi Perusahaan/Instansi ... 3
2.3. Struktur Organisasi Perusahaan/Instansi ... 4
2.4. Ruang Lingkup Perusahaan/Instansi ... 4
BAB III. BIDANG PEKERJAAN SELAMA KP ... 5
3.1. Belajar Framework NestJs dan AnguarJs ... 5
3.2. Instalasi Server Proxmox ... 5
3.3. Perancangan UI Aplikasi Mobile Penjualan Obat ... 6
3.4. Mengembangkan Modul Perkuliahan Umum Pada Aplikasi MEDYS .... 6
3.5. Perancangan FrontEnd Aplikasi Pencatatan dan Tracking Pengurusan Dokumen Notaris ... 8
v BAB IV. PERANCANGAN FRONTEND SISTEM INFORMASI
PENCATATAN PENGURUSAN DOKUMEN NOTARIS... 9
4.1. Metodologi ... 9
4.1.1. Prosedur Pembuatan Sistem/Alat/Solusi... 9
4.1.2. Metodologi Pengumpulan Data ... 10
4.1.3. Proses Perancangan ... 10
4.1.4. Tahap Dan Jadwal Pelaksanaan ... 11
4.2. Perancangan dan Implementasi ... 11
4.2.1. Analisis Data ... 11
4.2.2. Rancangan Sistem/Alat/Solusi ... 12
4.2.3. Implementasi Sistem/Alat/Solusi ... 21
4.2.4. Dampak Implementasi Sistem/Alat/Solusi ... 27
BAB V. PENUTUP ... 29
5.1. Kesimpulan... 29
5.2. Saran ... 29
DAFTAR PUSTAKA ... 30 LAMPIRAN
vi DAFTAR GAMBAR
Gambar 3. 1 Dokumentasi NestJs ... 5
Gambar 3. 2 Dashboad proxmox ... 5
Gambar 3. 3 Jendela figma desain UI aplikasi mobile penjualan obat ... 6
Gambar 3. 4 Hasil desain UI aplikasi penjualan obat ... 6
Gambar 3. 5 Tampilan halaman pembuatan kelas baru ... 7
Gambar 3. 6 Tampilan halaman kelola perkuliahan ... 7
Gambar 3. 7 halaman login ... 8
Gambar 3. 8 Halaman Setting kategori izin ... 8
Gambar 4. 1 Metode SDLC (Reymond Mc Leod, 2010:187)(Dahlan Abdullah, 2017:17) ... 9
Gambar 4. 2 Sistem yang sedang berjalan ... 10
Gambar 4. 3 Sistem yang diusulkan ... 11
Gambar 4. 4 usecase diagram ... 12
Gambar 4. 5 Activity diagram register ... 13
Gambar 4. 6 Activity diagram login ... 13
Gambar 4. 7 Activity diagram logout ... 14
Gambar 4. 8 Activity diagram kelola kategori izin ... 15
Gambar 4. 9 Activity diagram kelola data tahap izin ... 16
Gambar 4. 10 Activity diagram kelola data jenis izin ... 17
Gambar 4. 11 Activity diagram kelola data user ... 18
Gambar 4. 12 Activity diagram kelola data client ... 19
Gambar 4. 13 Activity diagram kelola data dokumen ... 20
Gambar 4. 14 rancangan tampilan dashboard ... 21
Gambar 4. 15 rancangan tampilan Detail dokumen ... 21
Gambar 4. 16 Tampilan register ... 22
Gambar 4. 17 Tampilan Login ... 22
Gambar 4. 18 Halaman Home ... 23
Gambar 4. 19 Halaman kategori izin ... 23
Gambar 4. 20 halaman jenis izin ... 24
vii
Gambar 4. 21 Halaman jenis client ... 24
Gambar 4. 22 Halaman daftar user ... 25
Gambar 4. 23 Halaman profile ... 25
Gambar 4. 24 Halaman daftar client ... 26
Gambar 4. 25 Halaman daftar dokumen ... 26
Gambar 4. 26 Halaman detail dokumen... 27
viii DAFTAR TABEL
Table 4. 1 Jadwal pelaksanaan ... 11
ix DAFTAR LAMPIRAN
Lampiran 1 Surat Keterangan Magang
Lampiran 2 Surat Balasan Diterima Magang Pada Perusahaan Lampiran 3 Log Harian/Mingguan
Lampiran 4 Form Penilaian Dari Perusahaan Lampiran 5 Sertifikat Magang