Login Logout dengan Mysql di Flash Part 1

login_welcomeTutorial ini merupakan dasar dari pertukaran variabel yang terjadi antara flash php dan mysql, alur kerja pada tutorial kali ini adalah interface flash yang berkomunikasi dengan mysql melalui jembatan “php”. Inti dari tutorial kali ini adalah penjelasan tentang fungsi sendAndLoad() pada suatu object loadvars. Jika anda mungkin telah membaca tutorial saya sebelumnya tentang flash php mysql yang berjudul Flash Php Mysql Fusion Part 2 yang membahas tentang insert data ke mysql maka anda insyaallah dapat mengerti. Tetapi untuk lebih jelasnya lagi saya akan membahasnya lagi.

Format penulisan sintax sendAndLoad :

object.sendAndLoad(“Tujuan variabel yg akan dikirim”, “object loadvars yg akan di load”, “Type pengiriman GET atau POST”) contoh :

lv.sendAndLoad(“http://localhost/login/log.php”, lvl, “POST”);

Baik kita langsung saja mulai projectnya.

I. DATABASE MYSQL

Buatlah database login dengan tabel yang bernama login dan terdapat field nama, password, alamat, sekolah, gambar :

CREATE DATABASE `login`;

USE login;

CREATE TABLE `login` (

`nama` varchar(20) NOT NULL default ”,

`passwd` varchar(10) NOT NULL default ”,

`alamat` varchar(50) NOT NULL default ”,

`sekolah` varchar(20) NOT NULL default ”,

`gambar` varchar(50) NOT NULL default ”

) TYPE=MyISAM;

INSERT INTO `login` VALUES (‘angga’, ‘coba’, ‘Yogyakarta, Gedongkuning no54’, ‘SMK N 3 YK’, ‘angga.gif’);

II. INTERFACE FLASH DAN ACTION SCRIPT

Buatlah 2 layer dan dua frame seperti gambar dibawah ini

layerframe

Pada frame 1 Susunlah stage seperti gambar berikut ini :

stage-1

1. Input Text dg Instance “nama”

2. Input Text dg Instance “passwd”

3. Button dg Instance “btn”

4. Dynamic Text dg Instance “stats”

Langkah selanjutnya adalah pemberian action script pada frame 1. berikan script seperti ini :

stop();

var lv:LoadVars = new LoadVars();

var lvl:LoadVars = new LoadVars();

passwd.password = true;

btn.onRelease = function(){

lv.nama = nama.text;

lv.passwd = passwd.text;

lv.sendAndLoad(“log.php”, lvl, “POST”);

}

lvl.onLoad = function(){

_global.session = lvl.users;

_global.alamat = lvl.alamat;

_global.sekolah = lvl.sekolah;

_global.gambar = lvl.gambar;

if(lvl.stats == “oke”){

gotoAndStop(2);

}else{

stat.text = “Login gagal, cek lagi user dan password anda”;

}

}

Perhatikan sintax send and load diatas lv.sendAndLoad(“log.php”, lvl, “POST”); sesuai dengan format penulisan yang dijelaskan di awal tadi dapat disimpulkan bahwa variabel akan dikirim ke file log.php lalu loadvars yang akan di load adalah lvl dan type pengririman data adalah post.

_global.session;dan seterusnya… merupakan skrip gobal sebagai session di movie swf kita, seperti session pada browser yang biasa anda gunakan. _global.session skrip ini dapat diganti nama menjadi variabel lain(terserah anda) misal _global.variabelku.

Fungsi login yang sebenarnya ada pada skrip terakhir yaitu jika variabel stats benilai oke maka login berhasil dan bisa masuk ke frame 2. ???? variabel stats itu darimana ya??? variabel stats ini berasal dari logs.php yang nanti akan dijelaskan.

Pada frame 2 susunlah stage seperti berikut ini, frame 2 ini merupakan halaman member yang berhasil masuk :

stage-2

1. Button dg instance “outbtn”

2. Dynamic text dg instance “masuk”

3. Dynamic text dg instance “loading”

Selanjutnya di frame 2 ketikkan skrip berikut ini :

stop();

masuk.text = _global.session;

var lmovie:MovieClipLoader = new MovieClipLoader();

this.createEmptyMovieClip(“mc”,1);

mc._x = 0;

mc._y = 50;

//———————————————————————-//

lmovie.loadClip(“masuk.swf”,mc);//memanggil file masuk.swf

lmovie.addListener(list);

var list:Object = new Object();

list.onLoadProgress = function(target, loadedBytes, totalBytes){

loading.text = Math.floor((loadedBytes/totalBytes)*100)+”%”;

}

list.onLoadComplete = function(){

loading._visible = false;

}

//———————————————————————-//

outbtn.onRelease = function(){

_global.session = “”;

_global.alamat = “”;

_global.sekolah = “”;

_global.gambar = “”;

lmovie.unloadClip(mc);

gotoAndStop(1);

}

Skrip diatas terdiri dari 3 bagian yaitu penyettingan objek2 distage, skrip loading, dan skrip logout. Khusus untuk skrip loading anda dapat membacanya ditutorial saya sebelumnya tentang Pre Loading MovieClip di Flash.

Maksud dari loading ini adalah meload halaman yang akan ditampilkan jika user berhasil masuk karena keterbatasan bandwidth biasanya halaman movie swf biasanya tidak akan langsung muncul melainkan harus loading dulu. Karena di flash tidak ada tampilan loading maka kita harus membuatnya sendiri. lihat gambar berikut.

loading-page

loadcomplete

Sekian Untuk Part 1 berlanjut ke Part 2

Iklan

One Response to Login Logout dengan Mysql di Flash Part 1

  1. agoengtjahjadii says:

    mas….image user login nya dsimpan dimana?

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: