Teknology Web Server

Lembar Kerja Peserta Didik – Pemrograman Web dan Perangkat Bergerak 0

 Teknology Web Server

A.TOPIK

“TEKNOLOGI SERVER APLIKASI WEB”

B. Kompetensi Dasar

Kompetensi Dasar Aspek Pengetahuan

3.10 Memahami Teknologi Aplikasi Web Server

Kompetensi Dasar Aspek Keterampilan

4.10 Mempresentasikan Teknologi Web Server

C. TUJUAN

1. Tujuan Pembelajaran untuk aspek pengetahuan

Dengan menerapkan Model Pembelajaran Project Based Learning (PjBL) dan
Pendekatan Saintific STEAM dengan dilengkapi dengan diskusi, menggali informasi,
presentasi, simulai dan praktik langsung, diharapkan peserta didik dapat :
- Melalui Menggali informasi dari referensi dan diskusi peserta didik dapat
Memahami Teknologi Aplikasi Web Server dengan teliti, santun, bekerja sama,
dan menghargai pendapat orang lain.
- Melalui Menggali informasi dari referensi dan diskusi peserta didik dapat
Menjelaskan Teknologi Aplikasi Web Server dengan teliti, santun, bekerja
sama, dan menghargai pendapat orang lain.

2. Tujuan Pembelajaran untuk aspek keterampilan

Dengan menerapkan Model Pembelajaran Project Based Learning (PjBL) dan

Pendekatan Saintific STEAM dengan dilengkapi dengan diskusi, menggali informasi,
presentasi, simulai dan praktik langsung, diharapkan peserta didik dapat :
- Melalui Praktik peserta didik dapat Mempresentasikan aplikasi web server dengan
teliti, konsisten, rasa percaya diri, dan disiplin

Lembar Kerja Peserta Didik – Pemrograman Web dan Perangkat Bergerak 1

 Teknology Web Server

- Melalui Praktik peserta didik dapat Mempraktikan aplikasi web server dengan
teliti, konsisten, rasa percaya diri, dan disiplin

D. LANDASAN TEORI

Web server adalah perangkat lunak yang berfungsi sebagai penerima permintaan yang
dikirimkan melalui browser kemudian memberikan tanggapan permintaan dalam bentuk
halaman situs web atau lebih umumnya dalam dokumen HTML. Namun, web server dapat
mempunyai dua pengertian berbeda, yaitu sebagai bagian dari perangkat keras (hardware)
maupun sebagai bagian dari perangkat lunak (software).

Jika merujuk pada hardware, web server digunakan untuk menyimpan semua data seperti
HTML dokumen, gambar, file CSS stylesheets, dan file JavaScript. Sedangkan pada sisi software,
fungsi web server adalah sebagai pusat kontrol untuk memproses permintaan yang diterima
dari browser.

Jadi sebenarnya semua yang berhubungan dengan website biasanya juga berhubungan
dengan web server, karena tugas web server adalah mengatur semua komunikasi yang terjadi
antara browser dengan server untuk memproses sebuah website.

Lembar Kerja Peserta Didik – Pemrograman Web dan Perangkat Bergerak 2

 Teknology Web Server

Saat ini ada beberapa pilihan web server saat ini tersedia, nanti akan kami coba bahas satu
persatu mengenai kelebihan masing-masing web server. Sebelumnya, mari kita coba bahas
mengenai bagian lain dari web server.

Jenis jenis web server

Sebagai pengetahuan, diatas ada beberapa jenis web server, tapi yang akan kita
pakai/implemtasikan dalam pembelajaran dan praktikum kita akan menggunakan Apache
sebagai web server utama nya,
Nah disini video untuk mengetahui bagaimana dan apa itu apache https://s.id/n9bJT

LANGKAH KERJA WEB SERVER

Untuk Mendapatkan Informasi lebih jelas bisa melihat video berikut ini :
https://s.id/n5p3E - Atau Boleh Cari Referensi Lain yang sesuai
https://s.id/n5tlE - Referensi Lainnya

Lembar Kerja Peserta Didik – Pemrograman Web dan Perangkat Bergerak 3

 Teknology Web Server

E. KEGIATAN

A. Alat dan Software

1. PC Desktop / Laptop
2. Web Browser (Google Chrome, Mozila Firefox, Microsoft Edge, dll)
3. Master Aplikasi XAMPP
B. Keselamatan Kerja

1. Menggunakan pakaian kerja/praktek

2. Membersihkan lokasi praktik dari benda-benda yang mengganggu pekerjaan
3. Menggunakan alat/software praktik yang kondisi baik
4. Menggunakan alat/software sesuai dengan SOP
5. Memberikan pekerjaan setelah selesai bekerja

C. Langkah Kerja
NO LANGKAH KERJA CHEKLIST

1 Download aplikasi XAMPP.

Alamat Download https://www.apachefriends.org/download.html

2 Dobel klik file XAMPP yang baru saja Anda download, nanti selanjutnya akan
muncul jendela “installer language” seperti di bawah ini:

Lembar Kerja Peserta Didik – Pemrograman Web dan Perangkat Bergerak 4

 Teknology Web Server

3 Selanjutnya pilih bahasa. Pilih yang Bahasa Inggris (English). Klik OK.

