Bel Sekolah Dengan ActionScript2 (Medium Project Bag. 4 Setting Jadwal Dari Database) Oleh: Giri Rahayu Bastian
Oke, MARKIJUT ...Mari Kita Lanjut hahha...udah bagian ke 4 niih kawan, kita udah ke tahap yang lumayan agak blibet hehe..tapi tenaaang saya akan jelaskan semaksimal dan semampu nya saya... Pada bagian ke 3 dulu, kita telah membuat jam digital yang akan difungsikan sebagai petunjuk pemanggilan lagu atau ...
Oke, MARKIJUT ...Mari Kita Lanjut hahha...udah bagian ke 4 niih kawan, kita udah ke tahap yang lumayan agak blibet hehe..tapi tenaaang saya akan jelaskan semaksimal dan semampu nya saya... Pada bagian ke 3 dulu, kita telah membuat jam digital yang akan difungsikan sebagai petunjuk pemanggilan lagu atau suara untuk bel yang akan berbunyi, nah pada saat ini kita akan mulai mengontrol dan memasukan data jadwal bel itu berbunyi dengan disambungkan pda database yang sudah kita buat. 1. Bukalah file yang sudah kita buat dulu,.lalu pastikan kita berada di Scene 1, setelah itu klik lah pada layer "action" tepatnya pada keyframe "1" lalu tekan tombol CTRL+F3 untuk membuat tab properties dan masukan nama frame dengan nama "f_home".
2. Dengan posisi keyframe dan layer masih sama sekarang tekan F9 untuk membubuhkan script nya, script nya di bawah ini :
stop(); 3. Klik pada keyframe "2" pada layer action dan tekan F6 untuk menambahkan Frame
4. Masih pada Keyframe 2 dan pada layer action silahkan tekan F9 lalu masukan actionscript berikut : stop(); 5. Klik pada keyframe 2 pada layer engine lalu tekan F5 untuk menambahkan Frame (bukan keyframe). 6. Klik pada keyframe 2 pada layer setting lalu tekan F6 untuk menambahkan keyframe sehingga sampai saat ini tampilannya seperti berikut :
7. Klik pada layer engine pada frame 1 lalu masuk pada movie clip engine dengan cara double klik movie clip engine yg ada di tengah stage, lalu klik pada layer engine
8. Drag setbtn.png ke stage dan sesuaikan ukurannya, lalu klik kanan pada setbtn.png dan pilih convert to symbol
9. Berikan nama "btn_setting" pada pembuatan movie clip tersebut., klik tombol setting tsb. lalu tekan CTRL+F3 berikan nama btn_setting pada variable movie clip lalu enter
10. klik pada layer action dan tenak F9 untuk melihat tab action yg sudah ada script nya, tambahkan script di bawah ini pada baris ke 87 //klik btn kategori btn_setting.onRelease = function() { _root.gotoAndStop("f_kategori");
}; tapi , jiga script di atas sudah ada maka bisa diabaikan dan tidak usah ditambahkan lagi. jangan lupa save ! 11. Kembali ke Scene 1, dan klik pada layer setting pada keyframe 1 12. masih pada layer dan keyframe yg sama, mari kita tambahkan rectangle tool dengan warna merah di tengah stage seperti berikut
13. Ubah kotak merah itu menjadi movie clip/symbol dengan nama movie clip "blok", lalu masuk lah ke movie clip blok dan buat 2 layer baru yaitu Layer 2 dan action hingga seperti berikut :
14. Lalu buatlah seperti di bawah ini, sebagai catatan saya tidakmenjelaskan nya satu per satu karena sudah saya jelaskan pada tutorial lalu yaitu menambahkan label, text tool dan membuat movie clip. Di bawah ini sudah saya berikan nomor pada tiap bagian dan dilengkapi tabel penamaan variabel dan nama movie clip nya :
No Komponen
Jenis
Nama Variabel
1.
Text Tool
txt_1
2.
Text Tool
txt_2
3.
Text Tool
txt_3
4.
Text Tool
txt_4
5.
Text Tool
txt_5
6.
Movie Clip
btn_save
7.
Movie Clip
btn_x
Tentu saja anda sudah tau cara pemberian variabel tiap komponen dan jangan lupa tombol save dan tombol x di convert dulu menjadi movie clip . Jangan lupa Save ! 15. Pada tahap ini kita akan menambahkan komponen baru yaitu combo box bawaan dari flash sendiri, caranya adalah klik window > component.
16. Cari komponen ComboBox pada User Interface lalu dorong ke stage dan jangan lupa ganti nama variabel nya jadi "cmb_hari" :
Bagaimana ? masih kuat ? haha lanjuuuuuuuuuuuuut maaaaaaaaaaaaaaang !!! 17. Sekarang pada tab properties pilih tab Parameters, dan buat parameter nya seperti berikut ini :
18. Pilih keyframe 1 pada layer action dan tambahkan sript di bawah ini pada tab action dengan menekan F9 : btn_x.onRelease = function() { _root.gotoAndStop("f_home"); }; // Create Listener Object. var coba1Listener:Object = new Object(); // Assign function to Listener Object. coba1Listener.change = function(event_obj:Object) { pilihHari(cmb_hari.getItemAt(cmb_hari.selectedIndex).data); }; // Add Listener. cmb_hari.addEventListener("change", coba1Listener); function pilihHari(hari) { mdm.Database.MSAccess.connect("dbun.mdb", ""); mdm.Database.MSAccess.select("SELECT * FROM t_jadwal where id_hari="+hari); var dataSet = mdm.Database.MSAccess.getData(); //adding txt_1.text = dataSet[0][2]; txt_2.text = dataSet[0][3]; txt_3.text = dataSet[0][4]; txt_4.text = dataSet[0][5]; txt_5.text = dataSet[0][6]; txt_6.text = dataSet[0][6]; } btn_save.onRelease = function(){ ubah(cmb_hari.getItemAt(cmb_hari.selectedIndex).data); }; function ubah(hari){ mdm.Database.MSAccess.runQuery("update t_jadwal set bell_masuk_ruangan='"+txt_1.text+"',bell_persiapan_un='"+txt_2.text+"',bel l_mengerjakan='"+txt_3.text+"',bell_lima_belas='"+txt_4.text+"',bell_seles ai_un='"+txt_5.text+"' where id_hari="+hari); mdm.Dialogs.prompt("Pengaturan Jam telah Diubah, Silahkan Restart Program !") }; 19. sekarang silahkan keluar dari movie clip blok ke Scene 1, lalu klik keyframe 2 pada layer action
dan beri nama f_kategori pada tab properties dengan menekan CTRL+F3, Save !
20. Untuk mengecek keberhasilan tutorial bagian 4 ini, silahkan CTRL+Enter lalu klik tombol Setting, jika halaman setting muncul maka sudah berhasil dan anda bisa klik tombol X , jika kembali lagi ke halaman awal berarti sudah berhasil..horeeeeeeeeeeee...., tunggu tutorial ke 5 ya untuk finishing nya...oke deeeeh... Selamat Mencoba, Jangan Menyerah jika ada yg bingung, coba lagi coba lagi coba lagi !!...pasti kamu bisa.. !!!
Tentang Penulis Giri Rahayu Bastian Lahir di tasikmalaya dan kerja di pangandaran
