No Dok. JS.TKJ.

02
SMK MUH MUNGKID
Tanggal 23/03/2022
Revisi 0
JOB SHEET
Halaman 1 dari 5

ELEMEN : Landing Page

A. IDENTITAS
NAMA PRAKTIKUM : Instalasi Xampp dan Wordpress
KELAS : XI
SEMESTER : 3 (LIMA)
WAKTU : 4X45 Menit
NAMA : ……………………

B. TUJUAN INSTRUKSIONAL
Setelah selesai praktik, siswa diharapkan dapat:
1. Memahami konsep web hosting
2. Melakukan instalasi xampp dan wordpress

C. ALAT DAN BAHAN

1. PC/ Laptop
2. Xampp
3. Wordpress

D. KESELAMATAN KERJA
1. Pada saat praktik gunakan pakaian wearpack
2. Waspada terhadap jaringan listrik di sekelilingmu
3. Berkonsultasi kepada pembimbing jika ada hal yang belum dimengerti
 No Dok. JS.TKJ.02
SMK MUH MUNGKID
Tanggal 23/03/2022
Revisi 0
JOB SHEET
Halaman 2 dari 5

ELEMEN : Landing Page

E. LANGKAH KERJA
INSTALASI XAMPP
1. Instalasi Xampp
Lakukan instalasi setelah Anda selesai mengunduh. Selama proses instalasi
mungkin Anda akan melihat pesan yang menanyakan apakah Anda yakin akan
menginstalnya. Silakan tekan Yes untuk melanjutkan instalasi.
 No Dok. JS.TKJ.02
SMK MUH MUNGKID
Tanggal 23/03/2022
Revisi 0
JOB SHEET
Halaman 3 dari 5

ELEMEN : Landing Page

2. Pada tampilan selanjutnya akan muncul pilihan mengenai komponen mana dari
XAMPP yang ingin dan tidak ingin Anda instal. Beberapa pilihan seperti Apache
dan PHP adalah bagian penting untuk menjalankan website dan akan otomatis
diinstal. Silakan centang MySQL dan phpMyAdmin, untuk pilihan lainnya biarkan
saja.
 No Dok. JS.TKJ.02
SMK MUH MUNGKID
Tanggal 23/03/2022
Revisi 0
JOB SHEET
Halaman 4 dari 5

ELEMEN : Landing Page

3. Berikutnya silakan pilih folder tujuan dimana XAMPP ingin Anda instal.
Contohnya di direktori C:\xampp.
 No Dok. JS.TKJ.02
SMK MUH MUNGKID
Tanggal 23/03/2022
Revisi 0
JOB SHEET
Halaman 5 dari 5

ELEMEN : Landing Page

4. Setelah berhasil diinstal, akan muncul notifikasi untuk langsung menjalankan

control panel. Silakan klik Finish.
 No Dok. JS.TKJ.02
SMK MUH MUNGKID
Tanggal 23/03/2022
Revisi 0
JOB SHEET
Halaman 6 dari 5

ELEMEN : Landing Page

5. Jalankan XAMPP
Silakan buka aplikasi XAMPP kemudian klik tombol Start pada Apache dan
MySQL. Jika berhasil dijalankan, Apache dan MySQL akan berwarna hijau
seperti gambar di bawah ini.

Untuk melakukan pengecekan, silakan akses link berikut melalui browser Anda

http://localhost.
 No Dok. JS.TKJ.02
SMK MUH MUNGKID
Tanggal 23/03/2022
Revisi 0
JOB SHEET
Halaman 7 dari 5

ELEMEN : Landing Page

INSTALASI WORDPRESS
1. Buat Database
Sebelum melakukan instalasi WordPress, Anda perlu membuat database
MySQL terlebih dahulu. Untuk memulainya silakan akses link berikut

http://localhost/phpmyadmin.

Silakan klik pada tab Databases, kemudian masukan nama database pada

