Informasi Umum
1. Identitas
a. Nama Penulis : Anggie Pramulya Teguh Pribadi, S.Pd
Asal Instansi : SMK Negeri 1 Labang
Tahun Penyusunan : 2023
Fase :E
b. Jenjang : SMK
c. Kelas :X
d. Perkiraan Jumlah Peserta Didik : 25
e. Moda Pembelajaran : Tatap Muka
f. Jumlah Pertemuan : 4JP ( 2 x @45menit )
g. Kata Kunci : Desain Grafis, Canva, vector, bitmap
h. Bidang Keahlian : Teknologi Informasi
i. Program Keahlian : Pengembangan Perangkat Lunak dan Gim
a. Berintegritas dan menjaga keselamatan diri dalam keselamatan kerja dan dan
menjaga lingkungan (akhlak mulia wujud Beriman dan Bertakwa)
b. Menetapkan tujuan dan rencana, serta mengembangkan kendali dan disiplin diri
(wujud Kemandirian);
c. Menunjukkan kolaborasi dan komunikasi untuk tujuan bersama (wujud
Bergotong royong);
d. Memperoleh dan mengolah informasi serta menganalisis, mengevaluasi,
merefleksi, dan mengevaluasi pikirannya sendiri (wujud Bernalar kritis);
e. Memiliki keluwesan berpikir dalam mencari alternatif solusi permasalahan
(wujud Kreativitas)
B. Komponen Inti
1. Elemen CP yang dituju : Orientasi dasar pengembangan perangkat lunak dan gim
(ODPLDG)
2. Capaian Pembelajaran
Peserta didik mampu menggunakan peralatan / teknologi di bidang
pengembangan perangkat lunak dan gim, seperti basis data, tools pengembangan
perangkat lunak, ragam sistem operasi, penerapan pengelolaan aset dan user
interface (grafis, typography, warna, audio, video, interaksi pengguna)
3. Tujuan Pembelajaran
Peserta didik dapat membandingkan perbedaan dari gambar bitmap dan vector
dengan mengamati contoh yang dipaparkan oleh guru secara lancar
Peserta didik mampu menggunakan perangkat lunak dalam membuat desain
sederhana sesuai dengan Langkah-langkah yang disediakan oleh guru
Peserta didik mampu mengedit gambar vector atau bitmap menggunakan
aplikasi desain secara baik dan benar
Peserta didik mampu membuat desain sederhana melalui aplikasi desain di
smartphone masing-masing secara mandiri
a. Pemahaman
Membandingkan perbedaan gambar berbasis bitmap dan vector
Membuat desain garafis berbasis bitmap dan vector
b. Keterampilan Proses
Menyajikan gambar berbasis bitmap dan vector
Mengedit gambar berbasis bitmap dan vector pada aplikasi perangkat lunak
Membuat desain sederhana berbasis vector dan bitmap dengan menggunakan
aplikasi pada handphone masing-masing
4. Pengetahuan Prasyarat
Peserta didik sudah memahami konsep prinsip dan unsur-unsur tata letak pada
desain grafis
5. Pemahaman bermakna
Pembuatan desain grafis bisa dilakukan dengan menggunakan handphone
Desain grafis merupakan aspek penting di era revolusi industry 4.0
Seorang desainer harus paham kapan pengunaan grafis bitmap dan vector
6. Kegiatan pembelajaran
Gambaran Umum Pertemuan Kegiatan Pembelajaran
1. Pertemuan Ke-1
Alokasi
N Tahapan Deskripsi
Waktu
o Kegiatan
Guru Siswa
1 Pendahuluan 15 menit
a Salam Pembuka Guru membuka Siswa menjawab 3 menit
dan Doa pembelajaran dengan salam secara serentak
salam
Guru secara santun Ketua kelas mimipin
menyuru ketua kelas untuk doa sebelum memulai
memimpin doa bersama kegiatan
pembelajaran
b Presensi Guru melakukan absensi Siswa 2 menit
kehadiran siswa dengan mengkonfirmasi
tegas dan tertib. kehadiran secara
Alokasi
N Tahapan Deskripsi
Waktu
o Kegiatan
Guru Siswa
tertib dan sopan.
c Apersepsi dan Guru melakukan apersepsi Siswa mendengarkan 10 menit
Motivasi dengan memberikan penjelasan dari guru
materi yang terkait dan termotivasi
pertanyaan : dengan cara
Ketika menerima foto dari menjawab pertanyaan
yang dikirim via dari guru dan
whatsapp, tak jarang foto menjawab soal pretest
terlihat blur karena pada handphone
kualitasnya turun. masing-masing
Mengapa hal ini bisa
terjadi?
Guru memberikan soal pre
test untuk mengukur
tingkat pemahaman
https://forms.gle/
aucstAwDL6uqJtMb6
2 Kegiatan Inti 70 menit
a Pertanyaan Guru menyampaikan Siswa mengamati dan 20 menit
Mendasar capaian dan tujuan menalar tentang
pembelajaran tentang tujuan pembelajaran
materi bitmap melalui yang harus dicapai
media power point dengan seksama dan
Guru melakukan proses penuh perhatian.
tanya jawab terkait materi Siswa menyimak dan
yang ditayangkan. mengaitkan
permasalahan yang
pernah dialami.
Alokasi
N Tahapan Deskripsi
Waktu
o Kegiatan
Guru Siswa
b Mendesain Guru membentuk Siswa secara aktif 10 menit
Perencanaan kelompok berisi 4-5 orang memperhatikan dan
Proyek Guru meminta siswa menyimak materi
untuk melakukan kegiatan yang disajikan oleh
proyek dalam membuat guru
desain bitmap sederhana Setiap siswa
menggunakan aplikasi mencoba
canva dan berdiskusi mempraktekan
dengan kelompok sesuai aplikasi canva
dengan LKPD dengan mencoba
https://drive.google.com/ fitur-fitur pada
file/d/ canva,
1PP8dzI_ce4X4tB8ueBeh Siswa mendownload
QOmcs3l5FkAl/view? LKPD sesuai
usp=sharing dengan link yang
diberikan oleh guru
melalui grup WA
kelas
2. Pertemuan Ke-2
Alokasi
N Tahapan Deskripsi
Waktu
o Kegiatan
Guru Siswa
1 Pendahuluan 15 menit
a Salam Pembuka Guru membuka Siswa menjawab 3 menit
dan Doa pembelajaran dengan salam secara serentak
salam Ketua kelas mimipin
Guru secara santun doa sebelum memulai
Alokasi
N Tahapan Deskripsi
Waktu
o Kegiatan
Guru Siswa
menyuru ketua kelas untuk kegiatan
memimpin doa bersama pembelajaran
b Presensi Guru melakukan absensi Siswa 2 menit
kehadiran siswa dengan mengkonfirmasi
tegas dan tertib. kehadiran secara
tertib dan sopan.
c Apersepsi dan Guru melakukan apersepsi Siswa mendengarkan 10 menit
Motivasi dengan memberikan penjelasan dari guru
pertanyaan arahan : dan termotivasi
dengan cara
a. Apa yang anda lihat
menjawab pertanyaan
pada layar power point? dari guru
Guru memberikan motivasi
kepada siswa
7. Perangkat Asesmen
A. Aspek Penilaian
1. Penilaian Sikap
Antusias
a. Mengerjakan tugas dengan semangat
b. Semangat dan senang dalam kegiatan diskusi kelompok
c. Menjelaskan dengan semangat dalam mempresentasikan tugas
d. Senang selama kegiatan pembelajaran berlangsung
Aktif
a. Aktif memberikan jawaban ketika guru bertanya
b. Peran serta aktif dalam kegiatan diskusi kelompok
c. Aktif bertanya dan memberi tanggapan
d. Memperhatikan penjelasan yang disampaikan dalam pembelajaran
Mandiri
a. Membaca materi yang telah diberikan
b. Mencari segala hal yang berkaitan dengan materi dari berbagai sumber
c. Tidak mencontoh pekerjaan teman
d. Ikut serta dalam kegiatan diskusi
Nilai akhir sikap diperoleh dari modul (skor yang paling sering muncul) dari
keempat aspek sikap di atas. Kategori nilai sikap:
a. Sangat baik jika memperoleh nilai akhir 4
b. Baik jika memperoleh nilai akhir 3
c. Cukup jika memperoleh nilai akhir 2
d. Kurang jika memperoleh nilai akhir 1
2. Penilaian Pengetahuan
A. Penilaian Kognitif
Nilai Soal
No Nama Siswa
Latihan
1
2
3
dst
Kunci Jawaban
Soal Pengetahuan
N Pertanyaan Bobot
o
b.
c.
d.
3 3. Pak andi ingin membuat 20
desain banner 17 agustus di
sebuah percetakan. Dia ingin
menaruh beberapa foto warga
pada bannernya. Desain
bitmap yang dipakai dalam
percetakan disebut?
a. Ruster
b. Pixel
c. Vector
d. Resolusi
4 4. Budi adalah seorang 20
fotografer, dia ingin membuat
fotonya lebih realistic.
Manakah dibawah ini yang
tidak termasuk Langkah-
langkah budi dalam membuat
fotonya lebih realistis?
a. Menambahkan efek
terang-gelap pada foto
b. Menambahkan garis
terang pada foto
c. Mengedit menggunakan
aplikasi photoshop
d. Menambahkan titik-titik
warna pada foto
5 5. Bagaimana urutan yang 20
benar dalam merancang
pembuatan desain sederhana
a. Menentukan konsep –
menentukan media
pembuatan –
mempersiapkan data /
gambar yang akan
dipakai – produksi
b. Menentukan media
pembuatan - Menetukan
konsep –
mempersiapkan data /
gambar yang akan
dipakai – produksi
c. Mempersiapkan data /
gambar yang akan
dipakai - Menentukan
media pembuatan -
Menetukan konsep -
produksi
d. Menetukan konsep -
Mempersiapkan data /
gambar yang akan
dipakai - Menentukan
media pembuatan -
produksi
N Pertanyaan Bobot
o
b.
c.
d.
3. Penilaian Ketrampilan
1) Lembar Observasi
(Skor Perolehan / Skor Maksimal) x Bobot
Persiapan Proses Hasil Sikap Waktu
No Nama Siswa Nilai
Kerja Kerja Kerja Kerja Kerja
Psikomotor
20 % 20 % 20 % 20 % 20 %
1
2
2) Rubrik Penilaian
b. Aktivitas Remidial
Untuk Peserta Didik yang agak kesulitan dengan pembelajaran, dilakukan
penguatan pada konsep utama dengan cara diskusi terbatas baik dengan guru
maupun teman sejawat.
1. LKPD
LEMBAR KERJA PESERTA DIDIK
PERTEMUAN KE-1
A. Capaian Pembelajaran
B. Tujuan
Beberapa grafis bitmap dapat Anda temui di file komputer, yakni file komputer
yang berekstensi : .bmp, .jpg, .tif, .gif, dan .pcx. Grafis ini biasa digunakan untuk
kepentingan foto-foto digital.
Program aplikasi grafis yang berbasis bitmap, antara lain : Adobe Photoshop,
Corel Photopaint, Microsoft Photo Editor dan Macromedia Fireworks, Canva.
Semua program tersebut menawarkan kemudahan dan kelengkapan fiturnya.
E. Langkah Kerja
1. Koneksikanlah masing-masing handphone dengan jaringan wifi yang telah
disediakan
2. Bukalah aplikasi canva
2. Soal pengetahuan, Hasil proyek dan kesimpulan dikerjakan dan dikirim melalui
link google form
https://forms.gle/iNmuiLhVgYnmDgmz5
LEMBAR KERJA PESERTA DIDIK
PERTEMUAN KE-2
A. Capaian Pembelajaran
B. Tujuan :
D. Materi Ajar
Grafik vektor tidak terdiri dari piksel; sebaliknya mereka diproduksi melalui
rumus matematika. Misalnya, segitiga vektor sederhana terdiri dari tiga titik
dalam bidang yang memiliki hubungan tetap satu sama lain. Karena vektor
berbasis matematika, vektor dapat diskalakan dengan ukuran berapa pundan
mempertahankan tepiannya yang tepat. Vektor tidak harus sederhana, mereka
juga bisa sangat kompleks yang terdiri dari ratusan atau ribuan titik dengan
menghubungkan garis lurus atau kurva, poligon berarsir dan bahkan gradien
warna. Grafis vektor dicetak dengan indah dan sangat baik untuk
menggambarkan garis dan kurva bentuk yang tepat. Vektor datang dalam banyak
format, tetapi format umum yang kebanyakan orang kenal adalah file font. File-
file ini memiliki hubungan matematis dari titik dan garis yang diperlukan untuk
perangkat untuk menampilkan huruf dalam ukuran berapa pun.
Lalu bagaimana cara mengatasi resolusi gambar agar tidak pecah yaitu
dengan cara menggunakan gambar vector, dimana vector berbeda dengan
bitmap, gambar vektor tidak kehilangan resolusi saat diperbesar, karena semua
elemen gambar ditentukan dengan tepat oleh parameter yang mengkarakterisasi
garis besarnya yang juga berperan serta dalam mengisi garis besarnya ini. Oleh
sebab itu, dalam definisi apa saja elemen dalam gambar vektor dapat dilihat
sebagai ketelitian yang tak terhingga. Walaupun dengan sakala gambar seperti
itu, ukuran file tetap konstan. Format vektor biasanya digunakan untuk
menyimpan gambar, grafik, atau diagram
E. Langkah Kerja
1. Koneksikanlah handphone dengan jaringan wifi yang telah disediakan
2. Bukalah aplikasi canva
3. Klik tombol “ + “ pada pojok kanan bawah
Petunjuk Penugasan :
1. Buatlah desain poster sederhana dengan menggunakan elemen-elemen
desain vector dan bitmap pada canva dengan tema bebas ( Langkah-
langkah ada pada LKPD )
2. Hasil proyek dan kesimpulan dikerjakan dan dikirim melalui link google
form
https://forms.gle/vJmyeNFbCSy9aUfXA
2. Materi
Bitmap dan Vector
Ketika menerima foto yang dikirim via
WhatsApp, tak jarang foto tersebut terlihat
blur karena kualitasnya turun. Mengapa hal
ini bisa terjadi?
( sumber : pinterest.com )
Pada desain grafis, desain dibagi menjadi 2 kelompok yakni desain bitmap dan
vektor. Grafis desain bitmap dibentuk dengan raster/pixel/dot/titik/point koordinat.
Semakin banyak jumlah titik yang membentuk suatu grafis bitmap berarti semakin tinggi
tingkat kerapatannya. Hal ini menyebabkan semakin halus citra grafis, tetapi kapasitas
filenya semakin besar.
Dalam dunia design terdapat istilah untuk menyebut sebuh gambar atau untuk
menentukan tipe gambar. Mungkin bagi yang sudah tau gambar tersebut dapat di sebut
dengan menggunakan nama BITMAP dan VEKTOR tergantung dari tipe dan model
gambarnya bitmap dan vektor tentunya memiliki kelebihan dan fungsi masing-masing
tentunya untuk kebutuhan sebuah design.
A. Bitmap
Ketajaman warna dan detail gambar pada tampilan bitmap bergantung pada banyaknya
pixel warna atau resolusi yang membentuk gambar tersebut. Hal ini berkaitan erat dengan
kemampuan monitor dan VGA ( Video Graphic Adapter ) yang digunakan. Jika gambar
tampilan bitmap berresolusi tinggi di tampilkan pada monitor yang berresolusi rendah akan
mengakibatkan gambar terlihat kasar , bahkan terlihat kabur berbentuk kotak-kotak jika
dilakukan pembesaran gambar. Satuan untuk ukuran grafis jenis bitmap ini adalah dpi ( dot
per inch ) yang berarti banyaknya titik dalam satu inci. Untuk lebih memahami grafis jenis
bitmap .
Bitmap digunakan untuk gambar-gambar seperti foto realistik dan gambar yang
memerlukan detail yang rumit. Kekurangan dari gambar bitmap ini adalah ukuran file yang
relatif besar, kualitas gambar memburuk jika gambar diperbesar dan gambar akan pecah
jika dikompresi.
Beberapa grafis bitmap dapat Anda temui di file komputer, yakni file komputer yang
berekstensi : .bmp, .jpg, .tif, .gif, dan .pcx. Grafis ini biasa digunakan untuk kepentingan
foto-foto digital.
Program aplikasi grafis yang berbasis bitmap, antara lain : Adobe Photoshop, Corel
Photopaint, Microsoft Photo Editor dan Macromedia Fireworks, Canva. Semua program
tersebut menawarkan kemudahan dan kelengkapan fiturnya.
B. Vektor
Grafik vektor tidak terdiri dari piksel; sebaliknya mereka diproduksi melalui rumus
matematika. Misalnya, segitiga vektor sederhana terdiri dari tiga titik dalam bidang yang
memiliki hubungan tetap satu sama lain. Karena vektor berbasis matematika, vektor dapat
diskalakan dengan ukuran berapa pundan mempertahankan tepiannya yang tepat. Vektor
tidak harus sederhana, mereka juga bisa sangat kompleks yang terdiri dari ratusan atau
ribuan titik dengan menghubungkan garis lurus atau kurva, poligon berarsir dan bahkan
gradien warna. Grafis vektor dicetak dengan indah dan sangat baik untuk menggambarkan
garis dan kurva bentuk yang tepat. Vektor datang dalam banyak format, tetapi format
umum yang kebanyakan orang kenal adalah file font. File-file ini memiliki hubungan
matematis dari titik dan garis yang diperlukan untuk perangkat untuk menampilkan huruf
dalam ukuran berapa pun.
Program aplikasi grafis yang berbasis vektor antara lain : CorelDraw , Macromedia Free
hand, Adobe Illustrator dan Micrografx Designer, Canva.
Lalu bagaimana cara mengatasi resolusi gambar agar tidak pecah yaitu dengan cara
menggunakan gambar vector, dimana vector berbeda dengan bitmap, gambar vektor tidak
kehilangan resolusi saat diperbesar, karena semua elemen gambar ditentukan dengan tepat
oleh parameter yang mengkarakterisasi garis besarnya yang juga berperan serta dalam
mengisi garis besarnya ini. Oleh sebab itu, dalam definisi apa saja elemen dalam gambar
vektor dapat dilihat sebagai ketelitian yang tak terhingga. Walaupun dengan sakala gambar
seperti itu, ukuran file tetap konstan. Format vektor biasanya digunakan untuk menyimpan
gambar, grafik, atau diagram
3. Daftar Pustaka
- http://journal.uib.ac.id/index.php/cbssit
- https://tekno.kompas.com/read/2021/07/06/13040077/cara-kirim-foto-di-
whatsapp-tanpa-mengurangi-kualitas-aslinya?page=all
- www.Pinterest.com