BAB 4 IMPLEMENTASI DAN EVALUASI. simulasi penyelesaian rubix cube ini adalah sebagai berikut. 1. Processor: Intel (R) Pentium (R) 4 CPU 1.

Transkripsi

1 BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Implementasi Program Spesifikasi sistem komputer yang digunakan untuk menjalankan program simulasi penyelesaian rubix cube ini adalah sebagai berikut Spesifikasi Perangkat Keras Program simulasi rubix cube ini dibuat dan dievaluasi pada konfigurasi perangkat keras sebagai berikut. 1. Processor: Intel (R) Pentium (R) 4 CPU 1.80 GHz; 2. Memory: 512 MB; 3. Hard Disk: 70 GB; 4. Monitor: LG; 5. Keyboard: Logitech; 6. Mouse: Logitech; Spesifikasi Perangkat Lunak Piranti lunak yang digunakan dalam perancangan program simulasi penyelesaian rubix cube ini adalah sebagai berikut. 1. Operating System: Windows XP Professional Service Pack Development Tool: Macromedia Flash Professional 8; 3. Programming Language: Action Script 2.0;

2 Pengoperasian dan Tampilan Program Simulasi Pengoperasian Program Simulasi Program ini dibuat dengan tujuan menyelesaikan sebuah rubix cube. Dengan pendekatan sisi ke sisi (layer to layer), maka akan dapat terlihat secara jelas penyelesaian rubix cube ini dalam tujuh langkah. Adapun cara user menggunakan program simulasi ini sangatlah mudah. Terdapat tiga cara untuk memasukkan input sebagai berikut. 1. Memasukkan secara langsung input pada input box yang bertuliskan ketik di sini. Input yang dimasukkan merupakan gabungan dari: - U atau U. - B atau B. - L atau L. - R atau R. - F atau F. - D atau D. Setiap input harus dipisahkan oleh tanda titik koma (;). 2. Memasukkan input warna melalui panel berbentuk kotak 3x3 sebanyak enam buah. Warna yang dapat dipilih adalah sebagai berikut: putih, merah, biru, oranye, hijau, dan kuning.

3 63 3. Menggunakan tombol ACAK yang terdapat di bawah input box. Tombol ini akan mengacak gerakan rubix cube sebanyak 20 langkah. Selanjutnya tinggal menekan tombol LANJUT untuk melanjutkan ke tahap berikutnya dan tombol ANIMASI untuk melihat langkah-langkah pergerakan dari rubix cube Tampilan Layar Utama (Input Layer) Gambar 4.1 Tampilan Layar Input Layer Pada Input Layer ini, user diwajibkan untuk memasukkan input sesuai dengan keinginan. Di dalam tahap Input Layer ini terdapat beberapa hal sebagai berikut.

4 64 1. Input Box, yang didalamnya terdapat tulisan ketik di sini. Di sini user dapat memasukkan input berupa gabungan notasi-notasi yang dipisahkan dengan tanda titik koma. 2. Panel warna dan panel input warna. Di sini user dapat menggunakan panel warna yang ada untuk memasukkan warna ke dalam panel input warna. Warna yang dihasilkan akan dapat dilihat tampilannya secara langsung pada animasi rubix cube di sudut kanan atas. 3. Tombol ACAK yang akan mengacak konfigurasi rubix cube secara acak sebanyak 20 langkah. 4. Tombol ANIMASI yang akan melakukan animasi pergerakan rubix cube sesuai dengan langkah yang dituliskan pada input box. 5. Animasi rubix cube dan tombol rotasi berbentuk bola yang terdapat di sudut kanan atas. Di sini akan terlihat animasi pergerakan rubix cube yang terjadi pada setiap tahapan yang ada. Tombol rotasi berbentuk bola dapat digunakan untuk merotasi rubix cube ke segala arah yang memungkinkan pandangan pergerakan rubix cube dari segala sisi. 6. Tombol LANJUT untuk melanjutkan ke layar selanjutnya, yaitu tahap Cross Layer.

5 Tampilan Layar Cross Layer Gambar 4.2 Tampilan Layar Cross Layer Pada tahap Cross Layer ini, rubix cube akan membentuk tanda silang (cross) di bagian atas. Di dalam tahap Cross Layer ini terdapat beberapa hal sebagai berikut.

6 66 1. Empat buah textbox yang berisi langkah-langkah yang diperlukan dalam tahap Cross Layer. 2. Empat buah tombol ANIMASI yang berfungsi untuk menjalankan langkahlangkah pada tiap textbox. 3. Animasi rubix cube dan tombol rotasi berbentuk bola yang terdapat di sudut kanan atas. Di sini akan terlihat animasi pergerakan rubix cube yang terjadi pada setiap tahapan yang ada. Tombol rotasi berbentuk bola dapat digunakan untuk merotasi rubix cube ke segala arah yang memungkinkan pandangan pergerakan rubix cube dari segala sisi. 4. Tombol LANJUT untuk melanjutkan ke layar selanjutnya, yaitu tahap Top Layer Tampilan Layar Top Layer

7 67 Gambar 4.3 Tampilan Layar Top Layer Pada tahap Top Layer ini, bagian atas rubix cube akan selesai. Di dalam tahap Top Layer ini terdapat beberapa hal sebagai berikut. 1. Empat buah textbox yang berisi langkah-langkah yang diperlukan dalam tahap Top Layer. 2. Empat buah tombol ANIMASI yang berfungsi untuk menjalankan langkahlangkah pada tiap textbox. 3. Animasi rubix cube dan tombol rotasi berbentuk bola yang terdapat di sudut kanan atas. Di sini akan terlihat animasi pergerakan rubix cube yang terjadi pada setiap tahapan yang ada. Tombol rotasi berbentuk bola dapat digunakan

8 68 untuk merotasi rubix cube ke segala arah yang memungkinkan pandangan pergerakan rubix cube dari segala sisi. 4. Tombol LANJUT untuk melanjutkan ke layar selanjutnya, yaitu tahap Middle Layer Tampilan Layar Middle Layer

9 69 Gambar 4.4 Tampilan Layar Middle Layer Pada tahap Middle Layer ini, bagian tengah rubix cube akan selesai. Di dalam tahap Middle Layer ini terdapat beberapa hal sebagai berikut. 1. Empat buah textbox yang berisi langkah-langkah yang diperlukan dalam tahap Middle Layer. 2. Empat buah tombol ANIMASI yang berfungsi untuk menjalankan langkahlangkah pada tiap textbox. 3. Animasi rubix cube dan tombol rotasi berbentuk bola yang terdapat di sudut kanan atas. Di sini akan terlihat animasi pergerakan rubix cube yang terjadi pada setiap tahapan yang ada. Tombol rotasi berbentuk bola dapat digunakan

10 70 untuk merotasi rubix cube ke segala arah yang memungkinkan pandangan pergerakan rubix cube dari segala sisi. 4. Tombol LANJUT untuk melanjutkan ke layar selanjutnya, yaitu tahap Last Layer Cross Tampilan Layar Last Layer Cross Gambar 4.5 Tampilan Layar Last Layer Cross Pada tahap Last Layer Cross ini, rubix cube akan membentuk tanda silang (cross) di bagian bawah. Di dalam tahap Last Layer Cross ini terdapat beberapa hal sebagai berikut.

11 71 1. Sebuah textbox yang berisi langkah-langkah yang diperlukan dalam tahap Last Layer Cross. 2. Sebuah tombol ANIMASI yang berfungsi untuk menjalankan langkahlangkah pada tiap textbox. 3. Animasi rubix cube dan tombol rotasi berbentuk bola yang terdapat di sudut kanan atas. Di sini akan terlihat animasi pergerakan rubix cube yang terjadi pada setiap tahapan yang ada. Tombol rotasi berbentuk bola dapat digunakan untuk merotasi rubix cube ke segala arah yang memungkinkan pandangan pergerakan rubix cube dari segala sisi. 4. Tombol LANJUT untuk melanjutkan ke layar selanjutnya, yaitu tahap Carrousel Edges Tampilan Layar Carrousel Edges

12 72 Gambar 4.6 Tampilan Layar Carrousel Edges Pada tahap Carrousel Edges ini, sisi-sisi pada tanda silang (cross) di bagian bawah rubix cube akan terbentuk dengan sempurna. Di dalam tahap Carrousel Edges ini terdapat beberapa hal sebagai berikut. 1. Sebuah textbox yang berisi langkah-langkah yang diperlukan dalam tahap Carrousel Edges. 2. Sebuah tombol ANIMASI yang berfungsi untuk menjalankan langkahlangkah pada tiap textbox. 3. Animasi rubix cube dan tombol rotasi berbentuk bola yang terdapat di sudut kanan atas. Di sini akan terlihat animasi pergerakan rubix cube yang terjadi

13 73 pada setiap tahapan yang ada. Tombol rotasi berbentuk bola dapat digunakan untuk merotasi rubix cube ke segala arah yang memungkinkan pandangan pergerakan rubix cube dari segala sisi. 4. Tombol LANJUT untuk melanjutkan ke layar selanjutnya, yaitu tahap Rotate Corners Tampilan Layar Rotate Corners Gambar 4.7 Tampilan Layar Rotate Corners Pada tahap Rotate Corners ini, bagian bawah rubix cube akan selesai. Di dalam tahap Rotate Corners ini terdapat beberapa hal sebagai berikut.

14 74 1. Sebuah textbox yang berisi langkah-langkah yang diperlukan dalam tahap Rotate Corners. 2. Sebuah tombol ANIMASI yang berfungsi untuk menjalankan langkahlangkah pada tiap textbox. 3. Animasi rubix cube dan tombol rotasi berbentuk bola yang terdapat di sudut kanan atas. Di sini akan terlihat animasi pergerakan rubix cube yang terjadi pada setiap tahapan yang ada. Tombol rotasi berbentuk bola dapat digunakan untuk merotasi rubix cube ke segala arah yang memungkinkan pandangan pergerakan rubix cube dari segala sisi. 4. Tombol LANJUT untuk melanjutkan ke layar selanjutnya, yaitu tahap Swap Corners Tampilan Layar Swap Corners

15 75 Gambar 4.8 Tampilan Layar Swap Corners Pada tahap Swap Corners ini, rubix cube akan selesai dengan sempurna. Di dalam tahap Swap Corners ini terdapat beberapa hal sebagai berikut. 1. Sebuah textbox yang berisi langkah-langkah yang diperlukan dalam tahap Swap Corners. 2. Sebuah tombol ANIMASI yang berfungsi untuk menjalankan langkahlangkah pada tiap textbox. 3. Animasi rubix cube dan tombol rotasi berbentuk bola yang terdapat di sudut kanan atas. Di sini akan terlihat animasi pergerakan rubix cube yang terjadi pada setiap tahapan yang ada. Tombol rotasi berbentuk bola dapat digunakan

16 76 untuk merotasi rubix cube ke segala arah yang memungkinkan pandangan pergerakan rubix cube dari segala sisi. 4. Tombol KELUAR untuk keluar dari program simulasi penyelesaian rubix cube ini Tampilan Layar Penutup Gambar 4.9 Tampilan Layar Penutup Pada layar penutup ini ditampilkan keterangan pembuat program simulasi penyelesaian rubix cube ini. 4.3 Evaluasi

17 Interaksi Manusia dan Komputer Berdasarkan evaluasi dari sudut interaksi manusia dan komputer, program simulasi yang dirancang harus bersifat interaktif. Suatu program yang interaktif dan baik harus bersifat user friendly, dengan lima kriteria (Shneiderman 2005, p15) sebagai berikut. 1. Waktu belajar yang tidak lama. 2. Kecepatan penyajian informasi yang tepat. 3. Tingkat kesalahan pemakaian rendah. 4. Penghafalan sesudah melampaui jangka waktu. 5. Kepuasan pribadi. Apabila dilihat berdasarkan kelima kriteria itu, maka program simulasi penyelesaian rubix cube ini sudah bersifat user friendly. Menurut (Shneiderman 2005, p74), dalam merancang sistem interaksi manusia dan komputer yang baik juga harus memperhatikan delapan aturan utama (eight golden rules), yaitu: 1. Strive for consistency (berusaha untuk konsisten). 2. Enable frequent user to use shortcuts (memungkinkan pengguna untuk menggunakan jalan pintas). 3. Offer informative feedback (memberikan umpan balik yang informatif). 4. Design dialogs to yield closure (pengorganisasian yang baik sehingga pengguna mengetahui kapan awal dan akhir dari suatu aksi). 5. Offer simple error handling (memberikan pencegahan kesalahan dan penanganan kesalahan yang sederhana).

18 78 6. Permit easy reversal of actions (memungkinkan kembali ke aksi sebelumnya dengan mudah). 7. Support internal locus of control (memungkinkan pengguna untuk menguasai dan mengontrol sistem). 8. Reduce short term memory load (mengurangi beban ingatan jangka pendek, sehingga pengguna tidak perlu banyak menghafal). Dengan menjalankan program simulasi penyelesaian rubix cube ini, maka akan diketahui bahwa program tersebut sudah memenuhi delapan aturan utama tersebut Keunggulan dan Kelemahan Program simulasi penyelesaian rubix cube ini mempunyai beberapa keunggulan dan kelemahan. Berikut ini beberapa keunggulannya. 1. Metode layer David Singmaster yang digunakan ini akan melakukan penyelesaian dalam tujuh tahap, sehingga dapat dilihat dengan jelas dalam setiap tahapannya. 2. Dapat dimasukkan input sesuai dengan keadaan yang sebenarnya (real). 3. Animasi dapat dilihat dalam berbagai sudut pandang, sehingga memudahkan dalam proses penyelesaian dan pembelajarannya. Sedangkan kelemahan yang dimiliki program simulasi penyelesaian rubix cube ini adalah metode layer yang digunakan ini tidak dapat digunakan

19 79 menyelesaikan rubix cube dalam langkah yang seminimal mungkin (speedsolving).