LEMBAR KEGIATAN PESERTA DIDIK

(LKPD)
(Pertemuan 1)

Satuan Pendidikan : SMKN 2 KURIPAN

Kelas/Semester : XII / 1
Mata Pelajaran : Pemrograman Web & Perangkat Bergerak
Kompetensi Dasar: Format Formulir
 konsep formulir dalam halaman web
 tag-tag html untuk formulir dalam halaman web
 prosedur pembuatan format formulir dalam halaman web
Nama Kelompok : ……………………………..
Nama Anggota : ……………………………..
: ……………………………..
: ……………………………..
: ……………………………..
: ……………………………..
Tujuan Kegiatan : Setelah membaca materi mengenai format formulir , melaksanakan
penggalian informasi di internet, dan diskusi kelompok siswa
mampu;
 Menguraikan konsep format formulir dalam halaman web
 Menguraikan penggunaan tag form
 Menerapkan prosedur pembuatan format formulir dalaman
halaman web
ALAT DAN BAHAN :
- Software text editor ( note++, notepad)
- Aplikasi web browser
- Personal Computer / laptop/ smartphone
- Koneksi internet
- Pulpen
- kertas
- Spidol

LANGKAH KEGIATAN :
1. Kerjakanlah secara mandiri bersama kelompok masing-masing!
2. Bacalah materi dan penggalian informasi belajar yang dapat
mendukung proses pembelajaran kalian, dapat juga kalian
mencari referensi dari internet, mesin pencari google dan buku
Petunjuk Kegiatan paket.
3. Apabila terdapat permasalahan atau hal-hal yang kurang
dipahami, diskusikan dengan kelompok atau tanyakan kepada
guru!
Tugas
1. Diskusikanlah dengan anggota kelompokmu tentang
Format Formulir yang ada pada gambar !

Perhatikan dan tuliskan rancangan kebutuhan tag, metode

inputan yang dipakai dalam formulir
tersebut !

Jawaban Tugas 1
(tuliskan syntax)
Tugas
2. Diskusikanlah dengan anggota kelompokmu tentang
Format Formulir yang ada pada gambar !

Perhatikan dan tuliskan rancangan kebutuhan tag, metode

inputan yang dipakai dalam formulir
tersebut dan pada bagian manakah metode GET digunakan !
Jawaban Tugas 2
(tuliskan syntax)
 LEMBAR KEGIATAN PESERTA DIDIK
(LKPD)
(Pertemuan 2)

Satuan Pendidikan : SMKN 2 KURIPAN

Kelas/Semester : XII / 1
Mata Pelajaran : Pemrograman Web & Perangkat Bergerak
Kompetensi Dasar: Format Formulir
 Merancang program untuk menampilkan formulir
dalahalaman web.
 Membuat program tampilan formulir dalam halaman web.
Nama Kelompok : ……………………………..
Nama Anggota : ……………………………..
: ……………………………..
: ……………………………..
: ……………………………..
: ……………………………..
Tujuan Kegiatan : Setelah membaca materi dan menyimak video youtube mengenai
format formulir , melaksanakan penggalian informasi di internet,
dan diskusi kelompok siswa mampu;
 Merancang program untuk menampilkan formulir dalam
halaman web menggunakan tag-tag html sesuai prosedur
 Membuat program tampilan formulir dalam halaman web
ALAT DAN BAHAN :
- Software text editor ( note++, notepad)
- Aplikasi web browser
- Personal Computer / laptop/ smartphone
- Koneksi internet
- Pulpen
- kertas
- Spidol

LANGKAH KEGIATAN :
1. Kerjakanlah secara mandiri bersama kelompok masing-masing!
2. Bacalah materi dan penggalian informasi belajar yang dapat
mendukung proses pembelajaran kalian, dapat juga kalian mencari
Petunjuk Kegiatan referensi dari internet, mesin pencari google dan buku paket.
3. Apabila terdapat permasalahan atau hal-hal yang kurang dipahami,
diskusikan dengan kelompok atau tanyakan kepada guru!
Langkah Kerja Langkah Kerja :
1. Menyiapkan alat praktek.
a. PC/Labtop/Smartphone
b. Koneksi internet
c. Akun google drive sebagai media penyimpanan
2. Selalu memperhatikan keselamatan kerja.
3. Jalankan program yang melalui link virtual lab
(https://www.w3schools.com/html/html_forms.asp)
4. Khusus yang menggunakan smartphone bisa unduh apk w3schools
pada google playstore.

5. Menuju menu html :

6. Seletah itu klik sub menu pengantar disini anda akan diarahkan
dalam mengetahui apa itu css dan penerapanya dalam membuat
format formulir.

7. Pelajari petunjuk yang ada diantaranya :

a. Peserta didik mulai membuat halaman web dengan
menerapkan format formulir pada halaman web.
b. Silahkan klik model template yg ada pada halaman tersebut
untuk menambah pengetahuan anda terkait pembuatan
web dengan formulir dalam halaman web menu berikut ini :

c. Lakukan diskusi kelompok terkait permasalahan yang ada

pada waktu membuat tersebut perbandingan tersebut
8. Setiap menu tersebut peserta didik bisa melakukan praktek secara
berkelompok dengan menggunakan alat pembelajaran sesuai
petunjuk diatas.
9. Jalankan program yang telah anda kerjakan dengan klik tombol
“RUN” dan lihat hasilnya pada sisi selelah kanan halaman
10. Hasilnya bisa anda simpan dengan cara klik tombol save arahkan
penyimpanan file kedalam akun google drive yang anda gunakan.
11. Share alamat folder Unggah hasil pekerjaan yg tersimpan di google
drive masing-masing peserta didik
Tugas 1

Buatlah dalam kode program html untuk menghasilkan tampilan

formulir tersebut. Gunakan aplikasi notepad++ / Notepad sebagai
alat bantu perancangan kode program.
JAWABAN
(Tuliskan syntax)