📖 Media Pembelajaran "Sopan Santun" - UNESA

Ini adalah repository untuk proyek media pembelajaran interaktif "Sopan Santun", yang dikembangkan untuk Universitas Negeri Surabaya (UNESA).

🧐 Tentang Proyek

Proyek ini adalah sebuah buku digital interaktif (flipbook) yang dirancang untuk mengajarkan nilai-nilai sopan santun kepada siswa. Materi disajikan melalui narasi visual dan dialog antar tokoh (seperti Tini, Adi, dan Ibu Guru) dalam skenario sehari-hari di sekolah dan di rumah.

Media ini bertujuan untuk menjadi alat bantu pembelajaran yang menarik dan mudah diakses.

✨ Fitur Utama

• Buku Digital Interaktif: Pengalaman membaca seperti buku fisik dengan efek membalik halaman.
• Konten Edukatif: Menyajikan materi sopan santun melalui cerita dan contoh konkret.
• Desain Ramah Pengguna: Navigasi yang mudah digunakan untuk semua kalangan.
• Dukungan Mobile: Tampilan yang dioptimalkan untuk dibaca di perangkat seluler.

🚀 Teknologi yang Digunakan

Proyek ini dibangun menggunakan:

• SWF / Adobe Flash: Untuk konten animasi dan logika interaktif utama (file book.swf, bookContent.swf).
• HTML & CSS: Untuk membuat tampilan antarmuka pembaca (basic HTML) dan halaman utama.
• JavaScript: Untuk fungsi navigasi dan interaktivitas (js/).
• XML: Untuk menyimpan konfigurasi dan data pencarian (files/config.xml, files/search/*.xml).

📁 Struktur Proyek

Berikut adalah struktur direktori utama dari repository ini:

/
├── files/
│   ├── basic-html/        # Halaman HTML dasar untuk setiap halaman flipbook
│   │   ├── index.html
│   │   ├── page1.html
│   │   ├── ...
│   │   └── page21.html
│   ├── page/              # File SWF untuk setiap halaman flipbook
│   │   ├── 1.swf
│   │   ├── 2.swf
│   │   ├── ...
│   │   └── 21.swf
│   ├── pageConfig/        # File SWF untuk konfigurasi halaman
│   │   ├── button_push05.swf
│   │   └── fbp.swf
│   ├── search/            # File XML untuk data pencarian per halaman
│   │   ├── bookText.xml
│   │   ├── search1.xml
│   │   ├── ...
│   │   └── search21.xml
│   └── config.xml         # File konfigurasi utama untuk flipbook
├── js/
│   ├── ActionHtmlWindow.js
│   ├── fbendscript.js     # Script untuk mengakhiri flipbook
│   ├── fbscript.js        # Script utama untuk logika flipbook
│   └── swfobject.js       # Library untuk embed SWF
├── mobile/                # Versi khusus untuk perangkat mobile
│   ├── index.html         # Halaman utama versi mobile
│   ├── javascript/        # Script dan konfigurasi untuk mobile
│   └── style/             # Stylesheet dan aset untuk mobile
├── book.swf               # File SWF utama buku
├── bookContent.swf        # File SWF untuk konten buku
└── index.html             # Halaman utama aplikasi

📝 Cara Berkontribusi

Kontribusi untuk meningkatkan proyek ini sangat terbuka. Anda dapat membantu dengan cara:

1. Melaporkan bug atau masalah melalui Issue Tracker.
2. Mengajukan perbaikan atau fitur baru melalui Pull Request.
3. Memberikan saran untuk pengembangan konten lebih lanjut.

📜 Lisensi

Proyek ini menggunakan lisensi MIT. Silakan lihat file LICENSE untuk informasi lebih lanjut.