59 BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Rencana Implementasi 4.1.1 Spesifikasi Software Untuk mengimplementasikan rancangan aplikasi yang telah dibuat dibutuhkan perangkat lunak (software) dengan spesifikasi minimum sebagai berikut : 1. Sistem operasi multiplatform. 2. Browser : Mozilla Firefox 3.6, Google Chrome 10, Safari 5, Opera 10, Internet Explorer 9 4.1.2 Spesifikasi Hardware Untuk mengimplementasikan rancangan aplikasi yang telah dibuat dibutuhkan perangka keras (hardware) dengan spesifikasi minimum sebagai berikut : 1. Processor : Dual Core 2. Memory : 1GB 3. Harddisk : 40GB 4. Monitor : standar 5. Keyboard+mouse: standar 6. VGA : 128Mb
60 4.2 Prosedur Operasional 4.2.1 Cara penggunaan sistem Berikut langkah-langkah dan tampilan layar aplikasi yang dilengkapi dengan cara penggunaan. 1. User masuk ke halaman home. Gambar 4.1 Tampilan layar halaman Home 2. Lalu user masuk ke halaman view dengan mengklik view, di halaman view ini untuk melakukan rotasi dan scale objek jembatan. Halama view ini dapat memilih view jembatan cable stayed atau suspension. Berikut tampilan layar view jembatan cable stayed. Akan tetapi user harus terlebih dahulu menekan spasi pada keyboard sebanyak 2 kali untuk melihat tampilannya.
61 Gambar 4.2 Tampilan Layar View Jembatan Cable Stayed Ini adalah tampilan saat jembatan pada posisi 90 derajat dari sumbu x dimana user harus terlebih dahulu memutar ke arah atas dengan menekan keyboard W untuk menyesuaikan pada gambar diatas. Gambar 4.3 Tampilan Layar Rotasi kiri-kanan Jembatan Cable Stayed
62 Ini adalah tampilan saat jembatan melakukan rotasi pada sumbu Y dengan menekan keyboard A untuk ke arah kiri dan D untuk ke arah kanan. Gambar 4.4 Tampilan Layar Rotasi atas-bawah Jembatan Cable Stayed Ini adalah tampilan saat jembatan melakukan rotasi terhadap sumbu x dengan menekan keyboard W untuk ke arah atas dan S untuk ke arah bawah.
63 Gambar 4.5 Tampilan Layar Scale perkecil Jembatan Cable Stayed Ini adalah tampilan saat jembatan melakukan scalling mengecil dari aslinya, kita dapat menekan keyboard I untuk melakukan scalling tersebut. Gambar 4.6 Tampilan Layar Scale Perbesar Jembatan Cable Stayed
64 Ini adalah tampilan saat jembatan melakukan scalling membesar dari aslinya, kita dapat menekan keyboard O untuk melakukan scalling tersebut. Berikut tampilan layar untuk view jembatan suspension : Gambar 4.7 Tampilan Layar View Jembatan Suspension Tampilan awal saat melihat gambar jembatan suspension adalah seperti pada gambar 4.7, hampir sama dengan jembatan cable stayed sebelumnya dimana dari gambar ini juga dapat melakukan rotasi maupun scalling. Berikut di bawah ini adalah sreenshoot untuk melihat hasil rotasi maupun scalling yang dilakukan oleh aplikasi yang sudah kami buat :
65 Gambar 4.8 Tampilan Layar Rotasi kiri-kanan Jembatan Suspension Gambar 4.9 Tampilan Layar atas-bawah Jembatan Suspension
66 Gambar 4.10 Tampilan Layar Scale Jembatan Suspension Untuk menjalankan rotasi dan scale pada jembatan cable stayed dan suspension diperlukan action dari keyboard event sebagai berikut: Tabel 4.1 Keyboard Event rotasi dan scale pada jembatan Keyboard Event A D W S I O Space Keterangan Rotasi jembatan ke arah kiri Rotasi jembatan ke arah kanan Rotasi jembatan ke arah atas Rotasi jembatan ke arah bawah Scaling perbesar jembatan Scaling perkecil jembatan Stop atau berhenti 3. Apabila user ingin melihat tutorial cara penggunaan aplikasi ini, user klik menu tutorial. Berikut tampilan layar dari menu tutorial :
67 a. About Application Pada about application ini untuk memberikan informasi kepada user tentang aplikasi ini. Gambar 4.11 About Application b. Cable Stayed Bridge Pada cable stayed bridge ini dijelaskan bagaimana cara user ingin me-rotate dan men-scale objek jembatan cable stayed. Gambar 4.12 Tutorial Cable stayed Bridge
68 Gambar 4.13 Tutorial Rotate Cable Stayed Bridge Gambar 4.14 Tutorial Scalling Cable Stayed Bridge c. Suspension Bridge Pada suspenson bridge ini dijelaskan bagaimana cara user merotate dan men-scale objek jembatan suspension.
69 Gambar 4.15 Tutorial Suspension Bridge Gambar 4.16 Tutorial Rotate Suspension Bridge
70 Gambar 4.17 Tutorial Scale Suspension Bridg 4.3 Evaluasi Evaluasi yang kami lakukan adalah evaluasi terhadap fungsi-fungsi pada sistem dan testing bandwidth. 4.3.1 Performance Fungsi-fungsi pada Sistem Tabel 4.2 Performance Fungsi-fungsi pada Sistem Nama Fungsi Rotation up Rotation down Rotation right Rotation left Scale perbesar Scale perkecil Keyboard Event Status
71 4.3.2 Testing bandwidth Testing bandwidth digunakan untuk mengetes kecepatan pada aplikasi ini. Testing bandwidth yang dilakukan adalah sebagai berikut : - Di test menggunakan simulasi kecepatan 57,6 Kbps dapat menload object model 3D dalam waktu 286ms (onload 318ms) Gambar 4.18 Grafik kecepatan 57,6 Kbps - Di test menggunakan simulasi kecepatan 1 Mbps dapat menload object model 3D dalam waktu 87ms (onload 179ms) Gambar 4.19 Grafik kecepatan 1 Mbps