LAPORAN KEGIATAN PRAKTIK KERJA INDUSTRI

MEMBUAT SISTEM INFORMASI PESANTREN

DI PT INOVINDO DIGITAL MEDIA

Disusun untuk memenuhi salah satu syarat kelulusan

Kompetensi Keahlian Rekayasa Perangkat Lunak Tahun Ajaran 2022 – 2023

Disusun oleh :

Herry Gustiawan

0065048900

Rekayasa Perangkat Lunak

Perhotelan
Teknik Bisnis Sepeda Motor

SMKS MAHAPUTRA CERDAS UTAMA

NPSN: 69754418 NSS: 32.2.02.18.150.10
JL. Katapang Andir. Km 4. Pasantren. Ds. Sukamukti. Kec. Katapang. Kab. Bandung Kode Pos:
40971 Tlp: (022)85876147. Email:smkmahaputracerdasutama@gmail.com Web:smkmahaputra.sch.id

2023
 LEMBAR PENGESAHAN

Laporan Kegiatan Praktik Kerja Lapangan (PKL) yang disusun oleh:

Nama : Herry Gustiawan
NIS : 0065048900
Paket Keahlian : Rekaya Perangkat Lunak
Program Keahlian : Teknik Komputer dan Informatika
Bidang Keahlian : Teknologi Komputer dan Informatika
Dengan Judul :
LAPORAN KEGIATAN PRAKTIK KERJA INDSUTRI MEMBUAT
SISTEM INFORMASI PESANTREN DI
PT INOVINDO DIGITAL MEDIA

Telah disahkan pada :

Hari :
Tanggal :

Pembimbing Perusahaan Pembimbing Sekolah

Doni Romdoni Taufik Hidayat, A.Md

Mengetahui
Kepala Sekolah
SMK YAPIIM INDRAMAYU

Khumaedi S.Ag
 KATA PENGANTAR

Segala puji bagi Allah SWT yang telah melimpahkan rahmat dan
hidayah- nya kepada siswa/siswi hingga dapat melaksanakan Prakerin dan juga
memberikan kepada penulis dalam menyelesaikan laporan ini dengan baik.
Laporan Prakerin ini disusun berdasarkan pengalaman dan data – data
yang diperoleh selama melaksanakan Prakerin di PT. Inovindo Digital Media.
Laporan pembimbing serta dapat dipakai sebagai usulan adik – adik kelas yang
nantinya juga akan melaksanakan Prakerin dan menyusun laporan.
Siswa/siswi menyadari bahwa hal tersebut terlaksana berkat bantuan
berbagai pihak, baik secara langsung maupun tidak langsung. Untuk itu saya
mengucuapkan terimakasih kepada:
1. Allah SWT yang telah memberikan Kesehatan kepada penulis untuk
menyelesaikan laporan hingga selesai.
2. Orang tua yang selalu memberikan doa dan ridhonya. Rasa terimakasih
sebanyak-banyaknya atas segala dukungan baik moril maupun materil
yang sangat berharga kepada penulis.
3. Ibu Hj.Zubaedah. Selaku ketua dewan pembina Yayasan Kebangkitan
Pelajar (YAKPI).
4. Bapak KH Amani Luthfi, S.Ag.,M.Pd. Selaku ketua Yayasan
Kebangkitan Pelajar (YAKPI).
5. Bapak Khumaedi S.Ag. Selaku kepala sekolah SMK Yapiim Indramayu.
6. Bapak Taufik Hidayat selaku kepala Kompetensi keahlian.
7. Ibu Sifra Luciyana, S.T. Selaku wali kelas.
8. Bapak Taufik Hidayat, A.Md selaku Pembimbing Praktik Kerja
Lapangan yang telah memberikan banyak motivasi dan membantu
penulis dalam menyelesaikan laporan.
9. Bapak Novi Setia Nurviat selaku Direksi Utama PT. Inovindo Digital
Media.

i
 10. Bapak Doni Romdoni selaku Pembimbing di perusahaan PT. Inovindo
Digital Media yang telah memberikan banyak arahan kepada penulis
pada masa Prakerin.
11. Seluruh Staf PT. Inovindo Digital Media yang telah memberi banyak
bantuan kepada penulis saat masa Prakerin.
12. Nafisha Herawanti Putri. Rasa terimakasih sebanyak-banyaknya atas
segala dukungan dan juga motivasi kepada penulis dalam penyelesaian
penulisan laporan. Serta senantiasa mendengar keluh kesah penulis dalam
menghadapi berbagai kesulitan pada saat masa Prakerin.
13. Teman-teman seperjuangan Alif, Cintia, Juju, Tyaesa, Fajry. Terimakasih
atas kesenangan, canda tawa yang membahagiakan dan juga berbagi
beban yang sama dengan penulis sebagai satu kelompok.
14. Semua pihak yang tidak dapat disebutkan satu per satu, yang telah tulus
dan ikhlas memberikan doa dan motivasi sehingga dapat terselesaikannya
laporan ini.
Akhir kata, penulis berharap semoga Allah SWT berkenan membalas
segala kebaikan semua pihak yang telah membantu dan semoga laporan Prakerin
ini membawa manfaat.

Bandung, 1 November 2022

Penulis

ii
 DAFTAR ISI

JUDUL
LEMBAR PENGESAHAN
KATA PENGANTAR.............................................................................................i
DAFTAR ISI.........................................................................................................iii
DAFTAR TABEL..................................................................................................v
DAFTAR GAMBAR.............................................................................................vi
DAFTAR LAMPIRAN......................................................................................viii
BAB I PENDAHULUAN.......................................................................................1
A. Latar Belakang.............................................................................................1
B. Maksud dan Tujuan Prakerin.....................................................................2
1. Maksud..................................................................................................2
2. Tujuan...................................................................................................2
C. Manfaat..........................................................................................................3
1. Bagi Peserta Didik................................................................................3
2. Bagi Sekolah.........................................................................................3
3. Bagi Perusahaan...................................................................................3
BAB II PELAKSANAAN KEGIATAN...............................................................4
A. Gambaran Umum Perusahaan....................................................................4
1. Profil Perusahaan.................................................................................4
2. Visi Misi Perusahaan...........................................................................5
3. Logo Perusaahaan................................................................................6
4. Struktur Organisasi.............................................................................6
B. Uraian Kerja.................................................................................................7
1. Bidang Kerja........................................................................................7
2. Pelaksanaan Kerja...............................................................................7
C. Jadwal Kegiatan...........................................................................................9
1. Jadwal Prakerin Harian......................................................................9
2. Isi Kegiatan Prakerin...........................................................................9
BAB III HASIL DAN PEMBAHASAN.............................................................12
A. Kajian Teori................................................................................................12
iii
1. Pengertian Sistem Informasi.............................................................12
2. Tujuan Sistem Informasi...................................................................12
 3. Komponen Sistem Informasi.............................................................13
4. Software yang Digunakan.................................................................13
B. Temuan Studi..............................................................................................18
1. Langkah-langkah Pembuatan Sistem Informasi Pesantren..........18
BAB IV PENUTUP..............................................................................................40
A. Kesimpulan..................................................................................................40
B. Saran............................................................................................................40
1. Saran untuk Perusahaan...................................................................40
2. Saran untuk Sekolah..........................................................................40
DAFTAR PUSTAKA...........................................................................................42

iv
 DAFTAR TABEL
Tabel 2.1 Jadwal Prakerin Harian............................................................................9
Tabel 2.2 Isi Kegiatan Prakerin................................................................................9

v
 DAFTAR GAMBAR

Gambar 3.1 Logo Perusahaan PT Inovindo Digital Media......................................6

Gambar 3.2 Struktur Organisasi PT Inovindo Digital Media..................................6
Gambar 4.1 Logo Visual Studio Code (VSCode)..................................................13
Gambar 4.2 Logo Whimsical.................................................................................14
Gambar 4.3 Logo Star UML..................................................................................15
Gambar 4.4 Logo Laravel......................................................................................16
Gambar 4.5 Logo MySQL.....................................................................................16
Gambar 4.6 Logo GitHub......................................................................................17
Gambar 4.7 Use Case Diagram SIP.......................................................................18
Gambar 4.8 Entity Relational Diagram SIP...........................................................19
Gambar 4.9 Template Nice Admin (Sumber: mediacity.co.in).............................19
Gambar 4.10 Tampilan Landing Page Creative CV (Sumber: prium.github.io)...20
Gambar 4.11 Membuat Wireframe menggunakan Whimsical..............................21
Gambar 4.12 Install Laravel Secara Globall..........................................................21
Gambar 4.13 Direktori Assets dari Template Auto Plus.......................................22
Gambar 4.14 Menyalin Direktori Assets ke Direktori Public................................22
Gambar 4.15 Blade Layout App............................................................................23
Gambar 4.16 Kode file index.................................................................................25
Gambar 4.17 Route Halaman Index.......................................................................25
Gambar 4.18 CLI untuk Hosting secara Lokal......................................................26
Gambar 4.19 Website yang Sudah di Hosting secara Lokal..................................26
Gambar 4.20 Import UI melalui Composer...........................................................27
Gambar 4.21 Mengimpor Auth Melalui Laravel Artisan......................................27
Gambar 4.22 Command Npm Install.....................................................................28
Gambar 4.23 Command Npm Run Dev.................................................................28
Gambar 4.24 Tampilan Login Bawaan..................................................................29
Gambar 4.25 Tampilan Bawaan Register..............................................................29
Gambar 4.26 Tampilan Login SIP.........................................................................30
Gambar 4.27 Tampilan Register SIP.....................................................................30
Gambar 4.28 Sintaks Composer untuk Mengunduh Laravel Spatie......................31
Gambar 4.29 Sintaks untuk Mengupload Konfigurasi Spatie ke Proyek..............31
Gambar 4.30 Sintaks untuk Migrasi Spatie...........................................................31
Gambar 4.31 Contoh Penggunaan Role 1..............................................................32
Gambar 4.32 Contoh Penggunaan Role 2..............................................................32
Gambar 4.33 Route untuk Kelola Admin..............................................................33
Gambar 4.34 Fungsi untuk Registrasi Admin........................................................33
Gambar 4.35 Fungsi untuk Mengedit Admin........................................................34
Gambar 4.36 Tampilan Kelola Admin...................................................................34
Gambar 4.37 Blade View untuk Tambah Admin..................................................34
Gambar 4.38 Route untuk Kelola Kasir.................................................................35

vi
Gambar 4.39 Controller untuk Kelola Kasir..........................................................35
Gambar 4.40 Blade View untuk Tampilan Tong Sampah Kasir...........................35
Gambar 4.41 Route Doorsmeer.............................................................................36
Gambar 4.42 Controller Doorsmeer.......................................................................36
Gambar 4.43 Blade View untuk Kelola Doorsmeer..............................................36
Gambar 4.44 Route Antri.......................................................................................37
Gambar 4.45 Controller untuk Antri......................................................................37
Gambar 4.46 Blade View untuk Antri...................................................................37
Gambar 4.47 Tampilan Antri.................................................................................38
Gambar 4.48 Route Kelola Antrian.......................................................................38
Gambar 4.49 Controller Kelola Antrian................................................................38
Gambar 4.50 Blade View untuk Tampilan Kelola Antrian...................................39
Gambar 4.51 Tampilan Kelola Antrian..................................................................39

vii
 DAFTAR LAMPIRAN

Lampiran 1 Foto Kantor 1......................................................................................42

Lampiran 2 Foto Kantor 2......................................................................................43
Lampiran 3 Foto Koridor Kantor 2........................................................................43
Lampiran 4 Foto Ruang Tengah Kantor 2.............................................................44
Lampiran 5 Dokumentasi Penulis saat Prakerin....................................................44
Lampiran 6 Foto Jurnal Kegiatan Harian 1............................................................45
Lampiran 7 Foto Jurnal Kegiatan Harian 2............................................................45
Lampiran 8 Foto Jurnal Kegiatan Harian 3............................................................46
Lampiran 9 Foto Jurnal Jam Kerja Harian.............................................................46

viii
 BAB I
PENDAHULUAN

A. Latar Belakang
Didalam Ilmu Pengetahuan dan Teknologi manusia dimasa sekarang
ini, sebagai Sumber Daya Manusia (SDM) dituntut untuk berinteraksi dengan
pendidikan yang lebih maju karena kualitas manusia sangat penting untuk
menentukan perkembangan bangsa. Maka untuk menghadapi hal tersebut
diperlukan Sumber Daya Manusia yang siap pakai dan bermotivasi tinggi
untuk merubah sesuatu kearah yang lebih baik dan maju.
Salah satu upaya peningkatan kualitas pendidikan di Sekolah
Menengah Kejuruan (SMK) yaitu dengan penerapan ilmu yang diperoleh di
sekolah terhadap dunia kerja yang sebenarnya, hal ini disebut dengan Praktik
Kerja Lapangan (PRAKERIN). Dengan diadakanya Praktik Kerja Industri
diharapkan dapat melahirakan Sumber Daya Manusia yang berkualitas dan
profesional serta memiliki kemampuan untuk memberdayakan dirinya dalam
dunia kerja.
Pencucian mobil adalah sebuah fasilitas yang dipakai untuk
membersihkan bagian luar dan terkadang bagian dalam kendaraan bermotor.
Pencucian mobil dapat dilakukan sendiri, sepenuhnya otomatis, atau
pelayanan penuh dengan petugas yang membersihkan kendaraan tersebut. Ini
juga meliputi peristiwa dimana orang dibayar untuk dibersihkan mobilnya
oleh sukarelawan sebagai metode untuk mendapatkan uang untuk beberapa
keperluan.
Untuk penyusunan laporan ini penulis memilih judul “Membuat
Sistem Car Wash Menggunakan Framework Laravel 9 di PT. Inovindo
Digital Media”, penulis mengambil judul ini dikarenakan masih ada kendala
yang dimiliki oleh tempat pencucian mobil yang masih menggunakan metode
transaksi secara konvensional sehingga masih dapat terjadi
kesalahan/kekeliruan dalam proses transaksi. Aplikasi yang dibuat ini dapat

1
 2

mempermudah pegawai atau staf dalam proses antrian, dan manajemenisasi

karyawan.

B. Maksud dan Tujuan Prakerin

1. Maksud
a. Melakukan tugas Prakerin sesuai dengan latar belakang bidang
Pendidikan yaitu bidang kompetensi Rekayasa Perangkat Lunak.
b. Mengembangkan potensi dan kemampuan.
c. Menambah pengalaman bagi peserta didik dalam menghadapi dunia
kerja yang sesungguhnya.
d. Mengimplementasikan pengetahuan yang sudah didapat bangku
SMK pada dunia nyata
e. Menambah wawasan berfikir dan pengetahuan yang dapat digunakan
untuk memecahkan permasalahan yang dihadapi dalam bidang
kompetensi Rekayasa Perangkat Lunak.
f. Melatih untuk bersikap disiplin, bertanggung jawab, dan dapat
menyesuaikan diri pada lingkungan kerja.
g. Mendapatkan pengalaman kerja baik ilmu pengetahuan yang di
dapat maupun kondisi dalam dunia kerja sebelum memasuki dunia
kerja yang nyata.
2. Tujuan
a. Untuk menjalankan kewajiban yang merupakan kegiatan wajib bagi
peserta didik SMK.
b. Untuk memperoleh awasan dan pengimplementasikan langsung pada
bidang kompetensi Rekayasa Perangkat Lunak yang ada
dilingkungan kerja yang nyata dan memperoleh perbandingan
dengan teori yang telah dipelajari semasa SMK.
c. Untuk menambah pengalaman dan memperkenalkan peserta didik
akan dunia kerja yang nyata, serta mengasah kemampuan.
 3

C. Manfaat
1. Bagi Peserta Didik
Manfaat yang diperoleh setelah melakukan Prakerin bagi peserta
didik antara lain :
a. Menambah pengalaman atau wawasan tentang dunia kerja yang
sesungguhnya.
b. Meningkatkan wawasan bersosialisasi dengan ruang lingkup
kerja.
c. Memperoleh pengalaman dalam mengghadapi suatu masalah
pekerjaan serta dapat meningkatkan kemampuan
menyelesesaikan masalah yang dihadapi.
2. Bagi Sekolah
Manfaat yang diperoleh sekolah setelah melakukan Prakerin
antara lain:
a. Melalui kegiatan Prakerin diharapkan dapat meningkatkan
hubungan kemitraan dengan perusahaan terkait.
b. Menciptakan calon-calon tenaga kerja yang berkualitas serta
siap untuk memasuki dunia kerja yang sesungguhnya sesuai
dengan ilmu yang telah didapati.
3. Bagi Perusahaan
Manfaat yang diperoleh perusahaan setelah melakukan Prakerin
antara lain:
a. Mendapatkan tenaga kerja tambahan bagi perusahaan.
b. Menambah banyak ide dan inovasi dari pada peserta didik
Prakerin.
 BAB II
PELAKSANAAN KEGIATAN

A. Gambaran Umum Perusahaan

1. Profil Perusahaan
PT Inovindo Digital Media Berdiri pada tanggal 10 November
2011 di Bandung didirikan oleh Bapak Novi Setia Nurviat. Pada awalnya
PT Inovindo Digital Media adalah tim proyek IT bernama Inovindo lalu
kemudian Inovindo berbadan usaha CV pada tahun 2013 dan pada tahun
2018 Inovindo berbadan usaha PT.

PT Inovindo Digital Media telah dipercaya oleh berbagai

konsumen untuk menangani berbagai macam kebutuhannya, diantaranya:
Kementrian Pendidikan dan Kebudayaan RI, BPJS Ketenagakerjaan,
PLN, ITB, Toyota, Honda, Yamaha, KEMENKOPUKM (Kementrian
Koperasi dan UKM RI), dan masih banyak yang lainya.

