Fraud Prevention with Virtual Keyboard
| Category | : Flash | Views | : 18595 | ||
| Version | : 8 | Rating | : | ||
| Type | : Text | Source File | : fraud-prevention-virtual-keyboard.zip | ||
| Result | : See the result | ||||
In today's world where Internet has been very part of our life stream, we can't afford but to secure the way we surf the Net.
In hacker's worlds, there is something called 'Key Logger'. The purpose of key logger is to log every key that you type in your keyboard, this includes every single personal information that you have typed in your keyboard while you surf the Net such as log in into your online banking, or purchase your groceries over the Net. Once your password has been logged, the hacker can use your information to their benefit.
The way 'Key Logger' works is very smart. The hacker basically install a small software in your computer without you, or anybody else, even know it is there. Then, everyday, this small software will send all the key log to a server where the hacker can see your activity. Another type of 'Key Logger' is hardware key logger. Hardware key logger can be installed in your computer and when it has done its job, the key logger then removed to be examined.
To prevent this type of fraud, many web sites, especially those contain critical personal information such as online banking, have used Virtual Keyboard. Virtual Keyboard adds another security layer to authenticate yourself to their system. Virtual Keyboard works just like regular keyboard, only thing is you don't type it in your keyboard. Rather, you will be using your mouse to type.
In this tutorial, we are going to create virtual keyboard using Flash. You can use this virtual keyboard to prevent fraud by adding another layer of security.
We are not going to make buttons for all the letters as they work exactly in the same way, you can make those later if you want to.
The first thing you need to do is create the buttons, you just need to create one button, duplicate it and then change the textbox inside.
Draw a square over the letter (or number) in the Hit frame so it痴 easier to press the button.
Now drag your buttons to the stage and give them an instance name.
"A", "B", "C", "D" for the letters; "btn1", "btn2", "btn3" for the numbers.
Use two static text box to create the labels "Login:" and "Password:" and two input text box to display the login and password.
For the login input box the instance name is "loginTxt" and for the password is "passTxt".
To display a border around the textbox select this option:
Create another button; this one is to clear the text in one of the textboxes so use the text "Erase" and drag two instances to the stage, one named "loginErase" and the other "passErase".
Now open the actions and paste:
//we use this variable to know in which textbox
//to type a character depending on the focus
var loginFocus = true;
//if you want the password textbox to use asterisks set this to true
passTxt.password = true;
//if the user pressed the "1" button
btn1.onRelease = function()
{
//if the focus is on the login
if(_root.loginFocus)
{
//add the character "1" to the login text box
loginTxt.text += "1";
}
//if the focus is on the password
else
{
//add the character "1" to the password text box
passTxt.text += "1";
}
}
//same thing for other number buttons
.
.
.
btn9.onRelease = function()
{
if(loginFocus)
{
loginTxt.text += "9";
} else {
passTxt.text += "9";
}
}
More cool tech articles from other blogs.
