Laporan

KATA PENGANTAR...................................................................................................2
BAB I PENDAHULUAN.............................................................................................3
1.1 Latar Belakang Prakerin......................................................................................3
1.2 Landasan Prakerin...............................................................................................4
1.3 Tujuan Prakerin....................................................................................................4
BAB II GAMBARAN UMUM DU/DI.........................................................................6
2.1 Struktur Organisasi..............................................................................................6
2.2 Ruang Lingkup Pekerjaan....................................................................................6
BAB III PELAKSANAAN DAN PEMBAHASAN PROJEK......................................7
3.1 Judul Project Dan Deskripsi Singkat Project......................................................7
3.2 Tujuan Dan Manfaat Project................................................................................7
3.3 Waktu Dan Tempat Pelaksanaan Project.............................................................7
3.4 Flowchart Dalam Bentuk Usecase.......................................................................8
3.5 Desain Tampilan Antar Muka (Design Interface)...............................................9
Login......................................................................................................................9
Admin....................................................................................................................9
Siswa....................................................................................................................17
3.6 Desain Relation Database..................................................................................20
3.7 Script Program (Source Code)...........................................................................20
3.8 Gambar Hasil Tampilan Projek Dan Deskripsinya...........................................21
Login....................................................................................................................21
Admin..................................................................................................................21
Siswa....................................................................................................................34
BAB IV PENUTUPAN...............................................................................................40
4.1 Kesimpulan........................................................................................................40
4.2 Saran..................................................................................................................40
DAFTAR PUSTAKA..................................................................................................41

1
KATA PENGANTAR

Puji dan syukur kita panjatkan pada kehadirat Allah SWT. yang memberikan hidayah,
karunia dan rahmat-Nya agar saya dapat diberikan kesempatan untuk membuat
laporan prakerin periode 2021 ini. Laporan ini dibuat dan disusun sebagai bukti
selesainya masa prakerin periode 2021 ini, dan juga sebagai pelengkap salah satu
syarat dalam menyelesaikan prakerin bagi siswa-siswi SMK Negeri 2 Banjarmasin,
jurusan Rekayasa Perangkat Lunak.

Dalam pelaksanaan prakerin dan penyusunan laporan ini, tentu saja saya tidak
terlepas dari bantuan, bimbingan, dukungan dari banyak pihak dalam bentuk apapun,
maka karenanya saya mengucapkan terimakasih yang setinggi-tingginya atas bantuan,
bimbingan, dukungan selama masa prakerin dan penyusunan laporan ini.

Ucapan terimakasih saya tujukan pada:

• Bapak H. Almunawar, ST, M.Pd selaku kepala sekolah SMK Negeri 2

Banjarmasin.

• Ibu Kiki Octavia Aditama, S.Pd selaku ketua jurusan Rekayasa Perangkat Lunak
sekaligus sebagai guru pembimbing prakerin dari SMK Negeri 2 Banjarmasin.

• Bapak Muhammad Cahyowibowo, A.Md, S.Pd sebagai pembimbing prakerin di

Tefa RPL SMK Negeri 2 Banjarmasin

• Bapak Dodi Ripansyah A, S.Kom

• Bapak Luthfy Eka Permana

• Bapak Drs. Koes Wiyatmoko, M.Kom

• Serta seluruh pihak yang terkait yang sudah banyak membantu dalam pelaksanaan
prakerin dan penyusunan laporan prakerin ini.

2
 Walaupun masih banyak kekurangan dan kesalahan pada penyusunan dan
pembuatan laporan prakerin periode 2021 ini, saya sudah berusaha sebaik-baiknya
dalam membuat laporan ini. Maka dari itu saya akan terbuka pada masukan kritik dan
saran yang bersifat membangun dari berbagai pihak demi kesempurnaan laporan
prakerin kali ini.

BAB I PENDAHULUAN

1.1 Latar Belakang Prakerin

