LEMBAR KERJA PESERTA DIDIK

Nama Sekolah : SMKN 4 Tasikmalaya

Mata Pelajaran : Pemrograman Web dan Perangkat Bergerak
Materi : Teknologi Aplikasi Web Server
Kelas/ Semester : XI/ 2 ( Dua )
Tahun Pelajaran : 2022/2023
Nama Kelompok : ……………………………………… ALOKASI WAKTU

: 1. …………………………………….
2 X 45 Menit
: 2. ……………………………….……
: 3. ……………………………………. Nilai :

Nama Peserta didik : 4. …………………………………….

: 5. …………………………………….
: 6. …………………………………….
Hari, Tanggal : ……………………………………….
Guru Pembimbing : Adi Iasan, S.T.

A. Kompetensi Dasar dan Indikator

Kompetensi Dasar Indikator
3.10 Memahami 3.10.1 Menjelaskan konsep teknologi aplikasi web server.
teknologi aplikasi 3.10.2 Mempresentasikan berbagai teknologi aplikasi web server.
web server

4.10 Mempresentasikan 4.10.1 Menganalisis teknologi aplikasi web server terhadap berbagai
teknologi aplikasi macam perangkat keras
web server 4.10.2 Mengaplikasikan penggunaan teknologi aplikasi web dalam
terhadap berbagai berbagai macam perangkat keras.
macam perangkat

B. Tujuan Pembelajaran
Pengetahuan
 Setelah menyimak slide materi dari layar
monitor(C) Peserta didik(A) dapat menjelaskan
konsep teknologi aplikasi web server(B)
dengan santun dan percaya diri(D)
 Setelah melihat demontrasi dari layar
monitor(C) peserta didik(A) dapat
Mempresentasikan berbagai teknologi aplikasi
web server (B) dengan santun dan bertanggung
jawab(D).
Keterampilan
 Setelah mengerjakan LKPD(C) peserta didik
dapat(A) Menganalisis teknologi aplikasi
web server terhadap berbagai macam
perangkat keras(B) dengan tepat(D).
 Setelah menganalisis aplikasi web server di
berbagai perangkat(C) peserta didik(A) dapat
memilih penggunaan teknologi aplikasi web
server (B) yang sesuai dengan perangkat
keras(D).web interaktif(B) dengan web
browser(D).

[Adi Iasan] | LEMBAR KERJA PESERTA DIDIK 31

C. Alat Dan Bahan
1. PC (Personal Computer), Laptop, dan Handphone
2. Koneksi Internet
3. Aplikasi Web Browser, direkomendasikan: Google Chrome
4. Aplikasi Kode Editor, direkomendasikan : Visual Studio Code
5. Aplikasi XAMPP dan AWebServer

D. Kesehatan Dan Keselamatan Kerja

1. Sebelum melakukan pekerjaan menggunakan PC, Laptop, pastikan posisi duduk pada saat
bekerja sesuai dengan K3LH. Duduk dengan Tegak, duduklah dekat dengan keyboard, atur
posisi keyboard senyaman mungkin, atur kemiringan dari keyboard, gunakan palm rest,
posisi duduk di depan komputer, posisikan monitor secara tepat, ketika mengetik taruh
sumber ketikan di depan dan sejajar dengan monitor, penggunaan tempat keyboard dan
mouse akan lebih baik, ambil istirahat sejenak secara rutin, regangkan pergelangan tangan
dan jari.
2. Pastikan koneksi internet PC, Laptop terkoneksi dengan baik.
3. Bagi pengguna laptop dan Handphone pastikan daya terisi dalam keadaan cukup minimal
50% selama praktik
4. Sebelum melakukan praktik baca setiap petunjuk Langkah Kerja dengan seksama
5. Ikuti setiap petunjuk Langkah Kerja dengan cermat dan penuh ketelitian

