Sabtu, 25 April 2009

TUTORIAL MEMBUAT PROGRAM APLIKASI BERBASIS DATABASE DI MACROMEDIA FLASH

TUTORIAL MEMBUAT PROGRAM APLIKASI BERBASIS DATABASE DI MACROMEDIA FLASH

Pada kesempatan kali ini, saya akan membeberkan tutorial membuat sebuah sample program aplikasi penggunaan laboratorium dengan memanfaatkan aplikasi Macromedia Flash. Sebelumnya, siapkan saja program” di bawah ini:

1. Macromedia Flash 8 (Professional)

2. MiniServer, disini saya memakai MiniServer Xampp

3. Sebuah script PhP. (caretaker.php)

Untuk langkah awal pembuatan aplikasi, maka buatlah terlebih dahulu design tampilan yang akan dipakai pada program yang akan kita buat. Perhatikanlah langkah-langkah berikut, tapi sebelumnya pastikan dulu sudah diinstal Flash 8, & Xamppnya!

1. Buka aplikasi Flash 8 kita. Tampilan standar Flash 8:

2. Lalu setelah itu kita buat keyframe baru untuk layer 1, beri nama saja bg (background) untuk layer 1 tersebut. Masukkan tampilan yang akan menjadi background aplikasi yang kita buat, caranya tinggal drag saja filenya ke area kerja kita.

3. Lalu kita buat form isian untuk siswa yang akan menggunakan fasilitas lab. Disini saya menggunakan fasilitas Rectangle Tool ( ) pada Toolbox yang tersedia. Insert layer 2 (beri layer baru). Dan agar text yang ditulis bias dibaca jelas, klik icon pada layer properties dibawah.

4. Buatlah pesan sebagai berikut (contoh).

5. Lalu buat juga keterangan mengenai nama pengguna & semua peralatan/hardware yang tersedia & siap guna, dengan cara seperti langkah no. 4.

6. Lalu untuk kolom-kolom isian, pada propertiesnya ganti menjadi Input Text.

7. Setelah itu, kita tinggal masukkan saja action-scriptnya pada beberapa item tertentu.

8. Disini saya menyiapkan careTaker.php & script sendAndLoad untuk penyimpanan database.

9. Sebaiknya kita buat sebuah indicator untuk menandakan bahwa data-data yang sudah ditulis sudah di send ke database file. Untuk itu, kita insert button (tombol) indicator, dengan cara: Klik menu WindowsàCommon LibrariesàButton. Pilih tipe button yang diinginkan. Drag buttonnya ke layer kerja & tempatkan dimana saja, sesuai selera.

10. Oia lupa, bubuhkan variable pada setiap kolom isian yang akan diisi oleh para pengguna. Sorot button yang telah dibuat, tekan F9, lalu masukkan script berikut :

on (release)

{

asd = "Nama Siswa:" + a + " Nama Pengajar:" + b + " Kelas:" + c + " Lama Pemakaian:" + d + " CPU:" + e + " Mouse:" + f + " Keyboard:" + g + " Monitor:" + h;

}

11. Buat layer baru, lalu masukkan scripts ini pada layer tersebut beri script sendAndLoad :

function submitDataToTextfile()

{

submittedData = new LoadVars();

submittedData.inputData = inputData.text;

response = new LoadVars();

response.onLoad = doThisOnResponse;

submittedData.sendAndLoad("http://localhost/data*/careTaker.php", response, "post");

} // End of the function

function doThisOnResponse(result)

{

if (result)

{

responsetxtb.text = response.receivedData;

statustxtb.text = response.writeStatus;

}

else

{

trace ("Mohon maaf, telah terdapat suatu kesalahan dalam pekerjaan Anda. Mohon lebih teliti!");

} // end else if

} // End of the function

submit.onRelease = function ()

{

submitDataToTextfile();

};

stop ();

stop ();

stop ();

stop ();

stop ();

stop ();

stop ();

stop ();

stop ();

stop ();

stop ();

stop ();

stop ();

stop ();

stop ();

stop ();

stop ();

a = "";

b = "";

c = "";

d = "";

e = "";

f = "";

g = "";

h = "";

asd = "";

stop ();

stop ();

stop ();

stop ();

Ket: data* ) adalah folder yang dibuat sendiri di drive C: pilih xamppàhtdocs, lalu buat folder dengan nama data atau terserah Anda. Pada folder data tersebut masukkan file careTaker.php dan myTextFile.txt

1 komentar: