July 25, 2024

Validasi User Dan Password Pada Flash AS 2.0

2 min read

Bismillah, salam bagi para pembaca tutorial. Dalam sebuah aplikasi, biasanya kita akan menemukan adanya manajemen hak akses untuk user, yang berupa permintaan username dan password. Pada kesempatan kali ini, penulis akan membahas validasi user dan password dengan menggunakan Flash ActionScript 2.0.

Langkah 1

Buat sebuah dokumen baru dengan ActionScript 2.0 (Penulis menggunakan versi CS 6). Simpan dokumen dengan nama file validasi.fla. Kemudian buatlah tampilan username dan password dari input text, beri nama variabel username dan password1. Buat juga sebuah dynamic text dengan nama variabel validasi dan dua buah tombol dengan nama instan login_btn dan reset_btn.

user1

Langkah 2

Buat sebuah objek movie clip dengan nama instan peringatan. Movie clip tersebut berisi sebuah dynamic text dengan nama variabel teks dan sebuah tombol dengan nama instan ok_btn. Hapus objek movie clip dari stage.

user2

Langkah 3

Klik kanan objek movie clip peringatan dari Jendela Library, pilih Properties. Beri tanda centang pada pilihan Export for ActionScript dan pastikan nama identifier berisi peringatan.

user3

Langkah 4

Buat sebuah dokumen baru (tetap dalam ActionScript 2.0), import gambar sukses.jpg ke stage melalui menu File – Import – Import to Stage. Pastikan posisi gambar berada ditengah-tengah stage. Tambahkan sebuah tombol dengan nama instan back_btn. Simpan file flash dengan nama sukses.fla pada direktori yang sama dengan file validasi.fla. Pastikan anda tekan Control + Enter untuk mendapatkan file sukses.swf.

user5

Langkah 5

Klik kanan pada frame pertama layer gambar tersebut, pilih Action dan ketikkan script:

[sourcecode]

back_btn.onPress = function() {

loadMovie("validasi.swf",0);

}

[/sourcecode]

Langkah 6

Kembali ke dokumen validasi.fla. Klik kanan pada frame pertama layer tersebut dan pilih Action. Ketikkan script berikut:

[sourcecode]

salah = 3;

fps = 0;

reset_btn.onPress = function() {

username = "";

password1 = "";

validasi = "";

login_btn.enabled = true;

}

login_btn.onPress = function() {

if (username=="adhysugara" && password1=="palcomtech") {

loadMovie("sukses.swf",0);

salah = 3;

}

else if ((username=="" || username==null) && (password1=="" || password1==null)) {

validasi = "Tolong isi username dan password anda";

this.enabled = false;

}

else if ((username!="" || username!=null || username!="adhysugara") && (password1!="" || password1!=null || password1!="palcomtech")) {

this.enabled = false;

if (salah > 0) {

peringatan = attachMovie("peringatan", "peringatan", _root.getNextHighestDepth(), {_x:275, _y:200});

peringatan.onEnterFrame = function() {

this.teks = "Username atau password masih salah";

this.ok_btn.onPress = function() {

salah–;

login_btn.enabled = true;

removeMovieClip(this._parent);

}

}

}

if (salah <= 1) {

validasi = "Kesempatan untuk login sudah habis";

login_btn.enabled = false;

reset_btn.enabled = false;

}

}

};

[/sourcecode]

(Catatan:  Pada contoh, penulis mengisi username dengan adhysugara dan password dengan palcomtech. Kesempatan mengisi user dan password yang salah dibatasi 3 kali, bila ingin mengubah jumlahnya, ubah nilai pada variabel salah).

Langkah 7

Tekan Control+Enter pada dokumen tersebut, hasilnya sebagai berikut :

(Catatan: Bila anda menggunakan versi CS 6, pastikan untuk mempublish file dengan target Flash Player versi 7 dan sebelumnya).

 

Leave a Reply

Your email address will not be published. Required fields are marked *

Copyright © All rights reserved. | Newsphere by AF themes.