Sekolah Menengah Kejuruan (SMK) merupakan lembaga pendidikan
kejuruan yang bertujuan menyiapkan siswa menjadi tenaga kerja yang terampil dan
handal dalam melaksanakan jenis pekerjaan tertentu. SMK sebagai sub sistem
pendidikan nasional yang bertanggung jawab dalam penyiapan SDM tingkat
menengah yang handal, dituntut untuk menerapkan prinsip demand driven, job
oriented, dan dual based program, yang berorientasi kepada kebutuhan pasar bahkan
mampu mengembangkan inovasi untuk mempengaruhi perubahan kebutuhan pasar
sehingga dapat mewujudkan kepuasan pelanggan.
Pelaksanaan Praktik Kerja Industri (Prakerin) merupakan bagian dari
Pendidikan Sistem Ganda (PSG) yang merupakan inovasi pada program SMK,
dimana peserta didik melakukan praktek kerja (magang) di perusahaan atau industri
yang merupakan bagian integral dari proses pendidikan dan pelatihan di SMK.
Pendidikan Sistem Ganda diilhami oleh dua system (dual based program) yang
dilakukan di Jerman. Mulai diberlakukan di Indonesia berdasarkan kurikulum SMK
tahun 1994, dipertajam dengan kurikulum SMK edisi 1999 dan dipertegas dengan
kurikulum SMK edisi 2004. Di Indonesia dalam penyelenggaraan Pendidikan Sistem
Ganda, peserta diklat SMK menjalani magang di industri hanya beberapa bulan
selama mereka menjalani sistem pendidikan tiga 3 tahun atau empat tahun di SMK.
Pendidikan Sistem Ganda melalui program praktik kerja industri merupakan suatu

3
langkah nyata (substansial) untuk membuat sistem pendidikan dan pelatihan kejuruan
lebih relevan dengan dunia kerja dalam rangka menghasilkan tamatan yang bermutu.
Program yang dilaksanakan di industri atau dunia usaha meliputi:
1. Praktik dasar kejuruan yang dilaksanakan sebagian di sekolah dan sebagian
lainnya di industri. Praktik dasar kejuruan dapat dilaksanakan di industri apabila
industri pasangan memiliki fasilitas pelatihan memadai. Namun apabila industri
pasangan tidak memiliki fasilitas pelatihan maka kegiatan praktik dasar kejuruan
sepenuhnya dilaksanakan di sekolah.
2. Praktik keahlian produktif dilaksanakan di industri dalam bentuk praktik kerja
industri (on the job training) berbentuk kegiatan mengerjakan pekerjaan produksi
atau jasa di industri atau perusahaan. Praktek kerja industri merupakan
pendekatan yang dirancang untuk memudahkan para siswa mencapai ketrampilan
dan keahlian sesuai dengan bidang keahlian yang mereka tekuni. Pendekatan ini
merupakan upaya untuk mendekatkan kesesuaian antara kebutuhan lapangan
kerja dan penyediaan tenaga kerja.

1.2 Landasan Prakerin

KEPMEN Pendidikan Dan Kebudayaan No.323/u/1997, Tentang  UU No.20
tahun 2003 Tentang sistem pendidikan Nasional : Pendidikan adalah usaha dasar
terencana untuk mewujudkan suasana belajar dan proses pembelajaran agar peserta
didik secara aktif mengembangkan potensi diri nya untuk mempunyai kekuatan
spiritual keagamaan, pengendalian diri kepribadian, kecerdasan, akhlak mulia, dan
keterampilan yang diperlukan diri nya, masyarakat Bangsa dan Negara, dan
penyelengaaraan Prakerin SMK.

1.3 Tujuan Prakerin

1. Siswa diharapkan dapat mengimplementasikan materi yang selama ini didapatkan
di sekolah sehingga dapat diterapkan dengan baik. Ketika sudah terjun ke dunia

4
 industri ataupun dunia kerja yang sesungguhanya tentunya tak hanya materi yang
dibutuhkan namun praktiknya juga.
2. Dapat membentuk pola pikir yang konstruktif pola pikir bagi siswa-siswi
prakerin. Sehingga dapat melihat peluang di masa depan. Pola pikir siswa dapat
terbuka setelah mengetahui gambaran kasar bagaimana lingkungan kerja. Hal
tersebut bisa didapatkan dari prakerin atau praktik kerja industri tersebut.
3. Dapat melatih siswa untuk berkomunikasi atau berinteraksi secara profesional di
dunia kerja yang sebenarnya. Sehingga tidak merasa takut atau canggung lagi
berkomunikasi secara profssional.
4. Dapat membentuk etos kerja yang baik bagi siswa-siswi prakerin. Sehingga
kedepannya siswa dapat menjadi sosok lulusan dan berkualitas. Skill dan
kemampuan siswa sangat dibutuhkan ketika sudah terjun ke dunia industri.
5. Bisa menambah dan mengembangkan ilmu pengetahuan dasar yang dimiliki oleh
siswa-siswi prakerin sesuai bidang masing-masing.
6. Dapat menambah jenis keterampilan yang dimiliki oleh siswa agar dapat
dikembangkan dan diimplementasikan dalam kehidupan sehari-hari. Melalui
prakerin dapat membantu siswa agar keterampilannya dapat meningkatkan.
Keterampilan tersebut sangat dibutuhkan ketika sudah terjun di dunia industri.
7. Bisa menjalin kerjasama yang baik antara sekolah dengan dunia industri maupun
dunia usaha.

5
BAB II GAMBARAN UMUM DU/DI

2.1 Struktur Organisasi

2.2 Ruang Lingkup Pekerjaan

Ruang Lingkup selama prakerin dilaksanakan di ruangan “Techno Park

SMKN 2 Banjarmasin”

6
BAB III PELAKSANAAN DAN PEMBAHASAN PROJEK

3.1 Judul Project Dan Deskripsi Singkat Project

Judul project yang telah saya buat adalah E-Perpus, Project ini dibuat untuk
memudahkan melakukan peminjaman buku perpustakaan oleh siswa, melakukan
pendataan buku di perpustakaan dan juga siswa dapat membaca E-Buku yang
disediakan oleh perpustakaan melalui website ini

3.2 Tujuan Dan Manfaat Project

 Tujuan project yang saya buat ini adalah untuk mempermudah dan menyimpan
data peminjaman,buku,E-buku dan siswa/anggota di perpustakaan SMKN 2
Banjarmasin
 Manfaat project yang saya buat ini adalah agar siswa dapat lebih mudah melihat
isi katalog buku yang berada di perpustakaan SMKN 2 Banjarmasin, juga siswa
dapat membaca E-Buku yang disediakan oleh perpustakaan SMKN 2
Banjarmasin, dan siswa dapat memonitoring peminjaman yang dilakukan nya

3.3 Waktu Dan Tempat Pelaksanaan Project

Waktu pengerjaan website ini saya bagi menjadi dua yaitu waktu pengerjaan
frontend dan waktu pengerjaan backend dan pelaksanaan Project saya lakukan di
rumah

7
 Frontend saya kerjakan mulai dari tanggal 1 November 2021 s/d 13 November
2021
 Backend saya kerjakan mulai dari tanggal 22 November 2021 s/d 29 November
2021

3.4 Flowchart Dalam Bentuk Usecase

8
3.5 Desain Tampilan Antar Muka (Design Interface)

Login

Admin
Pada role admin hanya bisa melakukan :

9
10
Table Siswa

11
Table Peminjaman

12
13
Table E-Buku

14
Table Buku

15
16
Siswa

17
18
19
3.6 Desain Relation Database

3.7 Script Program (Source Code)

Untuk mempermudah proses dan penghematan kertas, saya menggunakan

github sebagai sarana peletakkan script dari proyek ini. Berikut adalah tautan github
yang berisi script dari proyek ini

https://github.com/revaldy-30/eperpus

20
3.8 Gambar Hasil Tampilan Projek Dan Deskripsinya

Login

Gambar 1.1

Pada gambar 1.1 adalah tampilan untuk login, disini saya menyediakan dua role yaitu
“Admin” & “Siswa” , user bisa memasukan kredensial yang diberikan lalu click
tombol login untuk masuk tampilan utama website, disini saya memberikan dua
kredensial demo yang hanya ada saat masa percobaan dan testing.

Admin

Gambar 2.1

21
Pada gambar 2.1 merupakan tampilan dashboard untuk role admin, disini
menampilkan berapa jumlah dari masing masing table dan 5 peminjaman yang baru
ditambahkan

Gambar 2.2

Pada gambar 2.2 menampilkan table audit yang dimana memantau atau melakukan
auditing pada role admin, disini kita bisa melihat aktifitas yang pernah dikerjakan
oleh admin dalam website ini, di halaman ini juga memiliki fungsi export table ke file
excel

Gambar 2.3

22
Pada gambar 2.3 menampilkan table User dengan role siswa disini admin bisa
melakukan CRUD terhadap table tersebut dan juga admin bisa melakukan export
table ke file excel

Gambar 2.3.1

Gambar 2.3.1 merupakan tampilan penambahan table siswa, table siswa akan
ditambah jika kita mengisi form input di page ini

Gambar 2.3.2

Jika penambahan berhasil maka akan muncul pemberitahuan seperti gambar 2.3.2

23
Gambar 2.3.3

Gambar 2.3.3 merupakan tampilan untuk melakukan edit pada table siswa yang
dipilih, table siswa akan di edit dengan cara mengganti input yang mau kita ubah di
form tersebut

Gambar 2.3.4

Jika edit berhasil maka akan muncul pemberitahuan seperti gambar 2.3.4

Gambar 2.3.5

Kita bisa melihat detail dari data siswa didalam table dengan menekan tombol detail
disamping, lalu pada gambar 2.3.5 merupakan tampilan dari detail dari data siswa
disini admin juga bisa melakukan edit dan delete

24
Gambar 2.3.6

Admin bisa menghapus data dengan menekan tombol delete di samping, lalu akan
muncul pop up untuk melakukan konfirmasi pada penghapusan data bisa dilihat pada
gambar 2.3.6

Gambar 2.4

Pada gambar 2.4 menampilkan table peminjaman disini admin bisa melakukan
CRUD terhadap table tersebut dan juga admin bisa melakukan export table ke file
excel

25
Gambar 2.4.1

Gambar 2.4.1 merupakan tampilan penambahan table peminjaman, table peminjaman

akan ditambah jika kita mengisi form input di page ini

Gambar 2.4.2

Jika penambahan berhasil maka akan muncul pemberitahuan seperti gambar 2.4.2

Gambar 2.4.3

26
Gambar 2.4.3 merupakan tampilan untuk melakukan edit pada table peminjaman
yang dipilih, table peminjaman akan di edit dengan cara mengganti input yang mau
kita ubah di form tersebut

Gambar 2.4.4

Jika edit berhasil maka akan muncul pemberitahuan seperti gambar 2.4.4

Gambar 2.4.5

Kita bisa melihat detail dari data peminjaman didalam table dengan menekan tombol
detail disamping, lalu pada gambar 2.4.5 merupakan tampilan dari detail dari data
peminjaman disini admin juga bisa melakukan edit dan delete

27
Gambar 2.4.6

Admin bisa menghapus data dengan menekan tombol delete di samping, lalu akan
muncul pop up untuk melakukan konfirmasi pada penghapusan data bisa dilihat pada
gambar 2.4.6

Gambar 2.5

Pada gambar 2.5 menampilkan table E-buku disini admin bisa melakukan CRUD
terhadap table tersebut dan juga admin bisa melakukan export table ke file excel

Gambar 2.5.1

28
Gambar 2.5.1 merupakan tampilan penambahan table e-buku, table e-buku akan
ditambah jika kita mengisi form input di page ini, disini kita diharuskan
menginputkan file pdf dan gambar

Gambar 2.5.2

Jika penambahan berhasil maka akan muncul pemberitahuan seperti gambar 2.5.2

Gambar 2.5.3

Gambar 2.5.3 merupakan tampilan untuk melakukan edit pada table e-buku yang
dipilih, table e-buku akan di edit dengan cara mengganti input yang mau kita ubah di
form tersebut

Gambar 2.5.4

Jika edit berhasil maka akan muncul pemberitahuan seperti gambar 2.5.4

29
Gambar 2.5.5

Kita bisa melihat detail dari data e-buku didalam table dengan menekan tombol detail
disamping, lalu pada gambar 2.5.5 merupakan tampilan dari detail dari data e-buku
disini admin juga bisa melakukan edit, delete dan membaca file pdf

Gambar 2.5.6

Jika kita menekan tombol “read” pada gambar 2.5.5 maka akan muncul file pdf yang
akan kita baca di halaman baru

30
Gambar 2.5.7

Admin bisa menghapus data dengan menekan tombol delete di samping, lalu akan
muncul pop up untuk melakukan konfirmasi pada penghapusan data bisa dilihat pada
gambar 2.5.7

Gambar 2.6

Pada gambar 2.6 menampilkan table buku disini admin bisa melakukan CRUD
terhadap table tersebut dan juga admin bisa melakukan export table ke file excel

31
Gambar 2.6.1

Gambar 2.6.1 merupakan tampilan penambahan table buku, table buku akan ditambah
jika kita mengisi form input di page ini, disini kita bisa menginputkan file gambar
untuk table buku

Gambar 2.6.2

