Simply & Harmony

Jumat, 30 September 2011

POSISI X DAN Y PADA FLASH

Di sekolah kita pasti diajari tentang sumbu cartesius. Sumbu cartesius dibagi menjadi 2 garis yaitu garis horisontal untuk posisi x dan garis vertikal untuk posisi y. Pertemuan antara 2 garis tersebut berada di koordinat (0,0). Selanjutnya lihatlah gambar di bawah ini :

Sumbu cartesius pada matematika

Pada gambar di atas terlihat jelas bahwa :
semakin kekiri nilai x akan bernilai negatif dan semakin kekanan nilai x akan bernilai positif
semakin keatas nilai y akan bernilai positif dan semakin kebawah nilai y akan bernilai negatif
Tetapi di Flash terdapat perbedaan mengenai sumbu cartesius tersebut. Perhatikan gambar dibawah ini :

Sumbu cartesius pada Flash

Melalui gambar diatas kita dapat mengetahui 2 perbedaan mengenai sumbu cartesius di Flash :
1. Posisi koordinat (0,0) berada di pojok kiri atas stage.
2. Pada sumbu y semakin ke atas nilai y akan bernilai negatif dan semakin ke bawah nilai y akan bernilai positif.
Sebagai contoh jika anda ingin membuat sebuah objek turun ke bawah gunakan script berikut :

1
2
3

onClipEvent (enterFrame) {
 _y += 5;
}

Ingatlah 2 perbedaan di atas. Bagi anda yang terbiasa menggunakan sumbu cartesius pada matematika, mungkin anda akan sering mengalami masalah tentang penulisan posisi y pada Flash. Anda akan membutuhkan waktu untuk membisakan diri dengan perbedaan tersebut.

ANIMASI GERAKAN DENGAN ACTION SCRIPT

Berikut ini kita akan membuat sebuah animasi gerakan dengan menggunakan actionscript. Gerakan yang akan kita gunakan adalah gerakan ke kanan dan ke kiri.

1. Buatlah sebuah lingkaran. Seleksi lingkaran tersebut dan tekan F8. Pada kotak dialog yang muncul pilih Movie Clip sebagai Type dan tekan OK.

2. Klik movie clip lingkaran dan tekan Ctrl+F3 untuk memunculkan panel properties. Ubah niali X: pada panel properties menjadi 9,7

3. Select movie clip lingkaran tadi dan tekan F9.

4. Masukan actionscript ini pada kotak actions yang muncul :

onClipEvent (load) {
 gerak = 1;
}
onClipEvent (enterFrame) {
 //jika koordinat x movie clip ini berada lebih dari 255
 if (_x>255) {
  gerak = 2;
 }
 //jika koordinat x movie clip ini berada kurang dari 45
 if (_x<45) {
  gerak = 1;
 }
 //jika gerak sama dengan 1
 if (gerak == 1) {
  //koordinat x movie clip ini akan ditambah 20 (movie clip ini akan bergerak kekanan)
  //semakin besar nilainya semakin cepat gerakannya
  _x += 20;
 }
 //jika gerak sama dengan 2
 if (gerak == 2) {
  //koordinat x movie clip ini akan dikurangi 20 (movie clip ini akan bergerak kekiri)
  //semakin besar nilainya semakin cepat gerakannya
  _x -= 20;
 }
}

5. Terakhir test movie dengan menekan CTRL+ENTER.

SCROLLING BACKGROUND DENGAN MOTION TWEEN

Scrolling background adalah animasi bakground yang bergerak secara terus menerus (berulang). Scrolling background biasanya digunakan di game-game pesawat. Sesuai judulnya, kita akan membuatnya dengan menggunakan animasi motion tween. Bacground pada tutorial kali ini akan bergerak ke kiri
1. Buatlah sebuah flash document.
2. Buatlah sebuah objek seperti gambar di bawah ini dengan panjang yang sama dengan panjang stage dan letakan di tengah-tengah stage bagian bawah.

