Anda di halaman 1dari 54

LAPORAN

PRAKTIK KERJA LAPANGAN

PENGEMBANGAN MODUL PENGATURAN AKADEMIK


DAN ADMINISTRASI SISWA PADA SISTEM INFORMASI
MANAJEMEN SMK SORE TULUNGAGUNG SEBAGAI
PRODUK APLIKASI CV BEAD IT CONSULTANT
Di
CV. BEAD IT CONSULTANT

Oleh:
AQIDATUL IZZA NIM. 1931730099

PROGRAM STUDI D-III MANAJEMEN INFORMATIKA


PSDKU KEDIRI
POLITEKNIK NEGERI MALANG
2021
LAPORAN
PRAKTIK KERJA LAPANGAN

PENGEMBANGAN MODUL PENGATURAN AKADEMIK


DAN ADMINISTRASI SISWA PADA SISTEM INFORMASI
MANAJEMEN SMK SORE TULUNGAGUNG SEBAGAI
PRODUK APLIKASI CV BEAD IT CONSULTANT
Di
CV. BEAD IT CONSULTANS

Oleh:
AQIDATUL IZZA NIM. 1931730099

PROGRAM STUDI D-III MANAJEMEN INFORMATIKA


PSDKU KEDIRI
POLITEKNIK NEGERI MALANG
2021
HALAMAN PENGESAHAN

PENGEMBANGAN MODUL PENGATURAN


AKADEMIK DAN ADMINISTRASI SISWA PADA
SISTEM INFORMASI MANAJEMEN SMK SORE
TULUNGAGUNG SEBAGAI PRODUK APLIKASI CV
BEAD IT CONSULTANT
Di
CV. BEAD IT CONSULTANT

Oleh:
AQIDATUL IZZA NIM. 1931730099

Laporan PKL ini telah diuji pada tanggal 9 Agustus 2021

Menyetujui,
Pembimbing Perusahaan Pembimbing PKL

Dhitya Fajar Prihantara, S.T. Rinanza Zulmy Alhmari, S.Kom., M.Kom.


NIK. 505001 NIDN. 0709128502

Ketua Program Studi


D-III Manajemen Informatika

Fadelis Sukya, S.Kom., M.Cs.


NIDN. 0730038201

i
PERNYATAAN ORISINALITAS

Kami menyatakan dengan sebenar – benarnya bahwa sepengetahuan kami,


di dalam Laporan Praktik Kerja Lapangan yang kami susun ini tidak terdapat
karya ilmiah yang pernah diajukan oleh orang lain dan tidak terdapat karya atau
pendapat yang pernah diteliti oleh orang lain kecuali telah saya sebutkan sumber
kutipannya dan saya cantumkan dalam daftar pustaka.

Kediri, 9 Agustus 2021


Mahasiswa

Aqidatul Izza
NIM. 1931730099

ii
KATA PENGANTAR

Alhamdulillah puji syukur kehadirat Allah SWT atas segala limpahan


rahmat, taufiq serta hidayah-Nya. Sholawat dan salam senantiasa selalu penulis
panjatkan kepada Nabi Besar Muhammad Shallallahu ‘alaihi wassalam beserta
keluarga dan para sahabat, sehingga kami dapat menyelesaikan penyusunan
Laporan Praktik Kerja Lapangan dengan judul “Pengembangan Modul
Pengaturan Akademik Dan Administrasi Siswa Pada Sistem Informasi
Manajemen SMK Sore Tulungagung Sebagai Produk Aplikasi CV Bead IT
Consultant”. Laporan Praktik Kerja Lapangan ini disusun untuk memenuhi
sebagian persyaratan dilaksanakannya Praktik Kerja Lapangan pada Program
Studi Manajemen Informatika, Politeknik Negeri Malang PSDKU Kediri.
Pada kesempatan ini kami menyampaikan rasa hormat dan
terima kasih yang sebesar-besarnya atas bantuan, bimbingan dan
dukungan dari berbagai pihak yang ikut serta dalam penyusunan
Laporan Praktik Kerja Lapangan ini khususnya kepada:
1. Bapak Rinanza Zulmy Alhamri, S.Kom., M.Kom. selaku pembimbing PKL
2. Bapak Dhitya Fajar Prihantara, S.T. selaku CEO CV. Bead IT Consultant.
3. Seluruh Dosen Program Studi D-III Manajemen Informatika PSDKU Kediri
Politeknik Negeri Malang.
4. Seluruh Karyawan CV. Bead IT Consultant
Semoga dengan terselesaikannya Praktik Kerja Lapangan ini dapat
memberikan manfaat bagi kita semua. Kami menyadari bahwa Proyek dan
Laporan ini masih jauh dari kesempurnaan. Mengingat terbatasnya pengetahuan
dan kemampuan kami. Oleh karenanya kami memohon maaf dan selalu terbuka
untuk menerima kritik dan saran dari pembaca.
Malang, 09 agustus 2021

Penulis

iii
DAFTAR ISI

LAPORAN PRAKTIK KERJA LAPANGAN..............................................................i


LAPORAN PRAKTIK KERJA LAPANGAN.............................................................ii
HALAMAN PENGESAHAN........................................................................................i
PERNYATAAN ORISINALITAS...............................................................................ii
KATA PENGANTAR..................................................................................................iii
DAFTAR ISI................................................................................................................iv
DAFTAR TABEL........................................................................................................vi
DAFTAR GAMBAR..................................................................................................vii
DAFTAR LAMPIRAN..............................................................................................viii
BAB I PENDAHULUAN.............................................................................................1
1.1 Latar Belakang......................................................................................................1
1.2 Tujuan...................................................................................................................2
1.3 Manfaat.................................................................................................................2
1.3.1 Bagi Mahasiswa...........................................................................................2
1.3.2 Bagi Program Studi......................................................................................3
1.3.3 Bagi Perusahaan...........................................................................................3
1.4 Waktu Pelaksanaan...............................................................................................3
BAB II GAMBARAN UMUM PERUSAHAAN.........................................................4
2.1 Sejarah Perusahaan...............................................................................................4
2.2 Lokasi Perusahaan................................................................................................4
2.3 Struktur Organisasi...............................................................................................4
2.4 Bidang Usaha........................................................................................................5
2.5 Ketenagakerjaan...................................................................................................5
BAB III URAIAN KEGIATAN....................................................................................8
3.1 Tempat Kegiatan...................................................................................................8
3.2 Uraian Kegiatan....................................................................................................8
3.3 Masalah yang Dihadapi......................................................................................10
3.4 Penanganan Masalah..........................................................................................10
3.5 Sistem Informasi Manajemen SMK Sore Berbasis Web....................................11

iv
3.5.1 Landasan Teori...........................................................................................11
3.5.2 Analisis dan Perancangan Sistem..............................................................18
3.5.3 Implementasi dan Pembahasan..................................................................38
BAB IV KESIMPULAN DAN SARAN.....................................................................43
4.1 Kesimpulan.........................................................................................................43
4.2 Saran...................................................................................................................43
DAFTAR PUSTAKA..................................................................................................44
LAMPIRAN................................................................................................................45

v
DAFTAR TABEL

Tabel 3.6 Pengujian Black Box..............................................................................39

vi
DAFTAR GAMBAR

Gambar 2.1 Struktur Organisasi...............................................................................5


Gambar 3.2 Antarmuka Beranda.............................................................................9
Gambar 3.3 Antarmuka Login.................................................................................9
Gambar 3.4 Struktur Folder Laravel......................................................................15
Gambar 3.5 Strategi Pemecahan Masalah..............................................................19
Gambar 3.6 Proses Bisnis Admin..........................................................................21
Gambar 3.7 Use Case Pengaturan Akademik........................................................22
Gambar 3.8 Use Case Adminstrasi Siswa..............................................................31
Gambar 3.9 Gambar Relasi Tabel Pengaturan Akademik.....................................35
Gambar 3.10 Gambar Relasi Tabel Pengaturan Akademik...................................36
Gambar 3.11 Rancangan Antarmuka Login..........................................................37
Gambar 3.12 Rancangan Antarmuka Beranda Web..............................................37
Gambar 3.23 Antarmuka Login.............................................................................38
Gambar 3.24 Antarmuka Beranda Website...........................................................39

vii
DAFTAR LAMPIRAN

LAMPIRAN 1 Surat Keterangan Praktik Kerja Lapangan………………………4


9
LAMPIRAN 2 Formulir Daftar Hadir…………………...………………………50
LAMPIRAN 3 Formulir Daftar Kegiatan Harian Praktik Kerja Lapangan.............51
LAMPIRAN 4 Formulir Penilaian dari Perusahaan.................................................52
LAMPIRAN 5 Formulir Kartu Konsultasi Praktik Kerja Lapangan........................53
LAMPIRAN 6 Foto Kegiatan...................................................................................54

viii
BAB I
PENDAHULUAN

1.1 Latar Belakang


Politeknik merupakan salah satu Pendidikan Tinggi yang menghasilkan
lulusan untuk mengisi jenjang pekerjaan pada manajer tingkat menengah (middle
level manager). Kegiatan praktis dan peningkatan ketrampilan merupakan hal
yang paling menonjol pada sistem pendidikan Politeknik, hal ini termasuk juga
pada Program Studi D-III Manajemen Informatika. Pada prodi ini titik beratnya
pada kegiatan / aktivitas membuat aplikasi berbasis website atau mobile dan
instalasi jaringan komputer.
Praktik Kerja Lapangan adalah kegiatan pemagangan bagi mahasiswa di
dunia kerja baik di bidang industri maupun pemerintahan dan wajib untuk
ditempuh oleh seluruh mahasiswa Program Studi D-III Manajemen Informatika
Politeknik Negeri Malang PSDKU Kediri. Kegiatan ini memiliki maksud agar
mahasiswa mendapatkan pengalaman sebelum mereka memasuki dunia kerja
yang sesungguhnya, sehingga mahasiswa akan mendapatkan bekal dari Praktik
Kerja Lapangan yang sudah dilaksanakan. Dengan adanya Praktik Kerja
Lapangan, Mahasiswa akan mengetahui ketrampilan dan pengetahuan yang perlu
dikembangkan dan perlu dipertahankan dan sekaligus sebagai bahan perbandingan
antara materi dan praktik yang didapatkan selama ini dibangku kuliah. Kegiatan
ini dilaksanakan sebelum mengakhiri studi sebagai uji coba kemampuan dan
ketrampilan yang diperoleh selama kuliah.
Dalam kegiatan Praktik Kerja Lapangan, mahasiswa dihadapkan pada
pekerjaan nyata yang harus diselesaikan sesuai dengan pengetahuan dan
ketrampilan yang dikuasainya dan diharapkan mahasiswa dapat bekerja dengan
terampil, disiplin, kreatif, tekun dan jujur sesuai dengan bidang pekerjaan yang
akan dihadapi. Pada sisi lain, melalui pelaksanaan PKL ini dapat digunakan oleh
lembaga Politeknik Negeri Malang dan perusahaan untuk membangun kerja sama
yang saling menguntungkan. Maka kami memilih CV. Bead IT Consultant
sebagai wadah serta tempat untuk melakukan PKL.
2

Mengacu pentingnya PKL bagi mahasiswa, lembaga Polinema, dan pihak


perusahaan, perlu disusun pedoman pelaksanaan PKL. Pedoman ini berisi aspek-
aspek yang terkait dengan seluruh pelaksanaan PKL, mulai dari prosedur
pengajuan PKL, pelaksanaan PKL, penyusunan laporan PKL sampai dengan
prosedur ujian PKL.

1.2 Tujuan
Tujuan diadakannya kegiatan Praktik Kerja Lapangan ini, agar terwujud
tenaga praktis (siap kerja) yang terampil, kreatif, dan jujur dalam melaksanakan
tugas dan tanggung-jawab dimasa mendatang. Sedangkan tujuan dari penyusunan
pedoman PKL ini adalah memberikan acuan yang jelas kepada mahasiswa tentang
prosedur pengajuan PKL, kegiatan yang harus dilakukan selama PKL, dan
penyusunan laporan PKL serta memberikan panduan yang jelas kepada
pembimbing lapangan, dosen pembimbing, atau dosen dalam membimbing dan
memberikan penilaian kepada mahasiswa yang dibimbing.

1.3 Manfaat
Program PKL di Program Studi D-III Manajemen Informatika Politeknik
Negeri Malang PSDKU Kediri bermanfaat Bagi Mahasiswa Peserta PKL,
Program Studi, dan CV. Bead IT Consultant.

1.3.1 Bagi Mahasiswa


Manfaat PKL di Program Studi D-III Manajemen Informatika Politeknik
Negeri Malang PSDKU Kediri antara lain:
1. Meningkatkan kreativitas diri dalam lingkungannya sesuai dengan disiplin
ilmu yang dimiliki.
2. Menambah wawasan pengetahuan dan pengalaman sebagai generasi yang
dididik untuk siap terjun di lingkungan kerja.
3. Dapat mengenal lebih jauh realita ilmu yang telah diterima selama kuliah.
3

1.3.2 Bagi Program Studi


Manfaat PKL di Program Studi D-III Manajemen Informatika Politeknik
Negeri Malang PSDKU Kediri bagi Program Studi antara lain:
1. Sebagai masukan untuk evaluasi sampai sejauh mana kurikulum yang ada
dengan kebutuhan industri.
2. Mencetak calon tenaga kerja yang terampil dan jujur dalam menjalankan
tugas.

1.3.3 Bagi Perusahaan


Manfaat PKL di Program Studi D-III Manajemen Informatika Politeknik
Negeri Malang PSDKU Kediri bagi CV. Bead IT Consultant antara lain:
1. Memanfaatkan sumber daya yang potensial sesuai dengan bidangnya.
2. Membantu menyelesaikan pekerjaan yang terdapat pada tempat mahasiswa
melaksanakan PKL.
3. Merupakan sarana untuk menjembatanai antara Perusahaan dengan Lembaga
PSDKU Politeknik Negeri Malang Kediri untuk melakukan kerja sama lebih
lanjut.

1.4 Waktu Pelaksanaan


Waktu pelaksanaan PKL di Program Studi D-III Manajemen Informatika
Politeknik Negeri Malang PSDKU Kediri dilaksanakan selama 8 minggu.
Kegiatan tersebut dimulai pada tanggal 21 Juni dan berakhir tanggal 13 Agustus
di CV. Bead IT Consultant.
BAB II
GAMBARAN UMUM PERUSAHAAN

1.1 Sejarah Perusahaan


CV. Bead IT Consultant didirikan di Kediri pada tanggal 29 Agustus 2018.
Kemudian CV. Bead IT Consultant atau CV. Besar Anugrah Djaya merupakan
perusahaan yang berada di Kediri dan berfokus pada masalah bidanh IT terutama
aplikasi android maupun berbentuk website.
Tujuan dari CV. Bead IT Consultant didirikan adalah Memberikan sesuatu
yang berbeda dengan membuat layanan aplikasi yang mudah dengan cara yang
milenial serta harga yang terjangkau
Seiring dengan berkembangnya kebutuhan akan teknologi informasi di Kediri
yang semakin meningkat, CV. Bead IT Consultant memperluas ruang lingkup
bisnisnya seperti pengembangan website dan aplikasi software, jaringan dan
infrastruktur jaringan, pelatihan dan edukasi.

1.2 Lokasi Perusahaan


CV. Bead IT Consultant beralamat dan berkediaman di Jl. Butolocoyo
No.175, Menang, Kec Pagu, Kab. Kediri, Jawa Timur (64183)

1.3 Struktur Organisasi


Berikut ini merupakan bagan struktur organisasi yang ada di CV. Bead IT
Consultant yang dapat ditunjukkan pada Gambar 2.1.
5

Gambar 2.1 Struktur Organisasi

1.4 Bidang Usaha


Bidang Usaha dari CV. Bead IT Consultant yaitu:
a. Konsultan teknologi informasi di bidang pengembangan aplikasi software
atau sistem informasi enterprise.
b. Pengembangan website dan aplikasi software.
c. Jaringan dan infrastruktur IT.
d. Pelatihan dan Edukasi IT.
BAB III
URAIAN KEGIATAN

3.1 Tempat Kegiatan


Dalam pelaksanaan kegiatan PKL dari tanggal 21 Juni 2020 s/d 13 Agustus
2021 peserta PKL ditempatkan pada kantor CV. Bead IT Consultant yaitu Jalan
Butolocoyo No.175, Menang, Kec Pagu, Kab. Kediri, Jawa Timur (64183).
Namun, untuk pelaksanaannya, peserta PKL diberikan tugas pembuatan aplikasi
secara Work From Home dan Luring.
Tidak hanya mendapat tugas dan pekerjaan dari pembimbing lapangan, di
tempat ini para peserta PKL juga bekerja bersama dengan peserta PKL lainnya.
Dalam hal ini setiap peserta PKL memiliki tugas dan job description masing –
masing yang sudah diberikan oleh pembimbing lapangan. Semua tugas
dilaksanakan secara daring yang dipantau langsung oleh pembimbing lapangan.

3.2 Uraian Kegiatan