Jika penambahan berhasil maka akan muncul pemberitahuan seperti gambar 2.6.2

Gambar 2.6.3

32
Gambar 2.6.3 merupakan tampilan untuk melakukan edit pada table buku yang
dipilih, table buku akan di edit dengan cara mengganti input yang mau kita ubah di
form tersebut

Gambar 2.6.4

Jika edit berhasil maka akan muncul pemberitahuan seperti gambar 2.6.4

Gambar 2.6.5

Kita bisa melihat detail dari data buku didalam table dengan menekan tombol detail
disamping, lalu pada gambar 2.6.5 merupakan tampilan dari detail dari data buku
disini admin juga bisa melakukan edit dan delete

33
Gambar 2.6.6

Admin bisa menghapus data dengan menekan tombol delete di samping, lalu akan
muncul pop up untuk melakukan konfirmasi pada penghapusan data bisa dilihat pada
gambar 2.6.6

Siswa

Pada role siswa hanya bisa melakukan :

Gambar 3.1

34
Pada gambar 3.1 merupakan tampilan table buku, disini siswa bisa mencari dan
melihat daftar buku yang tersedia di perpustakaan dan juga siswa bisa melakukan
export table ke file excel

Gambar 3.2

Pada gambar 3.2 adalah tampilan detail/view buku siswa bisa mengakses halaman ini
di halaman buku di gambar 3.1, di halaman ini siswa bisa melihat informasi dari buku
tersebut

35
Gambar 3.3

Gambar 3.3 adalah tampilan untuk E-Buku, siswa bisa membaca dan melihat E-Buku
yang tersedia di website, siswa bisa melihat detail lalu membaca nya dengan menekan
link yang berada di bawa cover E-Buku tersebut

Gambar 3.4

Gambar 3.4 merupakan tampilan dari detail E-Buku siswa disini bisa melihat
informasi dari E-Buku tersebut dan bisa membaca nya dengan menekan button
“Read”

36
Gambar 3.5

Siswa juga bisa memantau atau memonitoring peminjaman yang telah dilakukan nya
di halaman peminjaman, disini siswa bisa melihat detail peminjaman, buku, dan user
profile

Gambar 3.6

Pada gambar 3.6 merupakan tampilan dari detail peminjaman, disini siswa bisa
melihat informasi tentang peminjaman yang telah dilakukan nya

37
Gambar 4.1

Pada gambar 4.1 merupakan tampilan dari profile yang bisa kita akses di sudut kanan
atas navbar atau dengan mengklik arrow disamping icon, di halaman ini kita bisa
melakukan edit profile dengan menekan button edit

Gambar 4.2

Gambar 4.2 tampilan jika kita menekan button edit, disini kita bisa mengubah profile
kita dengan mengedit input yang tersedia di form tersebut

38
Gambar 4.3

Ketika edit kita berhasil maka akan muncul tampilan seperti gambar 4.3, disini saya
mengubah ganbar profile saya

BAB IV PENUTUPAN

4.1 Kesimpulan

Saya melaksanakan prakerin di SMKN 2 Banjarmasin (TEFA RPL) pada

prakerin kali tim kami diberikan sebuah project membuat website disini banyak sekali
pengalaman yang diberikan mulai dari bagaimana pembuatan project berkelompok
atau bersama tim lalu proses review code oleh penguji dan banyak hal yang berkaitan
dengan pemrograman walauapun saya tidak terlalu banyak mengikuti kegiatan
tersebut karena saya diberikan kesempatan untuk mengikuti LKS Nasional di bidang
Cyber Security saya bersyukur karena pernah melihat dan membantu tim
mengerjakan sebuah project website

39
4.2 Saran

Saran saya perbanyak jenis prakerin seperti di SMKN 2 Banjarmasin (TEFA

RPL) karena sangat bermanfaat, sangat melatih kerja tim dan melatih skill
pemrograman masih banyak hal hal yang bermanfaat dari prakerin kali ini, sekian
saran dari saya, saya ucapkan terimakasih banyak

PT.Jual Bareng Indonesia

DAFTAR PUSTAKA

PHP | https://www.php.net/

Bootstrap 5 | https://getbootstrap.com/

Laravel 8 | https://laravel.com/

Laravel Auditing | http://www.laravel-auditing.com/

Blade Templating Engine | https://laravel.com/docs/8.x/blade

40
Datatables | https://www.datatables.net/

JQuery | https://jquery.com/

41