2. Seleksi objek tersebut dan tekan Ctrl+G agar objek tersebut menjadi group.
3. Seleksi objek yang sudah di group tadi dan tekan Ctrl+D.
4. Ubah letak objek kedua hasil duplikasi ke samping kanan objek pertama seperti gambar di bawah ini:

5. Seleksi kedua gambar tadi dan tekan F8. Pada panel yang muncul masukkan background sebagai name dan Movie clip sebagai type lalu tekan OK.
6. Klik kanan frame 41 pada stage dan pilih Insert Keyframe.
7. Ubah letak movie clip background di frame 41 seperti gambar di bawah ini :

8. Klik kanan frame 1 dan pilih Create Motion Tween.
9. Klik kanan frame 40 dan pilih Insert Keyframe.
10. Klik kanan frame 41 dan pilih Remove Frame.

MENGGERAKKAN OBJEK DENGAN GERAKAN MOUSE

ebelumnya kita telah mempelajari bagaimana cara menggerakan objek dengan keyboard. Sekarang kita akan membahas cara menggerakan objek dengan gerakan mouse. 1. Buatlah sebuah lingkaran dan ubah menjadi movieclip
2. Seleksi movieclip tersebut dan tekan F9
3. Masukan actionscript berikut kedalam kotak dialog Actions :

1
2
3

onClipEvent (enterFrame) {
 startDrag(this, true, 55, 55, 345, 345);
}

4. Test movie dengan menekan CTRL+ENTER.

Movieclip bergerak sesuai gerakan mouse

5. Seperti terlihat diatas movieclip hanya bergerak didalam kotak putih saja. Hal ini dikarenakan parameter yang suda saya setting.
6. Untuk lebih jelasnya lihat dibawah ini
startDrag(target, lock, left, top, right, bottom)
target   : Siapa yang didrag. Dalam hal ini kita menggunakan this yang artinya movieclip ini sendiri
lock      : Nilainya true dan false. Jika true maka titik pusat movieclip sama dengan titik pusat mouse
left    : Batas kiri maksimal
top       : Batas atas maksimal
right     : Batas kanan maksimal
bottom : Batas bawah maksimal
7. Kalau lock kita ubah menjadi false maka akan terlihat seperti dibawah ini :

Lock yang nilainya false

8. Jika kita ingin hanya ingin movieclip tersebut hanya dapat bergerak kekanan dan kekiri maka ubah parameternya menjadi seperti dibawah ini :

onClipEvent (enterFrame) {
 //movieclip ini bergerak mengikuti gerakan mouse dengan titik pusat movieclip ini sebagai titik pusat gerakan
 //batas kiri moviclip ini adalah 55 artinya gerakan movieclip ini akan berhenti jika koordinat x movieclip ini kurang dari 55
 //batas atas moviclip ini adalah 200 artinya gerakan movieclip ini akan berhenti jika koordinat y movieclip ini kurang dari 200
 //batas kanan moviclip ini adalah 345 artinya gerakan movieclip ini akan berhenti jika koordinat x movieclip ini lebih dari 345
 //batas bawah moviclip ini adalah 200 artinya gerakan movieclip ini akan berhenti jika koordinat y movieclip ini lebih dari 200
 startDrag(this, true, 55, 200, 345, 200);
}

9. Test movie dengan menekan CTRL+ENTER.

Objek hanya bergerak kekanan dan kekiri

MELACAK KOORDINAT MOUSE

Kali ini kita akan melacak keberadaan kursor mouse. Cara kerjanya mudah anda hanya tinggal menggerakan kursor mouse maka akan tampil posisi koordinat x dan y sesuai keberadaan koordinat kursor mouse.

1. Buatlah 2 buah dynamic text dengan masing-masing Var diberi nama posisix dan posisiy
2. Buat 3 buah static text dan beri tulisan Posisi Kursor Mouse, x:, y: pada masing-masing static text tersebut.

Gambar Peletakan

3. Klik frame 1 lalu tekan F9 dan beri actionscript berikut:

onMouseMove = function () {
 //nilai posisix sama dengan nilai koordinat x mouse
 posisix = _root._xmouse;
 //nilai posisiy sama dengan nilai koordinat y mouse
 posisiy = _root._ymouse;
};

4. Test Movie dangan menekan CTRL+Enter

Pelacak koordinat mouse

Senin, 12 September 2011

PLAY, PAUSE dan STOP Animasi Suara

Tutorial berikut ini digunakan sebagai pelengkap tutorial Pause dan Play Suara. Pada tutorial kali ini kita akan membahas tentang bagaimana cara menghentikan suara yang sedang dimainkan. Sebenarnya pada script Pause dan Play Suara sudah ada. Tapi karena digunakan dalam tombol pause, mungkin ada yang belum tahu.
Untuk menghentikan suara kita cukup menuliskan stop() pada variable yang menampung suara yang sedang dimainkan. Misalnya : suara ditampung pada variable Musicz, maka untuk menghentikannya kita menuliskan Musicz.stop()
Untuk contoh lainnya, kita akan menggabungkannya dengan tutorial Pause dan Play Suara :
1. Bukalah fla dari source Pause dan Play Suara.
2. Buatlah sebuah objek seperti gambar dibawah ini :

3. Seleksi objek tersebut dan tekan F8. Pada panel yang muncul masukan stop_btn sebagai name dan button sebagai type lalu tekan ok.
4. Letakan seluruh objek di stage menjadi seperti ini :

5. Klik frame 1 dan tekan F9. Pada panel actions yang muncul ubah seluruh scriptnya menjadi seperti ini :

//membuat variable bernama Pause dengan nilai false
Pause = false;
//membuat variable bernama Stop dengan nilai false
Stop = false;
//membuat fungsi bernama mainkanMusik
function mainkanMusik() {
	//membuat variable musik sebagai sound object
	musik = new Sound();
	//masukkan suara berlinkage bgm dari panel library ke dalam variable musik
	musik.attachSound("bgm");
	//mainkan suara di dalam variable musik sebanyak 999 kali
	musik.start(0,999);
}
//jika tombol pause_btn ditekan
pause_btn.onPress = function() {
	//membuat variable posisi dengan nilai pembualatan ke bawah dari posisi terakhir suara pada variable musik yang dibagi 1000
	posisi = Math.floor(musik.position/1000);
	//hentikan suara pada variable musik
	musik.stop();
	//ubah nilai variable Pause menjadi true
	Pause = true;
};
//jika tombol play_btn ditekan
play_btn.onPress = function() {
	//jika variable Stop bernilai true
	if (Stop) {
		//mainkan suara di dalam variable musik sebanyak 999 kali
		musik.start(0,1);
		//ubah nilai variable Pause menjadi false
		Pause = false;
		//ubah nilai variable Stop menjadi true false
		Stop = false;
	}
	//jika variable Pause bernilai true dan variable Stop bernilai false
	if (Pause &amp;&amp; !Stop) {
		//mainkan suara di dalam variable musik sesuai nilai variable posisi sebanyak 1 kali
		musik.start(posisi,1);
		//ubah nilai variable Pause menjadi false
		Pause = false;
	}
	//jika suara di dalam variable musik selesai dimainkan
	musik.onSoundComplete = function() {
		//jalankan fungsi mainkanMusik
		mainkanMusik();
	};
};
//jika tombol stop_btn ditekan
stop_btn.onPress = function() {
	//ubah nilai variable Stop menjadi true
	Stop = true;
	//hentikan suara pada variable musik
	musik.stop();
};
//menjalankan fungsi mainkanMusik ketika swf pertama kali dijalankan
mainkanMusik();

