LAPORAN PRAKTIK KERJA LAPANGAN

“WEBSITE INFO MAGANG MENGGUNAKAN WORDPRESS

DI AW BALI WEB DESIGN & DEVELOPMENT”

KOMPETENSI KEAHLIAN : REKAYASA PERANGKAT LUNAK

OLEH :

NAMA : Angga Tusan Adji

NIS : 27234
KELAS : XI RPL 1

SEKOLAH MENENGAH KEJURUAN (SMK) NEGERI 1 DENPASAR

(2020-2021)
 LEMBAR PENGESAHAN
LAPORAN PRAKTIK KERJA LAPANGAN

Hari :
Tanggal :

Pembimbing Sekolah, Pembimbing Industri,

Pande Made Mahendri P., S.Pd. I Putu Gede Putra Yasa,

S.Kom
NIP 19921105 201402 2 001

Koordinator Praktik Kerja Lapangan, Kepala Kompetensi

Keahlian,

Drs. I Wayan Candra, M.Pd Pande Made Mahendri P.,

S.Pd.
 NIP 19630827 198803 1 015 NIP 19921105 201402 2
001
KATA PENGANTAR

Puji syukur saya panjatkan ke hadapan Tuhan Yang Maha Esa, karena berkat
anugerah-Nya penulis dapat melaksanakan praktik kerja lapangan dengan baik dan
dapat menyusun serta menyelesaikan laporan ini secara maksimal.
Pada kesempatan kali ini, penulis mengucapkan banyak terima kasih kepada:
1. Bapak I Ketut Suparsa, ST., MT sebagai Kepala SMK Negeri 1 Denpasar.
2. Bapak Drs. I Wayan Candra, M.Pd. sebagai Koordinator Praktik Kerja
Lapangan.
3. Ibu Pande Made Mahendri Pramadewi, S.Pd. selaku Kepala Kompetensi
Keahlian Rekayasa Perangkat Lunak dan selaku pembimbing di Sekolah.
4. Bapak I Wayan Adisthana Wjaya selaku Kepala dan Pembimbing di AW Bali
Web Design
5. Semua pihak yang membantu dalam pelaksanaan Praktik Kerja Lapangan.
Penulis menyadari bahwa dalam laporan ini masih banyak terdapat
kekurangan, sehingga dengan segala kerendahan hati penulis mengharapkan saran
dan kritik yang bersifat membangun sebagai perbaikan untuk kedepannya. Semoga
laporan ini dapat menambah wawasan serta informasi yang bermanfaat bagi pembaca.
Sekali lagi, penulis mengucapkan banyak terima kasih kepada semua pihak yang
telah terlibat dalam pembuatan Laporan Praktik Kerja Lapangan ini.

Denpasar, 02 Maret 2020

Penulis
DAFTAR ISI

LAPORAN PRAKTIK KERJA

LAPANGAN………………………………………………………….…………..i
LEMBAR PENGESAHAN…………………………………………………….. ii
KATA PENGANTAR…………………………………………………………..iii
DAFTAR ISI…………………………………………………………………….iv
BAB I PENDAHULUAN………………………………………………………..1
1.1 Latar Belakang……………………………………………………………….. 1
1.2 Tujuan Pembuatan Laporan………………………………………………….. 2
1.3 Pembatasan Ruang Lingkup…………………………………………………..2
BAB II KAJIAN TEORITIS……………………………………………………3
2.1 Tinjauan Umum……………………………………………………………….3
2.1.1 Hardware 3
2.1.2 Software 4
2.2 Konstruksi/Model……………………………………………………………..4
2.3 Nama Bagian dan Fungsi…………………………………………………….. 4
2.4 Cara Kerja…………………………………………………………………..... 9
2.5 Gangguan-Gangguan……………………………………………………….. 14
2.6 Keselamatan Kerja………………………………………………………….. 15
BAB III PELAPORAN………………………………………………………...16
3.1. Pemeriksaan………………………………………………………………... 16
3.2. Kesimpulan Gangguan……………………………………………………...17
3.3. Memasang dan Menyetel…………………………………………………... 17
3.3.1 Cara Menginstal XAMPP 17
3.3.2 Cara Menginstall WordPres 19
BAB IV KESIMPULAN DAN SARAN………………………………………23
4.1 Kesimpulan………………………………………………………………….23
4.2 Saran………………………………………………………………………...23
DAFTAR PUSTAKA
 BAB I
