RENCANA
PELAKSANAAN PEMBELAJARAN
Sekolah :
SMK NEGERI I DLANGGU- MOJOKERTO
Mata Pelajaran :
Dasar Desain Grafis
Paket Keahlian : RPL (Rekayasa Perangkat Lunak)
Kelas/Semester : X / 1
Alokasi Waktu/Pert. ke : 2 x 4 x 45 menit / 1 - 2
A.
Kompetensi
Inti
PENGETAHUAN
1. Memahami,
menerapkan dan menganalisis pengetahuan faktual, konseptual, dan prosedural
berdasarkan rasa ingin tahunya tentang ilmu pengetahuan, teknologi, seni,
budaya, dan humaniora dalam wawasan kemanusiaan, kebangsaan, kenegaraan, dan
peradaban terkait penyebab fenomena dan kejadian dalam bidang kerja yang
spesifik untuk memecahkan masalah.
KETRAMPILAN
2.
Mengolah, menalar, dan menyaji
dalam ranah konkret dan ranah abstrak terkait dengan pengembangan dari yang
dipelajarinya di sekolah secara mandiri, dan mampu melaksanakan tugas spesifik
di bawah pengawasan langsung.
B. Kompetensi Dasar
1. KD pada KI Pengetahuan
3.1 Memahami unsur-unsur tata letak berupa garis,
ilustrasi, tipografi, warna, gelap-terang, tekstur, dan ruang
2. KD pada KI Ketrampilan
4.1 Membuat
unsur-unsur tata letak berupa garis, ilustrasi, tipografi, warna, gelap-terang,
tekstur, dan ruang
C. Indikator Pencapaian Kompetensi
1. KD pada KI Pengetahuan
a. Menjelaskan
unsur-unsur tata letak garis
b. Menguraikan
unsur-unsur warna
c. Mendeskripsikan
tekstur dan ruang
2. KD pada KI Ketrampilan
a.
Menetapkan
unsur-unsur tata letak garis
b.
Menetapkan
unsur-unsur warna
c.
Menatapkan
unsur-unsur tekstur dan ruang
D. Tujuan Pembelajaran
1. KD-3 Pengetahuan
a.
Dengan membuka
internet siswa dapat menjelaskan unsur-unsur tata letak garis
b.
Dengan membuka
internet siswa dapat menyebutkan unsur-unsur warna
c.
Dengan membuka
internet siswa dapat membeberkan tekstur dan ruang
2. KD-4 Ketrampilan
a.
Dengan membuka
internet siswa dapat menunjukkan unsur-unsur tata letak garis
b.
Dengan membuka
internet siswa dapat menyalin unsur-unsur warna
c.
Dengan membuka
internet siswa dapat
menerapkan tekstur dan ruang
E. Materi ajar
1.
Unsur-unsur
desain grafis dan prinsipnya
2.
Karakteristik,
kegunaan, dan makna warna.
3.
Warna
sebagai representasi dari alam
4. Warna sebagai
komunikasi, dan ekspresi.
F. Pendekatan, Model
dan Metode
Pendekatan
pembelajaran : Saintifik
Model Pembelajaran : DL (Discovery Learning)
Metode Pembelajaran : diskusi kelompok, presentasi, penugasan
G. Media,
Alat dan Sumber Belajar
1.
Media/alat : PC
2.
Bahan : Gambar-gambar berbagai layout halaman web
3.
Sumber Belajar
a. LKS
SMK : Layout Halaman Web
b. Kunci
LKS-SMK : Layout
Halaman Web
c. Internet
H. Langkah-Langkah Pembelajaran
Pertemuan ke 1
|
Kegiatan
|
Sintaks Model Discovery Learning
|
Diskripsi Kegiatan
|
Alokasi Waktu
|
|
PENDAHULUAN
|
|
·
Guru
mengucapkan salam pada siswa untuk menanamkan sikap santun
·
Guru meminta salah satu dari siswa untuk memimpin
berdoa sesuai dengan agama dan keyakinan masing-masing
·
Guru meminta
pada siswa untuk mengecek kebersihan kelas , untuk menanamkan sikap peduli
lingkungan
·
Guru melakukan apersepsi dengan menanyakan tentang
pentingnya halaman web.
·
Guru menanyakan pada siswa, “Apakah kalian pernah membuka suatu halaman web?”
·
Siswa menyimak tujuan pembelajaran dan strategi
belajar diskusi kelompok yang disampaikan oleh guru
·
Siswa membentuk kelompok sesuai arahan dari guru.
|
10 menit
|
|
INTI
|
Pemberian
stimulasi
|
Mengamati
· Siswa secara
berkelompok mengamati printout layout
halaman web
yang ditampilkan oleh guru.
· Siswa secara
berkelompok mengamati
|
10 menit
|
|
Identifikasi
masalah
|
Menanya
·
Masing-masing kelompok membuat pertanyaan terkait dengan gambar layout yang diberikan meliputi antara lain: apa sajakah bagian-bagian layout halaman web
· Siswa dalam
kelompok membahas hal-hal pokok terkait bagian-bagian layout halaman web yang disajikan
dalam bentuk printout
·
Guru memfasilitasi siswa
agar pertanyaan diarahkan dari yang faktual sampai metakognitif sesuai dengan
materi pembelajaran
·
Setiap kelompok mendiskusikan tentang penyusunan layout
halaman web
diminta
untuk dituliskan untuk diskusikan dalam kelompok
|
40 menit
|
|
|
Pengumpulan Data
|
Mengumpulkan
informasi
· Siswa dalam
kelompok mencari literature terkait dengan kasus / masalah yang diberikan
guru tentang penyusunan bagian-bagian
layout halaman web
· Siswa melakukan
diskusi untuk mengumpulkan data terkait dengan tugas kelompok untuk
memecahkan masalah
· Siswa
berkelompok menyusun bagian-bagian
layout halaman web sesuai kriteria yang
ditentukan dalam materi hand out yang dibagikan.
· Selama kegiatan
berlangsung guru melakukan pemberian bimbingan dan arahan terkait penyusunan bagian-bagian layout halaman web
|
50 menit
|
|
|
Pembuktian
|
Mengasosiasikan
·
Setiap kelompok melakukan analisis hasil diskusi
kelompok tentang bagian-bagian layout halaman web sesuai dengan
kasus
·
Setiap kelompok mengkoreksi hasil diskusi kelompok
Mengkomunikasikan
·
Semua kelompok mempersiapkan diri untuk
mempresentasikan hasil diskusinya.
·
Guru
mengingatkan aturan main yang harus dipatuhi oleh masing-masing
kelompok saat presentasi dilakukan, dan mengingatkan pentingnya disiplin,
santun dalam berbicara dan mendengar, tanggung jawab dan kerjasama saat
menjawab dan mengajukan pertanyaan`
·
Setiap kelompok mempresentasikan hasil diskusi
kelompoknya. Kelompok lain dapat bertanya dan memberi masukan tentang hasil
presentasi
·
Guru menyimak presentasi dari masing-masing kelompok
sambil menilai proses dan hasil kerja siswa.
·
Guru memberikan tugas membuat mind mapping materi bagian-bagian layout halaman web secara
individu.
|
40 menit
|
|
|
|
Menarik
Kesimpulan
|
Mengkomunikasikan
·
Semua kelompok mempersiapkan diri untuk
mempresentasikan hasil lembar layoutnya.
·
Setiap kelompok mempresentasikan hasil lembar layoutnya. Kelompok lain dapat bertanya dan
memberi masukan tentang hasil presentasi.
·
Setiap kelompok dapat memberikan masukan dan saran
terkait hasil pembuatan lembar layoutnya.
|
20 menit
|
|
PENUTUP
|
|
· Guru bersama-sama dengan siswa membuat rangkuman
atau kesimpulan hasil diskusi.
· Guru memberikan umpan balik terhadap proses dan
hasil pembelajaran.
· Guru menyampaikan kegiatan tindak lanjut berupa
materi pada pertemuan selanjutnya.
· Guru menutup
pelajaran dengan mengucapkan salam.
|
10 menit
|
Pertemuan ke 2
|
Kegiatan
|
Sintaks Model Discovery Learning
|
Diskripsi Kegiatan
|
Alokasi Waktu
|
|
PENDAHULUAN
|
|
·
Guru
mengucapkan salam pada siswa untuk menanamkan sikap santun
·
Guru meminta salah satu dari siswa untuk memimpin
berdoa sesuai dengan agama dan keyakinan masing-masing
·
Guru meminta
pada siswa untuk mengecek kebersihan kelas , untuk menanamkan sikap peduli
lingkungan
·
Guru melakukan apersepsi dengan menanyakan tentang
pentingnya halaman web.
·
Guru menanyakan pada siswa, “Apakah kalian pernah membuka suatu halaman web?”
·
Siswa menyimak tujuan pembelajaran dan strategi
belajar diskusi kelompok yang disampaikan oleh guru
·
Siswa membentuk kelompok sesuai arahan dari guru.
|
10 menit
|
|
INTI
|
Pemberian
stimulasi
|
Mengamati
· Siswa secara
berkelompok mengamati printout layout
halaman web
yang ditampilkan oleh guru.
· Siswa secara
berkelompok mengamati
|
10 menit
|
|
Identifikasi
masalah
|
Menanya
·
Masing-masing kelompok membuat pertanyaan terkait dengan gambar layout yang diberikan meliputi antara lain: apa sajakah bagian-bagian layout halaman web
· Siswa dalam
kelompok membahas hal-hal pokok terkait bagian-bagian layout halaman web yang disajikan dalam bentuk printout
·
Guru memfasilitasi siswa
agar pertanyaan diarahkan dari yang faktual sampai metakognitif sesuai dengan
materi pembelajaran
·
Setiap kelompok mendiskusikan tentang penyusunan layout
halaman web
diminta untuk dituliskan untuk diskusikan dalam kelompok
|
40 menit
|
|
|
Pengumpulan Data
|
Mengumpulkan
informasi
· Siswa dalam
kelompok mencari literature terkait dengan kasus / masalah yang diberikan
guru tentang penyusunan bagian-bagian
layout halaman web
· Siswa melakukan
diskusi untuk mengumpulkan data terkait dengan tugas kelompok untuk
memecahkan masalah
· Siswa
berkelompok menyusun bagian-bagian
layout halaman web
sesuai kriteria yang ditentukan dalam materi hand out yang
dibagikan.
· Selama kegiatan
berlangsung guru melakukan pemberian bimbingan dan arahan terkait penyusunan bagian-bagian layout halaman web
|
50 menit
|
|
|
Pembuktian
|
Mengasosiasikan
·
Setiap kelompok melakukan analisis hasil diskusi
kelompok tentang bagian-bagian layout halaman web sesuai dengan
kasus
·
Setiap kelompok mengkoreksi hasil diskusi kelompok
Mengkomunikasikan
·
Semua kelompok mempersiapkan diri untuk
mempresentasikan hasil diskusinya.
·
Guru
mengingatkan aturan main yang harus dipatuhi oleh masing-masing
kelompok saat presentasi dilakukan, dan mengingatkan pentingnya disiplin,
santun dalam berbicara dan mendengar, tanggung jawab dan kerjasama saat
menjawab dan mengajukan pertanyaan`
·
Setiap kelompok mempresentasikan hasil diskusi
kelompoknya. Kelompok lain dapat bertanya dan memberi masukan tentang hasil
presentasi
·
Guru menyimak presentasi dari masing-masing kelompok
sambil menilai proses dan hasil kerja siswa.
·
Guru memberikan tugas membuat mind mapping materi bagian-bagian layout halaman web secara
individu.
|
40 menit
|
|
|
|
Menarik
Kesimpulan
|
Mengkomunikasikan
·
Semua kelompok mempersiapkan diri untuk
mempresentasikan hasil pembuatan bagian-bagian
layout halaman web.
·
Setiap kelompok mempresentasikan hasil pembuatan bagian-bagian layout halaman web. Kelompok lain
dapat bertanya dan memberi masukan tentang hasil presentasi.
·
Setiap kelompok dapat memberikan masukan dan saran
terkait hasil pembuatan bagian-bagian
layout halaman web.
|
20 menit
|
|
PENUTUP
|
|
· Guru bersama-sama dengan siswa membuat rangkuman
atau kesimpulan hasil diskusi.
· Guru memberikan umpan balik terhadap proses dan
hasil pembelajaran.
· Guru menyampaikan kegiatan tindak lanjut berupa
materi pada pertemuan selanjutnya.
· Guru menutup
pelajaran dengan mengucapkan salam.
|
10 menit
|
I. Penilaian Pembelajaran, Remedial dan Pengayaan
a. Teknik Penilaian
|
NO.
|
ASPEK/RANAH
|
TEKNIK
PENILAIAN
|
INSTRUMEN
|
|
Pertemuan 1
|
|||
|
1.
|
Pengetahuan
|
1. Penugasan menjelaskan tata letak garis pada layout
halaman web
|
1.
Soal dan Rubrik memahami layout halaman web
|
|
2.
|
Ketrampilan
|
2. Proyek memberi nama bagian-bagian layout halaman web
|
2.
Lembar penilaian layout halaman web
|
|
Pertemuan 2
|
|||
|
3.
|
Pengetahuan
|
3. Penugasan
menjelaskan warna dan tipografi pada layout halaman web
|
3.
Soal dan Rubrik memahami unsur warna dan
tipografi layout halaman web
|
|
4.
|
Ketrampilan
|
4. Proyek
menentukan warna dan tipografi
pada bagian-bagian layout halaman web
|
4.
Lembar penilaian unsur warna dan tipografi
layout halaman web
|
b. Instrumen Penilaian
1)
Pertemuan
1 dan 2
INSTRUMEN
PENILAIAN HASIL BELAJAR
PERENCANAAN
PENUGASAN MENJELASKAN TATA LETAK GARIS,
UNSUR WARNA DAN TIPOGRAFI PADA
LAYOUT HALAMAN WEB
|
Indikator
Soal
|
Soal
|
|
menjelaskan tata letak garis, unsur warna dan
tipografi pada layout halaman web
|
Buatlah susunan tata letak garis pada layout halaman web:
a.
Header
b.
Navigation
c.
Sidebar
d.
Content
e. Footer
|
Layout
Dalam dunia desain, layout berbicara mengenai bagaimana penataan
elemen-elemen dalam sebuah halaman dengan benar. Sama seperti tipografi,
terdapat sangat banyak elemen-elemen pada layout, yang tentunya tidak akan
dapat dibahas pada bagian ini sendiri. Pembahasan layout secara menyeluruh akan
memerlukan bukunya tersendiri. Kita akan hanya melihat elemen-elemen layout
yang umumnya ditemukan pada dokumen web, dan bagaimana membuat elemen-elemen
tersebut dengan HTML dan CSS.
Sebuah dokumen web umumnya memiliki elemen-elemen sebagai
berikut:
Elemen-elemen Layout pada Dokumen Web
Elemen Header
Seperti
namanya, merupakan elemen yang berisi judul dan penjelasan lain dokumen.
Biasanya elemen ini diisikan dengan logo website, menu-menu global (seperti
login dan logout), maupun nama halaman yang sedang ditampilkan.
Elemen Navigation
Elemen
navigasi, yang memberikan akses navigasi ke halaman-halaman lain dalam web.
Elemen
Sidebar
Elemen
pendukung konten, dapat berupa pembantu navigasi konten, ataupun berbagai hal
lain seperti daftar konten lain, iklan, atau menu tambahan. Sidebar dapat
berada di kiri atau kanan konten, atau bahkan di kiri dan kanan konten, sesuai
dengan kreatifitas perancangnya.
Elemen Konten
Isi
utama dari dokumen web. Pengguna biasanya datang ke web untuk melihat teks yang
berada pada bagian ini.
Elemen Footer
Bagian
penutup dari website, yang dapat saja berisi informasi lain tentang website,
seperti lisensi pengunaan, sitemap, ataupun link ke website lain.
Bagaimana
kita dapat membuat layout umum seperti yang tampak pada gambar Elemen-elemen Layout pada Dokumen Web di
atas? Sebelum membuat layout, tentunya kita terlebih dahulu harus mengetahui
cara pengukuran elemen pada HTML. Karena tanpa dapat mengukur elemen dengan
benar, kita tidak akan dapat membuat layout yang bagus.
https://bertzzie.com/knowledge/desain-web-dasar/Layout.html
Rubrik Penugasan menjelaskan tata letak garis pada layout halaman web
|
No
|
Aspek
|
Skor
|
Kriteria Skor
|
|
1.
|
Format tata letak garis, unsur warna dan tipografi pada layout halaman web
|
4
|
1.
Menggunakan bahasa baku
yang baik dan benar
2.
Bentuk tulisan mudah
dibaca
3.
Nama tata letak garis pada layout halaman web ditulis secara berurutan
4. Berikan tanda pemisah berupa bentuk bintang, garis atau jarak spasi
penulisan, untuk masing masing tata letak garis
pada layout halaman web
5. Tulisan tidak disingkat.
|
|
3
|
Terdapat 1 kriteria pada kesesuaian
format dari skor 4 tidak terpenuhi
|
||
|
2
|
Terdapat 2 kriteria pada kesesuaian
format dari skor 4 tidak terpenuhi
|
||
|
1
|
Terdapat lebih dari 2 kriteria pada
kesesuaian format dari skor 4 tidak terpenuhi.
|
||
|
2.
|
Bobot Materi
|
4
|
1.
Tidak terdapat layout halaman web yang sama yang dipilih
2.
Kreatifitas yang ditentukan
3.
Layout halaman
web harus
informatif: misalnya tidak sekedar menyebut sub-sub halaman web,
tapi ada penjelasan singkat tentang layout
halaman web.
|
|
3
|
Terdapat 1 kriteria pada bobot materi
dari skor 4 tidak terpenuhi
|
||
|
2
|
Terdapat 2 kriteria pada bobot materi
dari skor 4 tidak terpenuhi
|
||
|
1
|
Terdapat lebih dari 2 kriteria pada
bobot materi dari skor 4 tidak terpenuhi
|
KISI
KISI PENILAIAN KINERJA
Paket Keahlian : RPL
Mata Pelajaran : DASAR
DESAIN GRAFIS
Kompetensi Dasar
: 4.1 Membuat unsur-unsur tata letak berupa garis,
ilustrasi, tipografi, warna, gelap-terang, tekstur, dan ruang
Kelas : X
RPL 1,2
|
Materi
|
Indikator
Kinerja
|
Kinerja
|
|
Format
tata letak garis, unsur warna dan tipografi pada
layout halaman web
|
Siswa dapat mengidentifikasi lembar layout web
|
Buatlah
identifikasi pada lembar halaman layout web yang telah diketahui!
|
Rubrik Penilaian Layout
Halaman Web
|
No
|
Aspek
|
Skor
|
Kriteria Skor
|
|
1.
|
Desain
|
4
|
1.
Identifikasi lembar halaman web
2.
Lay out halaman web ukuran A4
3.
Menyebutkan dengan benar semua bagian layout web
4. Tata Bahasa dalam lembar layout halaman web menggunakan Bahasa Indonesia
|
|
3
|
Terdapat 1 kriteria pada desain dari
skor 4 tidak terpenuhi
|
||
|
2
|
Terdapat 2 kriteria pada desain dari
skor 4 tidak terpenuhi
|
||
|
1
|
Terdapat lebih dari 2 kriteria pada
desain dari skor 4 tidak terpenuhi.
|
||
|
2.
|
Penulisan Lembar Layout Halaman Web
|
4
|
1.
Menggunakan bahasa baku
yang baik dan benar
2.
Bentuk tulisan mudah
dibaca
3.
Berikan tanda pemisah berupa
bentuk bintang, garis atau jarak spasi penulisan, untuk masing masing bagian
layout web.
4. Tulisan tidak disingkat.
|
|
3
|
Terdapat 1 kriteria pada bobot materi
dari skor 4 tidak terpenuhi
|
||
|
2
|
Terdapat 2 kriteria pada bobot materi
dari skor 4 tidak terpenuhi
|
||
|
1
|
Terdapat lebih dari 2 kriteria pada
bobot materi dari skor 4 tidak terpenuhi
|
Lembar Penilaian
Layout Halaman Web
|
No
|
Nama Siswa
|
Desain
|
Penulisan Kartu
|
Skor
|
Nilai Akhir
|
||||||
|
4
|
3
|
2
|
1
|
4
|
3
|
2
|
1
|
||||
|
1
|
|
|
|
|
|
|
|
|
|
|
|
|
2
|
|
|
|
|
|
|
|
|
|
|
|
|
3
|
|
|
|
|
|
|
|
|
|
|
|
|
4
|
|
|
|
|
|
|
|
|
|
|
|
|
dst
|
|
|
|
|
|
|
|
|
|
|
|
c. Remidial dan Pengayaan
Menyebutkan kembali
bagian-bagian halaman layout web dengan benar tanpa melihat catatan, pada table
berikut:
|
NO.
|
KOMPONEN
|
TAMPAK VISUAL
|
|
1.
|
Alamat
web / url
|
…………………..
|
|
2.
|
Perihal
web / about
|
…………………..
|
|
3.
|
Header
|
|
|
|
Jenis
huruf
|
…………………..
|
|
|
Ukuran
|
…………………..
|
|
|
Pengaturan
(align, space)
|
…………………..
|
|
|
Kontras
warna
|
…………………..
|
|
4.
|
Navigation
|
|
|
|
Jenis
huruf
|
…………………..
|
|
|
Ukuran
|
…………………..
|
|
|
Pengaturan
(align, space)
|
…………………..
|
|
|
Kontras
warna
|
…………………..
|
|
5.
|
Sidebar
|
|
|
|
Jenis
huruf
|
…………………..
|
|
|
Ukuran
|
…………………..
|
|
|
Pengaturan
(align, space)
|
…………………..
|
|
|
Kontras
warna
|
…………………..
|
|
6.
|
Content
|
|
|
|
Jenis
huruf
|
…………………..
|
|
|
Ukuran
|
…………………..
|
|
|
Pengaturan
(align, space)
|
…………………..
|
|
|
Kontras
warna
|
…………………..
|
|
7.
|
Footer
|
|
|
|
Jenis
huruf
|
…………………..
|
|
|
Ukuran
|
…………………..
|
|
|
Pengaturan
(align, space)
|
…………………..
|
|
|
Kontras
warna
|
…………………..
|
Mata pelajaran : Dasar Desain Grafis
RPP Dasar Desain 2 & 3 D Animasi
RPP Dasar Desain RPL
0 komentar:
Posting Komentar