PT Inovindo Digital Media juga tergabung dalam beberapa

asosiasi usaha diantaranya: Himpunan Pengusaha Muda Indonesia,
Jaringan Pengusaha Nasional, GEKRAFS (Gerakan Ekonomi Kreatif
Nasional), HIPPI (Himpunan Pengusaha Pribumi Indonesia), AMA
Indonesia, Mercedes Benz Club Indonesia, dan JCI.

PT Inovindo Digital Media juga memiliki beberapa layanan,

dan menaungi beberapa perusahaan, diantaranya:

a. Pembuatan Website Profesional (Inovindo Web)

Disediakan oleh PT Inovindo Digital Media untuk
memenuhi kebutuhan konsumen terutama pebisnis konvensional
untuk masuk ke dalam pasar digital.
b. Seni Visual (CV Arthfael Project)
Disediakan untuk para konsumen yang ingin memasarkan
produknya dikemas secara atraktif dan mewah untuk masuk di
dunia industri marketing.

4
 5

c. Pembelajaran Online Profesional (Fathforce)

Fathforce adalah platform pembelajaran (Learning
Management System) yang disediakan oleh PT Inovindo Digital
Media sebagai sarana pembelajaran bagi para konsumen. Fathforce
juga dinaungi oleh PT Fathforce Sinergi Global.
d. Sistem Keamanan (CV Inspira Mulia)
Inpira Mulia adalah layanan yang bergerak dibidang
produk dan solusi IT Services, Security System, dan Web
Development.
e. Marketing Media Sosial (CV Nos Insan Digital)
Adalah layanan yang disediakan untuk mengembangkan
bisnis yang dimiliki oleh konsumen lewat Digital Marketing.

2. Visi Misi Perusahaan

a. Visi
Menjadi perusahaan IT terkemuka yang sesuai syariah
dengan layanan terbaik dalam memberikan solusi tepat dan
terpercaya yang terus menerus bersinergi dan berinovasi.

b. Misi
1) Memberntuk SDM yang berakhlaqul karimah.
2) Membangun dan memelihara citra positif perusahaan dengan
karya yang inovatif.
3) Mengembangkan produk Industri IT yang kompetitif.
4) Mengedepankan profesionalisme dan teamwork dalam
menghasilkan layanan yang berkualitas.
5) Memberikan layanan yang terbaik kepada klien.
6) Mengembangkan kerjasama dan kemitraan usaha yang saling
menguntungkan.
7) Mengembangkan inovasi teknologi terbaik dan terkini dalam
setiap produk.
8) Meningkatkan benefit dan nilai tambah bagi klien dan
stakholder
 6

3. Logo Perusaahaan

Gambar 3.1 Logo Perusahaan PT Inovindo Digital Media

4. Struktur Organisasi

Gambar 3.2 Struktur Organisasi PT Inovindo Digital Media

 7

B. Uraian Kerja
1. Bidang Kerja
Dalam Pelaksanaan Prakerin, peserta didik ditempatkan
dibagian kantor pusat dibawah pengawasan bapak Doni Romdoni, selaku
Manajer Proyek PT. Inovindo Digital Media. Penulis ditunjuk sebagai
Manajer Proyek Kelompok 2 untuk membuat sebuah sistem informasi
Car Wash.

2. Pelaksanaan Kerja
Selama masa Prakerin di PT Inovindo Digital Media, penulis
diberi beberapa tugas yang diberikan oleh Pembimbing dari perusuhaan
antara lain:

a. Membuat Sebuah Curriculum Vitae (CV) Kreatif dan

website Portofolio
Satu Minggu pertama Bapak Doni, selaku pembimbing
dari pihak perusahaan memberikan sebuah tugas yaitu membuat
Curriculum Vitae (CV) kreatif dan membuat sebuah website
portofolio.
Dalam proses pengerjaanya penulis menggunakan
aplikasi online Canva untuk membuat CV kreatif dan untuk
membuat website portofolio penulis menggunakan template
gratis lalu mengubah konten isinya dengan Text Edtior Visual
Studio Code.
b. Orientasi Lingkungan Kerja
Setelah tugas pertama selesai, Bapak Doni memberi
instruksi kepada penulis dan peserta Prakerin dari SMK
Mahaputra Cerdas Utama melakukan perkenalan diri dengan
peserta Prakerin dari Sekolah ataupun Perguruan Tinggi lain dan
para staf PT. Inovindo Ditigal Media.
 8

c. Membuat Sistem Informasi Pesantren Menggunakan

Framework Laravel 9 di PT. Inovindo Digital Media
Bapak Doni memberikan sebuah proyek kepada peserta
Prakerin (Alif, Juju, Cintia, Tyaesa, Fajry dan Penulis) yaitu
membuat sebuah Sistem Informasi Pesantren.
Waktu yang diberikan yaitu selama 3 bulan hingga akhir
masa Prakerin pada tanggal 31 Januari. Selama proses
pengerjaanya penulis menjadi Manajer Proyek di Kelompok
bertugas melakukan kegiatan pemantauan dan pengendalian
untuk kemajuan proyek.
d. Melaksanakan Kegiatan Rutin Mingguan Pada Hari Sabtu
PT. Inovindo Digital Media memiliki banyak program
kerja, salah satunya Tahsin.

“Tahsin (bahasa Arab: ‫ )تحسین‬adalah kata Arab yang

berarti memperbaiki, meningkatkan, atau memperkaya.
Tahsin dalam islam mengandung makna bahwa tuntutan
agar dalam membaca alquran harus benar dan tepat
sesuai dengan contohnya demi terjaganya orisinalitas
praktik tilawah sesuai dengan sunnah Rasulullah SAW.”
(Eqbal 2013).

Tahsin dilaksanakan di Masjid Al-Ikhlas Buana Citra

Ciwastra, para peserta Prakerin di anjurkan membawa Al-
Qur’an cetakan Madinah atau Internasional agar hukum
bacaanya lebih terlihat/jelas. Di program Tahsin ini para peserta
akan belajar memperbaiki, meningkatkan ataupun memperkaya
ilmu dalam membaca yang tepat dan benar sesuai sunnah
Rasulullah SAW.
 9

C. Jadwal Kegiatan
Kegiatan Prakerin di PT. Inovindo Digital Media dilaksanakan
pada: Dari Tanggal : 2 November 2022
Sampai : 31 Januari 2023
Perusahaan : PT. Inovindo Digital Media

1. Jadwal Prakerin Harian

Tabel 3.1 Jadwal Prakerin Harian

Sistem Jam Jam Istirahat Jam Istirahat Jam

Hari
Kerja Masuk 1 2 Keluar
WFO Senin 09.00 12.00 - 13.00 15.00 - 16.00 17.00
WFH Selasa 09.00 11.30 - 13.00 15.00 - 16.00 17.00
WFO Rabu 09.00 11.30 - 13.00 15.00 - 16.00 17.00
WFH Kamis 09.00 11.30 - 13.00 15.00 - 16.00 17.00
WFO Jumat 09.00 11.30 - 13.00 15.00 - 16.00 17.00
WFH Sabtu 09.00 11.30 - 13.00 15.00 - 16.00 17.00

2. Isi Kegiatan Prakerin

Tabel 3.2 Isi Kegiatan Prakerin

Kegiatan Kerja Harian Tanggal

Mengisi Biodata, Membuat CV & Website 2 November 2022
Portofolio
Melanjutkan CV dan Website Portofolio 3 November 2022
Pengarahan Menggunakan Trello, Tahsin, 4 November 2022
Daftar Finger Print

Melanjutkan CV dan Website Portofolio 5 November 2022

Presentasi CV dan Web Portofolio 7 November 2022
Mencari Cara Untuk Upload CV Ke Github 8 November 2022

Mencari Cara Untuk Upload CV Ke Github 9 November 2022

Mencari Cara Untuk Upload CV Ke Github 10 November 2022
Mencari Cara Untuk Upload CV Ke Github 12 November 2022
Mencari Cara Untuk Upload CV Ke Github 14 November 2022
Melanjutkan Uploud CV Ke Github 15 November 2022
 10

Presentasi 16 November 2022

Revisi CV Web Dan Pdf 17 November 2022
Revisi CV Web Dan Pdf 19 November 2022
Membuat Pengajuan Judul Projek 21 November 2022
Melanjutkan Membuat Pengajuan Judul 22 November 2022
Projek
Melanjutkan Membuat Pengajuan Judul 23 November 2022
Projek
Melanjutkan Membuat Pengajuan Judul 24 November 2022
Projek
Melanjutkan Membuat Pengajuan Judul 25 November 2022
Projek
Memperbaiki Pengajuan Judul Projek 26 November 2022
Memperbaiki Pengajuan Judul Projek 28 November 2022
Memperbaiki Pengajuan Judul Projek 29 November 2022
1. Review Pengajuan judul Projek 30 November 2022
2. Menentukan Judul Projek
Membuat Timeline 1 Desember 2022
Membuat Timeline 2 Desember 2022
Ujian Sekolah (Latihan) 3 Desember 2022
Ujian Sekolah 4 Desember 2022
Ujian Sekolah 5 Desember 2022
Ujian Sekolah 6 Desember 2022
Ujian Sekolah 7 Desember 2022
Ujian Sekolah 8 Desember 2022
Ujian Sekolah 9 Desember 2022
Ujian Sekolah 10 Desember 2022
Membuat Database 12 Desember 2022
Membuat Database 13 Desember 2022
1. Membuat Use Case 14 Desember 2022
2. Membuat ERD
Memperbaiki ERD 15 Deember 2022
Membuat Tampilan Di Wirefream 16 Desember 2022
3. Melanjutkan Membuat Tampilan Di 17 Desember 2022
Wirefream
4. Tampleting
Tampleting Master Data 19 Desember 2022
5. Tampleting Data Santri 20 Desember 2022
6. Tampleting Data Pengurus
Memperbaiki Setbar 20% 21 Desember 2022
Memperbaiki Setbar 50% 22 Desember 2022
Memperbaiki Setbar 70% 23 Desember 2022
 11

Memperbaiki Setbar 100% 24 Desember 2022

7. Membuat Page Tambah Santri 26 Desember 2022
8. Membuat Page Edit Santri
9. Membuat Button Tambah
Studio Foto 27 Desember 2022
Memperbaiki Page Di Master Data 28 Desember 2022
10. Membuat Page Profil Pesantren 29 Desember 2022
11. Membuat Page Tambah Prestasi
12. Membuat Page Edit Prestasi
13. Membuat Page Data Perizinan
Menggantih HTML Ke PHP 30 Desember 2022
Libur 31 Desember 2022
Libur 1 Januari 2023
Libur 2 Januari 2023
Memfungsikan Crud Yang Ada Di Master 3 Januari 2023
Data
Memfungsikan Edit Profil 4 Januari 2023
Memfungsikan Edit Dashboard 5 Januari 2023
14. Melanjutkan Memfungsikan Edit 6 Januari 2023
Dashboard
15. Memfungsikan Tambah Prestasi
Melanjutkan Memfungsikan Tambah 7 Januari 2023
Prestasi
Menyempurnakan Dashboard 9 Januari 2023
Menyempurnakan Image Di Profil 10 Januari 2023
16. Memfungsikan Login 11 Januari 2023
17. Membuat Tampilan User
18. Melanjutkan Membuat Tampilan 12 Januari 2023
User
19. Membuat Data Perizinan Di User
Review 13 Januari 2023
Memperbaiki Revisi 14 Januari 2023
Memperbaiki Revisi 16 Januari 2023
Membuat Register 17 Januari 2023
20. Membuat Card Otomatis Di 18 Januari 2023
Dashboard
21. Memperbaiki Login
22. Memperbaiki Dashboard
Memperbaiki Edit Profil 19 Januari 2023
23. Melanjutkan Memperbaiki Edit Profil 20 Januari 2023
24. Memperbaiki Login
25. Memperbaiki Tampilan User 21 Januari 2023
26. Tahsin
Membuat Laporan PKL 23 Januari 2023
Membuat Laporan PKL 24 Januari 2023
Membuat Laporan PKL 25 Januari 2023
Membuat Laporan PKL 26 Januari 2023
Penilaian 27 Januari 2023
Membuat Laporan PKL Untuk Di Sekolah 28 Januari 2023
Membuat Laporan PKL Untuk Di Sekolah 29 Januari 2023
 LAPORAN KEGIATAN PRAKTIK KERJA INDUSTRI

MEMBUAT SISTEM INFORMASI PESANTREN

Disusun untuk memenuhi salah satu syarat kelulusan

Kompetensi Keahlian Rekayasa Perangkat Lunak Tahun Ajaran 2022 – 2023

Disusun oleh :

Cintia Aropah
3068248980

Rekayasa Perangkat Lunak,

Teknik Bisnis Sepeda Motor,
Perhotelan

SMK YAPIIM INDRAMAYU

NSS: 32.2.02.18.150.10 NPSN: 69754418
JL. Kapuan Jaya No. 175 Desa Dukuh Kec/Kab. Indramayu Provinsi Jawa Barat Kode Post 45215

Telp. (0234)71200583 E-Mail:kampusasri.yapiim@yahoo.co.id Web:www.smkyapiim.sch.id

2023
 LEMBAR PENGESAHAN

Laporan Kegiatan Praktik Kerja Lapangan (PKL) yang disusun oleh:

Nama : Cintia Aropah

NIS : 3068248980
Paket Keahlian : Rekaya Perangkat Lunak
Program Keahlian : Teknik Komputer dan Informatika
Bidang Keahlian : Teknologi Komputer dan Informatika
Dengan Judul :
LAPORAN KEGIATAN PRAKTIK KERJA INDSUTRI
MEMBUAT SISTEM INFORMASI PESANTREN

Telah disahkan pada :

Hari :
Tanggal :

Pembimbing Perusahaan Pembimbing Sekolah

Doni Romdoni Taufik Hidyat

Mengetahui
Kepala Sekolah
SMK YAPIIM INDRAMAYU

Khumaedi S.Ag
NRKS19023L0130208241174513
 KATA PENGANTAR

Segala puji bagi Allah SWT yang telah melimpahkan rahmat dan
hidayah- nya kepada siswa/siswi hingga dapat melaksanakan Prakerin dan juga
memberikan kepada penulis dalam menyelesaikan laporan ini dengan baik.
Laporan Prakerin ini disusun berdasarkan pengalaman dan data – data
yang diperoleh selama melaksanakan Prakerin di PT. Inovindo Digital Media.
Laporan pembimbing serta dapat dipakai sebagai usulan adik – adik kelas yang
nantinya juga akan melaksanakan Prakerin dan menyusun laporan.
Siswa/siswi menyadari bahwa hal tersebut terlaksana berkat bantuan
berbagai pihak, baik secara langsung maupun tidak langsung. Untuk itu saya
mengucuapkan terimakasih kepada:
15. Allah SWT yang telah memberikan Kesehatan kepada penulis untuk
menyelesaikan laporan hingga selesai.
16. Orang tua yang selalu memberikan doa dan ridhonya. Rasa terimakasih
sebanyak-banyaknya atas segala dukungan baik moril maupun materil
yang sangat berharga kepada penulis.
17. Ibu Hj.Zubaedah. Selaku ketua dewan pembina Yayasan Kebangkitan
Pelajar (YAKPI).
18. Bapak KH Amani Luthfi, S.Ag.,M.Pd. Selaku ketua Yayasan
Kebangkitan Pelajar (YAKPI).
19. Bapak Khumaedi S.Ag. Selaku kepala sekolah SMK Yapiim Indramayu.
20. Bapak Taufik Hidayat selaku kepala Kompetensi keahlian.
21. Ibu Sifra Luciyana, S.T. Selaku wali kelas.
22. Bapak Taufik Hidayat selaku Pembimbing Praktik Kerja Lapangan yang
telah memberikan banyak motivasi dan membantu penulis dalam
menyelesaikan laporan.
23. Bapak Novi Setia Nurviat selaku Direksi Utama PT. Inovindo Digital
Media.

i
1. Bapak Doni Romdoni selaku Pembimbing di perusahaan PT. Inovindo
Digital Media yang telah memberikan banyak arahan kepada penulis
pada masa Prakerin.
2. Seluruh Staf PT. Inovindo Digital Media yang telah memberi banyak
bantuan kepada penulis saat masa Prakerin.
3. Nafisha Herawanti Putri. Rasa terimakasih sebanyak-banyaknya atas
segala dukungan dan juga motivasi kepada penulis dalam penyelesaian
penulisan laporan. Serta senantiasa mendengar keluh kesah penulis dalam
menghadapi berbagai kesulitan pada saat masa Prakerin.
4. Teman-teman seperjuangan Alif, Herry, Juju, Tyaesa, Fajry. Terimakasih
atas kesenangan, canda tawa yang membahagiakan dan juga berbagi
beban yang sama dengan penulis sebagai satu kelompok.
5. Semua pihak yang tidak dapat disebutkan satu per satu, yang telah tulus
dan ikhlas memberikan doa dan motivasi sehingga dapat terselesaikannya
laporan ini.
Akhir kata, penulis berharap semoga Allah SWT berkenan membalas
segala kebaikan semua pihak yang telah membantu dan semoga laporan
Prakerin ini membawa manfaat.

Bandung, 1 November 2022

Penulis

ii
 DAFTAR ISI

JUDUL
LEMBAR PENGESAHAN
KATA PENGANTAR.............................................................................................i
DAFTAR ISI.........................................................................................................iii
DAFTAR TABEL..................................................................................................v
DAFTAR GAMBAR.............................................................................................vi
DAFTAR LAMPIRAN......................................................................................viii
BAB I PENDAHULUAN.......................................................................................1
D. Latar Belakang.............................................................................................1
E. Maksud dan Tujuan Prakerin.....................................................................2
1. Maksud..................................................................................................2
2. Tujuan...................................................................................................2
F. Manfaat..........................................................................................................3
1. Bagi Peserta Didik................................................................................3
2. Bagi Sekolah.........................................................................................3
3. Bagi Perusahaan...................................................................................3
BAB II PELAKSANAAN KEGIATAN...............................................................4
D. Gambaran Umum Perusahaan....................................................................4
1. Profil Perusahaan.................................................................................4
2. Visi Misi Perusahaan...........................................................................5
3. Logo Perusaahaan................................................................................6
4. Struktur Organisasi.............................................................................6
E. Uraian Kerja.................................................................................................7
1. Bidang Kerja........................................................................................7
2. Pelaksanaan Kerja...............................................................................7
F. Jadwal Kegiatan...........................................................................................9
1. Jadwal Prakerin Harian......................................................................9
2. Isi Kegiatan Prakerin...........................................................................9

iii
BAB III HASIL DAN PEMBAHASAN.............................................................12
C. Kajian Teori................................................................................................12
1. Pengertian Sistem Informasi.............................................................12
2. Tujuan Sistem Informasi...................................................................12
3. Komponen Sistem Informasi.............................................................13
4. Software yang Digunakan.................................................................13
D. Temuan Studi..............................................................................................18
1. Langkah-langkah Pembuatan Sistem Informasi Pesantren..........18
BAB IV PENUTUP..............................................................................................40
C. Kesimpulan..................................................................................................40
D. Saran............................................................................................................40
1. Saran untuk Perusahaan...................................................................40
2. Saran untuk Sekolah..........................................................................40
DAFTAR PUSTAKA...........................................................................................42

iv
 DAFTAR TABEL

Tabel 2.1 Jadwal Prakerin Harian............................................................................9

Tabel 2.2 Isi Kegiatan Prakerin................................................................................9

v
 DAFTAR GAMBAR
Gambar 3.1 Logo Perusahaan PT Inovindo Digital Media......................................6
Gambar 3.2 Struktur Organisasi PT Inovindo Digital Media..................................6
Gambar 4.1 Logo Visual Studio Code (VSCode)..................................................13
Gambar 4.2 Logo Whimsical.................................................................................14
Gambar 4.3 Logo Star UML..................................................................................15
Gambar 4.4 Logo Laravel......................................................................................16
Gambar 4.5 Logo MySQL.....................................................................................16
Gambar 4.6 Logo GitHub......................................................................................17
Gambar 4.7 Use Case Diagram SIP.......................................................................18
Gambar 4.8 Entity Relational Diagram SIP...........................................................19
Gambar 4.9 Template Nice Admin (Sumber: mediacity.co.in).............................19
Gambar 4.10 Tampilan Landing Page Creative CV (Sumber: prium.github.io)...20
Gambar 4.11 Membuat Wireframe menggunakan Whimsical..............................21
Gambar 4.12 Install Laravel Secara Globall..........................................................21
Gambar 4.13 Direktori Assets dari Template Auto Plus.......................................22
Gambar 4.14 Menyalin Direktori Assets ke Direktori Public................................22
Gambar 4.15 Blade Layout App............................................................................23
Gambar 4.16 Kode file index.................................................................................25
Gambar 4.17 Route Halaman Index.......................................................................25
Gambar 4.18 CLI untuk Hosting secara Lokal......................................................26
Gambar 4.19 Website yang Sudah di Hosting secara Lokal..................................26
Gambar 4.20 Import UI melalui Composer...........................................................27
Gambar 4.21 Mengimpor Auth Melalui Laravel Artisan......................................27
Gambar 4.22 Command Npm Install.....................................................................28
Gambar 4.23 Command Npm Run Dev.................................................................28
Gambar 4.24 Tampilan Login Bawaan..................................................................29
Gambar 4.25 Tampilan Bawaan Register..............................................................29
Gambar 4.26 Tampilan Login SIP.........................................................................30
Gambar 4.27 Tampilan Register SIP.....................................................................30
Gambar 4.28 Sintaks Composer untuk Mengunduh Laravel Spatie......................31
Gambar 4.29 Sintaks untuk Mengupload Konfigurasi Spatie ke Proyek..............31
Gambar 4.30 Sintaks untuk Migrasi Spatie...........................................................31
Gambar 4.31 Contoh Penggunaan Role 1..............................................................32
Gambar 4.32 Contoh Penggunaan Role 2..............................................................32
Gambar 4.33 Route untuk Kelola Admin..............................................................33
Gambar 4.34 Fungsi untuk Registrasi Admin........................................................33
Gambar 4.35 Fungsi untuk Mengedit Admin........................................................34
Gambar 4.36 Tampilan Kelola Admin...................................................................34
Gambar 4.37 Blade View untuk Tambah Admin..................................................34

vi

Gambar 4.39 Controller untuk Kelola Kasir..........................................................35

Gambar 4.40 Blade View untuk Tampilan Tong Sampah Kasir...........................35
Gambar 4.41 Route Doorsmeer.............................................................................36
Gambar 4.42 Controller Doorsmeer.......................................................................36
Gambar 4.43 Blade View untuk Kelola Doorsmeer..............................................36
Gambar 4.44 Route Antri.......................................................................................37
Gambar 4.45 Controller untuk Antri......................................................................37
Gambar 4.46 Blade View untuk Antri...................................................................37
Gambar 4.47 Tampilan Antri.................................................................................38
Gambar 4.48 Route Kelola Antrian.......................................................................38
Gambar 4.49 Controller Kelola Antrian................................................................38
Gambar 4.50 Blade View untuk Tampilan Kelola Antrian...................................39
Gambar 4.51 Tampilan Kelola Antrian..................................................................39

vii
DAFTAR LAMPIRAN

Lampiran 1 Foto Kantor 1......................................................................................42

Lampiran 2 Foto Kantor 2......................................................................................43
Lampiran 3 Foto Koridor Kantor 2........................................................................43
Lampiran 4 Foto Ruang Tengah Kantor 2.............................................................44
Lampiran 5 Dokumentasi Penulis saat Prakerin....................................................44
Lampiran 6 Foto Jurnal Kegiatan Harian 1............................................................45
Lampiran 7 Foto Jurnal Kegiatan Harian 2............................................................45
Lampiran 8 Foto Jurnal Kegiatan Harian 3............................................................46
Lampiran 9 Foto Jurnal Jam Kerja Harian.............................................................46
 viii

BAB I
PENDAHULUAN

D. Latar Belakang
Didalam Ilmu Pengetahuan dan Teknologi manusia dimasa sekarang
ini, sebagai Sumber Daya Manusia (SDM) dituntut untuk berinteraksi dengan
pendidikan yang lebih maju karena kualitas manusia sangat penting untuk
menentukan perkembangan bangsa. Maka untuk menghadapi hal tersebut
diperlukan Sumber Daya Manusia yang siap pakai dan bermotivasi tinggi
untuk merubah sesuatu kearah yang lebih baik dan maju.
Salah satu upaya peningkatan kualitas pendidikan di Sekolah
Menengah Kejuruan (SMK) yaitu dengan penerapan ilmu yang diperoleh di
sekolah terhadap dunia kerja yang sebenarnya, hal ini disebut dengan Praktik
Kerja Lapangan (PRAKERIN). Dengan diadakanya Praktik Kerja Industri
diharapkan dapat melahirakan Sumber Daya Manusia yang berkualitas dan
profesional serta memiliki kemampuan untuk memberdayakan dirinya dalam
dunia kerja.
Sistem Informasi secara general dikenal sebagai perangkat lunak
 yang dapat membantu pengaturan atau analisis data. Sistem informasi
memiliki tujuan utama untuk mengubah data mentah menjadi informasi yang
berguna bagi suatu instansi atau organisasi. Lewat hasil pemrosesan data
menjadi informasi inilah nantinya pengambilan keputusan dalam suatu
organisasi dapat dilakukan secara observatif.

Untuk penyusunan laporan ini penulis memilih judul “Membuat Sistem

Informasi Pesantren di PT. Inovindo Digital Media”, penulis mengambil judul
ini di karenakan keterbatasan sistem informasi yang di berikan oleh pesantren
mengunakan lembaran kertas ataupun secara lisan. Aplikasi yang dibuat ini
dapat mempermudah Wali santri untuk berkontribusi dengan pondok pesantren.

