Validar Usuario y Contraseña en Adobe Flash

Dos ejemplos simples de validacion de usuario y contraseña

Tutorial por Kitsch de Kitsch Multimedia

En este tutorial, veremos de manera sencilla dos ejemplos de Validacion de Usuarios, mediante contraseña.

Bien aquí les dejo otro pequeño tutorial explicando las bondades de usar Flash en nuestras webs o proyectos. En el ejemplo de ahora les traigo como Validar un nombre de usuario y contraseña para mostrar el contenido de nuestros sitios; se puede hacer de muchas formas y para los más avanzados les resultara fácil hacerlo con PHP y MySQL, pero eso lo dejo para siguientes tutos, aquí solo dejo dos ejemplos que funcionan con condicionales simples, uno con un solo usuario y otro con un array de ellos.

Validacion de Usuario Unico

  • Creamos una Nueva Película de 260x200 píxeles.
  • Creamos dos Textos Dinámicos y les damos los nombres de instancia de: "user" y "pass" (que obvio no?).
  • Seleccionamos el Cuadro de Texto pass y en las propiedades seleccionamos "contraseña", para agregar los asteriscos al texto.
  • Creamos un Botón al que le asignamos el nombre de instancia de: "entrar_btn".

    Nuestro entorno se debe de ver más o menos así:

    Validacion de Usuario y Contraseña

  • Creamos otros Dos Fotogramas y los nombraremos como "denegado" y "acceso".
  • Creamos una Nueva Capa en Blanco y agregamos 3 Fotogramas Clave, a los que les agregaremos el script:
    stop();
  • Regresamos al Primer Fotograma e ingresamos el siguiente código:
    fscommand("showmenu", false); //Desactivamos el menu secundario del mouse.
    //---------------------------------

    _root.entrar_btn.onPress = function (validar) {
    //validara que user y pass sean iguales a los textos usuario1 y pass1
    if (user.text == "usuario1" and pass.text == "pass1") {
    //llevara a la parte que queremos que vea si es el usuario que esperamos
    gotoAndStop("acesso");
    } else {

    //lo llevara a otra pantalla de error si no cumplen las condiciones
    gotoAndStop("denegado");
    }
    }
    stop();//Detiene la pelicula

En el anterior ejemplo validamos únicamente dos textos simples: "usuario1" y "pass1"; si se escribe esto nos envira a donde queremos que valla el usuario que tiene la contraseña, de lo contrario nos mostrara una pantalla de error.

Descargar el FLA de ejemplo

Validacion de Varios Usuarios, con Array

Ahora ¿Que pasa si queremos agregar más de un usuario? Pues la opción practica si no serán muchos (de lo contrario mejor directamente al MySQL) es crear un array. Con dos vectores "usuarios" y "passwords" podremos validar varios usuarios simultáneos. Además de que utilizaremos otro método de error un tanto mas simple.

  • Anexamos dos cuadros de texto dinámicos más a nuestro entorno, "error" e "intentos"

    Validar Usuarios con Array

  • Modificamos el script agregando varias líneas más, quedando de la siguiente manera:
    fscommand("showmenu", false);
    Stage.scaleMode = "noScale";//evita que se escale si se aumenta el tamaño.
    //Desactivamos el menú secundario del mouse.
    //---------------------------------
    var i:Number = 1;
    var usuario:Array = new Array();
    //Creamos la lista de usuarios
    usuario[0] = "kitsch";
    usuario[1] = "quique";
    usuario[2] = "sapinto";
    var passwords:Array = new Array();
    //Creamos las contraseñas
    passwords[0] = "pass0";
    passwords[1] = "pass1";
    passwords[2] = "pass2";
    //---------------------------------
    _root.entrar_btn.onPress = function(validar) else if (user.text == usuario[1] and pass.text == passwords[1]) else if (user.text == usuario[2] and pass.text == passwords[2]) else
    };
    stop(); //Detiene la película

Descargar el FLA de ejemplo

Puedes realizar consultas o sugerencias sobre este tutorial en nuestro foro de soporte, click aqui
Hemos creado el correo electrónico tutoriales @ tallerwebmaster com para recibir tus aportes de tutoriales y artículos.
Registrate aquí para consultar, comentar, recibir novedades y valorar los Tutoriales y Artículos

 Fecha: 22/03/2007  SKUARCH escribió:
es la primera vez que entro en esta pagina y creo que esta muy bien gracias por publicar estas paginas, ademas el tuto esta bien explicado

 Fecha: 25/05/2007  KITNETWEB escribió:
por tiempo no lo he leido pero a grandes rasgos lo vi y me invita a leerlo con calma y los articulos que lei son excelentes... gracias sigan adelante... saludos y les reitero las gracias

 Fecha: 30/10/2007  ARCANGELNETWORK escribió:
Excelente Tutorial.. saben? he aprendido mas de ustedes que de la escuela.. jeejejej.

Saludos y un fuerte abrazo.