E. Materi Pokok
1. Cara Menjalankan Aplikasi XAMPP
Bukalah aplikasi XAMPP, bisa melalui Start Menu atau Desktop, dan klik icon XAMPP.
Setelah terbuka, silahkan klik tombol Start pada kolom Action sehingga tombol tersebut
berubah menjadi Stop. Dengan mengklik tombol tersebut, artinya itulah aplikasi yang
dijalankan. Biasanya jika saya menggunakan XAMPP, yang saya start hanyalah aplikasi
Apache dan MySQL, karena saya tidak memerlukan aplikasi seperti Filezilla, dan lain-lain.

[Adi Iasan] | LEMBAR KERJA PESERTA DIDIK 32

 Sekarang bukalah browser kesukaan Anda, dan coba
ketikkan http://localhost/xampp di address bar. Jika muncul tampilan seperti gambar
di bawah ini, instalasi telah berhasil.

2. Cara menjalankan AwebServer

Buka aplikasi AwebServer pada layar smartphone.
Setelah terbuka silahkan Tekan Start pada bagian Service yang terdapat di Apache.

[Adi Iasan] | LEMBAR KERJA PESERTA DIDIK 33

Untuk menguji layanan web server Apache di web browser, tekan link alamat IP lokal yang
telah diberikan.

Berikut hasil dari pengujian web server Apache.

[Adi Iasan] | LEMBAR KERJA PESERTA DIDIK 34

F. Langkah Kerja
1. Buatlah kelompok yang beranggotakan 2-3 orang secara adil tanpa membedakan teman!
2. Nyalakan komputer atau gunakan handphone, dan jalankan aplikasi kode editor!
3. Untuk yang menggunakan Komputer Buatlah sebuah file baru dengan nama test.php di
folder document
4. Untuk yang menggunakan smartphone buat folder PWPB di penyimpanan internal
kemudian buat file test.php dan simpan di folder PWPB.
5. Ketik kode program berikut pada file tes.php!
<!DOCTYPE html>
<html lang="en">
<head>
<title>Percobaan</title>
</head>
<body>
<h1>Menjalankan PHP yang membutuhkan web server</h1>

<?php
echo "Hello ini perintah dengan PHP";
?>

</body>
</html>

Jika langsung di jalankan maka hasilnya sebagai berikut :

Di komputer :

Kode program diatas merupakan sebuah program degnan kode HTML namun di dalamnya
ada kode PHP dan ekstensi file nya .php. Permasalahan di atas ketika menjalankan filenya,
tidak menampilkan hasilnya, namun nemapilkan isi dari source code nya.
Analisis tahapan untuk menyelesaikan permaslahan menjalankan file tes.php supaya di
jalankan menampilkan hasil berikut :

[Adi Iasan] | LEMBAR KERJA PESERTA DIDIK 35

DI komputer:

Di Smartphone:

Tulislah hasil analisis dengan teman kelompokmu sesuai tahapan berikut!

a. Rumusan Masalah
1) .......................................................................................................................................
2) .......................................................................................................................................
3) .......................................................................................................................................

b. Aktivitas/ Kegiatan untuk Menyelesaikan Masalah

Aktivitas Pembelajaran
No
Penyelesaian Masalah
1 Diskusi kelompok
2 Telaah Referensi
Hasil yang dicapai
Simpulan hasil diskusi
.........................................................................
.........................................................................
Tampilan kode program
........................................................................
........................................................................

c. Analisa Tampilan Program pada web Browser

........................................................................................................................................................
........................................................................................................................................................
.............................................................................................................................................

[Adi Iasan] | LEMBAR KERJA PESERTA DIDIK 36

d. Tahapan penyelesaian masalah

Komputer:
........................................................................................................................................................
........................................................................................................................................................
.............................................................................................................................................

Smartphone :
........................................................................................................................................................
........................................................................................................................................................
.............................................................................................................................................

e. Kesimpulan
______________________________________________________________________
______________________________________________________________________
______________________________________________________________________
______________________________________________________________________
______________________________________________________________________
______________________________________________________________________
______________________________________________________________________
______________________________________________________________________
______________________________________________________________________
______________________________________________________________________

[Adi Iasan] | LEMBAR KERJA PESERTA DIDIK 37