phone: +62852 5254 2414
e-mail: simonmurdani@gmail.com

Absen XI TKJ (2024/2025) - SMK Mudita Singkawang (Pemrograman)

 


Mapel Pemrograman


Kegiatan 1 - 23 Juli 2024


Ketikkan script kode berikut:


Link pengumpulan Hasil  >> https://forms.gle/nrtvkuzh7YaGweyHA

Kegiatan 2 - 26 Juli 2024


Ketikkan script kode berikut:
Tampilan nya sebagai berikut :

Contoh Latihan2 bagian B :

Tampilan pada browser:


Link pengumpulan Hasil  >> https://forms.gle/hHSxT8LPzxFtBEL8A

Kegiatan 3 - 2 Agustus 2024


Ketikkan script kode berikut:

Tampilan pada browser:


Link pengumpulan Hasil  >>

https://forms.gle/HZjSSH2dw4pmu8WKA



Kegiatan 4 - 13 Agustus 2024


Daftar berurutan (ordered list)

Contoh :

Tampilan pada browser :
Link pengumpulan Hasil  >>

Kegiatan 5 - 20 Agustus 2024


Contoh :

Tampilan pada browser:

Secara default jika tidak menggunakan type maka bullet berupa disc atau bulatan hitam.
Link pengumpulan Hasil  >>https://forms.gle/Qfghy2Ltm8htn2mZ7

Daftar definisi (definition list)

Contoh penerapan :
Tampilan di browser:

Link pengumpulan Hasil  >>https://forms.gle/PHBPhs6V73u8rc7Q9

List Kombinasi
Contoh penerapan :

Tampilan di browser:
Link pengumpulan Hasil  >>https://forms.gle/yvmZaLJhyHgKCHi57

D. TUGAS KELOMPOK (5 SOAL URAIAN)

Buatlah kelompok dengan jumlah anggota 2 siswa setiap kelompoknya, dan bacalah petunjuk lalu kerjakan soal-soal di bawah ini dengan cermat dan teliti!
2. Diberikan gambar tampilan halaman web seperti di bawah ini :

Amatilah gambar di atas lalu analisislah tag HTML apa saja yang digunakan untuk menampilkan output seperti gambar di atas dengan cara menuliskan tag-tag HTMLnya!

Link pengumpulan Hasil  >>https://forms.gle/ngFzUDcpnFAgpKzs6


4. Diberikan perintah HTML seperti di bawah ini :
Ketiklah tag-tag HTML di atas pada text editor anda, lalu tuliskan output yang tampil pada web browser anda!


Link pengumpulan >>> https://forms.gle/jTNWSi2DPxYn8i419


5. Diberikan gambar tampilan halaman web seperti di bawah ini:

Amatilah gambar di atas lalu analisislah tag HTML apa saja yang digunakan untuk menampilkan output seperti gambar di atas dengan cara menuliskan tag-tag HTMLnya!



Diberikan perintah HTML seperti di bawah ini :

Ketiklah tag-tag HTML di atas pada text editor anda, lalu tuliskan output yang tampil pada web browser anda!
hasil setelah diisi









SELASA  : 24 September 2024

WAKTU   : 16.20 - 17.20

KELAS    : XI TJKT

MAPEL   : PEMROGRAMAN

MATERI  : Masukkan Data Sederhana Select


Ekperimen


Guru menberikan secenario masukan data 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 masukan data select




JUMAT    : 27 September 2024
WAKTU   : 13.00 - 16.10
KELAS    : XI TJKT
MAPEL   : PEMROGRAMAN



Link pengumpulan >>> https://forms.gle/hggtenfGvFb51Tpv7


JUMAT    : 18 Oktober 2024
WAKTU   : 15.00 - 16.10
KELAS    : XI TJKT
MAPEL   : PEMROGRAMAN

Berikut contoh table tanpa border / garis tepi :

Tampilan pada browser:
Jika tabel diatas di beri border sebesar 1 pixel maka perintah HTML
sebagai berikut :

Dan tampilan pada browser adalah:

Kegiatan 15 - 22 Oktober 2024
Link Google Docs >>

Kegiatan 16 - 29 Oktober 2024
Link Google Docs >>

Kegiatan 17 - 5 November 2024
Link Google Docs >>

Kegiatan 18 - 12 November 2024
Link Google Docs >>

Kegiatan 19 - 19 November 2024

SELASA : 19 November 2024
WAKTU : 16.20 - 17.30
KELAS : XI TJKT
MAPEL : PEMROGRAMAN
MATERI : FORMAT  MULTIMEDIA DENGAN HTML

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

Kegiatan 20 - 22 November 2024

JUMAT : 22 November 2024
WAKTU : 16.20 - 17.30
KELAS : XI TJKT
MAPEL : PEMROGRAMAN
MATERI : FORMAT  MULTIMEDIA DENGAN HTML

Contoh penerapan untuk posisi horisontal:

Tampilan pada browser:

Contoh penerapan untuk posisi vertikal :

Tampilan pada browser:
Link pengumpulan >>>  https://forms.gle/L5arYuVfohn5EjoD7

Kegiatan 21 - 22 November 2024

SELASA : 26 November 2024
WAKTU : 16.20 - 17.30
KELAS : XI TJKT
MAPEL : PEMROGRAMAN
MATERI : FORMAT  MULTIMEDIA DENGAN HTML

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:

2. MENAMPILKAN AUDIO
Dalam HTML5 untuk memasukkan file audio pada sebuah halaman web menggunakan tag <audio>...</audio>. Tidak semua file audio dapat didukung oleh browser. Tiap file audio memiliki dukungan browser yang berbeda, yaitu :
a. MP3 : didukung oleh browser Safari dan Google Chrome
b. OGG : didukung oleh browser Mozilla Firefox, Google Chrome dan Opera
c. WAV : didukung oleh browser Mozilla Firefox dan Opera
Contoh penerapan :

Tampilan pada browser :

Link pengumpulan >>>  https://forms.gle/B15PmQEi5mmmYV9A7

0 komentar: