SMKN 1 DENPASAR
OLEH :
NIS : 29770
KELAS : XII RPL 3
ii
LEMBAR PENGESAHAN LAPORAN
SMKN 1 DENPASAR
Hari : ……………………………….
Tanggal : ……………………………….
PEMBIMBING
Sekolah Industri
iii
KATA PENGANTAR
Puji syukur saya panjatkan ke hadapan Tuhan Yang Maha Esa, karena berkat
anugerah-Nya penulis dapat menyelesaikan laporan praktik kerja lapangan (PKL)
ini secara maksimal.
Pada kesempatan kali ini, penulis mengucapkan banyak terima kasih kepada
semua pihak yang telah membantu penyusunan Laporan Praktik Kerja Lapangan
ini. Diantaranya :
iv
DAFTAR ISI
BAB 1 PENDAHULUAN .............................................................................................. 1
1.1 Latar Belakang ............................................................................................... 1
1.2 Tujuan Pembuatan Laporan .......................................................................... 2
v
BAB 1
PENDAHULUAN
1.1 Latar Belakang
Lulusan Sekolah Menengah Kejuruan (SMK) dituntut untuk memiliki keahlian khusus
sesuai jurusannya dan siap terjun di dunia kerja. Keahlian professional setiap individu tidak
semata-mata diukur dari nilai akademik dan penguasaan pengetahuan saja. Namun, harus
diimbangi dengan mengimplementasikan langsung teori ke dalam praktik kerja. Demi
mempersiapkan mental dan keterampilan, diadakan program Prakerin (Praktik Kerja
Industri) atau PKL (Praktik Kerja Lapangan).
Praktik kerja lapangan adalah sebuah pelatihan dan pembelajaran yang dilaksanakan di
Dunia Usaha atau Dunia Industri yang relavan dengan kompetensi keahlian yang dimiliki
masing-masing. Praktik kerja lapangan merupakan upaya meningkatkan mutu Sekolah
Menengah Kejuruan (SMK) dan menambah bekal untuk masa mendatang guna memasuki
dunia kerja yang semakin banyak serta ketat dalam persaingannya. Selain itu dengan
pesatnya perkembangan ilmu pengetahuan dan teknologi, banyak peralatan baru yang
diciptakan guna menunjang banyaknya permintaan produksi barang atau jasa yang
menimbulkan perubahan mendasar untuk mendapat pekerjaan, sehingga tenaga kerja dituntut
bukan hanya memiliki kemampuan teknis belaka, tetapi juga harus fleksibel dan berwawasan
lebih luas, inovatif serta didukung denganketerampilan yang kompeten.
Oleh karena itu, dengan adanya kegiatan praktik kerja lapangan siswa dapat mengasah dan
juga mengimplementasikan materi yang didapatkannya di sekolah, ke dunia industri yang
relavan dengan kemampuannya masing-masing. Dalam kegiatan praktik kerja lapangan ini
siswa diwajibkan untuk membuat sebuah laporan praktik kerja lapangan. Pada laporan
praktik kerja lapangan ini berorientasi pada kegiatan siswa-siswi selama melaksanakan
praktik kerja di tempat indsutri yang dipilih.
1
1.2 Tujuan Pembuatan Laporan
2
BAB 2
Tinjauan Umum
2.1 Spesifikasi Laptop(Hardware)
Asus TUF F15
Processor Intel(R) Core(TM) i5-10300H
RAM 8GB
2.2 Software
1.Microsoft Edge
Sebuah aplikasi yang menjadi dasar dari sebuah sistem yang akan dibuat sehingga,jika kita
membuat suatu sistem atau mengubah sistem dapat kita lihat secara langsung.Selain Microsoft
Edge kita dapata menggunakan aplikasi seperti Google Chrome,Mozilla,Opera,Safari,dll.
Microsoft Edge,awalnya dikembangkan di bawah nama kode Project Spartan, adalah perambaan
web yang dikembangkan oleh Microsoft dan termasuk dalam sistem operasi Windows. Resmi
dirilis pada tanggal 29 Juli 2015, peramban ini menggantikan Internet Explorer sebagai
peramban baku pada Windows 10.
Hal ini juga akan menjadi peramban baku dari rilis yang akan datang dari Windows 10 untuk
telepon cerdas dan tablet kecil. Microsoft Edge kini juga sudah tersedia untuk platform
Android dan IOS.
3
2.Visual Studio Code
Visual Studio Code adalah aplikasi code editor buatan Microsoft yang dapat dijalankan di semua
perangkat desktop secara gratis. Kelengkapan fitur dan ekstensi membuat code editor ini menjadi
pilihan utama para pengembang. Visual Studio Code bahkan mendukung hampir semua sistem
operasi seperti Windows, Mac OS, Linux, dan lain sebagainya.
Berdasarkan survey dari Stack Overflow, Visual Studio Code merupakan editor terpopuler di
kalangan developer profesional. Dari 21 aplikasi text editor saingannya, Visual Studio Code
berada di peringkat satu dengan persentase user mencapai 71.07%.
Bukan tanpa alasan, Visual Studio Code dibuat se-ringan dan se-nyaman mungkin sehingga
pengguna tidak terlalu membutuhkan perangkat berspesifikasi tinggi. Aplikasi ini juga bisa
dijalankan untuk membuat atau mengedit kode sumber berbagai programming language. Sebut
saja seperti Node.js, JavaScript, TypeScript, dan masih banyak lagi.
Selain itu, Visual Studio Code menawarkan ekstensi dan ekosistem yang cukup luas. Hal ini
membuatnya memiliki kompatibilitas tinggi dengan bahasa atau runtime environment lain, di
iantaranya termasuk bahasa pemrograman Pyhton, PHP, .NET, dan Java.
3.Git Bash
4
Git Bash adalah aplikasi untuk lingkungan Microsoft Windows yang menyediakan lapisan
emulasi untuk pengalaman Git command line. Bash adalah akronim untuk Bourne Again Shell.
Shell adalah aplikasi terminal yang digunakan untuk berinteraksi dengan sistem operasi melalui
perintah tertulis. Bash adalah shell default populer di Linux dan macOS. Git Bash adalah paket
yang menginstal Bash, beberapa utilitas bash umum, dan Git pada sistem operasi Windows.
Kita Menggunakan Aplikasi ini untuk mendownload framework laravel yang akan membantu
kita untuk merancang sistem data koperasi yang akan kita buat.
4.XAMPP
XAMPP adalah software open source berbasis web server yang berisi berbagai program.
Aplikasi ini mendukung berbagai sistem operasi seperti Linux, Windows, MacOS, dan Solaris.
Fungsi XAMPP adalah sebagai server lokal/localhost, di dalamnya sudah mencakup program
Apache, MySQL dan PHP.
Kemunculan XAMPP diawali dengan adanya kesulitan dalam menginstall Apache dan jika akan
menambahkan dukungan PHP dan MySQL. Hal ini kemudian menjadikan munculnya XAMPP,
5
sebagai aplikasi untuk mempermudah developer yang membutuhkan web server di localhost
hanya dengan satu aplikasi.
XAMPP sudah berdiri selama lebih dari 10 tahun, sehingga komunitas pengembangnya sudah
banyak. Jika mengalami kendala terkait XAMPP, kamu bisa gabung di komunitas XAMPP untuk
mencari solusinya. Komunitas tersebut bernama Apache Friends Forum.
5.WorkBench Mysql
MySQL Workbench adalah sebuah perangkat aplikasi berbentuk visual yang dipergunakan untuk
mengelola basis data.
Perangkat aplikasi ini biasa digunakan oleh seorang arsitek basis data, pengembang basis data,
serta administator basis data. MySQL Workbench menyediakan model data,
pengembangan SQL, dan peralatan administrasi yang komperhensif untuk
konfigurasi server basis data, administrasi pengguna, dan masih banyak lagi. MySQL
Workbench tersedia pada platform Windows, Linux dan Mac OS.
6
6.Framework Laravel
Laravel adalah kerangka kerja aplikasi web berbasis PHP yang sumber terbuka, menggunakan
konsep Model-View-Controller. Laravel berada dibawah lisensi MIT, dengan menggunakan
GitHub sebagai tempat berbagi kode.
7
3.Buka file Visual Studio Code di folder unduhan
7.Klik Next
8
8.Klik Next
9
10.Klik Install
10
12.Klik Finish
11
2.Pilih versi yang kalian inginkan,tapi saya menyarankan download versi terbaru
5.Klik Next
12
6.Klik Next
7.Kalian bisa memilih mau dimana menyimpan file nya,jika sudah klik next
13
8.Setelah itu kalian harus menunggu proses install selesai
14
2.1.3 Cara Install Framework Laravel
1. Silahkan buka cmd lalu pindah ke folder htdocs XAMPP dengan perintah cd
C:\xampp\htdocs:
2.kemudian ketikan perintah berikut: composer create-project laravel/laravel coba1(kalian bisa
membuat nama folder bebas) ,lalu kilik enter
15
BAB 3 Pelaksanaan Kerja
3.1 Konstruksi Model
3.1.1 Perancangan Sistem
1.Use Case Diagram
Use case diagram adalah satu dari berbagai jenis diagram UML (Unified Modelling
Language) yang menggambarkan hubungan interaksi antara sistem dan aktor. Use Case dapat
mendeskripsikan tipe interaksi antara si pengguna sistem dengan sistemnya. Tentunya, use case
diagram merupakan sesuatu yang mudah dipelajari. Langkah awal untuk melakukan pemodelan,
tentu perlunya suatu diagram yang mampu menjabarkan aksi aktor dengan aksi sistem itu sendiri,
seperti yang terdapat pada use case diagram.Contoh use case yang saya buat sebagai berikut:
16
2.Activty Diagram
Diagram aktivitas adalah bentuk visual dari alir kerja yang berisi aktivitas dan tindakan, yang
juga dapat berisi pilihan, pengulangan, dan concurrency. Dalam Unified Modeling Language,
diagram aktivitas dibuat untuk menjelaskan aktivitas komputer maupun alur aktivitas dalam
organisasi.Contoh Activity Diagram yang saya buat sebagai berikut:
17
a.Activity Diagram Menginput Data
Pada gambar diatas adalah aktivitas menginputkan data koperasi.Pertama masuk
kedalam website data koperasi,kemudian sistem akan menampilkan halaman utama dari
website data koperasi.User mengklik button(tombol) tambah, secara langsung sisem
membawa kita kehalaman tambah data dan user di haruskan mengisi apa saja yang ada di
form tambah data,ketika sudah terisi semua user diharuskan menekan tombol sumbit agar
data dapat terkirim.Disisi lain sistem akan melakukan pengecekkan apakah data sudah
terkirim dengan format yang benar,misalnya email apakah formatnya sudah berbentuk
email (nama@gmail.com).Jika format salah maka sistem akan membahwa kita kembali
kehalaman tambah data.Jika berhasil sistem akan mengirimkan pesan berhasil dan
langsung menyimpan data ke dalam database,lalu kita otomastis akan dibawa kehalaman
utama.
b.Activity Diagram Mengedit Data
Pada gambar diatas adalah aktivitas mengedit data koperasi.Pertama user harus
menentukan data mana yang akan di edit,lalu user mengklik button(tombol) edit.Sistem akan
langsung membawa user ke halamann edit,sekaligus menampilkan form edit.Ketika user sudah
18
selesai mengedit,suer hanya perlu mengklik button sumbit.Sistem akan memproses data yang
sudah diedit sekaligus memastikan apakah data yang masuk itu sesuai dengan yang di inginkan
oleh sistem.Jika tidak sesuai maka sistem secara otomatis akan membawa user kembali ke
halaman edit.Jika berhasil sistem akan membawa user kehalaman utama sekaligus menampilkan
pesan berhasil.
Pada gambar diata adalah activity menghapus data koperasi.Pertama user membuka
halaman utama,kemudian user memilih data yang akan dihapus,lalu user mengklik tombol
hapus.Sistem melakukan konfirmasi kepada user “apakah data ini yakin untuk dihapus?”.Jika
yakin maka sistem akan mengghapus data secara permanen.Jika tidak maka sistem akan
menampilkan halaman utama.
19
A.Perancangan Antarmuka Halaman Data Koperasi
Pada gambar diatas merupkan halaman utama data koperasi.Pada halaman ini terdapat
data-data pribadi yang dimiliki anggota koperasi,dan terdapat juga tombol Tambah,Edit,Delete
data anggota koperasi.
Pada gambar diatas adalah tampilan antarmuka dari form tambah data koperasi terlihat
diatas kita bisa memasukan nama,nik,no telepon,dan juga alamat.
20
C.Perancangan Antarmuka Form Edit Data Koperasi
Pada halaman ini user dapat mengubah data pribadi yang salah. Halaman ini sama seperti
halaman tambah data dimana terdapat beberapa kolom untuk menginput data.
a. Pertama user mengakses halaman website data koperasi, kemudian Laravel akan
menjalankan sistemnya. Systemnya berupa route, dimana route ini akan memanggil
method Model, View, dan Controller atau MVC pada Laravel.
b. Route pada Laravel akan mengambil data dari method Controller yang terdapat pada
Laravel. Method Controller merupakan system yang dapat menghubungkan antara
database dengan program Laravel.
c. Kemudian method Controller akan mengambil data dari database meluli method
Model. Method Model merupakan system yang dapat mengambil data dari database
kita.
21
a. Pertama user meng-klik tombol tambah data, kemudian Laravel akan menjalankan
system routenya. Route ini akan memanggil method Model, View, dan Controller
atau MVC pada Laravel.
b. Kemudian route akan menjalan system method Controller untuk mengambil data
method View dan Model.
c. Setelah itu method View akan menampilan antarmuka form tambah data kepada user.
Dimana pada halaman ini akan menampilkan beberapa form untuk menginput data
baru.
d. Setelah selesai menginput data, user meng-klik tombol simpan, dimana tombol
simpan ini merupakan tombol untuk menambahkan data baru kedalam database
koperasi.
a. Pertama user meng-klik tombol edit pada kolom aksi, kemudian Laravel akan
menjalankan system routenya. Route ini akan memanggil method Model, View, dan
Controller atau MVC pada Laravel.
b. Kemudian route akan menjalan system method Controller untuk mengambil data dari
method View dan Model.
c. Setelah itu method View akan menampilan antarmuka form edit data kepada user.
Dimana pada halaman ini akan menampilkan beberapa form yang telah berisi data
user yang dapat diubah atau diedit.
d. Setelah selesai mengedit data, user meng-klik tombol simpan, dimana tombol simpan
ini dapat menyimpan data yang telah diubah kedalam database koperasi.
b. Kemudian route akan menjalankan system method Controller untuk mengambil data
dari method View dan Model.
c. Setelah itu method Controller akan mencari data dari method Model yang akan
dihapus dari database.
22
d. Setelah data koperasi berhasil dihapus, method Controller akan mengalihkan User
pada method View yang menampilkan halaman antarmuka website data koperasi.
1.Data yang diinputkan bermasalah sehingga data tidak dapat masuk kedatabase
Ini dikarenakan kode atau nama atribut yang dimasukan keliru atau tidak sesuai.
2.Xampp yang bermasalah sehingga tidak dapat digunakan yang memaksa saya intuk me
re-install ulang xampp
3.Sulitnya memnentuka desain yang bagus agar menarik untuk dilihat oleh user
23
BAB 4 PENUTUP
4.1 Saran
Bagi siswa atau siswi yang melakukan kegiatan PKL saran yang paling penting adalah
menjaga nama baik sekolah di mana perusahaan tempat di laksanakan kegiatan Praktek Kerja
Industri dan mematuhi peraturan yang ada di perusahaan.Bagi sekolah sebaiknya siswa atau
siswi yang akan diterjunkan ke perusahaan untuk mengikuti PKL dibekali terlebih dahulu
mengenai pekerjaan yang akan dilakukan dalam perusahaan, sehingga siswa atau siswi merasa
siap baik secara mental maupun fisiknya.
4.2 Kesimpulan
Setelah melakukan kegiatan prakerin ini, saya mendapatkan banyak pengalaman dan ilmu
baru yang tidak diajarkan di sekolah. Kita biasa diajarkan teori di sekolah, dan di industri kita
akan mempraktikkannya.Pada intinya, kegiatan PKL sangat berguna untuk mengembangkan apa
yang sudah diajarkan di sekolah. PKL bisa dikatakan sebagai pelengkap serta proses pematangan
agar siap ketika sudah berkecimpung di dunia kerja.
24