4 Kadang pada proses ini muncul pesan error. Jika ada, abaikan saja dan lanjutkan
dengan klik OK dan YES.

5 Berikutnya akan muncul jendela yang isinya meminta Anda menutup semua
aplikasi yang sedang berjalan. Jika semua aplikasi sudah ditutup, maka klik
tombol Next.

Lembar Kerja Peserta Didik – Pemrograman Web dan Perangkat Bergerak 5

 Teknology Web Server

6 Selanjutnya Anda akan diminta untuk memilih aplikasi yang mau diinstal.
Centang saja semua pilihan dan klik tombol Next.

7 Kemudian Anda akan diminta untuk menentukan lokasi folder penyimpanan

file-file dan folder XAMPP. Secara default akan diarahkan ke
lokasi c:\xampp. Namun jika Anda ingin menyimpannya di folder lain bisa
klik browse dan tentukan secara manual folder yang ingin digunakan. Jika
sudah selesai, lanjutkan dan klik tombol Install.

Lembar Kerja Peserta Didik – Pemrograman Web dan Perangkat Bergerak 6

 Teknology Web Server

8 Tunggu beberapa menit hingga proses intalasi selesai. Jika sudah muncul
jendela seperti di bawah ini, klik tombol Finish untuk menyelesaikannya.

9 Berikutnya, akan muncul jendela dialog seperti gambar di bawah ini yang
menanyakan Anda apakah mau langsung menjalankan aplikasi XAMPP atau
tidak. Jika ya, maka klik YES.

10 Cara Menjalankan Aplikasi XAMPP

1. Bukalah aplikasi XAMPP, bisa melalui Start Menu atau Desktop, dan klik
icon XAMPP. Atau, jika Anda membukanya begitu proses instalasi
selesai maka klik Yes seperti yang terlihat pada gambar di atas.

Lembar Kerja Peserta Didik – Pemrograman Web dan Perangkat Bergerak 7

 Teknology Web Server

2. 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.

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.

Lembar Kerja Peserta Didik – Pemrograman Web dan Perangkat Bergerak 8

 Teknology Web Server

Selamat, akhirnya Kamu berhasil menginstal aplikasi XAMPP. Sekarang komputer Anda sudah
berfungsi seperti server dan bisa menjalankan aplikasi-aplikasi berbasis web.

D. Tugas Prakrik
1. Peserta Didik berkumpul Bersama dengan kelompoknya
2. Peserta Didik mengamati dan mencermati proyeck soal yang terdapat pada LKPD
ini
3. Ketua Bersama anggota kelompok merencanakan penyelesaian proyek
4. Peserta Didik mendownload aplikasi xampp terbaru
5. Peserta Didik menginstal aplikasi xampp pada computer yang tersedia
6. Sebagian Peserta Didik membuat Langkah-langkah instalasi xampp pada LKPD
7. Peserta Didik mengetes Keberhasilan Instalasi Xampp pada computer local
8. Peserta didik mencatat permasalahan yang terjadi pada saat proses instalasi
aplikasi web server xampp
E. Hasil
- Buatlah hasil instalasi pada sebuah Aplikasi Presentasi Power Point, dan jelaskan
Langkah Langkah nya dengan rinci
- Buatlah Laporan hasil Instalasi beserta permasalahn yang terjadi saat instalasi
F. Soal – Soal
1. Apa yang dimaksud dengan aplikasi web ? Jelaskan
2. Jelaskan perbedaan antara server web dengan server aplikasi web !

Lembar Kerja Peserta Didik – Pemrograman Web dan Perangkat Bergerak 9

 Teknology Web Server

3. Jelaskan yang dimaksud dengan XAMPP

4. Sebutkan 5 browser yang dapat berjalan pada perangkat bergerak (mobile) ?
5. Jelaskan kelebihan XAMPP disbanding aplikasi web server lain

Lembar Kerja Peserta Didik – Pemrograman Web dan Perangkat Bergerak 10

 Teknology Web Server

SKORING PESERTA DIDIK

Nama Peserta Didik : ___________________________

Kelas : ___________________________

Capaian
No Komponen/Sub Komponen Grade
Kompetensi/Skor

1 Persiapan (skor maksimal 20)

Proses Diskusi Yang dilakukan (nilai maksimal 10)
Menjelaskan Tentang Aplikasi Web Server (10)
Rerata komponen persiapan
2 Pelaksanaan (Skor maksimal 70)
1. Pelaksanaan Proses Instalasi XAMPP (20)
2. Laporan Instalasi XAMPP (10)
3. Laporan Permasalahan yang terjadi (20)
4. Power Point yang dihasilkan (10)

5. Soal Teori (jumlah benar) (10)

Rerata komponen pelaksanaan
3 SIkap Kerja (Skor maksimal 10)
1. Waktu Penyelesaian Proyek Tepat Waktu (5)
2. Sikap Selama Mengerjakan Proyek (5)
Rerata komponen hasil
TOTAL NILAI (1 + 2 + 3)

Tasikmalaya ___,___________20__
Peserta Didik Guru Mata Pelajaran

_______________________________ Nizar Suryadi, ST

Lembar Kerja Peserta Didik – Pemrograman Web dan Perangkat Bergerak 11