LAPORAN KEGIATAN PRAKTIK KERJA INDUSTRI

MEMBUAT SISTEM PEMILLIHAN KETUA OSIS MENGGUNAKAN PHP

NATIVE DI PT INOVINDO DIGITAL - MEDIA

Disusun untuk memenuhi salah satu syarat kelulusan

Kompetensi Keahlian Rekayasa Perangkat Lunak Tahun Ajaran 2022 – 2023

Disusun oleh :
Yogi Sugianto
21224403

Rekayasa Perangkat Lunak

SMKN 1 TALAGA
NPSN: 20213872 NSS: 34.1.02.16.04.031
Jl. Talaga Bantarujeg, Mekarraharja, Kec. Talaga Kab. Majalengka, Jawa Barat 45463
Tlp:  (0233) 319238. Email: admin@smkn1talaga.sch.id Web: https://smkn1talaga.sch.id

2023
 LEMBAR PENGESAHAN

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

Nama : Yogi Sugianto
NIS : 21224403
Program Keahlian : Rekaya Perangkat Lunak
Dengan Judul : Pemilihan Ketua Osis

LAPORAN KEGIATAN PRAKTIK KERJA INDSUTRI

PEMILIHAN KETUA OSIS
MENGGUNAKAN PHP NATIVE DI
PT. INOVINDO DIGITAL - MEDIA

Telah disahkan pada :

Hari :
Tanggal :

Pembimbing Perusahaan Pembimbing Sekolah

Doni Romdoni Asep Doni Pradana S.Kom

Mengetahui Kepala
Sekolah
SMKN 1 TALAGA

UDIN WAHYUDIN S.IP. ,M.Si

Pembina TK.I/IV.b
NIP.196507051989031017
 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. Bapak Udin Wahyudin S.IP., M.Si, selaku Kepala sekolah SMKN 1
Talaga
4. Bapak Solehudin selaku Humas kepala sekolah SMKN 1 Talaga.
5. Bapak Asep Doni Pradana S.Kom selaku kepala Kompetensi keahlian.
6. Ibu Maya Marantika S.Pd selaku kepala Kompetensi keahlian.
7. Ibu Lina Mariyana SP. selaku wali kelas XI RPL 1.
8. Bapak Asep Doni Pradana S.Kom selaku Pembimbing Praktik Kerja
Lapangan yang telah memberikan banyak motivasi dan membantu
penulis dalam menyelesaikan laporan.
9. Bapak Novi Setia Nurviat selaku Pemilik sekaligus Presiden
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 selama Prakerin.
12. Fauzi Maulana Nur Ilham. 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 Agus, Iman, Erik, dan Galang. 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, 6 maret 2023

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, Tujuan, dan Ruang Lingkup Prakerin.......................................2
1. Maksud..................................................................................................2
2. Tujuan...................................................................................................2
3. Ruang Lingkup.....................................................................................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
1. Pengertian Sistem Informasi.............................................................12

III
 2. Tujuan Sistem Informasi...................................................................12
3. Komponen Sistem Informasi.............................................................13
4. Software yang Digunakan.................................................................13
B. Temuan Studi..............................................................................................17
1. Langkah-langkah Pembuatan Sistem Informasi............................17
BAB IV PENUTUP..............................................................................................28
A. Kesimpulan..................................................................................................28
B. Saran............................................................................................................28
1. Saran untuk Perusahaan...................................................................28
2. Saran untuk Sekolah..........................................................................28
DAFTAR PUSTAKA...........................................................................................29
Lampiran..............................................................................................................30

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 Diagrams.net......................................................................................14
Gambar 4.3 Logo Whimsical.................................................................................15
Gambar 4.4 Logo Xampp.......................................................................................15
Gambar 4.5 Logo PHP...........................................................................................16
Gambar 4.6 Logo MySQL.....................................................................................16
Gambar 4.7 Usecase DiagramPemilihan Ketua Osis.............................................17
Gambar 4.8 ERD Pemilihan Ketua Osis................................................................18
Gambar 4.9 Template Stisla...................................................................................18
Gambar 4.10 Membuat Wireframe Menggunakan Whimsical..............................19
Gambar 4.11 Database Pemilihan Ketua Osis.......................................................20
Gambar 4.12 Syntax Login....................................................................................21
Gambar 4.13 Tampilan Login Pemilihan Ketua Osis............................................21
Gambar 4.14 Fungsi Untuk Menambahkan Data Siswa........................................22
Gambar 4.15 Fungsi Edit Data Siswa....................................................................22
Gambar 4.16 Fungsi Hapus Data SIswa................................................................23
Gambar 4.17 Tampilan Kelola Siswa....................................................................23
Gambar 4.18 Fungsi Tambah Kandidat.................................................................24
Gambar 4.19 Fungsi Edit Kandidat.......................................................................24
Gambar 4.20 Fungsi Hapus Kandidat...................................................................25
Gambar 4.21 Tampilan Kelola Kandidat...............................................................25
Gambar 4.22 Fungsi Vote Kandidat Siswa............................................................26
Gambar 4.23 Tampilan Vote Kandidat Siswa.......................................................26
Gambar 4.24 Fungsi Vote Perolehan Siswa ..........................................................27
Gambar 4.25 Tampilan Vote Perolehan Siswa......................................................27

VI
 DAFTAR LAMPIRAN

Lampiran 1 Foto Kantor 1......................................................................................30

Lampiran 2 Foto Kantor 2......................................................................................30
Lampiran 3 Foto Koridor Kantor 2........................................................................31
Lampiran 4 Foto Ruang Tengah Kantor 2.............................................................31
Lampiran 5 Dokumentasi Penulis saat Prakerin....................................................32

VII
 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 Industri (PRAKERIN). Prakerin ini adalah upaya menyapkan siswa
agar lebih memahami tentang apa yang didapatkan siswa di sekolah untuk
diterapkan di Dunia Usaha/Dunia Industri/Instansi Lembaga, sebagai bekal
dalam rangka menyiapkan kemampuan dan mengembangkan profesionalisme
yang dibutuhkan pembangunan nasional serta mempersiapkan diri menjadi
tenaga-tenaga terampil dalam menghadapi permasalahan di bidang teknologi
dan industri
Kegiatan yang dilakukan untuk mengukur kemajuan atas objektif
atau program. Monitoring bertujuan untuk memantau perubahan dan fokus
pada proses dan keluaran. Melibatkan monitoring dapat dilakukan dengan
perhitungan atas apa yang dilakukan.

Untuk penyusunan laporan ini penulis memilih judul “Pemillihan Ketua

Osis Menggunakan PHP Native di PT. Inovindo Digital Media”, penulis
mengambil judul ini dikarenakan saat proses pemilihan ketua osis membutuhkan
waktu yang cukup lama kadang juga sering mengganggu proses pembelajaran,
Dengan aplikasi yang dibuat ini kami harap dapat mempermudah dalam proses
pemilihan ketua osis, supaya dapat mempercepat proses pemilihan ketua osis.

1
B. Maksud Dan Tujuan

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 di sekolah
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. Mempermudah dalam pemlihan ketua osis yang mana biasanya
pemilihan osis selesai berjam-jam, kini dengan aplikasi kami harap
dapat mengefektifkan waktu.

3. Ruang Lingkup
Karena PRAKERIN dimaksudkan untuk meningkatkan keampuan kerja
(keterampilan teknis ) melalui pengalaman di dunia kerja yang nyata,
Maka lingkup kegiatan diharapkan meliputi hal-hal sebagai berikut:

a. Peningkatan kemampuan keterapilan.

b. Pengenalan lingkungan dan suasana kerja.
c. Penguasaan tata laksana dan administrasi proses produksi dan
pemasaran.
d. Penanaman kepedulian tentang kualitas proses dan hasil kerja.
e. Penghayatan tentang tugas, tanggung jawab, hak, dan kewajiban
sebagai pekerja.

2
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. Peluang memperoleh masukan dari dunia kerja untuk perbaikan
program dan proses pembelajaran yang diselenggarakan.
3. Bagi Perusahaan
Manfaat yang diperoleh perusahaan setelah melakukan Prakerin
antara lain:

a. Mendapatkan tenaga kerja tambahan bagi perusahaan.

b. Menambahkan banyak ide dan motivasi dari peserta didik

Prakerin.

3
 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 dipercaya memberikan

Pelatihan Pemrograman Website, Android & IOS Apps dalam Program
Upskilling dan Reskilling Guru Kejuruan Berstandar Industri yang
ditunjuk langsung oleh Direktorat Kemitraan Dan Penyelarasan Dunia
Usaha dan Dunia Industri KEMENDIKBUD RI. Juga telah melakukan
perjanjian kerjasama dengan Direktorat Jendral Pendidikan Vokasi
KEMENDIKBUD RI tentang kesinergian dalam peningkatan kualitas
pendidikan vokasi.

PT Inovindo Digital Media juga memiliki beberapa layanan,

dan menaungi beberapa perusahaan, diantaranya:

4
 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.
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

5
 3. Logo Perusaahaan

Gambar 3.1 Logo Perusahaan PT Inovindo Digital Media

4. Struktur Organisasi

Gambar 3.2 Struktur Organisasi PT Inovindo Digital Media

6
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
perojek Manager SMKN 1 Talaga untuk membuat sebuah Sistem
pemilihan ketua osis

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
website Canva untuk membuat CV kreatif, dan untuk membuat
website portofolio penulis mencari template di internet lalu
mengedit 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 SMKN 1
Talaga melakukan perkenalan diri dengan peserta Prakerin dari
Sekolah ataupun Perguruan Tinggi lain dan para staf PT.
Inovindo Ditigal Media.

c. Membuat Sistem Pemilihan Ketua Osis Menggunakan

PHP Native di PT. Inovindo Digital Media
Kami mengusulkan beberapa judul projek lalu Bapak
Doni memutuskan sebuah proyek kepada peserta Prakerin
(Agus, Galang, Iman, Erik, Fauzi dan Penulis) yaitu membuat
sebuah Sistem Pemilihan kutua Osis.
Waktu yang diberikan yaitu selama 3 bulan hingga akhir
masa Prakerin pada tanggal 19 Maret. Selama proses
7
 pengerjaanya penulis menjadi Project Manager, bertugas
mengkoordinasikan project dan pemantauan / 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.”
Tahsin dilaksanakan di Masjid Al-Ikhlas Buana Citra
Ciwastra, para peserta Prakerin di anjurkan membawa Al-
Qur’an cetakan Madinah atau Internasional agar serentak dan
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.

8
C. Jadwal Kegiatan
Kegiatan Prakerin di PT. Inovindo Digital Media dilaksanakan
pada: Dari Tanggal : 19 Desember 2022
Sampai : 19 Maret 2023
Perusahaan : PT. Inovindo Digital Media

1. Jadwal Prakerin Harian

Sistem Jam Jam Istirahat Jam Istirahat Jam

Hari
Kerja Masuk 1 2 Keluar
WFO Senin 09.00 11.50 - 13.00 15.00 - 16.00 17.00
WFO Selasa 09.00 11.50 - 13.00 15.00 - 16.00 17.00
WFO Rabu 09.00 11.50 - 13.00 15.00 - 16.00 17.00
WFO Kamis 09.00 11.50 - 13.00 15.00 - 16.00 17.00
WFO Jumat 09.00 11.50 - 13.00 15.00 - 16.00 17.00
WFO Sabtu 09.00 11.50 - 13.00 15.00 - 16.00 14:00

Tabel 3.1 Jadwal Prakerin Harian

2. Isi Kegiatan Prakerin

Kegiatan Kerja Harian Tanggal

Perkenalan, Membuat Trello, Membuat CV Creative 19 Desember 2022

Membuat CV Creative 20 Desember 2022

Presentasi CV Creative 21 Desember 2022
Membuat Web Portoflio 22 Desember 2022
Hosting Web Portfolio Github 30 Desember 2022
Presentasi Web Portoflio 6 Januari 2023
Mengajukan Judul Proposal Project 9 Januari 2023
Membuat TimeLine 30%
Membuat ERD 10 Januari 2023
Membuat UseCase
Presentasi ERD dan Use Case 14 Januari 2023

Revisi ERD dan UseCase 17 Januari 2023

Membuat Wireframe 21 Januari 2023

Mencari Template 19 Febuari 2023

9
Membuat Timeline 80%
Templating
1.Halaman Login
2.Dashboard 6 Febuari 2023
3.Kelola Siswa
4.Kelola Kandidat
5.Kelas
6.Jurusan
Templating
1.Kelola Kandidat 7 Febuari 2023
2.Vote Kandidat
3.Melihat Visi Misi
Membuat Database 8 Febuari 2023
1.Kelola siswa 8 Febuari 2023
2.Kelola Kandidat
Login Admin 10 Febuari 2023
Kelola Periode 14 Febuari 2023
Vote Kandidat 15 Febuari 2023
Kelola Jurusan 16 Febuari 2023
Kelola Kelas 17 Febuari 2023
Edit Profil 20 Febuari 2023
Login Siswa 21 Febuari 2023
Perolehan Suara 21 Febuari 2023
Edit Password 22 Febuari 2023
Presentasi 90% 24 Febuari 2023
Revisi
1.Tampilan Login
2.Placeholder NIP
3.Kelas dan Jurusan yang di pilih | Kelola Siswa
4.Menyesuaikan tampilan Edit dan Tambah Siswa
5.Required Jenis Kelamin 25 Febuari 2023
6.Peringatan NIS yang sama
7.Menghilangkan angka Milidetik pada Kelola Periode
8.Peringnatan Tahun Periode yang sama
9. Tambah dan Edit kelas tidak boleh sama
10.Memperbaiki Navbar
11.Mendisable tombol Vote setelah memvote
Membuat Timeline 100% 26 Febuari 2023
Perolehan Suara Siswa
Dashboard 2 4 Febuari 2023
Presentasi 100% 28 Febuari 2023
Revisi

10
1.Jurusan, Kelas, dan Periode menambahkan opsi sesrch
dan row entry, huruf kapital
2.Navbar Siswa
3.Perolehan Suara akan di tampilkan jika sudah seleai
4.Edit Password
5.Kelola Kandidat Menampilkan opsi priode terbaru pada 1 Maret 2023
Tambah Kandidat dan memperbaiki ukuran foto Calon
Kandidat
6.Dashboard menampilkan Calon yang sedang bersaing /
berlangsung
7.Kelola Siswa menambahkan opsi import data siswa
lewat excel dan opsi hapus semua data siswa. Dan
menambahkan kolom status
Membuat Laporan 2 Maret 2023
Membuat Video Testimoni 6 Maret 2023
Penilaian 8 Maret 2023

Tabel 3.2 Isi Kegiatan Prakerin

11
 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 2023).

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 memesan barang
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
2023).

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 2023).

4. Software yang Digunakan

Software yang digunakan penulis dan kelompoknya untuk
proses membuat sistem informasi Pemilihan Ketua Osis
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 sudah terintegrasi dengan git jadi lebih
mudah dalam menyelesaikan conflict atau mengetahui mana
baris yang berubah atau ditambahkan.Jadi akan lebih
memudahkan dalam kerja tim, serta fitur yang sangat lengkap.
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 2023).
Selain itu kami juga dapat dengan bebas mengunduh
ekstensi yang diperlukan untuk membantu saat dalam proses
pemrograman.

b. Diagrams.net

Gambar 4.2 Logo Diagrams.net

Alasan kami memakai Diagrams.net adalah karena

Draw.io memiliki banyak tools dan ekstensi yang dapat
memudahkan dalam mendesain sebuah rancangan, kami
menggunakan Diagrams.net di websitenya langsung :
https://www.draw.io/index.html

Diagrams.net (sebelumnya draw.io) adalah perangkat

lunak menggambar grafik lintas platform gratis dan open source
yang dikembangkan dalam HTML5 dan JavaScript.
Antarmukanya dapat digunakan untuk membuat diagram seperti
diagram alur, diagram UML, bagan organisasi, dan diagram
jaringan.

14
c. Whimsical
Gambar 4.3 Logo Whimsical

kami menggunakan whimsical sebagai software untuk

membuat ilustrasi tampilan pada projek, yang memiliki banyak
tools dan ekstensi yang dapat memudahkan dalam merancang
desain sebuah aplikasi

d. Xampp

Gambar 4.4 Logo Xampp

Kami menggunakan XAMPP untuk local hosting (hosting

tanpa internet). XAMPP memudahkan kami untuk mengatur
database pada phpMyAdmin tanpa menggunakan koneksi internet.
XAMPP adalah salah satu aplikasi yang berfungsi sebagai web
server di localhost. Dengan menggunakan XAMPP, kami dapat
mengelola database yang ada di localhost tanpa memerlukan akses
internet. XAMPP juga digunakan dalam proses development aplikasi.
XAMPP juga cocok digunakan dalam tahap upgrading pada aplikasi
berbasis website

15
e. PHP

Gambar 4.5 Logo PHP

Untuk bahasa pemrograman kami memilih PHP Native

sebagai framework-nya.

PHP adalah bahasa scripting tujuan umum yang diarahkan

untuk pengembangan web. Ini awalnya dibuat oleh programmer
Kanada Denmark Rasmus Lerdorf pada tahun 1993 dan dirilis
pada tahun 1995. Implementasi referensi PHP sekarang
diproduksi oleh The PHP Group. PHP awalnya merupakan
singkatan dari Personal Home Page, tetapi sekarang singkatan
dari inisialisme rekursif PHP: Hypertext Preprocessor

f. MySQL

Gambar 4.6 Logo MySQL

Kami memakai MySQL karena salah satu database yang

popluer juga karena sudah cukup familiar dengan sintak-sintak
SQL yang mudah dipahami.

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).

16
B. Temuan Studi
1. Langkah-langkah Pembuatan Sistem pemilihan ketua osis
Untuk membuat sebuah Sistem Informasi Pemilihan
Ketua Osis, perlu melewati beberapa tahapan, diantaranya:

a. Membuat Case Diagram

Sebelum mulai melakukan coding penulis dan
kelompoknya membuat Use Case Diagram agar fitur-fitur yang
ada 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 Pemilihan Ketua Osis

17
 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 Pemilihan Ketua Osis

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 Stisla

Gambar 4.9 Template stisla

18
 Penulis memilih stisla untuk sebuah template
dikarenakan:
a. Tabel yang sudah sepaket dengan kolom
pencarian
b. Memiliki grafik batang yang cocok
dengan fitur perolehan suara.
c. Dilengkapi dengan Auth, jadi tidak
perlu membuat tampilan Login,
Register, dll

secara manual, Tinggal menyalin kode dan

memasangnya di folder proyek.

d. Membuat Wireframe
Selanjutnya adalah membuat Wireframe atau ilustrasi
halaman, berfungsi sebagai kerangka situs web yang akan ada di
proyek.

Gambar 4.10 Membuat Wireframe menggunakan Whimsical

19
 e. Membuat Database

Gambar 4.11 Database Pemilihan Ketua Osis

Sebelum melakukan coding anggota kami membuat database terlebih dahulu.

Dengan membuat Database dapat memudahkan identifikasi data. Memudahkan
mengakses, menyimpan, memperbaharui, dan menghapus data.

20
 f. Membuat Login
Setelah selesai membuat Database penulis membuat
Login beserta tampilannya.
1). Syntax Untuk Login

Gambar 4.12 Syntax Login

2). Tampilan Login

Gambar 4.13 Tampilan Login Pemilihan Ketua Osis

21
 g. Fitur Kelola Siswa Oleh Admin

Dalam fitur ini admin dapat mengelola siswa. Seperti

menambah siswa, mengedit siswa, dan menghapus data siswa.

1) Fungsi Tambah Siswa

Gambar 4.14 Fungsi Untuk Menambahkan Data Siswa

2) Fungsi Edit Data Siswa

Gambar 4.15 Fungsi Edit Data Siswa

22
3) Fungsi Hapus Data Siswa

Gambar 4.16 Fungsi Hapus Data Siswa

4) Tampilan Kelola Siswa

Gambar 4.17 tampilan kelola siswa

23
 h. Fitur Kelola Kandidat Oleh Admin

fitur ini tidak jauh beda dengan kelola siswa yaitu,

admin dapat mengelola kandidat. Seperti menambah
kandidat, mengedit kandidat, dan menghapus data
kandidat.

1) Fungsi Tambah Kandidat

Gambar 4.18 Fungsi Tambah Kandidat

2) Fungsi Edit Kandidat

24
 Gambar 4.19 Fungsi Edit Kandidat

3) Fungsi Hapus Kandidat

Gambar 4.20 Fungsi Edit Kandidat

4) Tampilan Kelola Kandidat

Gambar 4.21 Tampilan Kelola Kandidat

25
 i. Fitur Vote Kandidat Pada Halaman Siswa
Fitur ini adalah fitur untuk memilih calon ketua
dan wakil osis.

1) Fungsi Vote Kandidat Halaman Siswa

Gambar 4.22 Fungsi Vote Kandidat

2) Tampilan Vote Kandidat Halaman Siswa

Gambar 4.23 Tampilan Vote Kandidat

26
 j. Fitur Perolehan Suara Siswa
Fitur ini berfungsi untuk menampilkan hasil perolehan
suara, akan muncul jika waktu pemilihan osis telah berakhir.
1) Fungsi Perolehan Siswa

Gambar 4.24 Fungsi perolehan suara siswa

2) Tampilan Perolehan Siswa

Gambar 4.25 Tampilan Perolehan Siswa

27
 BAB IV
PENUTUP

A. Kesimpulan
Dengan adanya kegiatan Prakerin peserta didik dituntut untuk
mempunyai sikap mandiri dan mampu berinteraksi dengan orang lain
sehingga peserta didik diharapkan dapat memiliki keterampilan serta
wawasan yang tinggi. Selain itu Prakerin merupakan kegiatan praktik di luar
jam sekolah yang bekerja sama dengan masyarakat atau Perusahaan, sehingga
peserta didik mampu bergaul dan bekerja sama dengan masyarakat luar.

Kegiatan Prakerin juga bisa memberi pengalaman kepada peserta

didik tentang bagaimana dunia kerja yang sebenarnya, dilatih untuk
bersosisalisasi dengan banyak orang dan dilatih untuk menjadi pribadi yang
lebih disiplin, kreatif, dan mampu bersaing di dunia kerja.

B. Saran
1. Saran untuk Perusahaan
a. Diharapkan agar kerjasama diantara pegawai dan peserta Prakerin
menjadi lebih baik lagi.

2. Saran untuk Sekolah

a. Diharapkan untuk kedepanya pihak Sekolah dapat memberikan
rekomendasi beberapa tempat Prakerin yang berkualitas untuk
Prakerin yang sesuai dengan Program Studi peserta didik.
b. Pembimbing Prakerin untuk kedepanya diharapkan untuk lebih
sering mengontrol apa saja yang dilakukan oleh peserta didik
selama masa Prakerin.

28
 DAFTAR PUSTAKA

Inovindo. (2023). Profil Perusahaan. Diakses pada 10 februari 2023, dari

https://inovindo.co.id/index/profil/

Wikipedia. (2023). sistem informasi. Diakses pada 21 Februari 2022, dari

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

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

Wikipedia. (2023). Diagrams.net. Diakses pada 21 Februari 2022, dari

https://en.wikipedia.org/wiki/Diagrams.net

Whimsical. (2023). Whimsical. Diakses pada 21 Februari 2022, dari

https://help.whimsical.com/article/675-what-is-whimsical

Dewaweb. (2023). Xampp. Diakses pada 21 Februari 2022, dari

https://www.dewaweb.com/blog/apa-itu-xampp

Wikipedia. (2023). PHP. Diakses pada 21 Februari 2022, dari

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

Wikipedia. (2023). MySQL. Diakses pada 21 Februari 2022, dari

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

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

Disaya.(2023). Kelebihan dan Kekurangan Xampp. Diakses pada 22 Februari

2022, dari https://disaya.co.id/blog/kelebihan-dan-kekurangan-xampp

29
 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

30
3. Koridor Kantor 2

Lampiran 3 Foto Koridor Kantor 2

Lampiran 4 Foto Ruang Tengah Kantor 2

31
B. Dokumentasi Kegiatan

1. Dokumentasi Penulis saat Prakerin

Lampiran 5 Dokumentasi Penulis saat Prakerin

32