1
E. Maksud dan Tujuan Prakerin
1. Maksud
a. Melakukan tugas Prakerin sesuai dengan latar belakang bidang
Pendidikan yaitu bidang kompetensi Rekayasa Perangkat Lunak.
b. Mengembangkan potensi dan kemampuan.
c. Menambah pengalaman bagi peserta didik dalam menghadapi dunia
kerja yang sesungguhnya.
d. Mengimplementasikan pengetahuan yang sudah didapat bangku
SMK pada dunia nyata
e. Menambah wawasan berfikir dan pengetahuan yang dapat digunakan
untuk memecahkan permasalahan yang dihadapi dalam bidang
kompetensi Rekayasa Perangkat Lunak.
f. Melatih untuk bersikap disiplin, bertanggung jawab, dan dapat
menyesuaikan diri pada lingkungan kerja.
g. Mendapatkan pengalaman kerja baik ilmu pengetahuan yang di
dapat maupun kondisi dalam dunia kerja sebelum memasuki dunia
kerja yang nyata.
2. Tujuan
a. Untuk menjalankan kewajiban yang merupakan kegiatan wajib bagi
peserta didik SMK.
b. Untuk memperoleh awasan dan pengimplementasikan langsung pada
bidang kompetensi Rekayasa Perangkat Lunak yang ada
dilingkungan kerja yang nyata dan memperoleh perbandingan
dengan teori yang telah dipelajari semasa SMK.
c. Untuk menambah pengalaman dan memperkenalkan peserta didik
akan dunia kerja yang nyata, serta mengasah kemampuan.
2
A. Manfaat
1. Bagi Peserta Didik
Manfaat yang diperoleh setelah melakukan Prakerin bagi peserta
didik antara lain :
a. Menambah pengalaman atau wawasan tentang dunia kerja yang
sesungguhnya.
b. Meningkatkan wawasan bersosialisasi dengan ruang lingkup
kerja.
c. Memperoleh pengalaman dalam mengghadapi suatu masalah
pekerjaan serta dapat meningkatkan kemampuan
menyelesesaikan masalah yang dihadapi.
2. Bagi Sekolah
Manfaat yang diperoleh sekolah setelah melakukan Prakerin
antara lain:
a. Melalui kegiatan Prakerin diharapkan dapat meningkatkan
hubungan kemitraan dengan perusahaan terkait.
b. Menciptakan calon-calon tenaga kerja yang berkualitas serta
siap untuk memasuki dunia kerja yang sesungguhnya sesuai
dengan ilmu yang telah didapati.
3. Bagi Perusahaan
Manfaat yang diperoleh perusahaan setelah melakukan Prakerin
antara lain:
a. Mendapatkan tenaga kerja tambahan bagi perusahaan.
b. Menambah banyak ide dan inovasi dari pada peserta didik
Prakerin.

BAB II
PELAKSANAAN KEGIATAN
D. Gambaran Umum Perusahaan
1. Profil Perusahaan
PT Inovindo Digital Media Berdiri pada tanggal 10 November
2011 di Bandung didirikan oleh Bapak Novi Setia Nurviat. Pada awalnya
PT Inovindo Digital Media adalah tim proyek IT bernama Inovindo lalu
kemudian Inovindo berbadan usaha CV pada tahun 2013 dan pada tahun
2018 Inovindo berbadan usaha PT.

PT Inovindo Digital Media telah dipercaya oleh berbagai

konsumen untuk menangani berbagai macam kebutuhannya, diantaranya:
Kementrian Pendidikan dan Kebudayaan RI, BPJS Ketenagakerjaan,
PLN, ITB, Toyota, Honda, Yamaha, KEMENKOPUKM (Kementrian
Koperasi dan UKM RI), dan masih banyak yang lainya.

PT Inovindo Digital Media juga tergabung dalam beberapa

asosiasi usaha diantaranya: Himpunan Pengusaha Muda Indonesia,
Jaringan Pengusaha Nasional, GEKRAFS (Gerakan Ekonomi Kreatif
Nasional), HIPPI (Himpunan Pengusaha Pribumi Indonesia), AMA
Indonesia, Mercedes Benz Club Indonesia, dan JCI.

PT Inovindo Digital Media juga memiliki beberapa layanan,

dan menaungi beberapa perusahaan, diantaranya:

a. Pembuatan Website Profesional (Inovindo Web)

Disediakan oleh PT Inovindo Digital Media untuk
memenuhi kebutuhan konsumen terutama pebisnis konvensional
untuk masuk ke dalam pasar digital.
b. Seni Visual (CV Arthfael Project)
Disediakan untuk para konsumen yang ingin memasarkan
produknya dikemas secara atraktif dan mewah untuk masuk di
dunia industri marketing.
4
c. Pembelajaran Online Profesional (Fathforce)
Fathforce adalah platform pembelajaran (Learning
Management System) yang disediakan oleh PT Inovindo Digital
Media sebagai sarana pembelajaran bagi para konsumen. Fathforce
juga dinaungi oleh PT Fathforce Sinergi Global.
d. Sistem Keamanan (CV Inspira Mulia)
Inpira Mulia adalah layanan yang bergerak dibidang
produk dan solusi IT Services, Security System, dan Web
Development.
e. Marketing Media Sosial (CV Nos Insan Digital)
Adalah layanan yang disediakan untuk mengembangkan
bisnis yang dimiliki oleh konsumen lewat Digital Marketing.
2. Visi Misi Perusahaan
a. Visi
Menjadi perusahaan IT terkemuka yang sesuai syariah
dengan layanan terbaik dalam memberikan solusi tepat dan
terpercaya yang terus menerus bersinergi dan berinovasi.

b. Misi
1) Memberntuk SDM yang berakhlaqul karimah.
2) Membangun dan memelihara citra positif perusahaan dengan
karya yang inovatif.
3) Mengembangkan produk Industri IT yang kompetitif.
4) Mengedepankan profesionalisme dan teamwork dalam
menghasilkan layanan yang berkualitas.
5) Memberikan layanan yang terbaik kepada klien.
6) Mengembangkan kerjasama dan kemitraan usaha yang saling
menguntungkan.
7) Mengembangkan inovasi teknologi terbaik dan terkini dalam
setiap produk.
8) Meningkatkan benefit dan nilai tambah bagi klien dan
stakholder

1. Logo Perusaahaan

Gambar 3.1 Logo Perusahaan PT Inovindo Digital Media

2. Struktur Organisasi
 Gambar 3.2 Struktur Organisasi PT Inovindo Digital Media

6
A. Uraian Kerja
1. Bidang Kerja
Dalam Pelaksanaan Prakerin, peserta didik ditempatkan
dibagian kantor pusat dibawah pengawasan bapak Doni Romdoni, selaku
Manajer Proyek PT. Inovindo Digital Media. Penulis ditunjuk sebagai
Manajer Proyek Kelompok 2 untuk membuat sebuah sistem informasi
Car Wash.

2. Pelaksanaan Kerja
Selama masa Prakerin di PT Inovindo Digital Media, penulis
diberi beberapa tugas yang diberikan oleh Pembimbing dari perusuhaan
antara lain:

a. Membuat Sebuah Curriculum Vitae (CV) Kreatif dan

website Portofolio
Satu Minggu pertama Bapak Doni, selaku pembimbing
dari pihak perusahaan memberikan sebuah tugas yaitu membuat
Curriculum Vitae (CV) kreatif dan membuat sebuah website
portofolio.
Dalam proses pengerjaanya penulis menggunakan
 aplikasi online Canva untuk membuat CV kreatif dan untuk
membuat website portofolio penulis menggunakan template
gratis lalu mengubah konten isinya dengan Text Edtior Visual
Studio Code.
b. Orientasi Lingkungan Kerja
Setelah tugas pertama selesai, Bapak Doni memberi
instruksi kepada penulis dan peserta Prakerin dari SMK Yapiim
Indramayu melakukan perkenalan diri dengan peserta Prakerin
dari Sekolah ataupun Perguruan Tinggi lain dan para staf PT.
Inovindo Ditigal Media.

7
c. Membuat Sistem Informasi Pesantren
Bapak Doni memberikan sebuah proyek kepada peserta
Prakerin (Alif, Juju, Herry, Tyaesa, Fajry dan Penulis) yaitu
membuat sebuah Sistem Informasi Pesantren.
Waktu yang diberikan yaitu selama 3 bulan hingga akhir
masa Prakerin pada tanggal 31 Januari. Selama proses
pengerjaanya penulis menjadi Anggota Proyek di Kelompok
bertugas mengerjakan Uscase, Jadwal Sambangan, dan
Pelanggaran
d. Melaksanakan Kegiatan Rutin Mingguan Pada Hari Sabtu
PT. Inovindo Digital Media memiliki banyak program
kerja, salah satunya Tahsin.

“Tahsin (bahasa Arab: ‫ )تحسین‬adalah kata Arab yang

berarti memperbaiki, meningkatkan, atau memperkaya.
Tahsin dalam islam mengandung makna bahwa tuntutan
agar dalam membaca alquran harus benar dan tepat
sesuai dengan contohnya demi terjaganya orisinalitas
praktik tilawah sesuai dengan sunnah Rasulullah SAW.”
(Eqbal 2013).

Tahsin dilaksanakan di Masjid Al-Ikhlas Buana Citra

 Ciwastra, para peserta Prakerin di anjurkan membawa Al-
Qur’an cetakan Madinah atau Internasional agar hukum
bacaanya lebih terlihat/jelas. Di program Tahsin ini para peserta
akan belajar memperbaiki, meningkatkan ataupun memperkaya
ilmu dalam membaca yang tepat dan benar sesuai sunnah
Rasulullah SAW.

E. Jadwal Kegiatan 9
Kegiatan Prakerin di PT. Inovindo Digital Media dilaksanakan
pada: Dari Tanggal : 2 November 2022
Sampai : 31 Januari 2023
Perusahaan : PT. Inovindo Digital Media

1. Jadwal Prakerin Harian

Tabel 3.1 Jadwal Prakerin Harian

Sistem Jam Jam Istirahat Jam Istirahat Jam

Hari
Kerja Masuk 1 2 Keluar
WFO Senin 09.00 12.00 - 13.00 15.00 - 16.00 17.00
WFH Selasa 09.00 11.30 - 13.00 15.00 - 16.00 17.00
WFO Rabu 09.00 11.30 - 13.00 15.00 - 16.00 17.00
WFH Kamis 09.00 11.30 - 13.00 15.00 - 16.00 17.00
WFO Jumat 09.00 11.30 - 13.00 15.00 - 16.00 17.00
WFH Sabtu 09.00 11.30 - 13.00 15.00 - 16.00 17.00

2. Isi Kegiatan Prakerin

Tabel 3.2 Isi Kegiatan Prakerin

Kegiatan Kerja Harian Tanggal

Pengarahan, Membuat cv web dan pdf, 2 November 2022
Pengenalan Trello
Membuat CV Website Portofolio 3 November 2022
Pengarahan Menggunakan Trello, Tahsin, 4 November 2022
Daftar Finger Print

Melanjutkan CV Website Portofolio, upload 5 November 2022

CV Web ke Github
Upload CV Web ke Github 7 November 2022
Upload CV Web ke Github 8 November 2022

Menyelesaikan Upload CV Ke Github 9 November 2022

Menyelesaikan Upload CV Ke Github 10 November 2022
Tahsin, Mencari Cara Untuk Upload CV Ke 11 November 2022
Github
Menyelesaikan CV Website 12 November 2022
Melanjutkan Uploud CV Ke Github 14 November 2022
 BAB III
HASIL DAN PEMBAHASAN

A. Kajian Teori
1. Pengertian Sistem Informasi
Sistem Informasi ada karena kebutuhan manusia akan keefisienan
dan keefektifan dalam melakukan sebuah pekerjaan.
Sistem Informasi (SI) adalah kombinasi dari teknologi
informasi dan aktivitas orang yang menggunakan teknologi itu
untuk mendukung operasi dan manajemen. Dalam arti yang
sangat luas, istilah sistem informasi yang sering digunakan
merujuk kepada interaksi antara orang, proses algoritmik, data,
dan teknologi. Dalam pengertian ini, istilah ini digunakan untuk
merujuk tidak hanya pada penggunaan organisasi teknologi
informasi dan komunikasi (TIK), tetapi juga untuk cara di mana
orang berinteraksi dengan teknologi ini dalam mendukung proses
bisnis. (K. Wikipedia 2022).

2. Tujuan Sistem Informasi

Tujuan dari Sistem Informasi adalah memudahkan pekerjaan

manusia dalam menyelesaikan sebuah aktifitas ataupun sebuah masalah
sebagai contoh: memesan makanan secara daring dan membeli tiket
bioskop secara daring.

Tujuan dari sistem informasi adalah menghasilkan informasi.

Sistem informasi selalu melibatkan data-data penting dimana data
yang diolah menjadi bentuk yang berguna bagi para pemakainya.
Data yang diolah saja tidak cukup dapat dikatakan sebagai suatu
informasi. Untuk dapat berguna, maka informasi harus didukung
oleh tiga pilar sebagai berikut: tepat kepada orangnya atau relevan
(relevance), tepat waktu (timeliness), dan tepat nilainya atau
akurat (accurate). Keluaran yang tidak didukung oleh tiga pilar
ini tidak dapat dikatakan sebagai informasi yang berguna, tetapi
merupakan sampah (garbage). (K. Wikipedia 2022).

12
3. Komponen Sistem Informasi
Sistem Informasi juga memiliki komponen penting didalamnya
dan dipat dikategorikan menjadi empat bagian.

“Sistem Informasi terdiri dari komputer, instruksi, fakta yang

tersimpan, manusia dan prosedur sehingga dapat dikategorikan
dalam empat bagian: (1) Sistem informasi manajemen. (2)
Sistem Pendukung Keputusan. (3) Sistem Informasi Eksekutif.
(3) Sistem Pemroresan Transaksi”. (K. Wikipedia 2022).

4. Software yang Digunakan

Software yang digunakan penulis dan kelompoknya untuk
proses membuat Sistem Informasi pesantren, diantaranya:

a. Visual Studio Code

Gambar 4.1 Logo Visual Studio Code (VSCode)

Kelompok kami memilih Visual Studio Code (VSCode)

sebagai Text Editor untuk melakukan pemrograman. Kami
memilih VSCode karena kemudahan yang diberikan oleh Visual
Studio Code dalam mengontrol source atau versi saat
menggunakan repositori dari Git.

Visual Studio Code (VSCode) adalah perangkat lunak

penyunting kode-sumber
buatan Microsoft untuk Linux, macOS, dan Windows.
Visual Studio Code menyediakan fitur seperti
penyorotan sintaksis, penyelesaian kode, kutipan kode,
merefaktor kode, pengawakutuan, dan Git. Visual Studio
Code pertama kali diperkenalkan di tanggal 29

13
 April 2015 oleh Microsoft di konferensi Build 2015.
(K. Wikipedia 2022).
Selain itu kami juga dapat dengan bebas mengunduh
ekstensi yang diperlukan untuk membantu saat dalam proses
pemrograman.
b. Whimsical

Gambar 4.2 Logo Whimsical

Alasan kami memakai Whimsical adalah karena

Whimsical memiliki banyak tools dan ekstensi yang dapat
memudahkan dalam mendesain sebuah rancangan, dan juga
ringan digunakan di perangkat milik kami.

Whimsical adalah adalah aplikasi berbasis vektor, dapat

digunakan untuk membuat desain aplikasi, web, dan masih
banyak lainya. Selain itu, figma adalah aplikasi untuk para
desainer berkolaborasi dengan desainer lainnya dan membuat
desain secara bersama-sama. Dalam membuat sebuah desain
Wireframe, Mockup, ataupun Prototype di dalam suatu aplikasi
atau website, Figma memiliki beberapa tools yang dapat
digunakan untuk memudahkan desainer dalam mendesain.

14
c. MySQL

Gambar 4.5 Logo MySQL

Kami memakai MySQL karena salah satu database

yang popluer juga karena sudah cukup akrab dengan sintak-
sintak miliknya yaitu SQL yang pendek dan mudah dipahami
daripada database lain.

MySQL adalah sebuah DBMS (Database Management

System) menggunakan perintah SQL (Structured Query
Language) yang banyak digunakan saat ini dalam
pembuatan aplikasi berbasis website. (DQLab 2021).

d. GitHub

Gambar 4.6 Logo GitHub

Saat dalam proses pemrograman kami memakai GitHub

untuk mengontrol versi dari proyek kami. Kami memakai GitHub
juga agar lebih mudah dalam membagikan tugas-tugas kepada
anggota kelompoknya dan juga menyatukan berbagai fitur
ataupun tugas-tugas yang telah dikerjakan.
GitHub adalah layanan hos web bersama untuk proyek
pengembangan perangkat lunak yang menggunakan
sistem kendali versi Git dan layanan hosting internet. Hal
ini banyak digunakan untuk kode komputer. Ini
memberikan kontrol akses dan beberapa fitur kolaborasi
seperti pelacakan bug, permintaan fitur, manajemen
tugas, dan wiki untuk setiap proyek. (Wikipedia 2022).

15
B. Temuan Studi
1. Langkah-langkah Pembuatan Sistem Informasi Pesantren
Untuk membuat sebuah Sistem Informasi Pesantren, perlu
melewati beberapa tahapan, diantaranya:

a. Membuat Case Diagram

Sebelum mulai melakukan coding penulis dan
kelompoknya membuat Use Case Diagram agar fitur-fitur yang
akan didalam aplikasi terbayang dengan jelas dan pemeran atau
aktor yang berperan dalam menggunakan aplikasi pun dapat
terlihat dengan jelas.

Gambar 4.7 Use Case Diagram Sisstem Informasi Pesantren

16
b. Membuat Entity Relational Diagram (ERD)
Setelah Use Case Diagram selesai dibuat lalu penulis dan
kelompok membuat sebuah ERD untuk menggambarkan entitas
apa saja yang terhubung dengan entitas yang lain dan juga
memudahkan pekerjaan saat akan melakukan pembuatan
database.
 Gambar 4.8 Entity Relational Diagram Sistem Informasi Pesantren

17

c. Memilih Template untuk Antarmuka

Setelah Use Case Diagram dan Entity Relational Diagram dibuat
maka selanjutnya memilih template antarmuka yang akan dipakai untuk
tampilan website. Template yang dipilih oleh penulis ada dua,
diantaranya:

1). Template Creative CV

Gambar 4.10 Tampilan Landing Page Creative Cv (Sumber)

 Penulis memilih template ini karena tema yang disediakan oleh
template sudah sesuai dengan judul dari proyek yang sedang
dikerjakan yaitu Sistem Informasi Pesantren. Penulis menggunakan
template ini sebagai landing page proyek Sistem Informasi
Pesantren.
Template ini bisa dibeli dengan harga $19 atau bila
dirupiahkan sekitar Rp. 293.056,00. Fitur yang ada didalam template
ini pun cukup lengkap, seperti responsive, slider, lokasi, dan masih
banyak lainnya.

18
 2). Template Creative CV

Gambar 4.9 Template Nice Admin (Sumber: mediacity.co.in)

Penulis memilih Creative CV untuk template Staf dikarenakan:

a) Responsive, template ini sudah responsive karena menggunakan
Framework CSS Bootstrap.
b) Memiliki banyak komponen.
c) Memiliki banyak Widget yang sudah disediakan, tinggal
memilih yang akan digunakan untuk dashboard.
d) Menyediakan Auth, jadi tidak perlu membuat tampilan Login,
Register, Lupa Password, dll

19
d. Membuat Wireframe
Selanjutnya adalah membuat Wireframe atau gambar
kerja, berfungsi sebagai kerangka situs web yang akan ada di
proyek.

Gambar 4.11 Membuat Wireframe menggunakan Whimsical

e. Membuat Database

Sebelum mulai melakukan coding penulis dan kelompok membuat

Database terleih dahulu

Gambar 4.12 Membuat database phpmyAdmin

Penulis membuat database di karenkan dapat Mengelompokan data dan

informasi. Memudahkan identifikasi data. Menghindari data ganda
yang tersimpan. Memudahkan akses, simpan, pembaruan, dan
penghapusan data.
20
f. Membuat File koneksi.php di Visual Sudio

Setelah membuat database penulis dan kelompok membuat coding

koneksi.php

Ursname mysql Nama database

Nama host Password yang ingin di
mysql gunakan

Gambar 4.12 Membuat coding koneksi.php

Coding koneksi bertujuan untuk menghubungkan atau membuat

koneksi antara PHP ke engine MySQL 

g. Menghubungkan coding ke datbase

Fungsi Select Pada SQL - SQL

Di gunakan untuk memanggil
SELECT adalah pernyataan yang
folder koneksi.php
digunakan untuk mengambil data
dari tabel database dan
mengembalikan data dalam bentuk
tabel.
h. Fitur kelola Admin
a. Edit dan Hapus

Menampilkan button
Menampilkan button edit hapus table di sertai
pada tabel dengan alert

b. Tambah tabel

Di gunakan untuk menampilkan button tambah

c. Aksi edit
Pada aksi edit penulis ‘ID‘, oleh karena itu kita menambahkan query ID pada saat
pembuatan tabel sebelumnya karena tiap id yang di set Auto Increment akan
mendapatkan value yang berbeda-beda (value-nya biasanya berupa penomoran
dari 1-10 dst. dan ter-input otomatis tiap kali kita memasukan data baru) oleh
karena itu pada skrip di atas kita menambahkan fungsi WHERE id=’$id’ agar
sistem dapat mengidentifikasi data mana yang ingin di update berdasarkan id.

Fungsi tersebut di perlukan karena jika tidak maka semua data akan ikut berubah
padahal kita hanya menginginkan satu data saja yang ingin di ubah.

d. Aksi hapus
 Selanjutnya pada aksi hapus penulis menggunakan salah satu perintah SQL
yaitu DELETE FROM, perintah ini akan menghapus seluruh data
berdasarkan id data tersebut (‘WHERE id=’$id”);

e. Aksi tambah

Perintah INSERT INTO biasa digunakan untuk memasukkan baris baru ke

dalam tabel.
 DAFTAR PUSTAKA

Wikipedia. (2021). Tahsin. Diakses pada 16 Oktober 2022, dari

https://id.wikipedia.org/wiki/Tahsin

Wikipedia. (2022). Sistem Informasi. Diakses pada 20 Oktober 2022, dari

https://id.wikipedia.org/wiki/Sistem_informasi

Wikipedia. (2022). Sistem Informasi Manajemen. Diakses pada 20 Oktober 2022,

dari https://id.wikipedia.org/wiki/Sistem_informasi_manajemen

Wikipedia. (2019). Sistem Informasi Keputusan. Diakses pada 20 Oktober 2022,

dari https://id.wikipedia.org/wiki/Sistem_pendukung_keputusan

Wikipedia. (2021). Sistem Informasi Eksekutif. Diakses pada 20 Oktober 2022,

dari https://id.wikipedia.org/wiki/Sistem_informasi_eksekutif

Wikipedia. (2022). Sistem Informasi Transaksi. Diakses pada 20 Oktober 2022,

dari https://id.wikipedia.org/wiki/Sistem_pemrosesan_transaksi

Wikipedia. (2022). Visual Studio Code. Diakses pada 24 Oktober 2022, dari
https://id.wikipedia.org/wiki/Visual_Studio_Code

Wikipedia. (2022). Laravel. Diakses pada 24 Oktober 2022, dari

https://id.wikipedia.org/wiki/Laravel

Dewaweb. (2022). Apa itu Laravel? Pengertian, Fitur, dan Kelebihanya. Diakses
pada 24 Oktober 2022, dari https://www.dewaweb.com/blog/apa-itu-
laravel/

Wikipedia. (2022). Whimsical (software). Diakses pada 24 Oktober 2022,

dari https://en.wikipedia.org/wiki/Whimsical_(software)

Dewaweb. (2022). Apa itu Whimsical? Penjelasan, Fitur, Keunggulan

dan Manfaatnya. Diakses pada 24 Oktober 2022, dari
https://www.dewaweb.com/blog/apa-itu-Whimsical/

42
 43

Binus University. (2021). Apa itu Figma?. Diakses pada 24 Oktober 2022, dari
https://student-activity.binus.ac.id/himka/2021/07/07/apa-itu-figma/

Wikipedia. (2022). StarUML. Diakses pada 24 Oktober 2022, dari

https://en.wikipedia.org/wiki/StarUML

Atmika, Chacha. (2012). Pengertian StarUML dan DFD. Diakses pada 24

Oktober 2022, dari http://www.chacaatmika.com/2012/04/star-uml-dan-
dfd.html

Multimedia Starbhak. (2013). Pengenalan StarUML. Diakses pada 24 Oktober

2022 dari
https://multimediasmktarunabhakti.wordpress.com/2013/05/22/pengenalan
-staruml/

Agusta, Yudi. (2011). Star UML. Diakses pada 24 Oktober 2022, dari
https://yudiagusta.files.wordpress.com/2011/03/staruml.pdf

Wikipedia. (2022). MySQL. Diakses pada 26 Oktober 2022, dari

https://id.wikipedia.org/wiki/MySQL

DQLab. (2021). FungsiMySQL, Kelebihan serta Kekuranganya. Diakses pada 26

Oktober 2022, dari https://www.dqlab.id/fungsi-mysql-kelebihan-serta-
kekurangannya

C, Ariata. (2022). Apa Itu MySQL? Pengertian MySQL, Cara Kerja, dan
Kelebihannya. Diakses pada 26 Oktober 2022, dari
https://www.hostinger.co.id/tutorial/apa-itu-mysql
Golden. (2022). MySQL. Diakses pada 26 Oktober 2022, dari
https://golden.com/wiki/MySQL-ER4M
 LAMPIRAN

A. Foto Kantor PT. Inovindo Digital Media

Foto kantor PT. Inovindo Digital Media yang berlokasi di Jl.
Batusari Komplek Buana Citra Ciwastra No.D-3, Buahbatu, Kec.
Bojongsoang, Kabupaten Bandung, Jawa Barat:

1. Kantor 1

Lampiran 1 Foto Kantor 1

2. Kantor 2

Lampiran 2 Foto Kantor 2

3. Koridor Kantor 2

Lampiran 3 Foto Koridor Kantor 2

 4. Ruang Tengah Kantor 2

Lampiran 4 Foto Ruang Tengah Kantor 2

B. Dokumentasi Kegiatan
1. Dokumentasi Penulis saat Prakerin

Lampiran 5 Dokumentasi Penulis saat Prakerin

C. Foto Presensi
1. Foto Jurnal Kegiatan Harian 1

Lampiran 6 Foto Jurnal Kegiatan Harian 1

2. Foto Jurnal Kegiatan Harian 2

Lampiran 7 Foto Jurnal Kegiatan Harian 2

3. Foto Jurnal Kegiatan Harian 3

Lampiran 8 Foto Jurnal Kegiatan Harian 3

4. Foto Jurnal Jam Kerja Harian

Lampiran 9 Foto Jurnal Jam Kerja Harian