PENDAHULUAN

1.1 Latar Belakang

Pelajaran praktik yang didapatkan dari sekolah masih belum ada artinya jika para
siswa tidak dibekali/diberikan praktik kerja lapangan seperti yang terjadi langsung di
dunia usaha/dunia industri. Kegiatan belajar seperti ini masih belum cukup untuk bisa
menyiapkan tenaga kerja yang professional dalam bidangnya. Oleh karena itu, perlu
adanya suatu kegiatan belajar dalam bentuk lain di sekolah yang berbentuk praktik
kerja lapangan.
Praktik Kerja Lapangan (PKL) merupakan sarana yang paling tepat bagi para
siswa untuk mengetahui dan mempraktikkan secara langsung bagaimana proses
produksi yang sedang berlangsung di sebuah industri dan juga sebagai tahapan awal
untuk beradaptasi sebelum nantinya para siswa bekerja setelah keluar dari sekolah.
Dengan begitu, siswa diharapkan dapat meningkatkan kegiatan belajarnya di sekolah
dengan berpijak bahwa saat mereka nantinya bekerja di dunia usaha/dunia industri,
sudah betul-betul siap dan matang, sebab para siswa lebih dahulu mendapatkan
pengetahuan dan pengalaman tentang situasi dan kondisi pada saat melaksanakan
praktik kerja lapangan.
Siswa diwajibkan untuk membuat sebuah laporan praktik kerja lapangan. Laporan
praktik kerja lapangan berorientasi pada kegiatan siswa selama melaksanakan praktik
kerja pada industri yang dipilih. Selama proses pembuatan laporan ini, siswa dibina
oleh guru pembimbing di sekolah.
1.2 Tujuan Pembuatan Laporan

Adapun tujuan dari pembuatan laporan ini, yaitu:

1) Meningkatkan kompetensi siswa dalam pembuatan laporan.
2) Memperoleh pengalaman kerja sesuai standar industry
3) Meningkatkan etos kerja
4) Bukti secara tertulis telah melaksanakan praktik di industri.
5) Dapat memberitahukan kegiatan penulis selama melaksanakan praktik kerja
lapangan.

1.3 Pembatasan Ruang Lingkup

AW Bali Web Design & Development merupakan tempat dimana penulis

menjalani Praktik Kerja Lapangan (PKL) dimulai dari tanggal 20 Janariu 2020
sampai dengan 7 Maret 2020, terdapat beberapa kegiatan yang penulis lakukan
selama melaksanakan PKL tersebut, dimulai dari membuat Website InfoMagang pada
halaman home, membuat widget dan footer website, membuat Navigation bar, lalu
membuat press release dan membagikannya ke redaksi media online. Selain itu juga
penulis mencoba untuk membuat CRUD menggunakan mvc php.

Disini Penulis akan melaporkan tentang “Cara Kerja Website InfoMagang” yang
terdiri dari halaman (home, lokasi, posisi) dan halaman buat lowongan untuk
pengguna yang mendaftar sebagai pemilik perusahaan dan buat lamaran untuk
pengguna yang mendaftar sebagai pelamar magang.
 BAB II
KAJIAN TEORITIS

2.1 Tinjauan Umum

WordPress adalah sebuah aplikasi sumber terbuka (open source) yang sangat
populer digunakan sebagai mesin blog. WordPress dibangun dengan bahasa
pemrograman PHP dan basis data (database) MySQL. PHP dan MySQL, keduanya
merupakan perangkat lunak sumber terbuka (open source software). Selain sebagai
blog, WordPress juga mulai digunakan sebagai sebuah CMS (Content Management
System) karena kemampuannya untuk dimodifikasi dan disesuaikan dengan
kebutuhan penggunanya.
WordPress adalah penerus resmi dari b2/cafelog yang dikembangkan oleh
Michel Valdrighi. Nama WordPress diusulkan oleh Christine Selleck, teman Matt
Mullenweg. WordPress saat ini menjadi platform CMS bagi beberapa situs web
ternama seperti CNN, Reuters, The New York Times, TechCrunch, dan lainnya.

2.1.1 Hardware

Laptop ASUS dengan spesifikasi sebagai berikut:

Processor Intel Core i3-5005u

2.1.2
RAM 4.00 GB

Resolution 1366 x 768

Operating System Windows 10 (64bit)

Graphics NVIDIA GEFORCE 930M

Software
 Terdapat beberapa software yang digunakan untuk membuat Website InfoMagang
menggunakan WordPress ini, seperti:
1) Web Browser (Google Chrome)
Adalah sebuah perangkat lunak yang manfaatnya adalah untuk menampilkan
berbagai dokumen yang tersedia pada web server, proses menampilkan berbagai
dokumen ini melewati sebuah interaksi antara browser dengan web server.
2) WordPress
WordPress adalah sebuah aplikasi sumber terbuka (open source) yang sangat
populer digunakan sebagai mesin blog. WordPress dibangun dengan bahasa
pemrograman PHP dan basis data (database) MySQL. PHP dan MySQL

2.2 Kontruksi Model

Model halaman dalam “Sistem CRUD Inventaris Berbasis Laravel” ini harus
sederhana dan mudah dipahami, sehingga interaksi antara user dengan halaman web
dapat tercipta dengan baik.

2.3 Nama Bagian dan Fungsi

Berikut merupakan bagian-bagian dari “Website InfoMagang”. Untuk

fungsinya, masing-masing akan dijelaskan di bawah ini.

1) Halaman Registrasi
 Pada halaman registrasi ini
digunakan untuk mendaftarkan
akun, isilah username, email,
password, confirm password
dan jangan lupa untuk memilih
daftar sebagai pelamar ataupun
pemilik perusahaan.

2) Halaman Login

Isilah field username dan

password sesuai yang sudah
didaftarkan tadi agar bisa log in.
Setelah berhasil log in, pengguna
dapat melamar ataupun mendaftarkan
pekerjaan sesuai pilihan pada
Halaman Registrasi.
3) Halaman Home

Ini adalah Tampilan Home Pada Web InfoMagang, dan pada bagian
atas terdapat navbar yang terdiri dari Home (Halaman ini sendiri) , Lokasi,
Posisi, dan Buat lowongan(karena user mendaftar sebagai pemilik
perusahaan). Jika user mendaftar sebagai pelamar, maka akan terdapat navbar
Buat lamaran.

4) Fitur Lokasi
 Pada Fitur Lokasi Pelamar dapat memilih daftar lowongan sesuai
lokasi yang sudah disediakan. Contoh: jika memilih lokasi di denpasar akan
muncul berbagai lowongan yang terdapat di denpasar seperti berikut.

5) Fitur Posisi

Pada Fitur Posisi pelamar dapat memilih lowongan sesuai dengan

kehliannya. Contoh: jika memilih jurusan Teknik Informatika akan muncul
berbagai lowongan dengan jurusan tersebut, seperti gambar berikut
6) Halaman Buat Lowongan (bagi pengguna yang mendaftar sebagai pemilik
perusahaan)

Pemilik Perusahaan dapat menyediakan Lowongan magang dengan

mengisi form tersebut yang berisi Judul Lowongan, Deskripsi Lowongan,
Lokasi Perusahaan, Alamat Lengkap Perusahaan, Jurusan Lowongan dan
lainnya. Setelah berhasil mengisi form tersebut, selanjutnya akan diproses dan
akan muncul dalam daftar lowongan yang tersedia.
 7) Halaman Buat Lamaran (bagi pengguna yang mendaftar sebagai pelamar
magang)

Pelamar dapat membuat lamaran dan mengirimkannya ke perusahaan

yang menyediakan lowongan dengan mengisi form yang berisi Judul
Lamaran, Lokasi Perusahaan,, Jurusan Lowongan, melampirkan CV dan
lainnya. Setelah berhasil mengisi form tersebut, selanjutnya lamaran tersebut
akan dikirim ke perusahaan yang menyediakan jurusan yang dipilih, dan
lokasi yang ditentukan tadi.

2.4 Cara Kerja

Hal yang perlu diketahui sebelum membuat Website InfoMagang
Berbasis WordPress adalah mengetahui bagaimana alur kerjanya. Karena
dengan mengetahui alur kerja dapat mempercepat proses pembuatan serta
pengembangan Web ini. Berikut ini merupakan alur kerja dari Website
InfoMagang :
1) Download XAMPP sebagai server localhost
 Download XAMPP di https://www.apachefriends.org/download.html , lalu