bagian kolom Create database. Pada tutorial ini kami membuat database

dengan nama WP. Setelah itu silakan tekan tombol Create.

2. Unduh dan Kelola Detail Database WordPress

 Unduh file instalasi WordPess terlebih dahulu melalui link berikut ini.
https://wordpress.org/download/
 Kemudian salin file instalasi WordPress ke dalam folder htdocs,
C:\xampp\htdocs.
 Supaya dapat install WordPress di Localhost XAMPP, Anda perlu melakukan
ekstraksi file menggunakan WinRAR/7zip.
 No Dok. JS.TKJ.02
SMK MUH MUNGKID
Tanggal 23/03/2022
Revisi 0
JOB SHEET
Halaman 8 dari 5

ELEMEN : Landing Page

 Kemudian rename folder WordPress sesuai keinginan. Pada tutorial ini kami
mengubahnya menjadi WP.

3. Lakukan Instalasi WordPress

Pada langkah ini Anda sudah dapat melakukan instalasi WordPress. Silakan
buka browser Anda kemudian ketikkan URL berikut http://localhost/wp/.

Akan terlihat tampilan seperti gambar di bawah ini. Silakan pilih bahasa yang
Anda inginkan. Setelah selesai memilih bahasa, tekan tombol Continue.
 No Dok. JS.TKJ.02
SMK MUH MUNGKID
Tanggal 23/03/2022
Revisi 0
JOB SHEET
Halaman 9 dari 5

ELEMEN : Landing Page

Pada langkah selanjutnya, silakan masukkan detail berikut ini.

 Database Name: diisi dengan nama database, pada tutorial ini diisi dengan
WP.
 Username: diisi dengan root.
 Password: dikosongkan.
 Kemudian klik tombol Submit.
 No Dok. JS.TKJ.02
SMK MUH MUNGKID
Tanggal 23/03/2022
Revisi 0
JOB SHEET
Halaman 10 dari 5

ELEMEN : Landing Page

Silakan klik tombol Run the install, seperti yang terlihat pada gambar di bawah ini.
 No Dok. JS.TKJ.02
SMK MUH MUNGKID
Tanggal 23/03/2022
Revisi 0
JOB SHEET
Halaman 11 dari 5

ELEMEN : Landing Page

Silakan masukkan detail mengenai web WordPress Anda, kemudian klik tombol
Submit.

 Site Title: Judul utama dari website Anda

 Username: username yang akan digunakan untuk login ke dashboard
WordPress
 Password: password yang akan digunakan untuk login ke dashboard WordPress
 Email: alamat email aktif Anda.
 No Dok. JS.TKJ.02
SMK MUH MUNGKID
Tanggal 23/03/2022
Revisi 0
JOB SHEET
Halaman 12 dari 5

ELEMEN : Landing Page

Jika proses instalasi sudah berhasil, Anda akan melihat tampilan seperti gambar di
bawah ini. Anda dapat login ke dashboard WordPress dengan cara klik tombol Login
dan masukkan username dan password yang dibuat sebelumnya.

F. SCREENSHOOT HASIL PRAKTIK

- Masukkan screenshoot hasil praktikmu di sini

G. KESIMPULAN
………………………………………………………………………………………..
………………………………………………………………………………………..
………………………………………………………………………………………..
 No Dok. JS.TKJ.02
SMK MUH MUNGKID
Tanggal 23/03/2022
Revisi 0
JOB SHEET
Halaman 13 dari 5

ELEMEN : Landing Page

H. PENILAIAN
Sikap Kerja
Nilai
No Elemen Penilaian Nilai
K (75-100) BK (0-74)
1 Instalasi Xampp
2 Membuat Database
3 Instalasi Wordpress
4 Menarik kesimpulan dari hasil
praktikum
5 Menyampaikan kesimpulan di
hadapan teman sekelas

Magelang, Juli 2022

Guru Praktikum

(Mario Norman Syah, S.Pd)