Dalam melaksanakan PKL di CV. Bead IT Consultant, terdapat beberapa
pekerjaan dan tugas yang diberikan kepada peserta PKL yang akan dijelaskan
pada penjelasan di bawah ini :

a. Mempelajari Bahasa Pemrograman PHP


Pada tanggal 21 Juni 2021 sampai dengan 13 Agustus 2021, peserta PKL
diberikan tugas oleh pembimbing lapangan untuk mempelajari PHP melalui
media internet, mulai dari dasar penulisan source code PHP hingga diberikan soal-
soal seputar PHP.

b. Mempelajari Framework Laravel


Pada tanggal 21 Juni 2021 sampai dengan 13 Agustus 2021, setelah Peserta
PKL mempelajari Laravel, kemudian peserta diberikan waktu untuk mempelajari
Laravel. Peserta PKL membuat template web dengan Laravel. Dalam hal ini,
peserta akan membuat sebuah project sederhana yang dapat melakukan Create,
Update, Delete Data dan juga Show Data.
7

Gambar 3.2 Antarmuka Beranda

Pengembangan dilakukan dalam dua bulan pekerjaan. Setelah melakukan


pengembangan proyek maka dilakukan pelaporan aplikasi dari mulai perancangan
hingga source code dikerjakan dalam jarak deadline 06 Agustus 2021 s/d 09
Agustus 2021.

c. Pengembangan Project Laravel


Tanggal 21 Juni 2021 sampai dengan 13 Agustus 2021, setelah mempelajari
Laravel dengan mengembangkan aplikasi yang cukup komplek, peserta PKL
mendapat tugas untuk mengerjakan aplikasi yang sama dengan modul yang
berbeda. Judul diberikan setelah mendapat arahan dalam pengembangan aplikasi
laravel.

Gambar 3.3 Antarmuka Login

Dalam hal ini, peserta PKL membuat aplikasi dengan judul


“Pengembangan Modul Pengaturan Akademik Dan Administrasi Siswa Pada
8

Sistem Informasi Manajemen SMK Sore Tulungagung Sebagai Produk Aplikasi


CV. Bead IT Consultant”. Dengan uraian tugas yaitu :
1) Pengembangan aplikasi pada menu Pengaturan Akademik terdapat
beberapa fitur yang masih belum jalan
2) Pengembangan aplikasi pada Administrasi Akademik tambah, hapus, edit,
dan cari yang masih belum bisa jalan.
Setelah pembuatan aplikasi dengan fitur-fitur yang ada, setiap pekan peserta
melaporkan progress kepada pembimbing lapangan untuk mendapat arahan.
Kemudian peserta PKL diminta melanjutkan pekerjaan sebelumnya dan
menyusun laporan PKL.

3.3 Masalah yang Dihadapi


Masalah adalah suatu hal yang bisa mengahalangi atau menghambat
seseorang dalam melakukan suatu pekerjaan. Saat melaksanakan praktik ada
beberapa hal yang menjadi kendala praktikan diantaranya:

a. Beberapa modul tidak ada DFD nya, jadi harus mempelajari satu per satu
b. Database tidak lengkap
c. Framework yang digunakan adalah Laravel. Dalam framework tersebut
terdapat fungsi yang belum pernah dipelajari saat mata kuliah, misalnya :
download format excel dan export
d. Kesusahan dalam menyelesaikan pengodingan pada tugas membuat
aplikasi yang diberikan.
e. Banyaknya menu dan fungsi, sehingga tidak cukup waktu untuk
mengerjakan 100% selesai, melihat sedikitnya waktu yaitu hanya 2 bulan
untuk standart mahasiswa.

3.4 Penanganan Masalah


Penanganan masalah yang dihadapi selama melakukan Praktik Kerja
Lapangan adalah sebagai berikut:

a. Berkoordinasi dengan satu kelompok untuk pembagian modul agar bisa


melakukan pengecekan satu per satu
9

b. Bertanya ke pembimbing lapangan apabila menemui kesulitan dalam


pengodingan atau mencari penyelesaian melalui meeting mingguan

3.5 Sistem Informasi Manajemen SMK Sore Berbasis Web


Sistem Informasi Manajemen SMK Sore adalah aplikasi berbasis web dengan
framework Laravel yang dikembangkan untuk CV. Bead IT Consultant yang
merupakan sebuah software house dan juga IT Consultant. Sistem yang terdapat
didalam aplikasi tersebut mencakup fitur input, rekap data siswa, absensi,
administrasi, dan sebagainya.

3.5.1 Landasan Teori


Dalam pengembangan Sistem Informasi Manajemen SMK Sore berbasis web
ini terdapat beberapa landasan teori untuk acuan pengembangan sistem yaitu
seperti beberapa bagian berikut:

a) PHP
PHP adalah singkatan dari "PHP: Hypertext Prepocessor", yaitu bahasa
pemrograman yang digunakan secara luas untuk penanganan pembuatan dan
pengembangan sebuah situs web dan bisa digunakan bersamaan dengan HTML.
PHP diciptakan oleh Rasmus Lerdorf pertama kali tahun 1994. Pada awalnya PHP
adalah singkatan dari "Personal Home Page Tools". Selanjutnya diganti menjadi
FI ("Forms Interpreter"). Sejak versi 3.0, nama bahasa ini diubah menjadi "PHP:
Hypertext Prepocessor" dengan singkatannya "PHP". PHP versi terbaru adalah
versi ke-5 (Fadjar,2017).
Pada bulan Juni 1996, dirilis PHP/FI 2.0. Pada rilis ini interpreter PHP sudah
diimplementasikan dalam program C. Dalam rilis ini disertakan juga modul-
modul ekstensi yang meningkatkan kemampuan PHP/FI secara signifikan. Pada
tahun 1997, sebuah perusahaan bernama Zend menulis ulang interpreter PHP
menjadi lebih bersih, lebih baik, dan lebih cepat. Kemudian pada Juni 1998,
perusahaan tersebut merilis interpreter baru untuk PHP dan meresmikan rilis
tersebut sebagai PHP 3.0. Pada pertengahan tahun 1999, Zend merilis interpreter
PHP baru dan rilis tersebut dikenal dengan PHP 4.0. PHP 4.0 adalah versi PHP
yang paling banyak dipakai pada awal abad ke-21. Versi ini banyak dipakai
disebabkan kemampuannya untuk membangun aplikasi web kompleks tetapi tetap
10

memiliki kecepatan dan stabilitas yang tinggi. Pada Juni 2004, Zend merilis PHP
5.0. Dalam versi ini, inti dari interpreter PHP mengalami perubahan besar. Versi
ini juga memasukkan model pemrograman berorientasi objek ke dalam PHP untuk
menjawab perkembangan bahasa pemrograman ke arah paradigma berorientasi
objek.
PHP juga banyak diaplikasikan untuk pembuatan program-program seperti
sistem informasi klinik, rumah sakit, akademik, keuangan, manajemen aset,
manajemen bengkel dan lain-lain. Dapat dikatakan bahwa program aplikasi yang
dulunya hanya dapat dikerjakan untuk desktop aplikasi, PHP sudah dapat
mengerjakannya. Penerapan PHP saat ini juga banyak ditemukan pada proyek-
proyek pemerintah seperti e-budgetting, e-procurement, e-goverment dan e e
lainnya. Website Ubaya ini juga dibuat menggunakan PHP. PHP juga dapat
dilihat sebagai pilihan lain dari ASP.NET/C#/VB.NET Microsoft, ColdFusion
Macromedia, JSP/Java Sun Microsystems, dan CGI/Perl. Contoh aplikasi lain
yang lebih kompleks berupa CMS yang dibangun menggunakan PHP adalah
Wordpress, Mambo, Joomla, Postnuke, Xaraya, dan lain-lain.

b) Apache
Apache adalah software web server yang gratis dan bersifat open source.
Server ini telah menjadi platform bagi 46% website di seluruh dunia. Nama
resminya adalah Apache HTTP Server, dan software ini dikelola dan
dikembangkan oleh Apache Software Foundation. Apache memudahkan pemilik
website untuk mebuat konten di web – dan karena itulah software diikuti dengan
kata ‘web server’. Apache adalah salah satu web server tertua dan dapat
diandalkan. Versi pertamanya telah dirilis lebih dari 20 tahun yang lalu, tepatnya
pada tahun 1995. Pada awal kemunculannya, Apache dikembangkan supaya dapat
menjadi sebuah perangkat lunak web server open-source yang dapat
dikembangkan dan dikelola oleh modern sistem operasi, seperti Unix dan
Windows. Tujuan lain dari pengembangan Apache adalah menyediakan web
server yang aman, efisien, dan dapat dikembangkan dengan mudah (Yasin,2019).
11

c) Mysql
MySQL adalah sebuah database management system (manajemen basis data)
menggunakan perintah dasar SQL (Structured Query Language) yang cukup
terkenal. Database management system (DBMS) MySQL multi pengguna dan
multi alur ini sudah dipakai lebih dari 6 juta pengguna di seluruh dunia. MySQL
adalah DBMS yang open source dengan dua bentuk lisensi, yaitu Free Software
(perangkat lunak bebas) dan Shareware (perangkat lunak berpemilik yang
penggunaannya terbatas). Jadi MySQL adalah database server yang gratis dengan
lisensi GNU General Public License (GPL) sehingga dapat Anda pakai untuk
keperluan pribadi atau komersil tanpa harus membayar lisensi yang ada, Seperti
yang sudah disinggung di atas, MySQL masuk ke dalam jenis RDBMS
(Relational Database Management System). Maka dari itu, istilah semacam baris,
kolom, tabel, dipakai pada MySQL. Contohnya di dalam MySQL sebuah database
terdapat satu atau beberapa tabel. (Yasin,2019).
MQL sendiri merupakan suatu bahasa yang dipakai di dalam pengambilan
data pada relational database atau database yang terstruktur. Jadi MySQL adalah
database management system yang menggunakan bahasa SQL sebagai bahasa
penghubung antara perangkat lunak aplikasi dengan database server.
MySQL adalah pengembangan lanjutan dari proyek UNIREG yang
dikerjakan oleh Michael Monty Widenius dan TcX (perusahaan perangkat lunak
asal Swedia). Sayangnya, UNIREG belum terlalu kompatibel dengan database
dinamis yang dipakai di website. TcX kemudian mencari alternatif lain dan
menemukan perangkat lunak yang dikembangkan oleh David Hughes, yaitu
miniSQL atau mSQL. Namun, ditemukan masalah lagi karena mSQL tidak
mendukung indexing sehingga belum sesuai dengan kebutuhan TcX. Pada
akhirnya muncul kerjasama antara pengembang UNIREG (Michael Monty
Widenius), mSQL (David Hughes), dan TcX. Kerjasama ini bertujuan untuk
mengembangkan sistem database yang baru, dan pada 1995 dirilislah MySQL
seperti yang dikenal saat ini. Saat ini pengembangan MySQL berada di bawah
Oracle.
12

d) Jquery
jQuery adalah library JavaScript yang cukup andal, ringkas, dan mempunyai
fitur yang cukup lengkap. Library ini membuat pemrosesan di HTML seperti
perubahan dan manipulasi dokumen, event handling, animasi, dan Ajax dapat
menjadi lebih sederhana. Hal ini didukung dengan API yang mudah digunakan
dan dapat bekerja di berbagai macam browser.
Menggunakan kombinasi versatility (keserbagunaan) dan extensibillty (bisa
dikembangkan), jQuery sudah mengubah cara ribuan bahkan jutaan developer
menggunakan bahasa pemrograman JavaScript. Ini membuktikan bahwa jQuery
merupakan salah satu library yang cukup populer di JavaScript (Yasin,2019).
e) Bootstrap
Bootstrap adalah framework open-source khusus front end yang awalnya
dibuat oleh Mark Otto dan Jacob Thornton untuk mempermudah dan
mempercepat pengembangan web di front end. Bootstrap memiliki semua jenis
HTML dan template desain berbasis CSS untuk berbagai fungsi dan komponen,
seperti navigasi, sistem grid, carousel gambar, dan tombol (button). Framework
ini memang menghemat waktu developer karena tidak perlu mengelola template
berkali-kali. Namun, fungsi utama dari Bootstrap adalah untuk membuat situs
yang responsif. Interface website akan bekerja secara optimal di semua ukuran
layar baik di layar smartphone maupun layar computer atau laptop.
Developer tak perlu lagi mendesain situs khusus untuk perangkat tertentu.
Trafik dan jangkauan audiens versi desktop tidak akan hilang dan tetap
diarahkan ke website versi mobile. User dan komunitas Bootstrap semakin
berkembang. Developer dan designer website bisa bertukar informasi dan juga
berdikusi mengenai patch framework terbaru (Ariata,2020).
f) Framework Laravel
Laravel adalah salah satu Framework PHP yang paling populer dan paling
banyak digunakan di seluruh dunia dalam membangun aplikasi web mulai dari
proyek kecil hingga besar. Framework ini banyak digunakan oleh Web Developer
karena kinerja, fitur, dan skalabilitas nya.
13

Framework ini mengikuti struktur MVC (Model View Controller), MVC


adalah sebuah metode aplikasi dengan memisahkan data dari tampilan
berdasarkan komponen- komponen aplikasi, seperti : manipulasi data,
controller, dan user interface. Dengan menggunakan struktur MVC maka
membuat laravel mudah untuk dipelajari dan mempercepat proses pembuatan
prototipe aplikasi web. Framework ini juga menyediakan fitur bawaan seperti
otentikasi, mail, perutean, sesi, dan daftar berjalan.
Framework ini banyak disukai oleh para web developer, Sesuai sedikit
penjelasan diatas. Kelebihan lainnya yaitu Laravel sangat mudah untuk
disesuaikan, Karena kemudahan itulah dapat membuat suatu struktur proyek kamu
sendiri yang memenuhi permintaan aplikasi web (Beon,2019).

Gambar 3.4 Struktur Folder Laravel


(Sumber: https://sulhi.id/konsep-mvc-model-view-controller-pada-laravel/ )
Berikut ini fitur framework Laravel yang membedakan antara framework php
ini dari framework lainnya yaitu :
1) Dependency Management, Adalah sebuah fitur yang berguna untuk
memahami fungsi wadah layanan (IoC) memungkin objek baru dihasilkan
dengan pembalikan controller dan merupakan bagian inti untuk
mempelajari aplikasi web modern. Menggabungkan tampilan data dengan
template HTML.
14

2) Modularity, adalah sejauh mana sebuah komponen aplikasi web dapat


dipisahkan dan digabungkan kembali. Modularitas dapat membantu kamu
untuk mempermudah proses update, Bukan hanya itu, Dalam membangun
dan mengembangkan website, fitur ini memungkinkan kamu untuk
menyempurnakan dan meningkatkan fungsionalitas dari web tersebut.
3) Authentication, adalah bagian integral dari aplikasi web modern, Laravel
menyediakan otentikasi di luar kotak, dengan menjalankan perintah
sederhana. Kamu juga dapat membuat sebuah sistem yang otentikasinya
berfungsi secara penuh dan proses konfigurasi otentikasi sudah berjalan
secara otomatis.
4) Caching, adalah sebuah teknik untuk menyimpan data di lokasi
penyimpanan sementara dan dapat diambil dengan cepat saat dibutuhkan.
Dalam laravel, hampir semua data caching berasal dari tampilan ke rute,
Sehingga dapat mengurangi waktu pemrosesan dan meningkatkan kinerja.
5) Routing, Routing Laravel dapat digunakan untuk membuat aplikasi yang
tenang dengan mudah. Dalam framework ini semua request dipetakan
dengan bantuan rute. Kamu juga dapat mengelompokkan rute,
menamainya, menerapkan filter pada mereka dan mengikat data model
Anda kepadanya.
6) Restful Controller, Adalah sebuah fitur yang berfungsi memisahkan logika
dalam melayani HTTP GET and POST. Kamu juga dapat membuat
pengontrol sumber daya yang dapat digunakan untuk membuat CRUD
dengan mudah.
7) Testing and Debugging, Laravel hadir dengan menggunakan PHPUnit di
luar kotak yang berfungsi untuk menguji aplikasi kamu. Framework ini
dibangun dengan pengujian dalam pikiran sehingga mendukung pengujian
dan debugging terlalu banyak.
8) Template Engine, Blade adalah template engine Laravel, Blade berfungsi
untuk menyediakan sejumlah fungsi pembantu untuk memformat data
kamu dalam bentuk tampilan.
15

9) Configuration Management Features, Dalam laravel semua file


konfigurasi kamu disimpan di dalam direktori config, Kamu dapat
mengubah setiap konfigurasi yang tersedia.
10) Eloquent ORM, Laravel berbasis pada Eloquent ORM yang menyediakan
dukungan untuk hampir semua mesin basis data. Fitur ini juga berfungsi
untuk menjalankan berbagai operasi database di dalam website dan
mendukung berbagai sistem database seperti MySQL dan SQLite.
g) Javascript
JavaScript adalah bahasa pemrograman yang paling banyak digunakan dalam
pengembangan website, aplikasi, game, dan lainnya. Bahkan, produk dari
perusahaan besar seperti Google, Facebook, dan LinkedIn juga telah
menggunakan JavaScript. JavaScript adalah bahasa pemrograman populer yang
digunakan untuk membuat situs dengan konten website yang dinamis. Konten
dinamis artinya konten dapat bergerak atau berubah di depan layar tanpa perlu
mereload halaman. Misalnya saja, fitur slideshow foto, gambar animasi, pengisian
poling, dan lainnya.
JavaScript sendiri sebenarnya biasanya dikolaborasikan dengan HTML dan
CSS. Di mana HTML digunakan untuk membuat struktur website dan CSS untuk
merancang style halaman website. Lalu, JavaScript berperan menambahkan
elemen interaktif untuk meningkatkan engagement pengguna.
Seiring perkembangannya, JavaScript tak hanya bisa digunakan di sisi client,
tetapi juga di sisi server. Eksekusi bahasa pemrograman ini di sisi server dapat
dilakukan dengan memanfaatkan platform framework JavaScript seperti Node.js,
React.js, dan lainnya.
Dengan framework, banyak backend developer mulai banyak melirik bahasa
pemrograman ini. Sehingga lahirlah produk-produk canggih seperti aplikasi untuk
mobile, website aplikasi, hingga game online.
h) Git
Git adalah salah satu sistem pengontrol versi (Version Control System) pada
proyek perangkat lunak yang diciptakan oleh Linus Torvalds. Git bahkan menjadi
tool yang wajib dipahami oleh programmer, karena banyak digunakan di mana-
mana.
16

Git adalah salah satu sistem pengontrol versi (Version Control System) pada
proyek perangkat lunak yang diciptakan oleh Linus Torvalds.
Pengontrol versi bertugas mencatat setiap perubahan pada file proyek yang
dikerjakan oleh banyak orang maupun sendiri. Git dikenal juga dengan distributed
revision control (VCS terdistribusi), artinya penyimpanan database Git tidak
hanya berada dalam satu tempat saja (Ahmad,2021).
i) Sublime
Sublime Text 3 merupakan salah satu aplikasi text editor yang sangat berguna
untuk menulis sejumlah code serta mampu membuka berbagai macam jenis file.
Sublime Text 3 juga mendukung berbagai bahasa pemrograman seperti HTML,
C++, C, C#, CSS, Java, JS, ASP, dan masih banyak lagi. Sublime Text 3
merupakan text editor yang sering digunakan oleh programmer khususnya
seorang web developer untuk menulis code. Sublime Text 3 ini menjadi sesuatu
yang sangat penting bagi web developer sebagai senjata coding.
Aplikasi Sublime Text mudah digunakan karena warna dari tulisan coding
yang sangat bervariasi dan interaktif tentu sangat menarik dan juga dapat
mengubah warnanya temanya (Ardisena,2021).

3.5.2 Analisis dan Perancangan Sistem

a) Analisis Permasalahan
Pengelolaan data Siswa adalah sistem pendukung dalam menangani
pelanggan yang memiliki permasalahan dalam pengoperasian aplikasi. Maka
ketika instansi masih menggunakan sistem manual untuk melakukan hal tersebut
maka mengubah menjadi berbasis teknologi atau aplikasi adalah solusi yang tepat.

1) Analisis Sistem yang Sedang Berjalan


Berdasarkan pengamatan yang dilaksanakan, pada aplikasi yangs sedang
berjalan masih terdapat beberapa menu dan fungsi yang masih belum berjalan,
dalam hal tersebut maka akan berdampak pada perusahaan dan klien. Perusahaan
akan mengalami kerugian karena aplikasi tertunda dan tidak berjalan.

2) Strategi Pemecahan Masalah


17

Beberapa hal yang dapat dilakukan untuk menyelesaikan masalah di atas


adalah yaitu dalam permasalahan pengelolaan data melakukan pengembangan
modul Pengaturan Akademik Dan Administrasi Siswa Pada Sistem Informasi
Manajemen SMK Sore Tulungagung Sebagai Produk Aplikasi CV. Bead IT
Consultans yang akan memudahakan pengelolaan data yang dilakukan admin
secara terstruktur berbasis aplikasi web.

Analisis Masalah dan Solusi sistem

Pengecekan Sistem

Mengembangkan Sistem

Uji Coba Sistem

Gambar 3.5 Strategi Pemecahan Masalah

Penjelasan dari skema di atas adalah:


1) Analisis Masalah dan Solusi Sistem dilakukan oleh tim untuk
berdiskusi mengenai masalah yang ada dalam aplikasi
2) Melakukan pengecekan sistem yang perlu diperbaiki
3) Mengembangkan Sistem yaitu proses pengembangan sistem dari mulai
antarmuka hingga coding – coding aplikasi.
4) Uji Coba Lapangan dilakukan oleh Bapak Fadjar dan Bapak Erick
beserta tim yang lainnya yaitu melakukan uji coba sistem.

b) Analisis Kebutuhan Sistem


Dalam pengembangan Modul Pengaturan Akademik Dan Administrasi Siswa
Pada Sistem Informasi Manajemen SMK Sore Tulungagung Sebagai Produk
18

Aplikasi CV. Bead IT Consultans ini memerlukan beberapa kebutuhan sistem


yaitu yang akan dijabarkan dalam beberapa bagian di bawah ini:

1. Kebutuhan Fungsional
Terdapat kebutuhan fungsional dari sistem yang dapat dilakukan Admin.
Yaitu sebagai berikut:
1) Melakukan Pengolahan data Identitas Sekolah (Menyimpan, Melihat, dan
Mengubah data).
2) Melakukan Pengolahan data Tingkat (Mencari, Menghapus, Melihat, dan
Mengubah)
3) Melakukan Pengolahan data Tahun Pelajaran (Melihat, Menambah, Mengubah,
Menyimpan, Mencari, dan Menghapus Data).
4) Melakukan Pengolahan Data Siswa (Melihat, Mencari, Menyimpan
Menambah, Mengubah, dan Menghapus Data).
5) Melakukan pengolahan Data Kompetensi Keahlian (Menyimpan, Melihat,
Menambah, Menghapus, Mengubah, Mengimport dan Mencari data)
6) Melakukan pengolahan data Kompetensi Keahlian (Menyimpan, Melihat,
Menambah, Menghapus, Mengubah, dan Mencari.
2. Kebutuhan Perangkat Keras
Dalam perancangan, pembuatan, dan pengujian Sistem Informasi Pengelolaan
aduan pelanggan berbasis web ini, spesifikasi hardware atau Perangkat Keras
yang digunakan sebagai berikut:
 Processor Amd Athlon Gold.
 RAM 4 GB
 SSD 500 GB
 Mouse dan Keyboard
3. Kebutuhan Perangkat Lunak
Dalam perancangan dan pengembangan Modul Pengatuan Akademik dan
Administrasi Siswa Pada Sistem Informasi Manajemen SMK Sore Tulungagung
berbasis web, spesifikasi software atau Perangkat Lunak yang digunakan dalam
pembangunan aplikasi ini sebagai berikut:
 Sublime / Text Editor
 OS Windows 10 64 bit
19

 Browser Google Chrome


 Xampp

c) Perancangan Aplikasi

1. Perancangan Proses Bisnis


Pengembangan sistem informasi SMK Sore berbasis Web memiliki 1 level
user yaitu Admin. Admin memiliki hak akses penuh terhadap pengolahan data,
seperti menambah, menghapus, mengedit data. Proses Bisnis Admin dapat
ditunjukkan pada Gambar 3.6.

Gambar 3.6 Proses Bisnis Admin


Pada Gambar 3.6, Admin login dengan menggunakan username dan
password, kemudian sistem memproses dan mengecek apakah username dan
password yang dimasukkan ada di dalam database atau tidak. Apabila bernilai
benar atau Ya, admin akan diarahkan ke proses halaman awal namun apabila
20

bernilai salah atau Tidak, proses akan berhenti. Setelah proses halaman awal,
admin akan diarahkan ke proses admin, output dari proses admin adalah
pengolahan data siswa. Lalu, admin diarahkan ke proses modifikasi data siswa
dengan output yaitu pengolahan data siswa. Kemudian Admin diarahkan ke proses
Menu yang sudah dipilih, output dari proses akhir setelah mengupdate data adalah
pengolahan data Menu tersebut.
Pada Gambar 3.6, Proses bisnis pada aplikasi Sistem Informasi Manajemen
SMK Sore berbasis web ini dapat dijelaskan seperti di bawah ini:
 Melalui halaman login web, admin melakukan login pada sistem dengan
memasukkan username dan password. Kemudian, sistem memproses dan
mengecek apakah username dan password yang dimasukkan ada di dalam
database atau tidak. Apabila bernilai benar atau Ya, admin akan diarahkan
ke proses halaman awal namun apabila bernilai salah atau Tidak, proses
akan berhenti.
 Admin memilih menu yang akan diubah, kemudian admin melakukan
penambahan, perubahan maupun penghapusan data. Selanjutnya sistem
akan menampilkan hasil perubahannya pada menu.
2. Use case
Di bawah ini merupakan perancangan use case diagram aplikasi. Dapat
dilihat pada Gambar 3.7:
21

Gambar 3.7 Use Case Pengaturan Akademik


22

a. Skenario Use Case Login

Use Case Login


Deskripsi Use Case in menangasi verifikasi dan
hak akses user untuk memasukkan dan
pengelolaan data
Aktor Admin
Kondisi Awal Sistem menampilkan Form login
Kondisi Akhir Menampilkan halaman Dashboard
Skenario Normal
Aksi Aktor Reaksi Sistem
 Use Case dimulai ketika admin
melakukan login
 Sistem melakukan verifikasi
login
 Sistem menampilkan halaman
dashboard
Skenario Gagal Login
Aksi Aktor Reaksi Sistem
 Use Case ini dimulai ketika
admin melakukan login
 Sistem Melakukan verifikasi
login
 Sistem menampilkan pesan
“login gagal”

b. Skenario Use Case Identitas Sekolah


Use Case Identitas Sekolah
Deskripsi Use Case ini untuk menggambarkan
user mengelola data Identitas Sekolah
Aktor Admin
Kondisi Awal Sistem menampilkan identitas sekolah
Kondisi akhir Setelah adanya pengelolaan data atau
update data maka data akan disimpan di
database.
Skenario Normal
Aksi Aktor Reaksi Sistem
 Use Case ini dimulai ketika
user membuka menu utama
kemudian memilih modul
pengaturan akademik dan
memilih menu identitas
sekolah kemudian melakukan
CRUD data pengaturan
akademik di identitas sekolah
 Sistem menampilkan form
23

CRUD data identitas sekolah


 User melakukan CRUD data
identitas sekolah
 Data yang telah dinputkan
disimpan
Skenario Gagal Mengelola Data Identitas Sekolah
Aksi Aktor Reaksi Sistem
 Use Case ini dimulai ketika
user membuka menu utama
dan memilih Modul
Pengaturan akademik
kemudian memilih Identitas
Sekolah dan melakukan
CRUD data Identitas Sekolah
 Sistem menampilkan form
CRUD data identitas sekolah
 User melakukan CRUD data
identitas sekolah
 Menampilkan pesan data yang
dimasukkan salah

c. Skenario Use Case Pengelolaan Tahun Pelajaran


Use Case Pengeloaan Data Tahun Pelajaran
Deskripsi Use Case ini untuk menggambarkan
user mengelola data tahun pelajaran
Aktor Admin
Kondisi Awal Sistem menampilkan list data tahun
ajaran dan adanya pencarian, tambah
data, ubah, hapus, dan simpan
Kondisi akhir Setalah adanya pengelolaan data. Maka
data akan berubah
Skenario
Aksi Aktor Reaksi Sistem
 Use Case ini dimulai ketika
user membuka menu utama
dan memilih menu tahun
ajaran dan melakukan
Pengecekan atau Hapus data
tahun ajaran
 Sistem menampilkan list
perubahan data tahun ajaran

d. Skenario Use Case Pengelolaan Data Tingkat


Use Case Pengeloaan Data Tingkat
Deskripsi Use Case ini untuk menggambarkan
24

user mengelola data tingkat


Aktor Admin
Kondisi Awal Sistem menampilkan list data tingkat
dan adanya modal input, pencarian,
modal update, dan hapus data
Kondisi akhir Setelah adanya pengelolaan data seperti,
hapus, tambah, dan update data akan
disimpan di database.
Skenario Normal
Aksi Aktor Reaksi Sistem
 Use Case ini dimulai ketika
user membuka menu utama
dan memilih menu tingkat
dan melakukan CRUD data
tingkat
 Sistem menampilkan form
CRUD data tingkat
 User melakukan CRUD
tingkat data tingkat
 Data yang telah dinputkan
disimpan
Skenario Gagal Mengelola Data Tingkat
Aksi Aktor Reaksi Sistem
 Use Case ini dimulai ketika
user membuka menu utama
dan memilih menu tingkat
dan melakukan CRUD data
tingkat
 Sistem menampilkan form
CRUD data tingkat
 User melakukan CRUD data
tingkat
 Menampilkan pesan data yang
dimasukkan tidak sesuai

e. Skenario Use Case Pengelolaan Data Rombongan Belajar


Use Case Pengeloaan Data Rombongan Belajar
Deskripsi Use Case ini untuk menggambarkan
user mengelola data Rombongan Belajar
Aktor Admin
Kondisi Awal Sistem menampilkan list data
rombongan belajar dan adanya modal
input, pencarian, modal update, dan
hapus data
Kondisi akhir Setelah adanya pengelolaan data seperti,
hapus, tambah, dan update data akan
25

disimpan di database.
Skenario Normal
Aksi Aktor Reaksi Sistem
 Use Case ini dimulai ketika
user membuka menu utama
dan memilih rombongan
belajar dan melakukan
CRUD data rombongan
belajar
 Sistem menampilkan form
CRUD data rombongan belajar
 User melakukan CRUD data
rombongan belajar
 Data yang telah dinputkan
disimpan
Skenario Gagal Mengelola Data Rombongan Belajar
Aksi Aktor Reaksi Sistem
 Use Case ini dimulai ketika
user membuka menu utama
dan memilih menu
rombongan belajar dan
melakukan CRUD data
rombongan belajar
 Sistem menampilkan form
CRUD data rombongan belajar
 User melakukan CRUD data
rombongan belajar
 Menampilkan pesan data yang
dimasukkan tidak sesuai

f. Skenario Use Case Pengelolaan Data Kenaikan Kelas


Use Case Pengeloaan Data Kenaikan Kelas
Deskripsi Use Case ini untuk menggambarkan
user mengelola data kenaikan kelas
Aktor Admin
Kondisi Awal Sistem menampilkan list data kenaikan
kelas dan adanya modal input,
pencarian, modal update, dan hapus data
Kondisi akhir Setelah adanya pengelolaan data seperti,
hapus, tambah, dan update data akan
disimpan di database.
Skenario Normal
Aksi Aktor Reaksi Sistem
 Use Case ini dimulai ketika
user membuka menu utama
dan memilih menu kenaikan
26

kelas dan melakukan CRUD


data kenaikan kelas
 Sistem menampilkan form
CRUD data kenaikan kelas
 User melakukan CRUD
tingkat data kenaikan kelas
 Data yang telah dinputkan
disimpan
Skenario Gagal Mengelola Data Kenaikan Kelas
Aksi Aktor Reaksi Sistem
 Use Case ini dimulai ketika
user membuka menu utama
dan memilih menu kenaikan
kelas dan melakukan CRUD
data kenaikan kelas
 Sistem menampilkan form
CRUD data kenaikan kelas
 User melakukan CRUD data
kenaikan kelas
 Menampilkan pesan data yang
dimasukkan tidak sesuai

g. Skenario Use Case Pengelolaan Data Kompetensi Keahlian


Use Case Pengeloaan Kompetensi Keahlian
Deskripsi Use Case ini untuk menggambarkan
user mengelola data Kompetensi
Keahlian
Aktor Admin
Kondisi Awal Sistem menampilkan list data
kompetensi keahlian dan adanya modal
input, pencarian, modal update, dan
hapus data
Kondisi akhir Setelah adanya pengelolaan data seperti,
hapus, tambah, dan update data akan
disimpan di database.
Skenario Normal
Aksi Aktor Reaksi Sistem
 Use Case ini dimulai ketika
user membuka menu utama
dan memilih menu
kompetensi keahlian dan
melakukan CRUD data
kompetensi keahlian
 Sistem menampilkan form
CRUD data kompetensi keahlian
 User melakukan CRUD
27

tingkat data kompetensi


keahlian
Data yang telah dinputkan
disimpan
Skenario Gagal Mengelola Data Kompetensi Keahlian
Aksi Aktor Reaksi Sistem
 Use Case ini dimulai ketika
user membuka menu utama
dan memilih kompetensi
keahlian dan melakukan
CRUD data tingkat
 Sistem menampilkan form
CRUD data kompetensi keahlian
 User melakukan CRUD data
kompetensi keahlian
 Menampilkan pesan data yang
dimasukkan tidak sesuai

h. Skenario Use Case Pengelolaan Data Histori Kompetensi Keahlian


Use Case Pengeloaan Data Histori Kompetensi
Keahlian
Deskripsi Use Case ini untuk menggambarkan
user mengelola data histori kompetensi
keahlian
Aktor Admin
Kondisi Awal Sistem menampilkan list data histori
kompetensi keahlian dan adanya modal
input, pencarian, modal update, dan
hapus data
Kondisi akhir Setelah adanya pengelolaan data histori
kompetensi keahlian seperti, hapus,
tambah, dan update data akan disimpan
di database.
Skenario Normal
Aksi Aktor Reaksi Sistem
 Use Case ini dimulai ketika
user membuka menu utama
dan memilih menu histori
kompetensi keahlian dan
melakukan CRUD data
histori kompetensi keahlian
 Sistem menampilkan form
CRUD data histori kompetensi
keahlian
 User melakukan CRUD
tingkat data histori
28

kompetensi keahlian

Data yang telah dinputkan
disimpan
Skenario Gagal Mengelola Data Histori Kompetensi Keahlian
Aksi Aktor Reaksi Sistem
 Use Case ini dimulai ketika
user membuka menu utama
dan memilih menu histori
kompetensi keahlian dan
melakukan CRUD data
histori kompetensi keahlian
 Sistem menampilkan form
CRUD data histori kompetensi
keahlian
 User melakukan CRUD data
histori kompetensi keahlian
 Menampilkan pesan data yang
dimasukkan tidak sesuai

i. Skenario Use Case Pengelolaan Data Siswa


Use Case Pengeloaan Data Siswa
Deskripsi Use Case ini untuk menggambarkan
user mengelola data siswa
Aktor Admin
Kondisi Awal Sistem menampilkan list data siswa dan
adanya modal input, pencarian, modal
update, dan hapus data
Kondisi akhir Setelah adanya pengelolaan data seperti,
hapus, tambah, dan update data akan
disimpan di database.
Skenario Normal
Aksi Aktor Reaksi Sistem
 Use Case ini dimulai ketika
user membuka menu utama
dan memilih menu data siswa
dan melakukan CRUD data
siswa
 Sistem menampilkan form
CRUD data siswa
 User melakukan CRUD
tingkat data siswa
 Data yang telah dinputkan
disimpan
Skenario Gagal Mengelola Data Siswa
Aksi Aktor Reaksi Sistem
 Use Case ini dimulai ketika
29

user membuka menu utama


dan memilih menu siswa dan
melakukan CRUD data siswa
 Sistem menampilkan form
CRUD data siswa
 User melakukan CRUD data
siswa
 Menampilkan pesan data yang
dimasukkan tidak sesuai
30

Kemudian dibawah ini merupakan perancangan use case diagram aplikasi


administrasi siswa. Dapat dilihat pada Gambar 3.8:

Gambar 3.8 Use Case Adminstrasi Siswa

a. Skenario Use Case Pengelolaan Setting Jenis Pembayaran


Use Case Pengeloaan Data Setting Jenis
Pembayaran
Deskripsi Use Case ini untuk menggambarkan
user mengelola data setting jenis
pembayaran
Aktor Admin
Kondisi Awal Sistem menampilkan list data setting
jenis pembayaran dan adanya modal
input, pencarian, modal update, dan
hapus data
Kondisi akhir Setalah adanya pengelolaan data seperti,
hapus, tambah, dan update data akan
disimpan di database.
Skenario Normal
Aksi Aktor Reaksi Sistem
 Use Case ini dimulai ketika
user membuka menu utama
dan memilih menu setting
jenis pembayaran dan
melakukan CRUD data
setting jenis pembayaran
 Sistem menampilkan form
CRUD data setting jenis
pembayaran
31

 User melakukan CRUD data


setting jenis pembayaran
 Data yang telah dinputkan
disimpan
Skenario Gagal Mengelola Data Setting Jenis Pembayaran
Aksi Aktor Reaksi Sistem
 Use Case ini dimulai ketika
user membuka menu utama
dan memilih menu setting
jenis pembayaran dan
melakukan CRUD data
setting jenis pembayaran
 Sistem menampilkan form
CRUD data setting jenis
pembayaran
 User melakukan CRUD data
setting jenis pembayaran
 Menampilkan pesan data yang
dimasukkan salah

b. Skenario Use Case Pengelolaan Input Pembayaran Siswa


Use Case Pengeloaan Data Input Pembayaran
Siswa
Deskripsi Use Case ini untuk menggambarkan
user mengelola data input pembayaran
siswa
Aktor Admin
Kondisi Awal Sistem menampilkan list data input
pembayaran siswa dan adanya modal
input, pencarian, modal update, dan
hapus data
Kondisi akhir Setalah adanya pengelolaan data seperti,
hapus, tambah, dan update data akan
disimpan di database.
Skenario Normal
Aksi Aktor Reaksi Sistem
 Use Case ini dimulai ketika
user membuka menu utama
dan memilih menu input
pembayaran siswa dan
melakukan CRUD data input
pembayaran siswa
 Sistem menampilkan form
CRUD data input pembayaran
siswa
 User melakukan CRUD data
32

input pembayaran siswa



Data yang telah dinputkan
disimpan
Skenario Gagal Mengelola Data Input Pembayaran Siswa
Aksi Aktor Reaksi Sistem
 Use Case ini dimulai ketika
user membuka menu utama
dan memilih menu input
pembayaran siswa dan
melakukan CRUD data input
pembayaran siswa
 Sistem menampilkan form
CRUD data input pembayaran
siswa
 User melakukan CRUD data
input pembayaran siswa
 Menampilkan pesan data yang
dimasukkan salah

c. Skenario Use Case Pengelolaan Rekapitulasi Pembayaran Siswa


Use Case Pengeloaan Data Input Rekapitulasi
Pembayaran Siswa
Deskripsi Use Case ini untuk menggambarkan
user mengelola data input Rekapitulasi
pembayaran siswa
Aktor Admin
Kondisi Awal Sistem menampilkan list data input
rekapitulasi pembayaran siswa dan
adanya modal input, pencarian, modal
update, dan hapus data
Kondisi akhir Setalah adanya pengelolaan data seperti,
hapus, tambah, dan update data akan
disimpan di database.
Skenario Normal
Aksi Aktor Reaksi Sistem
 Use Case ini dimulai ketika
user membuka menu utama
dan memilih menu
rekapitulasi pembayaran
siswa dan melakukan CRUD
data input rekapitulasi
pembayaran siswa
33

 Sistem menampilkan form


CRUD data rekapitulasi
pembayaran siswa
 User melakukan CRUD data
rekapitulasi pembayaran
siswa

Data yang telah dinputkan
disimpan
Skenario Gagal Mengelola Data Input Rekapitulasi Pembayaran Siswa
Aksi Aktor Reaksi Sistem
 Use Case ini dimulai ketika
user membuka menu utama
dan memilih menu
rekapitulasi pembayaran
siswa dan melakukan CRUD
data rekapitulasi pembayaran
siswa
 Sistem menampilkan form
CRUD data rekapitulasi
pembayaran siswa
 User melakukan CRUD data
rekapitulasi pembayaran
siswa
 Menampilkan pesan data yang
dimasukkan salah

3. Perancangan Basisdata
Dalam pembuatan Sistem yang dibuat membutuhkan beberapa tabel dalam
basis data. Adapun struktur rancangan tabel tersebut adalah seperti rincian di
bawah ini:

a. Relasi Tabel
Relasi adalah hubungan antara tabel yang mempresentasikan hubungan antar
objek. Relasi merupakan hubungan yang terjadi pada suatu tabel dengan lainnya
yang mempresentasikan hubungan antar objek di dunia nyata dan berfungsi untuk
mengatur mengatur operasi suatu database. Dibawah ini merupakan gambaran
relasi tabel secara singkat, tabel ditampilkan singkat dikarenakan melihat
banyaknya jumlah tabel, maka angkah baiknya disingkat saja.
34

Gambar 3.9 Gambar Relasi Tabel Pengaturan Akademik


35

Kemudian adalah rancangan tabel administrasi siswa, yang mana tidak jauh
berbeda dengan tabel pengaturan akademik karena data yang terkait masih sama.

Gambar 3.10 Gambar Relasi Tabel Administrasi Siswa


36

4. Perancangan Antarmuka
Perancangan antarmuka dibuat untuk memudahkan dalam merancang
antarmuka atau tampilan dalam sistem. Antarmuka dalam Sims ini terbagi
menjadi beberapa layout. Rancangan antarmuka dalam modul website ini adalah
sebagai berikut:

a) Tampilan Antarmuka Login


Tampilan Antarmuka Login ini digunakan oleh admin dan operator untuk
memasuki halaman website. Adapun tampilannya adalah seperti gambar di bawah
ini.