install, jika sudah selesai buka XAMPP lalu klik start pada Apache, dan
MySql.

2) Install WordPress
Download WordPress pada situs resmi https://id.wordpress.org/download/,
lalu install, setelah menjalani proses instalasi dan berhasil login,
selanjutnya akan diarahkan ke dashboard admin
3) Install Template
Untuk memudahkan membuat kerangka website kami menggunakan
template “NOO JobMonster” karena template ini memudahkan untuk
membuat halaman yang berisi list-list pekerjaan

4) Install Plugin
Kami juga menggunakan beberapa plugin yang direkomendasikan oleh
template NOO JobMonster. Salah satunya WPBakery Page Builder yang
sangat memudahkan untuk membuat kerangka dari sebuah halaman web
5) Membuat halaman Home dan beberapa halaman lainnya
Untuk Membuat Halaman Home, pergi ke SideBar LamanTambah
Baru, lalu pilih edit dengan WPBakery Page Builder
6) Membuat Menu (Navigation Bar)
Untuk Membuat menu, pilih SideBar TampilanMenu lalu pilih
membuat menu baru. Kami membuat Menu Home, Lokasi dengan berisi
dropdown Badung, Denpasar, Gianyar, Tabanan, dan Menu Posisi.
Setelah selesai klik tombol simpan menu

7) Mengatur Logo dan Tampilan lainnya

Untuk mengatur logo bisa klik Customizer pada
SideBar, setelah itu akan diarahkan ke halaman
customize
 Pada Halaman Customize klik HeaderLogo, jadi dapat
menggunakan Logo yang telah dibuat sebelumnya dan kalian
juga dapat mengatur ukurannya.

8) Membuat Widget dan Footer

Untuk mengaturnya bisa klik pada Dashboard SideBar TampilanWidget
2.5 Gangguan-Gangguan

Dalam membuat Website InfoMagang ada beberapa masalah yang penyusun

alami, seperti bingungnya penulis dalam mengatur design dalam sebuah halaman,
kebingugan mencari plugin-plugin yang dapat membantu penulis dalam mengerjakan
website.

2.6 Keselamatan Kerja

Selama proses bekerja, sebaiknya kita selalu mengutamakan keselamatan. Begitu

juga dalam mengerjakan Website InfoMagang ini. Ada beberapa hal yang harus
diperhatikan:
1) Sebelum memulai, sebaiknya melakukan pengecekan terhadap peralatan
yang akan digunakan. Memeriksa bagian-bagian perangkat keras (mouse,
keyboard, dll) apakah layak digunakan.
2) Pastikan peralatan yang digunakan terpasang dengan benar, tidak terdapat
kesalahan dalam pemasangan perangkat keras.
3) Hati hati menaruh benda disekitar perangkat seperti botol air, agar tidak
terjadi konsleting listrik.
 BAB III
PELAPORAN
3.1 Pemeriksaan

Untuk mengetahui apakah sebuah project dapat berfungsi dengan baik,

diperlukan pemeriksaan. Selain itu, kesalahan atau error akan dapat
ditemukan melalui pemeriksaan berikut ;

1) Page login dan register berhasil

2) Page Buat Lamaran berjalan dengan baik

 3) Page Buat

Lowongan berjalan dengan baik

3.2 Kesimpulan Gangguan

Berdasarkan gangguan-gangguan yang telah disebutkan di atas, cara untuk untuk

mengatasinya adalah :
 Mencari tau di google tentang cara tersebut
 Menanyakan masalah yang ditemukan ke guru pembimbing

3.3 Memasang dan Menyetel

Agar “Website Info Magang” ini dapat berjalan dengan baik, maka penyusun
memerlukan Wordpress, XAMPP, & Web Browser untuk membuat Web tersebut.

3.3.1 Cara Meginstall Xampp

(1) Download Xampp sebagai server localhost
Download Xampp di https://www.apachefriends.org/download.html bisa
install melalui Windows, Linux, dan OS X

(2) Install XAMPP

Akan ada jendela baru yang terbuka

sebagai indikasi dimulainya proses
instalasi. Pada proses ini Anda akan
diminta untuk memilih bahasa
Indonesia atau English, pilih saja
yang bahasa Indonesia kemudian
klik next..

Setelah itu, Anda akan diminta

untuk memilih komponen yang akan
digunakan. Standar untuk server
web berbasis CMS WordPress menggunakan MySQL, FileZilla FTP server, dan
Apache, sedangkan dari bahasa pemrograman bisa menceklist pilihan phpMyAdmin,
PHP, dan Perl. Kemudian klik next.

Akan ada jendela baru yang

terbuka sebagai indikasi
dimulainya proses instalasi. Pada
proses ini Anda akan diminta
untuk memilih bahasa Indonesia
atau English, pilih saja yang
bahasa Indonesia kemudian klik
next.

Tunggu beberapa menit sampai

proses instalasi XAMPP selesai
yang ditandai dengan bar
progress seluruhnya berubah
menjadi warna hijau.

3.3.2 Cara Meginstall WordPress

a. Download WordPress
silahkan mendownloadnya pada situs
resmi https://id.wordpress.org/download/. Setelah selesai download
WordPress silahkan ekstrak file WordPress dalam bentuk zip tersebut dan
copy folder ke dalam folder C:/xampp/htdocs/.
b. Install WordPress
 Langkah Pertama Menginstall WordPress adalah membuat
Database di phpMyAdmin

 Selanjutnya, buka Chrome lalu ketik di kolom pencarian

localhost/wordpress dan proses install sudah bisa dimulai. Silahkan
Pilih bahasa sesuai keinginan dan klik Continue.
 Masukkan nama database sesuai yang ditulis tadi, isi Username
dengan “root”, Password : dikosongkan saja, Database Host :
“localhost”, dan Table Prefix : “wp34_”
Setelah memasukkan rincian tersebut, klik tombol Submit

 Selanjutnya klik Run The Installation

 Isikan data-data yang dibutuhkan untuk admin dan nama
website. Setelah itu klik install WordPress

 WordPress Anda sudah jadi. Silahkan Login

 Masukkan Username dan Password yang telah anda buat untuk

login ke Dashboard
 BAB IV
KESIMPULAN DAN SARAN

4.1 Kesimpulan

Praktik Kerja Lapangan (PKL) ini membuat penulis bisa belajar tentang banyak
hal, mulai dari bagaimana cara membuat press release dari suatu startup, membuat
CRUD data siswa dengan MVC PHP, lalu penulis membuat Website Menggunakan
WordPress seperti yang telah dijelaskan didalam laporan ini. Dengan diadakannya
praktik kerja lapangan, penulis mengetahui dan mempraktikkan secara langsung
bagaimana proses produksi yang sedang berlangsung di sebuah industri dan juga
sebagai tahapan awal untuk beradaptasi dalam dunia industri. Gangguan sudah
berhasil teratasi. Aplikasi yang dikembangkan penulis sudah diterima baik oleh
pembimbing industri.

4.2 Saran

Penulis sangat berharap semakin banyak yang ingin mempelajari WordPress ini.
Penulis berharap agar dapat membuat Website yang lebih sempurna dan lebih
bermanfaat dari “Website InfoMagang” ini. Dan kedepannya, Website
InfoMagang ini dapat dilengkapi dengan fitur-fitur lainnya web ini menjadi lebih
baik lagi dan berguna bagi masyarakat luas.
 DAFTAR PUSTAKA

Anonim. 2019. Pengertian XAMPP Lengkap dengan Fungsi dan Cara Instalasi.
Diakses dari
https://qwords.com/blog/pengertian-xampp/ (pada tanggal 4 Maret 2020)

Anonim. 2019 . Panduan Cara Install WordPress. Diakses dari

https://www.centerklik.com/9-langkah-install-wordpress-di-localhost/ (pada
tanggal 4 Maret 2020)

Pradipta Nugrahanto . 2018 . Cara Membuat Press Release Untuk Brand (Korporat,
Startup, Organisasi, Komunitas, Grup). Diakses dari
http://durrasi.com/cara-membuat-press-release-untuk-brand-korporat-startup-
organisasi-komunitas-grup/ (pada tanggal 6 Maret 2020)

Randi Eka . 2018 . Tips Relasi Media untuk Startup : Menulis Siaran Pers. Diakses
dari
https://dailysocial.id/post/menulis-siaran-pers (pada tanggal 6 Maret 2020)