20
BAB 3 ANALISIS DAN PERANCANGAN
3.1 Spesifikasi Rumusan Rancangan Secara garis besar , program aplikasi ini terdiri atas 3 bagian , yaitu Animasi Gimbal Lock , Animasi menggunakan Representasi Euler , dan Animasi menggunakan Quaternion.
Animasi Gimbal Lock , menunjukkan animasi dengan menggunakan representasi euler , dan bagaimana sebenarnya gimbal lock itu terjadi. Pada animasi ini akan dibandingkan antara representasi euler dengan quaternion.
Animasi menggunakan Representasi , menunjukkan rotasi dengan interaksi dari pengguna program. Pengguna program dapat bebas berinteraksi dengan object yang ada , dengan menggunakan representasi euler. Pada bagian ini pengguna program juga dapat mencoba menciptakan situasi gimbal lock.
Animasi menggunakan Quaternion , menunjukkan rotasi dengan interaksi dari pengguna program. Pada bagian ini ditunjukkan bahwa Gimbal Lock tidak akan terjadi dengan menggunakan quaternion , walaupun di rotasikan ke segala arah.
21
3.2 Perancangan Modul Modul utama terdiri atas 3 menu pilihan , yaitu Gimbal Lock Animation , Euler Representation , dan Quaternion Representation. Modul yang digunakan adalah Modul Euler dan Modul QuaternionClass.
- Modul utama
Modul ini terdiri atas 3 menu pilihan , yaitu menu gimbal lock animation , euler representation dan quaternion representation. Masing – masing menu dapat dipilih dengan memilih option menu pada bagian paling atas dari program.
- Modul Euler
Modul ini berfungsi untuk menghasilkan matriks rotasi berdasarkan representasi euler. Object dalam 3D akan menggunakan matriks ini dalam rotasinya. Penggunaan Matriks ini adalah dengan mengalikannya dengan matriks dunia ( world ) sebelum menggambar ( render ) object , sehingga setiap titik pada object akan digambar sesuai dengan rotasi yang terjadi. Urutan Perkalian matriks yang terjadi adalah X – Y – Z .
- Modul Quaternion
Pada modul ini terdapat semua fungsi perhitungan quaternion yang dipakai dalam merepresentasikan rotasi 3 dimensi. Quaternion yang dipakai adalah quaternion global dan quaternion local . Quaternion global adalah quaternion
yang dipakai untuk menyimpan informasi rotasi total yang telah dilakukan terhadap obyek tertentu , sedangkan quaternion local adalah quaternion
22 mewakili rotasi pada suatu waktu tertentu. Apabila rotasi terjadi , maka akan terjadi perkalian antara quaternion local dengan quaternion global. Kemudian hasil dari perkalian itu akan di ubah dalam bentuk matriks , agar mempermudah dalam penggunaannya.
3.3 Rancangan Tampilan Layar Pada aplikasi ini , terdapat 3 tampilan utama , yaitu animasi gimbal lock , animasi dengan representasi euler dan animasi dengan quaternion. Pada Animasi gimbal lock , akan ditunjukkan proses terjadinya gimbal lock dengan representasi euler , dibandingkan dengan animasi menggunakan quaternion
Gambar 3.1 Rancangan Layar Animasi Gimbal Lock
23 Pada Animasi dengan Representasi Euler dan Quaternion , pengguna program dapat berinteraksi , dengan merotasikan obyek sesuai dengan sumbu rotasi ( x , y dan z).
Gambar 3.2 Rancangan Layar Animasi Representasi Euler
Gambar 3.3 Rancangan Layar Animasi dengan Quaternion
24
3.4 Perancangan Diagram Alir ( Flowchart) Diagram alir digunakan secara luas oleh programmer untuk membantu dalam mengorganisasikan pemikiran sebagai hasil penalaran atau logika di dalam prosedur suatu program. Simbol – simbol yang digunakan adalah sebagai berikut :
Berupa Proses \ Pengolahan
Predefined process
Operasi Input\Output
Decision , berupa pertanyaan atau keputusan
Terminal , untuk menandakan awal dan akhir program
Preparation , untuk inisialisasi nilai
Sebagai penghubung antar komponen
Input dari pengguna
25 Penghubung dalam satu halaman
Penghubung dalam halaman berbeda
Gambar 3.4 Simbol Flowchart
3.4.1 Flowchart MenuUtama
Gambar 3.5 Flowchart Menu Utama
26
3.4.2 Flowchart Proses Rotasi Euler
Gambar 3.6 Flowchart Proses Rotasi Euler
27
3.4.3 Flowchart Proses Rotasi Quaternion
Mulai
Inisialisasi Quaternion Global
Cek Perubahan X,Y ,Z
Berubah
Hitung Quaternion Lokal
Quaternion Lokal * tidak Quaternion Global
Convert Quaternion ke Matriks
selesai
Gambar 3.7 Flowchart Proses Rotasi Quaternion
28
3.5 Perancangan Diagram Transisi
Halaman Utama
Kik menu Animasi Gimbal Lock
Klik Menu Animasi dengan Quaternion
Klik Menu Animasi dengan Euler
Halaman Animasi Gimbal Lock
Halaman Animasi Euler
Selesai
Gambar 3.8 Diagram Transisi
Halaman Animasi Quaternion
