[Tutorial]Validar Usuario y Contraseña en Flash - Foro Creativo

Ir a contenido

  • (3 Páginas)
  • +
  • 1
  • 2
  • 3
  • No puedes empezar un nuevo tema
  • No puedes responder a este tema

[Tutorial]Validar Usuario y Contraseña en Flash Dos ejemplos simples de validacion de usuario y contraseña

#1 El usuario está offline   kitsch

  • Ni un pelo de tonto, ni de los otros
  • Icono
  • Grupo: Pro
  • Mensajes: 3688
  • Registrado: 15-julio 04
  • Location:Guadajalajara, México
  • Sexo:Masculino
  • País:Mexico
  • Navegador:FireFox
  • Camara:Canon Mark II

Escrito 28 noviembre 2006 - 05:37

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.

1.- Creamos una nueva película de 260x200 píxeles.
2.- Creamos dos textos dinámicos y les damos los nombres de instancia de: "user" y "pass" (que obvio no?).
3.- Seleccionamos el cuadro de texto pass y en la propiedades seleccionamos"contraseña", para agregar los asteriscos al texto.
4.- 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í:
Imagen IPB

5.- Creamos otros dos fotogramas y los nombraremos como "denegado" y "acceso".
6.- Creamos una nueva capa en blanco y agregamos 3 fotogramas clave, a los que les agregaremos el script:
CÓDIGO
stop();

7.- Regresamos al primer fotograma e ingresamos el siguiente código:
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

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.

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

Imagen IPB

2.- Modificamos el script agregando varias lineas más, quedando de la siguiente manera:
CÓDIGO
fscommand("showmenu", false);
Stage.scaleMode = "noScale";//evita que se escale si se aumenta el tamaño.
//Desactivamos el menu 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) {
    i = i+1;
    if (user.text == usuario[0] and pass.text == passwords[0]) {
/*Validamos si el texto del campo usuario es igual al array usuario0 y el campo
pass es igual al array passwords0*/
        gotoAndStop("acesso");
    } else if (user.text == usuario[1] and pass.text == passwords[1]) {
/*Validamos si el texto del campo usuario es igual al array usuario1 y el campo
pass es igual al array passwords1*/
        gotoAndStop("acesso");
    } else if (user.text == usuario[2] and pass.text == passwords[2]) {
/*Validamos si el texto del campo usuario es igual al array usuario2 y el campo
pass es igual al array passwords2*/
        gotoAndStop("acesso");
    } else {
//Si las condiciones no se cumplen, que valla a la pantalla de error
        _root.user.text = "";
        _root.pass.text = "";
        _root.error.text = "Usuario o contraseña incorrectos."
        _root.intentos.text = "Intento numero "+i+".";
    }
};
stop(); //Detiene la pelicula


Descargar el FLA de ejemplo

Dudas y comentarios, aquí mismo smile.gif

Este tema ha sido editado por kitsch: 28 noviembre 2006 - 05:39

0


  • (3 Páginas)
  • +
  • 1
  • 2
  • 3
  • No puedes empezar un nuevo tema
  • No puedes responder a este tema

Otras respuestas a este tema

#41 El usuario está offline   elQuique

  • Dibujante de Codigos
  • PipPipPipPipPipPip
  • Grupo: Admin Team
  • Mensajes: 21239
  • Registrado: 08-febrero 03
  • Location:Florida, Uruguay
  • Sexo:Masculino
  • País:Uruguay
  • Navegador:FireFox
  • Camara:Kodak/v1003

Escrito 02 mayo 2008 - 01:26

el-muerto bienvenido al foro
0

#42 El usuario está offline   fabianita

  • Reciente
  • Grupo: Miembros
  • Mensajes: 3
  • Registrado: 08-mayo 08
  • Sexo:Femenino
  • País:Argentina
  • Navegador:Internet Explorer

Escrito 08 mayo 2008 - 11:38

CITA(norbertino11 @ Aug 7 2007, 03:20 PM) Ver mensaje

HE TRATADO DE DESCARGAR EL FLA DE EJEMPLO, PERO NO PUEDO ALGUIEN ME PODRIA DAR EL LINK PARA DESCARGARMELO?,.. SE LO AGRADECERIA MUCHO.


0

#43 El usuario está offline   el-muerto

  • Reciente
  • Grupo: Miembros
  • Mensajes: 7
  • Registrado: 01-mayo 08
  • Sexo:Masculino
  • País:Mexico
  • Navegador:Otro

Escrito 12 mayo 2008 - 05:04

CITA(elQuique @ May 1 2008, 10:26 PM) Ver mensaje

el-muerto bienvenido al foro


Hola elQuique
Gracias por tu bienvenida, aprovechando este mensaje seguro tu me puedes auxiliar...

Trate de recrear los archivos pero el problema es que nunca se ejecutaron correctamente, mi duda es si es porque lo hice en Flash MX 2004

dedosarriba.gif Gracias
0

#44 El usuario está offline   elQuique

  • Dibujante de Codigos
  • PipPipPipPipPipPip
  • Grupo: Admin Team
  • Mensajes: 21239
  • Registrado: 08-febrero 03
  • Location:Florida, Uruguay
  • Sexo:Masculino
  • País:Uruguay
  • Navegador:FireFox
  • Camara:Kodak/v1003

Escrito 13 mayo 2008 - 03:06

Según veo debería funcionar en MX, igualmente siempre usar las ultimas versiones dentro de lo posible.

Sobre el archivo que falta, veremos si kitsch lo tiene por ahí smile.gif
0

#45 El usuario está offline   el-muerto

  • Reciente
  • Grupo: Miembros
  • Mensajes: 7
  • Registrado: 01-mayo 08
  • Sexo:Masculino
  • País:Mexico
  • Navegador:Otro

Escrito 16 mayo 2008 - 02:19

Excelente!
Muchas gracias elQuique!
0

#46 El usuario está offline   kitsch

  • Ni un pelo de tonto, ni de los otros
  • Icono
  • Grupo: Pro
  • Mensajes: 3688
  • Registrado: 15-julio 04
  • Location:Guadajalajara, México
  • Sexo:Masculino
  • País:Mexico
  • Navegador:FireFox
  • Camara:Canon Mark II

Escrito 16 mayo 2008 - 11:56

Estoy buscando los archivos :s no se porque no los encuentro pero al rato se los paso a Quique para que los suba mejor al server del foro.
0

#47 El usuario está offline   Barba

  • Forero
  • Pip
  • Grupo: Miembros
  • Mensajes: 14
  • Registrado: 20-marzo 07
  • Sexo:Masculino
  • País:Mexico
  • Navegador:Internet Explorer

Escrito 17 junio 2008 - 03:27

Hola a todos, hice el tuto y todo salio perfecto no cabe duda que cada dia con estas ayudas aprendo mas, sin envargo trate de meter todo esto dentro de un movie clip y dejo de funcionar alguien me puede orientar en donde hice mal?

el movie clip lo llame password

y este es el codigo:

stop();
fscommand("showmenu", false);
Stage.scaleMode = "noScale";//evita que se escale si se aumenta el tamaño.
//Desactivamos el menu secundario del mouse.
var i:Number = 1;
var usuario:Array = new Array();
//Creamos la lista de usuarios
usuario[1] = "uno";
usuario[2] = "dos";
usuario[3] = "tres";
var passwords:Array = new Array();
//Creamos las contraseñas
passwords[1] = "uno";
passwords[2] = "dos";
passwords[3] = "tres";
//---------------------------------
_root.entrar_btn.onPress = function(validar) {
i = i+1;
if (user.text == usuario[1] and pass.text == passwords[1]) {
/*Validamos si el texto del campo usuario es igual al array usuario y el campo
pass es igual al array passwords*/
gotoAndStop("acceso");
} else if (user.text == usuario[2] and pass.text == passwords[2]) {
gotoAndStop("acceso");
} else if (user.text == usuario[3] and pass.text == passwords[3]) {
gotoAndStop("acceso");
} else {
//Si las condiciones no se cumplen, que valla a la pantalla de error
_root.user.text = "";
_root.pass.text = "";
_root.error.text = "Usuario o contraseña incorrectos."
_root.intentos.text = "Intento numero "+i+".";
}
};
stop(); //Detiene la pelicula
0

#48 El usuario está offline   Barba

  • Forero
  • Pip
  • Grupo: Miembros
  • Mensajes: 14
  • Registrado: 20-marzo 07
  • Sexo:Masculino
  • País:Mexico
  • Navegador:Internet Explorer

Escrito 07 julio 2008 - 09:23

kitsch porfas hechame la mano o si no se puede hacer lo que quiero nomas dime para no estarle buscando por que ya tengo varios dias en esto y nomas no le encuentro gracias
0

#49 El usuario está offline   elQuique

  • Dibujante de Codigos
  • PipPipPipPipPipPip
  • Grupo: Admin Team
  • Mensajes: 21239
  • Registrado: 08-febrero 03
  • Location:Florida, Uruguay
  • Sexo:Masculino
  • País:Uruguay
  • Navegador:FireFox
  • Camara:Kodak/v1003

Escrito 08 julio 2008 - 12:20

Y no puedes adjuntar el fla para verlo ?
0

#50 El usuario está offline   Barba

  • Forero
  • Pip
  • Grupo: Miembros
  • Mensajes: 14
  • Registrado: 20-marzo 07
  • Sexo:Masculino
  • País:Mexico
  • Navegador:Internet Explorer

Escrito 08 julio 2008 - 05:18

oky aqui en este link pongo el fla en zip por que no pude subirlo de ninguna forma aqui al foro
http://diorema.sytes.net/x.zip
0

#51 El usuario está offline   danis

  • Reciente
  • Grupo: Miembros
  • Mensajes: 1
  • Registrado: 05-febrero 09
  • Sexo:Masculino
  • Navegador:Internet Explorer

Escrito 05 febrero 2009 - 09:42

HE TRATADO DE DESCARGAR EL FLA DE EJEMPLO, PERO NO PUEDO ALGUIEN ME PODRIA DAR EL LINK PARA DESCARGARMELO?,.. SE LO AGRADECERIA MUCHO.
0

#52 El usuario está offline   dyovaneb

  • Reciente
  • Grupo: Miembros
  • Mensajes: 1
  • Registrado: 15-junio 10
  • Sexo:Masculino
  • Navegador:Otro

Escrito 16 junio 2010 - 12:03

hola, muchas gracias por el tutorial.
Tengo una pregunta que espero me puedas responder, es algo parecido a esto pero un poco más complejo, quiero ver si se puede que en vez de mandarte al fotograma de contraseña incorrecta al momento de apretar el botón, el programa revise letra a letra lo que el usuario va escribiendo, me explico, por ejemplo si la contraseña es "pass123" el programa revise si la letra que escribí está bien cuando la suelto, es decir, si estoy escribiendo pass.. y presionó el 4 el programa inmediatamente me diga que me equivoqué, no espere hasta el final para decirme.
Eso es Muchas gracias.
0

#53 El usuario está offline   soledila

  • Reciente
  • Grupo: Miembros
  • Mensajes: 1
  • Registrado: 30-junio 10
  • Sexo:Femenino
  • Navegador:FireFox

Escrito 30 junio 2010 - 07:13

Muy bueno chicos! es lo que estaba buscando, estuve cómo loca dos día luchando contra mi ordenador. gracias es útil y comprimido tutorial!
gracias!
0

#54 El usuario está offline   topotoyiyo

  • Reciente
  • Grupo: Miembros
  • Mensajes: 1
  • Registrado: 24-agosto 10
  • Sexo:Femenino
  • Navegador:Otro

Escrito 24 agosto 2010 - 03:55

Muy interesante el tutorial, intentaré probarlo ;)
0

  • (3 Páginas)
  • +
  • 1
  • 2
  • 3
  • No puedes empezar un nuevo tema
  • No puedes responder a este tema


Sitios Amigos: Tutoriales gratis | Foro de Webmasters | Foros de ComunidadHosting