LKPD Informatika Kelas 11: Mengimplementasikan Program Berstruktur Data Kompleks Menggunakan Library Antarmuka Mobile Starter

INFORMASI UMUM

TUJUAN PEMBELAJARAN

1. Mengimplementasikan program yang menggunakan struktur data kompleks dan tepat menggunakan library atau perangkat yang tersedia

PETUNJUK UMUM

• Berdoalah sebelum memulai kegiatan pembelajaran.
• Bekerjalah secara berpasangan atau berkelompok sesuai instruksi guru.
• Buka lingkungan pengembangan aplikasi mobile visual/starter (misalnya App Inventor atau sejenisnya) pada komputer/perangkat yang telah disiapkan.
• Ikuti setiap alur implementasi kode blok/program dengan teliti dan cermat.
• Catat hasil rancangan kode, pengujian, serta solusi penanganan galat pada lembar kerja yang disediakan.

KEGIATAN

Kegiatan 1: Kegiatan 1: Mengimplementasikan Struktur Data Kompleks (List of Pairs/List of Lists)

Estimasi: 25 menit

Alat & Bahan:

• Komputer/Laptop dengan koneksi internet
• Aplikasi Mobile Starter / App Inventor Editor
• Aset media berkas audio/gambar

Petunjuk Pengerjaan:

1. Buka proyek baru pada platform mobile starter dan beralih ke editor blok kode (Blocks Editor).
2. Implementasikan sebuah variabel global bernama `daftarKoleksiMedia` yang menyimpan struktur data kompleks berupa daftar bersarang (List of Lists) atau daftar pasangan (List of Pairs).
3. Setiap elemen di dalam daftar utama wajib memuat minimal 2 atribut data: nama item audio/teks (String) dan nama berkas/identifikasi sumber media (String). Tambahkan minimal 3 elemen rekaman data.
4. Tuliskan representasi blok kode atau konstruksi struktur data yang kamu implementasikan ke dalam format tabel yang tersedia.

Pertanyaan:

1. Tuliskan sintaks deklarasi variabel blok kode yang kamu gunakan untuk mengimplementasikan struktur data kompleks (List of Lists) berisi 3 elemen data media tersebut!

2. Lengkapi tabel pemetaan indeks struktur data kompleks berikut berdasarkan kode yang telah kamu implementasikan pada editor!

Tuliskan deklarasi blok pada baris uraian. Lengkapi tabel 3 kolom: [Indeks Utama] | [Elemen Sub-Indeks 1 (Nama)] | [Elemen Sub-Indeks 2 (File Media)].

Kegiatan 2: Kegiatan 2: Mengintegrasikan Struktur Data dengan Library Antarmuka Komponen Mobile

Estimasi: 35 menit

Alat & Bahan:

• Komputer/Laptop
• Smartphone Android / Emulator untuk pengujian live testing
• Kabel data / Koneksi Wi-Fi

Petunjuk Pengerjaan:

1. Tambahkan komponen antarmuka pemilih (seperti ListView atau ListPicker) serta komponen library pemutar media (Player) dari Palette ke layar Designer.
2. Implementasikan blok logika pemanggilan library: hubungkan daftar nama dari struktur data kompleks di Kegiatan 1 agar tampil pada antarmuka ListView/ListPicker.
3. Implementasikan event handler interaksi pengguna (misal: `when ListPicker.AfterPicking` atau event tombol navigasi index) untuk mengambil atribut file media dari sub-indeks struktur data kompleks dan menyetelnya ke properti library komponen Player (`Player.Source`), kemudian panggil metode `Player.Start`.
4. Uji jalannya alur program di emulator/perangkat ponsel dan dokumentasikan konstruksi blok kode implementasimu.

Pertanyaan:

1. Bagaimana urutan blok logika implementasi kode yang kamu susun saat pengguna memilih salah satu item di antarmuka agar pemutar media library memutar berkas yang sesuai dengan struktur data kompleks?

2. Lakukan penelusuran (tracing) eksekusi: Jika pengguna memilih item ke-2 pada antarmuka, nilai apa saja yang diakses dari struktur data kompleks dan bagaimana library Player meresponsnya?

Tuliskan langkah logika implementasi secara runtut pada format poin 1-4 dan jawaban isian singkat penelusuran data pada baris yang disediakan.

Kegiatan 3: Kegiatan 3: Menguji dan Menyempurnakan Implementasi Akses Data Kompleks Dinamis

Estimasi: 30 menit

Alat & Bahan:

• Komputer/Laptop dengan editor kode
• Perangkat mobile untuk uji coba
• Lembar catatan pengujian

Petunjuk Pengerjaan:

1. Implementasikan fitur penambahan data dinamis atau navigasi indeks (tombol 'Next' / 'Previous') untuk menelusuri struktur data kompleks secara berurutan.
2. Terapkan validasi batas indeks menggunakan blok percabangan (`if-then`) agar program tidak mengalami galat (error `index out of bounds`) saat mencapai akhir atau awal struktur data.
3. Lakukan pengujian fungsional pada perangkat ponsel untuk memverifikasi bahwa struktur data kompleks terakses secara tepat tanpa crash ketika library media dipanggil.
4. Catat hasil pengujian dan diskusikan solusi perbaikan kode blok yang telah diterapkan bersama rekan/kelompok.

Pertanyaan:

1. Tuliskan implementasi blok logika percabangan kendali indeks yang kamu pasang pada tombol navigasi untuk memastikan indeks struktur data kompleks tetap valid!

2. Berdasarkan hasil uji coba langsung pada perangkat, apakah library antarmuka berhasil menampilkan dan memutar seluruh data dari struktur data kompleks? Jelaskan kendala implementasi yang sempat muncul serta perbaikan kode yang kamu lakukan!

Tuliskan penjelasan struktur blok percabangan dan tabel/laporan hasil pengujian (Status Uji: Berhasil/Gagal, Deskripsi Galat, Solusi Perbaikan Blok).

REFLEKSI

1. Bagian mana dari penyusunan struktur data kompleks di dalam blok kode pemrograman mobile yang paling menantang bagimu, dan bagaimana kamu menyelesaikannya?

2. Bagaimana penggunaan library antarmuka dan komponen media mempermudah implementasi program dibandingkan jika kamu harus membangun fungsi pemutar media dari nol?

3. Strategi apa yang paling efektif kamu terapkan saat melacak dan memperbaiki galat akses data indeks pada aplikasi mobile?