6. Tekan Ctrl+Enter untuk melihat hasilnya.
7. Selain menggunakan stop(), kita juga bisa menggunakan stopAllSounds() untuk menghentikan suara. Bedanya, stop() hanya menghentikan 1 suara sedangkan stopAllSounds() akan menghentikan seluruh suara yang ada. Silahkan anda pilih sesuai kebutuhan.

ATHENAEUM LIGHT

APA ITU ATHENAEUM LIGHT
Kata Athenaeum diambil dari bahasa Yunani, yang artinya perpustakaan atau reading room. Nama ini digunakan oleh Sumware Consulting, NZ untuk nama produk perangkat lunak “gratisan” yang mereka buat.
Versi Light, adalah versi sederhana dan merupakan potongan dari versi yang lebih lengkap Athenaeum Pro (tidak gratis). Sekalipun aplikasi ini adalah gratisan dan sekedar potongan perangkat lunak untuk tujuan promosi, nampaknya fitur-fitur dalam Athenaeum Light masih sangat menarik untuk dipakai sebagai salah satu sarana otomatisasi perpustakaan secara sederhana. Tentang Athenaeum bisa dilihat di http://sumware.co.nz/athenaeum/light.php
Selain menyuguhkan fasilitas untuk mengemas pangkalan data buku (collections), aplikasi ini juga menyediakan fasilitas untuk melakukan peminjaman dan membuat laporan. Fasilitas lain seperti seperti pembuatan label, barcode, statistik dan stock opname juga disediakan. Hal ini menjadi nilai tambah tersendiri yang jarang dijumpai pada aplikasi gratisan lain.
Athenaeum dibangun dari Software Database Filemaker Pro 6.0 (www.filemaker.com). Sebuah perangkat lunak untuk mengelola data dengan operasi yang sangat mudah dan sederhana. Kemudahan yang diberikan Filemaker telah menobatkannya sebagai software yang “paling mudah” digunakan, versi majalah PC World 2004. Kemudahannya pula yang memberi peluang pada banyak orang (non-programer) mampu untuk memodifikasi bahkan membuat sendiri sebuah aplikasi yang sesuai dengan kebutuhan,
Athenaeum Light 6.0 dikemas secara open-script, artiya kode atau formula di dalamnya tidak ditutup oleh pembuatnya. Hal ini memudahkan para pemakainya untuk meperbaiki, memodifikasi tampilan, field, bahasa, serta relasi data sesuai dengan kebutuhan masing-masing.

DIMANA CARI SOFTWARENYA?
Ini software free alias tidak berbayar. Anda bisa mendapatkannya dengan mendownload di sini (4shared) atau di “download software Athenaeum Light 6.0″ (rapidshare) dan “download manual bahasa Indonesia” (rapidshare)

INSTALASI DAN KONFIGURASI
Athenaeum Light 6.0 dikemas secara runtime [exe] dan bekerja pada OS Windows / 95 / 98/ ME / 2000 / XP. Dengan mengkopi seluruh file ke dalam perangkat keras (copy paste). Aplikasi ini bisa dibuka dengan meng “klik” 2x.
Athenaeum Light Application atau EXE

MEMBUKA PROTEKSI (READ ONLY)
Untuk dapat melakukan entry data dan perintah lain secara penuh, maka proteksi (read only) yang umumnya jika kita mengkopi Athenaeum Light dari CD-ROM ke komputer dengan OS Windows / 95 / 98/ ME / 2000 / XP harus dibuka terlebih dahulu.
Caranya adalah sebagai berikut;
Klik kanan pada folder Athenaeum Light à Properti
2. Hilangkan status Read Only yang masih aktif dengan cara mengklik tanda check list-
3. Tanda check-list Read-only telah hilang
Pilih Apply à pilih Apply changes to this folder, subfolders and file
Catatan: untuk OS Windows XP perintah di atas bisa diabaikan.

MENGGUNAKAN ATHENAEUM LIGHT 6.0
Klik 2x pada file Athenaeum Light Application atau EXE
Lalu akan muncul tampilan seperti gambar di bawah ini
Password
Ada 3 pilihan password untuk membuka Athenaeum Light 6.0
Masukkan password (pilih salah satu password di bawah ini) à ok
Admin (tertinggi) : merdeka
Petugas/pustakawan : freedom
Pengguna (OPAC) : user
Untuk Athenaeum 8.5 v.1 : Kolom user name DIKOSONGI SAJA
Interface (tampilan depan) Athenaeum Light 6.0 dengan menggunakan password merdeka atau freedom
Interface (tampilan depan) Athenaeum Light 6.0 dengan menggunakan password user

MENU ADMINISTRASI
Pada interface (tampilan depan) Athenaeum Light 6.0, terdapat menu Administrasi yang berfungsi untuk merubah beberapa setting seperti memasukkan data organisasi, memasukkan nama administrator, merubah setting athenaeum menjadi multi-user, menetapkan jumlah maksimal buku yang dapat dipinjam, membuat batasan masa atau waktu peminjam dan juga merubah default kertas yang akan dicetak.
Memasukkan Nama dan Logo Organisasi serta Nama Petugas dan Jabatannya
Pilih menu Administrasi, kemudian isilah nama organisasi, nama petugas serta jabatannya dan bila perlu masukkan logo organisasi anda.
Contoh:
Nama Organisasi : Perpustakaan Indonesia Membaca
Nama Admin/petugas : Edo Kasela
Jabatan : Librarian
Maksimum buku yang boleh dipinjam : 10 buku / items
Jangka waktu peminjaman : 14 hari termasuk hari Sabtu dan Minggu (dengan merubah tombol off ke on). Jika jangka waktu peminjaman selama 14 hari tidak termasuk hari Sabtu dan Minggu, maka pindahkan tombol On ke posisi Off.

MENU INFORMASI
Menu ini digunakan untuk memasukkan informasi cara pemakaian Athenaeum, peraturan perpustakaan dan informasi apa saja yang ditujukan kepada pemakai perpustakaan.
Untuk mengisi informasi serta peraturan-peraturan perpustakaan, cukup mengetikkan aturan-aturan/informasi pada kolom yang tersedia.

Lihat gambar di bawah ini :
MENU PENCARIAN
Menu ini berfungsi sebagai katalog untuk mencari buku. Pada menu ini terdapat beberapa fasilitas untuk mencari / menemukan kembali suatu koleksi dengan menggunakan beberapa metode:
1. Fast Find
Pencarian suatu koleksi dengan pendekatan keyword. Dengan mengetikkan keyword, kita dapat memperoleh beberapa list buku yang sesuai dengan keyword yang kita ketikkan pada kolom pencarian.
Contoh
Ketiklah keyword management à Klik OK (tombol ENTER tidak dapat digunakan sebagai shortcut OK) maka akan muncul list buku yang berkaitan dengan kata kunci yang diketik.
2. Easy
Pencarian suatu koleksi dengan menggunakan empat (4) pendekatan, pendekatan judul, pengarang, subyek dan nomor panggil (call number)
3. Detail
Pencarian detail, biasanya digunakan oleh para pengelola perpustakaan dalam mencari koleksi menurut kategori yang lebih detail.
Contohnya, mencari buku dengan kriteria tertentu yaitu dengan pendekatan penerbit tertentu, harga tertentu, jenis tertentu dan lainnya.
Berikut ini gambar tampilan penelusuran secara detail

