FUNGSI TOMBOL
FUNGSI
TOMBOL
Memahami Pemograman Pembuatan Perintah Tombol
Indikator Hasil Belajar
- ·
Dapat mengetahui fungsi dan tombol
- ·
Dapat mengetahui fungsi inputan pada
construct 2
- ·
Dapat mengenal perpindahan antar layout dan
diimplementasikan pada fungsi menu
PENGENALAN
TOMBOL
Sebuah
aplikasi pasti akan menjalankan sebuah perintah setelah dilakukan sebuah
eksekusi, sebagai contoh setelah menekan sebuah tombol. Tombol peranannya
sangat penting bagi sebuah aplikasi. Ketika aplikasi menjalankan perintah, maka
tombol akan bertindak seperti sebuah saklar yang mengatur pemograman dijalankan
atau tidak.
Pada
construct 2 perintah tombol bias dilakukan dengan perintah mouse, touch, bahkan
melalui game pad atau inputan tombol melalui stick game. Karena keunggulannya
aplikasi construct 2 dapat di didevelop ke multiplatform, maka berbagai inputan
dapat disertakan dalam pembuatan aplikasi. Inputan yang dimasukkan pada
construct 2 dilakukan dengan satu persatu, tidak disediakan langsung dalam
event sheet.
Berbagai
macam inputan yang bias digunakan pada construct 2
Event
sheet pada construct 2 dituliskan dengan logika pada add event. Event pada
pemograman dituliskan dengan format “jika”. Sebagai contoh sebuah pemograman
menggunakan keyboard, maka dalam bahasa dituliskan “jika ditekan tombol pada
keyboard, “maka..” Implementasi setelah melakukan eksekusi tombol dilakukan
pada perintah add action
Add
Event = JIKA ][
Add Action = MAKA
Bias
dibuatkan ilustrasi sebuah perintah menggunakan tombol adalah, “Jika ditekan tombol enter pada keyboard,
maka akan menjalankan perintah untuk merotasi objek”. Seperti itulah jika
inputan digunakan sebagai tombol pada construct 2.
FUNGSI
TOMBOL
Sebelum membangun aplikasi
menggunakan construct 2, harus tentukan terlebih dahulu aplikasi tersebut akan
berjalan pada media seperti apa. Sebagai contoh aplikasi yang dibangun akan
dijalankan pada desktop computer, maka inputan yang bias diterima adalah
keyboard dan mouse. Atau jika computer tersebut dapat menerima sentuhan, maka
bias dimasukkan perintah touch.
Berikut adalah langkah untuk
membuat pemograman sederhana menggunkan pemanfaatan fungsi perintah dari tombol
:
- ·
Jalan kan aplikasi pengolahan gambar yang
telah kita pelajari. (adobe illustrator)
- ·
Tentukan besaran luas tampilan lembar kerja
yang akan ditampilkan pada ukuran pixel, sebagai contoh lembar kerja yang akan
ditampilkan adalah berukuran 854, 480.
- ·
Buatlah contoh tampilan halaman menu utama
dengan menuliskan nama aplikasi, tombol palay, tombol exit dll, dengan cara
terpisah-pisah
- · Simpanlah gambar ekstensi png.contoh simpan gambar background dengan sendiri, gambar play sediri, gambar exit juga sendiri. (terpisah-pisah)
Tampilan
desain game ketika di adobe illustrator dan di expore dengan ekstensi PNG
- ·
Jalankan aplikasi construct 2 dan atur tampilan
sesuai dengan luas dari background yaitu 854.480
- . Atur letak semua file sumber sehingga membentuk tampilan halaman menu (layout
Tampilan halaman utama pada construct 2
- · Selanjutnya akan memasukan fungsi input
menggunakan mouse dan keyboard. Langkahnya klik ganda pada layout, pada bagaian
input pilih keyboard dan mouse dengan cara satu persatu
- · Buatlah layout baru untuk perpindahan dari
tampilan menu (layout 1) ke tampilan isi
(layout 2). Klik kanan (mouse) pada projek bar yang menunjukan layout
->pilih add layout ->pada pilihan selanjutnya diperlukan untuk memasukkan
perintah, oleh sebab itu pilih, pilihan add event sheet
· Pada layout yang baru, ubah ukuran gambar menjadi ukuran yang sama dengan halaman layout utama (layout 1) yaitu 854, 480.
· Layout isi (layout 2), diberikan objek untuk bisa digerakan melalui keyboard. Objek yang ada pada layout ini adalah objek bergambar bintang dan tombol exit kemenu utama (layout 1)
Tampilan
layout ke 2 berupa objek bintang yang ingin kita gerakkan dan tombol kembali ke
layout 1
- Masing-masing layout mempunyai event sheet yang berbeda-beda. Bila perlu ubahlah
· Membuat logika pemograman “ add event ( jika menekan tombol play) - add action (maka akan menuju layout ke 2). Menuju event sheet dari layout 1 -> memasukan perintah mouse (gambar mouse) menekan objek yaitu on object clicked -> pada kolom pengisisan objek cliked, pilih objek gambar tombol play ->done
langkah
membuat objek tombol menjadi berfungsi pada add event
· Jika menekan tombol play, maka akan menuju layout ke 2. Logika tersebut bias dijalankan dengan menambahkan add action pada tombol play. Klik perintah add action ->pilih system -> pilih pada pilihan go to layout -> isikan pada kolom pengisian layout yang akan dituju jika menekan tombol tersebut.
· Jika kita jalankan dan menekan tombol play, maka sudah berfungsi dan dapat berpindah ke layout ke 2. Lakah berikutnya melakukan hal yang sama pada tombol exit pada layout ke 2. Jika menekan tombol exit maka berpindah ke layout ke 1 (menu)
· Buka event sheet untuk layout ke 2 ->Add event dengan perintah mouse saat menekan objek atau on object clicked ->pilih perintah system ->go to layout isi halaman yang dituju. Seperti langkah pertama di layout 1
Tampilan add action di even shet layout ke 2, perintah
ketika kelik tombol kembali maka akan kembali maka akan menuju halam menu atau
layout 1
· Untuh perintah exit atau keluar aplikasi, dilakukan di event sheet halaman menu atau layout 1
· Perintah keluar dari aplikasi berada pada perintah web. Klik ganda pada lembar kerja atau layout 1 ->pilih pada bagian web, yaitu browser ->klik tombol insert. Tunggu hingga proses menggunakan printah browser selesai.
Tampilan penambah perintah web atau browser pada lembar
kerja
· Selanjutnya adalah memasukan perintah untuk keluar aplikasi. Buka event sheet layout 1 atau layout menu. Perintah ini sama dengan langkah-langkah sebelumnya yaitu add event ( pilih mouse -> pilih on object clicked( yaitu objek exit) -> done. Untuk add actionnya, klick add action ->pilig gambar browser -> pilih close -> done
· Selesai sudah dan aplikasi dapat berjalan sesuai fungsinya yaitu berpindah dari layout 1 ke layout 2 dan layout 2 kembali ke layout 1 dan dapat keluar dari aplikasi. Simpan hasil pengerjaan dengan nama “ berpindah layout.capx”.
Komentar