Gambar 3.11 Rancangan Antarmuka Login

b) Tampilan Antarmuka Beranda Web


Tampilan antarmuka beranda pada website adalah tampilan yang dibuat untuk
implementasi tampilan pada bagian beranda website. Tampilan tersebut adalah
seperti gambar di bawah ini:
37

Gambar 3.12 Rancangan Antarmuka Beranda Web

c.5.3 Implementasi dan Pembahasan


Setelah dilakukan analisis dan tampilan pada sub bab 3.5.2 maka tampilan
tersebut diimplementasikan seperti beberapa bagian di bawah ini:

1. Implementasi Basis Data


Implementasi basis data adalah penerapan dari tampilan basis data. Tampilan
basis data tidak ditampilkan, mengingat minimnya ruang, jikapun ditampilkan
maka tidak akan cukup, atau bisa lebih dari banyak halaman.

2. Implementasi Sistem
Implementasi antarmuka adalah penerapan rancangan antarmuka kedalam
antarmuka atau tampilan sistem. Antarmuka sistem terbagi menjadi beberapa
layout. Beberapa antarmuka dalam modul website ini adalah sebagai berikut:

a. Antarmuka Login
Login digunakan oleh admin atau operator untuk masuk ke dalam sistem agar
dapat mengakses atau mengelola sistem. Tampilan antarmuka login adalah seperti
gambar di bawah ini:
38

Gambar 3.13 Antarmuka Login

b. Antarmuka Beranda Website


Antarmuka beranda pada website adalah tampilan pada bagian beranda
website yaitu halaman awal terdepan admin ketika mengunjungi website
Rancangan tersebut adalah seperti gambar di bawah ini:

Gambar 3.14 Antarmuka Beranda Website

3. Hasil Pengujian Sistem


Dari hasil pengujian menggunakan metode black box terhadap sistem,
dapat dilihat bahwa secara umum sistem mampu menjalankan setiap proses uji
coba secara baik dan berhasil. Dengan mengembangkan aplikasi tersebut maka
dapat membantu pihak CV. Bead IT Consultant dalam mengembangkan project
aplikasi sistem informasi SMK Sore Tulungagung. Berikut ini adalah data
deskripsi dan hasil pengujian sistem menggunakan metode black box ditunjukkan
pada tabel 3.6.
Tabel 3.1 Pengujian Black Box

Pengaturan Akademik
39

Deskripsi Masukan Prosedur Hasil yang Hasil


Pengujian diharapkan Pengujian
Pengujian Memasukkan Klik Login Masuk ke Sesuai
Login Admin Username dan halaman
Password dashboard
Admin
Pengujian Mengedit data Klik Simpan Tampil Sesuai
Edit Data field yang ada halaman data
Pengaturan di pengaturan pengaturan
Akademik akademik akademik
Pengujian Memasukkan Klik Simpan Masuk ke Sesuai
Update Data, data field halaman data
Tambah Data, yang ada di Tahun Ajaran
Hapus Data Tahun
Pelajaran
Pengujian Mengupadate Klik Simpan Masuk ke Sesuai
Menu data field halaman data
Kompetensi yang ada di kompetensi
Keahlian, kompetensi keahlian
Mengupdate, keahlian
Menambah,
Mencari,
Menyimpan
dan
Menghapus
Data
Pengujian Mengubah Klik Simpan Masuk ke Sesuai
Menu Histori data field halaman
Kompetensi pada histori kompetensi
Keahlian, kompetensi keahlian
Menambah, keahlian
Mencari,
Mengedit,
Menghapus,
dan
Menyimpan
Data
Pengujian Menyesuaika Klik Simpan Masuk ke Sesuai
Menu n data pada halaman
Tingkat, tingkat tingkat
Mengedit,
dan Mencari
Data
Pengujian Mengubah Klik Simpan Masuk ke Selesai
Menu data field halaman
Rombongan pada rombongan
Belajar, rombongan belajar
Menambah, belajar
40

Mengedit,
Menyimpan,
Menghapus,
dan Mencari
Data
Pengujian Mengubah Klik Simpan Masuk ke Sesuai
Menu Data data field halaman data
Siswa, pada data siswa
Menambah, siswa
Mengimport,
Mengedit,
Menghapus,
Mencari, dan
Menambah
Data
Pengujian Mengubah Klik simpan Masuk ke Selesai
Menu data field halaman
Kenaikan pada kenaikan kenaikan
Kelas, kelas kelas
Mencari,
Mengedit
data, dan
Menyimpan
data
Administrasi Siswa
Deskripsi Masukan Prosedur Hasil yang Hasil
Pengujian diharapkan Pengujian
Pengujian Mengubah Klik simpan Masuk ke Selesai
Menu Setting data field halaman
Jenis pada setting setting jenis
Pembayaran, jenis pembayaran
Menambah pembayaran
Data,
Mencari
Data,
Menghapus
Data,
Mengedit
Data, dan
Menyimpan
Data
Pengujian Mengubah Klik Bayar Masuk ke Selesai
Menu Input data field halaman
Pembayaran pada input
Siswa, pemnbayaran pembayaran
Mencari siswa
Data,
Pengujian Melihat data Klik simpan Masuk ke Selesai
41

Menu rekapitulasi halaman


Rekapitulasi pembayaran rekapitulasi
Pembayaran siswa pembayaran
Siswa dan siswa
Mencari Data
BAB IV
KESIMPULAN DAN SARAN

4.1 Kesimpulan
Setelah dilaksanakannya PKL (Praktik Kerja Lapangan) di CV. Bead IT
Consultant, kami mendapatkan banyak manfaat, baik itu pengalaman,
pengetahuan, dan semua yang terkait dalam dunia kerja. Sehingga kami dapat
menambah wawasan yang kami dapatkan selama ini, karena hanya dengan
praktek kami bisa mengetahui seberapa jauh kemampuan yang sudah kami dapat
di kampus. Sehingga suatu saat nanti jika kami memasuki dunia kerja tidak akan
ragu melakukannya, karena sebelumnya sudah mempunyai pengalaman yang
baik.

4.2 Saran
Pada akhir dari bagian laporan PKL ini, kami akan menyampaikan saran-
saran, baik untuk mahasiswa tentang pelaksanaan Praktik Kerja Lapangan (PKL)
yaitu agar mahasiswa selalu menjaga nama baik almamater kampus dalam dunia
industri dengan menjaga kedisiplinan, etos kerja dan etika dalam perusahaan. Tak
lupa juga agar mahasiswa dalam mengalami masalah selalu konsultasi kepada
dosen pembimbing maupun pembimbing lapangan.
DAFTAR PUSTAKA

Aprilia, P. (2021, Juli 3). niagahoster.co.id. Retrieved from Niagahoster Blog:


https://www.niagahoster.co.id/blog/javascript-adalah/
C, A. (2020, Sepetember 04). hostinger.co.id. Retrieved from Hostinger Tutorial:
https://www.hostinger.co.id/tutorial/apa-itu-bootstrap
E Rasjid, E. (2014, September 29). ubaya.ac.id. Retrieved from Bahasa
Pemrograman Populer PHP:
https://ubaya.ac.id/2018/content/articles_detail/144/Bahasa-Pemrograman-
populer-PHP.html
K, Y. (2019, Juli 22). niagahoster.co.id. Retrieved from Niagahister Blog:
https://www.niagahoster.co.id/blog/apache-adalah/
K, Y. (2019, Juli 24). niagahoster.co.id. Retrieved from Niagahoster blog:
https://www.niagahoster.co.id/blog/mysql-adalah/
K, Y. (2019, Mei 25). niagahoster.co.id. Retrieved from Niagahoster Blog:
https://www.niagahoster.co.id/blog/jquery-adalah/
Muhardian, A. (2021, Agustus 05). petanikode.com. Retrieved from Apa itu Git
dan Kenapa Penting bagi Programmer?: https://www.petanikode.com/git-
untuk-pemula/
Pandu P, A. (2021, Maret 18). gamelab.id. Retrieved from GameLab Indonesia:
https://www.gamelab.id/news/586-coding-praktis-dengan-sublime-text-
editor
44

LAMPIRAN

1. Surat Keterangan Praktik Kerja Lapangan dari Perusahaan (Lampiran 1)


2. Formulir Daftar Hadir (Lampiran 2)
3. Formulir Daftar Kegiatan Harian Praktik Kerja Lapangan (Lampiran 3)
4. Formulir Penilaian Dari Perusahaan (Lampiran 4)
5. Formulir Kartu Konsultasi Praktik Kerja Lapangan (Lampiran 5)
6. Foto Kegiatan (Lampiran 6)

Anda mungkin juga menyukai