@extends('main.layouts.app') @section('title', 'Materi') @section('content')
Hai, {{ auth()->user()->nama_lengkap ?? 'Tamu' }} 🎉

Gaya belajar kamu adalah

Multimodal

Welcome Illustration

Selamat Datang di Materi Multimodal!

Gaya belajar Multimodal menggabungkan visual, audio, membaca/menulis, dan kinestetik. Kamu akan belajar dengan berbagai cara: membaca, melihat gambar, mendengarkan audio, menonton video, dan mencoba langsung!

Visual Auditory Read/Write Kinestetik
Visual
Visual
Audio
Audio
Read/Write
Read/Write
Kinestetik
Kinestetik

Tips Belajar Multimodal

  • Gunakan warna & gambar untuk memahami konsep.
  • Dengarkan penjelasan audio atau rekaman.
  • Buat catatan atau rangkuman sendiri.
  • Coba praktikkan langsung dengan simulasi atau permainan.
Permainan: Bangun & Visualisasikan Encapsulation

Seret potongan kode di sebelah kiri ke area kode untuk membangun kelas PHP Mahasiswa dengan enkapsulasi.
Lihat diagram kelas di sebelah kanan yang akan terbentuk secara real-time berdasarkan kode yang kamu susun!
Dengarkan penjelasan audio di bawah jika ingin memahami lebih lanjut.

Audio: Penjelasan singkat tentang enkapsulasi di OOP PHP
Potongan Kode
class Mahasiswa {
private $nama;
private $nim;
public function __construct($nama, $nim) {
    $this->nama = $nama;
    $this->nim = $nim;
}
public function getNama() {
    return $this->nama;
}
public function setNama($nama) {
    $this->nama = $nama;
}
public function getNim() {
    return $this->nim;
}
public function setNim($nim) {
    $this->nim = $nim;
}
}
Area Kode

Seret potongan kode ke sini...

Diagram Kelas
@php $current = Route::currentRouteName(); $learningStyles = [ [ 'route' => 'materi-visual', 'icon' => 'eye', 'label' => 'Visual', 'btnClass' => 'btn-primary' ], [ 'route' => 'materi-auditory', 'icon' => 'volume-2', 'label' => 'Auditory', 'btnClass' => 'btn-success' ], [ 'route' => 'materi-read/write', 'icon' => 'edit-3', 'label' => 'Read/Write', 'btnClass' => 'btn-warning' ], [ 'route' => 'materi-kinesthetic', 'icon' => 'activity', 'label' => 'Kinestetik', 'btnClass' => 'btn-danger' ], [ 'route' => 'materi-multimodal', 'icon' => 'layers', 'label' => 'Multimodal', 'btnClass' => 'btn-info' ], ]; @endphp @foreach($learningStyles as $style) @if($style['route'] !== $current)
{{ $style['label'] }} Icon

{{ $style['label'] }}

@endif @endforeach
@php $current = Route::currentRouteName(); $learningStyles = [ [ 'route' => 'materi-visual', 'icon' => 'eye', 'label' => 'Visual', 'btnClass' => 'btn-primary' ], [ 'route' => 'materi-auditory', 'icon' => 'volume-2', 'label' => 'Auditory', 'btnClass' => 'btn-success' ], [ 'route' => 'materi-read/write', 'icon' => 'edit-3', 'label' => 'Read/Write', 'btnClass' => 'btn-warning' ], [ 'route' => 'materi-kinesthetic', 'icon' => 'activity', 'label' => 'Kinestetik', 'btnClass' => 'btn-danger' ], [ 'route' => 'materi-multimodal', 'icon' => 'layers', 'label' => 'Multimodal', 'btnClass' => 'btn-info' ], ]; @endphp @foreach($learningStyles as $style) @if($style['route'] !== $current)
{{ $style['label'] }} Icon

{{ $style['label'] }}

@endif @endforeach
@section('helpInstructions') {!! json_encode($helpInstructions) !!} @endsection @endsection