Rancangan Opening atau Intro Rancangan Halaman Perhitungan

3.3 Rancangan Antar Muka Aplikasi

Tahap perancangan desain bertujuan untuk mencari bentuk sederhana dengan fungsi yang optimal dari aplikasi yang akan dibangun. Sebagai pertimbangan adalah faktor-faktor permasalahan dan kebutuhan yang ada pada sistem seperti yang telah ditetapkan pada tahap analisa. Upaya yang dilakukan yaitu dengan berusaha mencari kombinasi penggunaan teknologi, perangkat keras dan perangkat lunak yang tepat sehingga diperoleh hasil yang optimal dan mudah untuk diimplementasikan. Untuk memudahkan proses pembuatan aplikasi kalkulator overclocking handphone ini maka terlebih dahulu membuat rancangan desain tampilannya, yaitu rancangan opening atau intro, rancangan menu input , perhitungan, analisa hasil, dan pesan error .

3.3.1 Rancangan Opening atau Intro

Opening atau intro merupakan halaman pertama dari aplikasi ini. Pada aplikasi ini terdapat animasi logo dan judul serta credit title . Intro akan berjalan tiga detik dan langsung masuk ke halaman berikutnya. Rancangan tampilan opening atau intro dapat dilihat pada gambar 3.7 dan komponen yang ada pada tampilan tersebut dapat dilihat pada tabel 3.1. Gambar 3.7 Rancangan Tampilan Opening atau Intro Logo dan Nama Aplikasi Credit Title Tabel 3.1 Komponen Rancangan Tampilan Opening atau Intro Komponen Keterangan Animasi logo dan judul aplikasi Komponen berupa gambar dan text yang bertuliskan “ Overclocking Calculator For Intel 775 Socket ” dengan animasinya Credit title Berupa text : Mobile Application Overclocking Calculator For Intel 775 Socket Version 1.0 Copyright c 2009 Dwi Agus Wahyu Riyadi kaoemdaroerat.blogspot.com Background Gradasi warna hitam dan merah

3.3.2 Rancangan Halaman Perhitungan

Halaman perhitungan terdiri dari 2 input text , 5 dinamic text , dan 8 static text . Selain itu juga terdapat 2 button dan 1 list button. Pada bagian atas tampilan ini terdapat logo dan nama aplikasi. Di bagian bawah layar terdapat 2 button, yaitu reset dan exit, yang telah disinkronkan dengan tombol menu pada keypad handphone. Rancangan tampilan perhitungan dapat dilihat pada gambar 3.8. Sedangkan rincian komponen dapat dilihat pada tabel 3.2. Gambar 3.8 Rancangan Halaman Perhitungan Tabel 3.2 Komponen Rancangan Halaman Perhitungan Komponen Keterangan Logo dan Nama Aplikasi Komponen berupa gambar dan text yang bertuliskan “ Overclocking Calculator For Intel 775 Socket ” Static text 1 sd 8 Berupa text sebagai label yang menjelaskan input text atau dinamic text di sebelah kanannya. Masing-masing secara berurutan bertuliskan: Input tipe prosessor, FSB yang diinginkan, divider memori, FSB default , Multiplier Prosessor, Clock default , Clock hasil, dan Frequensi Memory . Input text 1 Inputan tipe prosessor berupa text . Input text 2 Inputan nilai FSB yang diinginkan berupa angka List Button Merupakan inputan nilai divider memory . Ada 4 pilihan yaitu: 533, 667, 800, 1066 Button 1 Tombol perintah perhitungan. Dalam button ini terdapat label KALKULASI Dinamic text 1 Hasil dari array yang menunjukan FSB default prosessor Dinamic text 2 Hasil dari array yang menunjukan multiplier Dinamic text 3 Hasil perhitungan clock default berdasarkan nilai FSB default prosessor dan multiplier Dinamic text 4 Nilai clock hasil Dinamic text 5 Nilai frequensi memory yang diinginkan Button 2 Tombol perintah menuju halaman analisa RESET Tombol pada keypad HP untuk perintah mengulang program dari awal dan mengosongkan semua teks inputan. EXIT Tombol pada keypad HP untuk perintah keluar program Background Gradasi warna hitam dan merah

3.3.3 Rancangan Halaman Analisa