Mapel Pemrograman
Kegiatan 1 - 06012024
D. TUGAS KELOMPOK (5 SOAL PRAKTIK URAIAN)
Buatlah kelompok dengan jumlah anggota 2 siswa setiap kelompoknya, dan bacalah petunjuk lalu kerjakan soal-soal di bawah ini dengan cermat dan teliti!
1. Disajikan perintah HTML di bawah ini, amatilah, ketiklah pada text editor anda, simpan dengan nama table1.html, analisislah tiap tag HTML yang ada dan screenshootlah tampilan pada web browser browser 1
table.html
2. Dengan menambahkan atribut border, bgcolor, cellpadding=10, dan cellspacing=10, tulislah file HTML untuk memodifikasi file table1.html diatas menjadi gambar dibawah ini! (warna background bebas boleh tidak sama dengan gambar), simpan dengan nama tabelmodif.html.
3. Disajikan tampilan tabel seperti di bawah ini:
Buatlah tabel tersebut menggunakan tag-tag HTML pada web editor, lalu tuliskan pada buku anda perintah HTML tersebut !
4. Pada pembuatan tabel dengan HTML, kita banyak mengenal istilah-istilah, diantaranya adalah:
a. CellPadding
b. CellSpacing
c. Rowspan
d. Colspan
Jelaskan 4 istilah diatas berdasarkan kegunaan nya lengkap dengan contoh penggunaanya!
5. Disajikan tampilan web dengan menggunakan tabel seperti di bawah ini :
Buatlah tampilan web di atas pada editor text lalu salinlah di LKPD (Lembar Kerja Peserta Didik) anda
Link pengumpulan Hasil >> https://forms.gle/75V3QfbyrZExojpj9
Kegiatan 2 - 22072024
E. UJI KOMPETENSI
PILIHAN GANDA
Berilah tanda silang (X) pada pilihan jawaban yang benar!
1. HTML mendukung pembuatan table untuk desain web. Pengertian Tabel yang tepat adalah...
A. Informasi dalam bentuk baris dan kolom
B. Tulisan berjalan
C. teks berjalan
D. efek suara
E. background
2. Tabel merupakan salah satu unsur yang sangat penting dalam membuat desain web. Dengan HTML maka struktur dasar pembuatan tabel yang benar adalah ...
A.
B.
C.
D.
E.
3. Perhatikan table di bawah ini:
Pernyataan yang benar untuk table di atas yaitu ...
A. Tabel terdiri dari 2 baris 1 kolom
B. Tabel terdiri dari 3 baris 2 kolom
C. Tabel terdiri dari 2 baris 3 kolom
D. Pada baris ke dua ada penggabungan 3 baris
E. Pada baris pertama kolom pertama dilakukan penggabungan 3 kolom
4. Untuk mengawali pembuatan table pada HTML, tag yang tepat adalah........
A. <table>..</table>
B. </table>..<table>
C. </table>..</table>
D. <table>..<table>
E. <table/>..<table>
5. Dibawah ini disajikan bermacam-macam tabel, tentukan tabel yang benar yang terdiri dari 2 kolom 3 baris!
A.
B.
C.
D.
E.
6. Tabel terdiri dari baris dan kolom. Pada HTML, tag yang tepat untuk menentukan baris dalam table adalah...
A. <hr>
B. <br>
C. <p>
D. <b>
E. <tr>
7. Untuk memperindah table, terkadang web designer memberikan perintah bgcolor di dalam tag <TABLE>. Fungsi bgcolor pada tag <TABLE> adalah ...
A. warna latar belakang table
B. warna desktop
C. warna latar belakang monitor
D. warna latar belakang html
E. warna latar belakang teks
8. Perhatikan tabel dibawah ini:
Perintah yang benar untuk membuat sel A untuk tabel diatas adalah...
A. <td colspan=3>
B. <td colspan="3">
C. <td rowspan=3>
D. <td rowspan="3">
E. <td rowspan='three'>
9. Perhatikan tabel di bawah ini :
Perintah yang benar untuk membuat sel D untuk tabel diatas adalah...
A. <td colspan=3>
B. <td colspan="3">
C. <td rowspan=3>
D. <td rowspan="3">
E. <td rowspan= 'three'>
10. Penulisan Tag HTML yang benar untuk membuat table dengan menggabungkan 3 kolom dan menggabungkan 3 baris pada text editor adalah...
A. <table border=2 colspan=3 rowspan=3>
B. <table border="2" colspan="3" rowspan="3">
C. <table border:2 colspan:3 rowspan:3>
D. <table border"2" colspan"3" rowspan"3">
E. <table border2 colspan3 rowspan3>
11. Untuk menggabungkan baris dalam tabel digunakan atribut...
A. rowspacing
B. Cellspacing
C. Cellpadding
D. Colspan
E. Rowspan
12. Untuk memberikan garis tepi pada sebuah table digunakan perintah/sintaks adalah...
A. pagar
B. line
C. garis
D. border
E. list
13. Untuk menggabungkan kolom dalam tabel digunakan atribut ...
A. colspan
B. rowspan
C. Cellpadding
D. Cellspacing
E. rowspacing
14. Berikut ini yang merupakan atribut pada tabel data, kecuali...
A. Align
B. Valign
C. Width
D. Height
E. Bgcolor
15. Atribut pada tabel yang digunakan untuk perataan vertical adalah...
A. Align
B. Valign
C. Width
D. Height
E. Bgcolor
16. Jika ingin mengatur perataan ditengah secara vertikal maka atribut yang benar adalah
A. valign="middle"
B. valign="center"
C. align="middle"
D. align="center"
E. vertical align="center"
17. Mana pernyataan berikut ini yang benar untuk tag tabel di dalam tabel?
A. <table>..</table> diletakan di luar
B. <table>..</table> diletakan di dalam sel
C. <table>..</table> diletakan di dalam <tr>..</tr>
D. <table>..</table> diletakan di dalam <td>..</td>
E. <table>...</table> diletakan di dalam <th>..</th>
18. Fungsi tag <th> adalah untuk...
A. Membuat garis tepi pada sebuah tabel
B. Mendefinisikan judul tiap kolom
C. Menampilkan data pada tiap cel
D. Membuat baris pada tabel
E. Menghapus baris pada tabel
19. Jika kita ingin mengatur perataan pada tabel berupa kanan, kiri, tengah maka menggunakan atribut...
A. Height
B. Width
C. Align
D. Border
E. Table
20. Satuan untuk mengukur tinggi dan lebar tabel yang sering digunakan pada HTML adalah...
A. %
B. mm
C. cm
D. m
E. inc
Link pengumpulan Hasil >> https://forms.gle/Xniz12mUQC7ZrpBq8
Kegiatan 3 - 24 Juli 2024
MENJODOHKAN
Perhatikan tampilan tabel HTML pada browser di bawah ini, lalu lengkapilah list HTML nya dengan memilih jawaban pada kotak jawaban yang tersedia :
Tampilan tabel pada browser
List HTML:
Kotak Jawaban
Link pengumpulan Hasil >> https://forms.gle/6u4XYtGJK7yUo3468
Kegiatan 4 - 29 Juli 2024
1. MENAMPILKAN GAMBAR
Tampilan pada browser:
Contoh penerapan untuk posisi horisontal:
Tampilan pada browser:
Kegiatan 5 - 31 Juli 2024
Contoh penerapan untuk posisi vertikal :
Tampilan pada browser:
Gambar yang di tampilkan pada halaman web juga dapat diberi keterangan yang sesuai, artinya jika gambar tersebut disorot menggunakan mouse akan muncul keterangan yang sesuai dengan gambar tersebut, misal seperti gambar di bawah ini:
Untuk menampilkan keterangan pada gambar di atas maka tag HTML nya adalah:
Link pengumpulan Hasil >> https://forms.gle/6BtT9RXq2afi6oDe6
Kegiatan 6 - 5 Agustus 2024
MENAMPILKAN AUDIO
Contoh penerapan :
Tampilan pada browser :
Contoh penerapan dalam HTML:
Link pengumpulan Hasil >> https://forms.gle/ebx87gQ9t4QwyztY9
Kegiatan 7 - 12 Agustus 2024
3. MENAMPILKAN VIDEO
Contoh penggunaan tag <embed>:
Contoh penerapan pada HTML:
Link pengumpulan Hasil >>https://forms.gle/wyCF1C4TTju1vNsW8
Kegiatan 8 - 19 Agustus 2024
MENAMPILKAN ANIMASI
Link pengumpulan Hasil >>https://forms.gle/baPK1uWsALzt6F7x8
Kegiatan 9 - 26 Agustus 2024
C. TUGAS MANDIRI (5 SOAL URAIAN)
Jawablah pertanyaan-pertanyaan di bawah ini dengan benar!
1. Analisislah langkah-langkah dalam menyisipkan gambar di dokumen HTML!
2. Analisislah langkah-langkah dalam menampilkan audio di dalam dokumen web!
3. Analisislah langkah-langkah dalam menampilkan animasi di dalam dokumen web!
4. Sebutkan atribut dan fungsinya tag untuk menampilkan gambar!
5. Bagaimana cara menyisipkan file audio ke dalam tampilan web ?
Link pengumpulan Hasil >>https://forms.gle/wSApXshByguUZs1m6
Kegiatan 10 - 2 September 2024
E. UJI KOMPETENSI
PILIHAN GANDA
Berilah tanda silang (X) pada pilihan jawaban yang benar!
1. Atribut yang digunakan untuk menentukan sumber berkas suara atau video adalah...
A. SRC
B. LOOP
C. UNITS
D. AUTOSTART
E. HIDDEN
2. Di bawah ini yang termasuk Format Video adalah .....
A. Mp3
B. Msv
C. Mid
D. M4p
E. Mp4
3. Tag HTML yang digunakan untuk menampilkan sebuah gambar dalam halaman web adalah ....
A. <img>
B. <jpg>
C. <ipg>
D. <pict>
E. <gambar>
4. Fungsi dari tag <bgsound> adalah untuk...
A. membuat tabel
B. memainkan suara sebagai latar belakang
C. mengisi data dalam tabel
D. membuat baris baru
E. membuat header
5. tag <embed> berfungsi untuk...
A. memainkan musik sebagai latar belakang
B. memainkan berkas dalam bentuk suara/ film
C. membuat baris baru
D. membuka HML
E. isi HTML
6. Tag yang digunakan untuk memainkan berkas yang berupa suara maupun video adalah ...
A. <a>
B. <loop>
C. <src>
D. <embed>
E. <hidden>
7. Format Mp4 digunakan untuk ...
A. Audio
B. Picture
C. Video
D. suara
E. musik
8. Untuk menampilkan gambar dalam halaman web maka gambar tersebut harus berformat ....
A. SWF
B. FLA
C. JPG
D. DOC
E. PDF
9. Tag <IMG SRC="..JPG"> digunakan untuk ..........
A. Mengubah gambar
B. Mengatur gambar
C. Menampilkan gambar
D. Menghapus gambar
E. Memindahkan gambar
10. Tag <IMG> memiliki atribut....
A. SIZE, COLOR, FACE
B. SIZE, WIDTH
C. HEIGHT, WIDTH
D. TYPE
E. BUTTON
11. Jika ingin meletakkan gambar di sebelah kiri teks maka atribut yang harus ditambahkan pada ALIGN adalah...
A. LEFT
B. RIGHT
C. TOP
D. MIDDLE
E. BOTTOM
12. Jika teks bisa berada sejajar dengan bagian tengah gambar maka atribut yang harus ditambahkan pada ALIGN adalah...
A. LEFT
B. RIGHT
C. TOP
D. MIDDLE
E. BOTTOM
13. Jika ingin menambahkan keterangan pada gambar seperti gambar dibawah ini maka pada tag <img> ditambahkan atribut.
A. Height
B. Width
C. Title
D. Align
E. Caption
14. Untuk mengatur tinggi gambar pada sebuah halaman web, maka atribut yang harus ditambahkan pada tag <img> adalah....
A. Height
B. Width
C. Title
D. Align
E. Caption
15. Untuk mengatur lebar gambar pada sebuah halaman web, maka atribut yang harus ditambahkan pada tag <img> adalah......
A. Height
B. Width
C. Title
D. Align
E. Caption
16. Yang merupakan format file audio adalah...
A. jpg
B. png
C. mp3
D. mp4
E. wmv
17. Fungsi atribut autoplay pada video digunakan untuk...
A. menampilkan kontrol seperti volume, video, dan juga tombol untuk memulai/
B. pause memuat ulang video ketika halaman dimuat ulang
C. mematikan suara
D. memuat ulang video
E. memulai video secara otomatis pada web terbuka
18. Fungsi atribut loop pada video digunakan untuk...
A. menampilkan kontrol seperti volume, video, dan juga tombol untuk memulai/pause
B. memuat ulang video ketika halaman dimuat ulang
C. mematikan suara
D. memuat ulang video
E. memulai video secara otomatis pada web terbuka
19. Atribute pada video yang berfungsi untuk memunculkan poster/gambar pada saat video buffer atau diunduh adalah...
A. Poster
B. Loop
C. Preload
D. Muted
E. Controls
20. Atribute pada video yang berfungsi untuk memuat ulang video adalah...
A. Poster
B. Loop
C. Preload
D. Muted
E. Controls
Link pengumpulan Hasil >>https://forms.gle/QCxcHT32mQQ9Zqmy8
Kegiatan 11 - 9 September 2024
Contoh penerapan pada HTML:
Tampilan pada browser:
Link relative adalah link ke dokumen internal, dan penulisan alamat
tujuannya pun tidak perlu ditulis secara lengkap, cukup nama dokumennya saja, dan nama direktorinya
Memiliki 2 dokumen HTML, misal dokumen 1 bernama link1.html
Dokumen ke 2 bernama link2.html
Tampilan untuk file link1.html di browser :
Jika tombol Halaman Selanjutnya diklik maka akan menuju ke halaman link2.html, yaitu
Jika tombol Halaman Sebelumnya diklik maka akan menuju ke halaman link1.html Link
Link pengumpulan Hasil >>https://forms.gle/suHA9WHCywCU4VWC7
Kegiatan 12 - 23 September 2024
SENIN : 23 September 2024
WAKTU : 16.20 - 17.30
KELAS : XII TJKT
MAPEL : PEMROGRAMAN
MATERI : Kalkulator Sederhana
Ekperimen
Guru menberikan secenario coding kalkultor sederhana, siswa mencoba membuat aplikasi
tersebut mengunakan aplikasi javascript. siswa mengedit dan mengcoding aplikasi tersebut mengunakan aplikasi Javascript di playstore.
contoh aplikasi coding
secenario coding kalkultor sederhana
Link pengumpulan Hasil >> https://forms.gle/S9Ss7JZitrCjkp2x5
Kegiatan 13 - 28 September 2024
SABTU : 28 September 2024
WAKTU : 14.35 - 15.10
KELAS : XI TJKT
MAPEL : Pemrograman
MATERI : Uji Pengetahuan
SUMBER : BUKU PAKET
_page-0001.jpg)
_page-0002.jpg)
_page-0003.jpg)
_page-0004.jpg)
_page-0005.jpg)
.JPG)
Kegiatan 15 - 14 Oktober 2024
SENIN : 14 Oktober 2024
WAKTU : 16.20 - 17.20
KELAS : XI TJKT
MAPEL : Pemrograman
MATERI : Uji Pengetahuan
SUMBER : BUKU PAKET
Kegiatan 14 - 21 Oktober 2024
Link Materi >> https://www.simonmurd.com/2024/04/pemrograman-web-link-dengan-html-bab.html
SENIN : 21 Oktober 2024
WAKTU : 16.20 - 17.20
KELAS : XI TJKT
MAPEL : Pemrograman
MATERI : Uji Pengetahuan
SUMBER : BUKU PAKET
Link pengumpulan Hasil >> https://forms.gle/eNZHJCA2trWGfm2d9
Link Google Docs
No comments:
Post a Comment