Translasi
Refleksi
Rotasi
Dilatasi
Geser Bebas
Putar Objek
↩ Undo
⌛ Reset Kota
● Translasi
x:0 y:0
Pilih mode transformasi lalu klik objek di kota untuk memulai.
Kontrol Transformasi
Materi
🏙️

Profil CITYMOVE

Media Pembelajaran Interaktif Transformasi Geometri berbasis Kota Mini untuk siswa SMP. Dikembangkan sebagai inovasi pembelajaran matematika yang menyenangkan dan bermakna.

Fase
📚 Fase D
Jenjang
🏫 SMP

👥 Dikembangkan Oleh Tim

🎓 Mahasiswa

M
Meizy Risky Adhitya
V
Vanisa Syawalia
A
Angelova Ayu Nathaniela

👨‍🏫 Dosen

Z
Prof. Dr. Zulkardi, M.I.Kom, M.Sc.
B
Dr. Budi Mulyono, M.Sc.
H
Dr. Hapizah, M.T.
M
Dr. Meryansumayeka, M.Sc.
E
Elsa Susanti, M.Pd.

CP Capaian Pembelajaran

Peserta didik dapat melakukan transformasi tunggal (refleksi, translasi, rotasi, dan dilatasi) titik, garis, dan bangun datar pada bidang koordinat Kartesius dan menggunakannya untuk menyelesaikan masalah.

TP Tujuan Pembelajaran

  1. Memahami konsep transformasi geometri
  2. Mengidentifikasi jenis-jenis transformasi geometri
  3. Menggunakan transformasi geometri dalam penyelesaian masalah
CITYMOVE — Media Pembelajaran Transformasi Geometri SMP • Dibuat dengan semangat belajar

Panduan Penggunaan CITYMOVE

Media pembelajaran interaktif transformasi geometri berbasis kota mini untuk siswa SMP. Pelajari translasi, refleksi, rotasi, dan dilatasi melalui simulasi bangunan dan kendaraan di sistem koordinat kartesius.

Alur Penggunaan
Buka media
→
Pilih mode
→
Klik objek
→
Geser slider
→
Amati hasil
→
Undo / Ulangi
Langkah Awal
1

Kenali tampilan kota

Layar utama menampilkan peta kota dengan sistem koordinat kartesius. Garis kuning horizontal adalah sumbu X, garis kuning vertikal adalah sumbu Y. Titik perpotongannya adalah pusat (0,0). Setiap bangunan memiliki label nama dan koordinat di atasnya.

2

Atur sudut pandang

Sesuaikan tampilan sebelum mulai. Scroll mouse untuk zoom masuk/keluar. Klik area kosong di peta lalu seret untuk menggeser pandangan. Gunakan tombol +, −, dan R di pojok kiri bawah untuk zoom bertahap dan reset tampilan.

3

Pilih mode transformasi

Klik tombol 🔷 Transformasi Geometri di toolbar untuk memilih: Translasi Refleksi Rotasi Dilatasi. Atau klik 🔧 Fitur Tambahan untuk Geser Putar Undo/Reset. Panel kanan menampilkan slider dan materi yang sesuai.

4

Klik objek yang ingin ditransformasi

Klik bangunan atau kendaraan di peta. Objek terpilih ditandai kotak hijau berkedip. Objek lain memudar otomatis agar tidak mengganggu fokus. Klik tombol "Tampilkan Semua Objek" di panel kanan untuk mengembalikan semua.

5

Geser slider dan amati hasilnya

Setelah objek terpilih, geser slider di panel kanan. Objek di peta langsung bergerak real-time mengikuti nilai slider — tidak perlu menekan tombol apapun. Perhatikan perubahan koordinat pada label dan baca penjelasan di bar bawah peta.

Panduan Tiap Mode Transformasi
Translasi

Pergeseran posisi

Memindahkan objek tanpa mengubah bentuk atau ukuran. Bentuk tetap, hanya posisi yang berpindah.

  1. Pilih mode Translasi
  2. Klik objek di peta
  3. Geser slider Geser X (kiri/kanan, −25 s/d +25)
  4. Geser slider Geser Y (atas/bawah, −25 s/d +25)
  5. Amati perubahan koordinat objek
Refleksi

Pencerminan terhadap sumbu/garis

Objek dicerminkan — koordinat berubah sesuai sumbu cermin yang dipilih. Bentuk dan ukuran tetap sama.

  1. Pilih mode Refleksi
  2. Klik objek di peta
  3. Pilih sumbu cermin di dropdown:
    • Sumbu X: (x,y)→(x,−y)
    • Sumbu Y: (x,y)→(−x,y)
    • y=x: (x,y)→(y,x)
    • y=−x: (x,y)→(−y,−x)
  4. Objek langsung berpindah ke posisi cermin
Rotasi

Pemutaran terhadap titik (0,0)

Objek diputar mengelilingi titik pusat (0,0). Koordinat berubah mengikuti sudut rotasi. CCW = arah positif (berlawanan jam), CW = arah negatif.

  1. Pilih mode Rotasi
  2. Klik objek di peta
  3. Pilih arah: CCW (berlawanan j.j) atau CW (searah j.j)
  4. Geser slider sudut 0° – 360°
  5. Amati perpindahan koordinat di infobar
Dilatasi

Perbesaran dari titik pusat (0,0)

Koordinat DAN ukuran berubah sesuai faktor skala k. Rumus: (x,y) → (k·x, k·y). Objek bergerak menjauhi/mendekati pusat koordinat.

  1. Pilih mode Dilatasi
  2. Klik objek di peta
  3. Geser slider faktor k (−3 hingga +3)
  4. Amati: koordinat dan ukuran berubah bersama-sama
  5. k>1: membesar menjauhi pusat | 0<k<1: mengecil mendekati pusat | k<0: terbalik melewati pusat
Geser Bebas

Eksplorasi bebas

Pindahkan objek ke mana saja secara langsung dengan seret-lepas.

  1. Pilih mode Geser
  2. Klik objek lalu tahan dan seret
  3. Lepaskan di posisi yang diinginkan
  4. Koordinat diperbarui otomatis mengikuti grid
Putar Objek

Memutar tampilan objek

Putar arah hadap objek tanpa mengubah posisi koordinat — berbeda dari Rotasi geometri.

  1. Pilih mode Putar
  2. Klik objek di peta
  3. Geser slider sudut atau seret objek melingkar
  4. Objek berputar di tempatnya
Kontrol Navigasi Peta
⊕

Scroll mouse

Zoom in/out di titik kursor
✥

Klik + seret (area kosong)

Geser pandangan peta
±

Tombol + / −

Zoom bertahap (pojok kiri bawah)
↺

Tombol R

Reset zoom & posisi ke awal
↩

Tombol Undo

Batalkan langkah terakhir
⟳

Tombol Reset

Kembalikan semua ke posisi awal
Tips Penting
★
Baca koordinat secara langsung — setiap objek menampilkan label (nama, x, y). Koordinat berubah real-time saat slider digeser.
◎
Objek lain memudar saat satu objek dipilih — klik "Tampilkan Semua Objek" di panel kanan untuk mengembalikan semua tampilan.
▲
Rotasi vs Putar Objek — mode Rotasi memindahkan posisi koordinat mengelilingi titik pusat (0,0) menggunakan rumus matematis. Mode Putar hanya mengubah arah hadap objek tanpa mengubah koordinat.
◆
Dilatasi mengubah koordinat — berbeda dari anggapan umum, dilatasi dari titik pusat (0,0) mengubah posisi koordinat mengikuti rumus (k·x, k·y), bukan hanya ukurannya saja. Objek berpindah sekaligus berubah ukurannya.
✦
Undo berkali-kali — setiap aksi tersimpan. Siswa bisa bereksperimen bebas tanpa khawatir salah permanen. Tombol Reset mengembalikan semua ke posisi semula.
●
Skala koordinat — 1 petak grid = 1 satuan. Sumbu X dan Y membentang −50 hingga +50 sehingga cukup untuk semua jenis transformasi.
CITYMOVE — Media Pembelajaran Transformasi Geometri SMP • Dibuat dengan semangat belajar