KATALOG
Katalog pada Athenaeum, telah disesuaikan dengan standar AACR (Anglo-American Cataloguing Rules). Hal ini memudahkan pengguna Athenaeum untuk langusng memasukkan data pada setiap field-fieldnya.
Salah satu katalog Athenaeum:
Bagaimana cara mengisi data buku atau koleksi kita pada katalog Athenaeum?
1. Klik tombol Isi data yang ada di bagian atas
2. Ketik data yang telah kita buat pada setiap field
3. untuk mengisi tampilan cover buku atau koleksi, lakukan copy and paste
Contoh:
Judul : Aku seorang pustakawan
Pengarang : Mulan Kwok
Subyek : pustakawan, novel, perpustakaan
Item id : 0306060001
ISBN : 0-7879-5077-7
Jika telah selesai mengisi data, klik gambar rumah (home) yang ada di pojok sebelah kiri. Athenaeum akan menyimpan data yang sudah kita masukkan secara otomatis.
Jika kita menginginkan buku ini menjadi buku reference, maka pilihlah tab Admin
Kemudian berikan check list dengan cara mengklik kolom Not for issue.

MENGISI DATA ANGGOTA
Untuk mengisi data anggota, pilih menu Anggota pada tampilan awal, kemudian pilih Isi data, dan masukkan data yang kita miliki

PEMINJAMAN
Jika sudah ada data buku dan data anggota, kita dapat melakukan transaksi peminjaman dan pengembalian buku.
Untuk melakukan peminjaman, klik menu Peminjaman
Masukkan No. ID Anggota, jika berhasil, akan muncul nama anggotanya.
Kemudian, masukkan no. ID buku/koleksi, kemudian klik OK.

PENGEMBALIAN
Untuk melakukan pengembalian, masukkan no. ID buku/koleksi kemudian klik OK

PERPANJANGAN
Jika ada anggota yang belum sempat untuk mengembalikan buku/koleksi tepat waktu, ia dapat melakukan perpanjangan masa peminjaman, Athenaeum menyediakan fasilitas tersebut untuk memenuhi kebutuhan anggota untuk memperpanjang masa peminjaman.
Klik tab Perpanjangan, masukkan no. id buku/koleksi yang akan diperpanjang.

MEMBUAT BARCODE
Athenaeum Light, menyediakan fasilitas untuk membuat barcode yang berfungsi untuk memudahkan pengelola perpustakaan/taman bacaan dalam melakukan transaksi peminjaman, pengembalian dan juga perpanjangan buku.
Untuk membuat barcode yang diperlukan adalah meng-install font barcode terlebih dahulu ke komputer kita.
Caranya: buka folder seperti yang terlihat di bawah ini
Kemudian copy file yang di-shortir biru, dan paste di folder Font Windows
Buka Athenaeum, dan pilih menu Katalog, pilih Fasilitas Lain
Maka akan muncul tampilan seperti ini;
klik menu Print yang terdapat dalam kolom Barcode & DDC, kemudian OK
maka akan muncul tampilan seperti ini:
pastikan komputer kita telah terkoneksi dengan printer, kemudian pilih menu Continue yang terdapat di sebelah kiri, pilih OK jika kita ingin mengeprint. Kertas A4 dapat memuat 21 barcode yang akan di cetak.

MEMBUAT KARTU KATALOG
Ada beberapa perpustakaan/taman bacaan yang memerlukan kartu katalog secara manual, meskipun katalog tersebut telah berbentuk elektronik.
Berikut ini cara membuat kartu katalog
Pilih menu Katalog, kemudian klik Fasilitas Lain dan pilih Kartu Katalog
Agar tidak terpotong seperti tampilan di atas, maka sebelum kita mencetak ubahlah set up kertas menjadi landscape. Kertas A4 dapat mencetak 6 kartu katalog.

MEMBUAT LABEL
Sebelum kita membuat label, pastikan dalam tampilan katalog, kita telah memasukkan data pada kolom Nomor Panggil yang terdapat di sebelah kanan.
Jika kita telah memasukkan data pada kolom Nomor Panggil, pilihlah menu Fasilitas Lain, kemudian pilih Item Label, kemudian Ok. Maka akan muncul tampilan seperti di bawah ini
Pilih Continue, kemudian Ok