Modul Ajar: Mengintegrasikan Komponen Grafis dan Multimedia ke

dalam Program (Python)

Identitas Modul
Satuan Pendidikan : SMK
Mata Pelajaran : Pemrograman Web dan Perangkat Lunak
Kelas / Semester : XII / Genap
Capaian Pembelajaran : Peserta didik mampu mengembangkan program berbasis grafis dan
multimedia menggunakan Python dengan pustaka GUI dan multimedia.

Tujuan Pembelajaran
• Menjelaskan konsep komponen grafis dan multimedia dalam Python.

• Menggunakan pustaka Python seperti Tkinter, Pygame, dan Pillow.

• Mengintegrasikan gambar, audio, dan video dalam program Python.

• Membuat aplikasi GUI interaktif yang memanfaatkan multimedia.

Peta Konsep Materi

1. Pengantar Komponen Grafis dan Multimedia

2. Pengenalan Pustaka GUI (Tkinter)

3. Menampilkan dan Mengelola Gambar (Pillow)

4. Memutar Audio dan Musik ([Link])

5. Menampilkan Video (OpenCV / tkVideoPlayer)

6. Proyek Mini: Aplikasi Multimedia Interaktif

Materi Pembelajaran
1. Pengantar Komponen Grafis dan Multimedia
Komponen grafis adalah elemen visual dalam program seperti tombol, label, gambar, ikon,
dan animasi. Multimedia mencakup gambar, suara, dan video yang digunakan dalam
aplikasi interaktif.

2. Pengenalan Tkinter
Tkinter adalah library standar Python untuk membuat GUI.
Contoh kode dasar:
import tkinter as tk
root = [Link]()
[Link]("Aplikasi Grafis Python")
label = [Link](root, text="Halo Dunia Grafis!", font=("Arial", 16))
[Link](pady=20)
button = [Link](root, text="Tutup", command=[Link])
[Link]()
[Link]()

3. Menampilkan Gambar (Pillow)

Instalasi: pip install pillow
Contoh:

from tkinter import *

from PIL import Image, ImageTk

root = Tk()
[Link]("Menampilkan Gambar")

img = [Link]("[Link]")
photo = [Link](img)
label = Label(root, image=photo)
[Link]()
[Link]()

4. Memutar Musik (pygame)

Instalasi: pip install pygame
Contoh:

import pygame
[Link]()
[Link]("lagu.mp3")
[Link]()
input("Tekan Enter untuk berhenti...")
[Link]()

5. Menampilkan Video (OpenCV)

Instalasi: pip install opencv-python
Contoh:
import cv2
video = [Link]("video.mp4")
while [Link]():
ret, frame = [Link]()
if not ret:
break
[Link]("Video", frame)
if [Link](25) & 0xFF == ord('q'):
break
[Link]()
[Link]()

Proyek Mini: Aplikasi Pemutar Multimedia Sederhana

Deskripsi:
Buat aplikasi GUI dengan tombol untuk:
- Memutar Musik
- Menampilkan Gambar
- Memutar Video

Contoh Integrasi:

import tkinter as tk
from PIL import Image, ImageTk
import pygame, cv2, threading

root = [Link]()
[Link]("Aplikasi Multimedia")

def play_music():
[Link]()
[Link]("lagu.mp3")
[Link]()

def show_image():
img = [Link]("[Link]").resize((300, 200))
photo = [Link](img)
lbl_img.config(image=photo)
lbl_img.image = photo
def play_video():
def run_video():
cap = [Link]("video.mp4")
while [Link]():
ret, frame = [Link]()
if not ret:
break
[Link]("Video", frame)
if [Link](25) & 0xFF == ord('q'):
break
[Link]()
[Link]()
[Link](target=run_video).start()

lbl_img = [Link](root)
lbl_img.pack(pady=10)
[Link](root, text="Play Music", command=play_music).pack(pady=5)
[Link](root, text="Show Image", command=show_image).pack(pady=5)
[Link](root, text="Play Video", command=play_video).pack(pady=5)
[Link]()

Penilaian
Aspek Pengetahuan: Menjelaskan konsep grafis dan multimedia (30%)

Aspek Keterampilan: Mengintegrasikan gambar, audio, video ke aplikasi (50%)

Aspek Sikap: Disiplin, kerja sama, tanggung jawab (20%)

Proyek Akhir (Capstone Project)

Tema: Aplikasi Pembelajaran Interaktif Berbasis Multimedia
Contoh Ide:
- Aplikasi Belajar Huruf Hijaiyah (gambar + suara)
- Aplikasi Kuis Interaktif (GUI + audio feedback)
- Aplikasi Galeri Multimedia (gambar, musik, video)