No tienes acceso a esta clase

隆Contin煤a aprendiendo! 脷nete y comienza a potenciar tu carrera

Reto 3: login de usuarios

16/17
Recursos

Crearemos el diagrama de flujo de un login de usuario. En este ejemplo se armar谩 una secuencia l贸gica que tendr谩 que suceder para que el acceso a una cuenta de usuario sea correcto.

Nuestro diagrama de flujo va a estar compuesto por un elemento de inicio, un elemento de fin, dos elementos de toma de decisi贸n y 3 elementos de representaci贸n de proceso. A continuaci贸n, se mostrar谩n los pasos para construir nuestro diagrama de flujo.

Elemento de inicio

Este elemento es transcendental en nuestro diagrama debido a que marca en que parte comienza el proceso.

Ingresar usuario

El primer elemento representa un proceso, en este se recibe el usuario que quiere acceder al sitio.

Ingresar contrase帽a

En este elemento de proceso se recibe la contrase帽a correspondiente al usuario ingresado en el primer proceso.

驴Ingreso los datos?

Este elemento, es el primero de toma de decisi贸n, aqu铆 se busca validar que el usuario haya proporcionado los datos. Si la respuesta es negativa se devolver谩 al usuario al inicio del flujo, pero si la respuesta es positiva se proceder谩 a validar la informaci贸n.

Validaci贸n de usuario

En este elemento de toma de decisi贸n, se validan los datos que el usuario ingreso, si los datos coincide con la informaci贸n existente, recibir谩 acceso a la plataforma, pero si los datos no son conocidos se devolver谩 al inicio del flujo.

Dar acceso

El pen煤ltimo elemento es un elemento de proceso, en este, sele da acceso al usuario a la plataforma, sitio o informaci贸n que est谩 buscando. A este punto solo se llega, despu茅s de haber validado, toda la informaci贸n.

Fin

Al igual que indicar el inicio, indicar el final, tambi茅n es trascendental dentro de los diagramas de flujo, debido a que de esta manera los usuarios de nuestro diagrama de flujo, pueden saber, donde termina todo el proceso.

Hemos construido un diagrama de flujo que representa el proceso de login de usuario. En este ejemplo, tuvimos que tomar muchas decisiones que no estaban determinadas por la naturaleza del ejercicio, sino que nos toc贸 elegir que pasar铆a a nosotros.

隆Te reto a que crees un diagrama un poco m谩s detallado que 茅ste para validar el login de un usuario, una vez lo hagas, comp谩rtenos en la sesi贸n de comentario tu resultado.!

Contribuci贸n del curso creada por: Silfredo Ibarra.

Aportes 268

Preguntas 6

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad?

o inicia sesi贸n.

Vengo a recomendarles PSeint
ah铆 pueden hacer el algoritmo primero y luego visualizar el diagrama de flujo, a la vez que prueban lo que est谩n haciendo, es muy 煤til para aprender y ver si la l贸gica que estamos implementando resultar铆a.

馃Creo que me falta detallarlo m谩s 驴Qu茅 opinan?

馃憖 As铆 me qued贸

Ejercicio optimizado (seg煤n mi juicio):

Comparto mi ejercicio: 鈥β縬u茅 opinan?

En realidad no es posible validar primero la contrase帽a antes del usuario, ya que no tendr铆amos en donde comparar la misma.
Primero se valida que el usuario sea correcto, o sea exista, y en base a eso se compara la clave ingresada.

Jajaja dejo mi ejercicio muchachos, 驴Que opinan? senti como se me calentaba el cerebro por intentar hacerlo xD

Aqu铆 mi Diagrama 馃槂 (Quiero Feedback)

Se podr铆a hacer as铆 que lo busque en la base de datos y si no lo encuentra que le cree un usuario.

Mi modificaci贸n incluye una conexi贸n a una base de datos 馃槃 (No se si es la forma correcta de incluirla en un diagrama).

Veo que varias personas est谩n validando el usuario y la contrase帽a por separado, es mejor validar si el usuario y la contrase帽a son correctas al mismo tiempo o en procesos continuos ya que la base de datos no va a confirmar estos sin antes el frontend hacer la petici贸n, es decir, usted como persona escribe el usuario y la contrase帽a y le da acceder, ah铆 se verifica si alguno de los dos datos est谩 mal. 驴O usted escribe el usuario, le da acceder y si est谩 bien hay si escribe la contrase帽a? No verdad鈥

Hola compa帽eros de estudio, soy nuevo en platzi y esto de la programaci贸n es nuevo para mi, arregle el diagrama, pero lo 煤nico que hice es agregar cosas para especificar unos procesos, quiero su opini贸n

Feedback 馃憞

馃挮 Reto 3:

ingrese usuario

el usuario esta en el back end?
si:
鈥渄ame contrase帽a鈥

no:
鈥渄ame contrase帽a鈥

la contra es correcta?
si:
checar con usuario y si es correcto:
"pasa"
no es correcto:
鈥渧erifica tu usuario y contrase帽a鈥

esto es porque nosotres lxs hackers checamos si existe o no en la DB el user鈥amas le des a conocer al cliente si esta o no esta registrado un USER en tu DB.

LE ESTAS DANDO FERIA DE MAS鈥E ESTAS ENTREGANDO INFO GRATIS. ES UNA BRECHA DE SEGURIDAD.

de nada.

Reto 3 solucion:

Comparto mi algoritmo para login de usuarios

Agradeceria Feedback

Hola compa帽eros, comparto mi ejercicio

Antes de poner 鈥渋ngresar usuario鈥 yo pondr铆a una decisi贸n que dijera 鈥溌縠st谩 registrado en la p谩gina?鈥 si, s铆 est谩 registrado empiezo el proceso de ingresar usuario y dem谩s, si no lo est谩 pongo un rect谩ngulo que diga 鈥減or favor realice su registro鈥.

As铆 lo resolv铆

Perd贸n si la letra no se entiende mucho jajaja este es mi intento
IMG_7D7DEDEC3B92-1.jpg


Use PSeInt gracias a la recomendaci贸n de una 鈥渃ompa帽era鈥 para hacer este diagrama, acepto feedback.

Buenas noches, saludos!

Al diagrama le a帽adir铆a primero validar si es correcto o no el usuario, y si no es correcto, que se cree otro proceso de b煤squeda de usuario. Una vez confirmado definitivamente el usuario, validar si est谩 correcta la contrase帽a, y si s铆, dar ingreso.

馃憖

Ejercicio hecho鈥 驴qu茅 opinan Platzinautas?
PD: estos ejercicios que nos fue planteando la profesora Martinez los realic茅 desde la p谩gina Lucidchart, el cual es un software para realizar diagramas desde la web, y gratis! https://www.lucidchart.com/pages/es

Mi Diagrama mejorado, acepto feedback!

La est茅tica no es mi fuerte, y menos con tan poco espacio jajaja

Ac谩 mi aporte:

Algoritmo Login
	Escribir "Ingresar Usuario"
	Leer usuario
	Escribir "Ingresar Contrase帽a"
	Leer pass
	
	
	Si usuario = "Admin" y pass = "123" Entonces
		Escribir "Bienvenido"
		
	SiNo
		si usuario <> "Admin" y pass <> "123" Entonces
			Escribir "Credenciales Incorrectas"
		SiNo 
			si usuario <> "Admin" Entonces
				Escribir "Usuario Incorrecto"
			SiNo 
				Si pass <> "123" Entonces
					Escribir "Contrase帽a Incorrecta" 
				FinSi
			FinSi
		FinSi
	FinSi
	
FinAlgoritmo

Solo se considera el caso de dar acceso cuando ambos Login y Usuario son correctos.

El diagrama de flujo m谩s complejo que he hecho en este curso y hasta ahora en mi vida. Por favor rev铆senlo, espero su feedback. ^_^ Adem谩s, si desean realizar zoom denle 鈥淎brir imagen en otra pesta帽a鈥.

Saludos, har铆an falta m谩s detalles en el reintento, pero creo que es solo un esbozo鈥 Me refiero, hacer un contador y evaluarlo con una desici贸n si ya se pas贸 el n煤mero de intentos m谩ximo (3 p. e.)

Diagrama de flujo del login de un usuario

Agregue una nueva condicion que permite verificar si la contrase帽a coinciden con la del usuario y de esta manera si no es correcto que vuelva a empezar pero desde la contrase帽a

Reto 3: login de usuario

Creo que seria una verificaci贸n de roles y saber que accesos darle al usuario.

Mi aporte de login de usario

![](https://static.platzi.com/media/user_upload/image-b9c23037-8d56-4803-add8-49f3dd226567.jpg)

As铆 es como imagino que funciona este algoritmo 馃槄

Alguien me puede explicar por qu茅 al hacer el quiz me da como incorrecta una respuesta que al repetir el quiz me la da correcta? Esto me pas贸 respecto de la pregunta de que figura usar para imprimir una respuesta, al contestar 鈥渃uadrado鈥 me la daba incorrecta pero al responder rombo me respond铆a que la respuesta correcta era cuadrado. Tengo las capturas que lo prueban.
Resulta ir贸nico que se produscan estas fallas justo al desarrollar c贸mo hacer un diagrama de flujos. Y ya me hab铆a pasado con otros temas

驴Qu茅 opinan?

馃た

este fue mi ejercicio, a medida de que lo estaba haciendo mas y mas opciones se me pasaban por la cabeza, lo deje hasta ahi, pero los procesos que puedes incluir son muchisimos para este caso.

creo que le falto explicar que es una entrada y salida iba a ser mucho mas facil para la gente porque luego se van a confundir con un proceso

驴No es correcto? Decisi贸n de olvidar el usuario. 驴S铆? Proceso de recuperaci贸n y vuelta a ingresar usuario. 驴No? Decisi贸n de olvidar la contrase帽a. 驴S铆? Proceso de recuperaci贸n. 驴No? Decisi贸n de tener una cuenta. 驴S铆? Vuelta a ingresar usuario. 驴No? Proceso de creaci贸n de usuario y vuelta a ingresar usuario. 馃憗锔

3 Reto

Este ser铆a mi diagrama de flujo

Diagrama de Flujo para Log in de usuarios. Realizado en draw. io. El mensaje de error se propone gen茅rico para proteger informaci贸n sobre si existe o no el usuario registrado

Aqui esta el reto de la profesora. Espero que se entienda. Hace mucho tiempo que no hago diagramas de flujo y estoy recordando de a pocos.
![](

Es interesante la forma de leer el flujo de un ingreso de login. Se que tiene demasiados componentes. Asi que mejor analizo la parte basica porque terminare haceindome un mundo.

Agregar铆a qu al intenar tres veces ingresar con usuario o contrase帽as err贸neas, la cuenta se bloquee

Buen ejemplo

super bueno este curso鈥 super tesa esta dama Ana Belisa

Esta es mi propuesta de soluci贸n:

Algoritmo sin_titulo
definir contra ,usu como entero
escribir "intro usu "
leer usu
escribir "intro contra "
leer contra
codigo <- 123
usuario <-321
si usu= usuario y contra=codigo entonces
escribir "ingresaste exitosamente "
sino
escribir " el usuario no existe "
FinSi
FinAlgoritmo


Of course I accept feedback

Otra forma: primero ingresando usuario o tel茅fono y luego la contrase帽a, as铆 se pueden validar si los usuarios existen primero.

A帽adir铆a una variable llamada contador con el valor de 0, cada que la validaci贸n sea de un usuario m谩s su password sea negativa entonces sumaria +1 al contador, cuando el contador sea igual a 3 entonces bloquear铆a la cuenta del usuario y mandar铆a un email como tipo Alerta al mismo usuario.
woow muy buena ensa帽anza...

Mi humilde aporte ![](

este es mi ejemplo

Ahun me falta mejorar, realize el ejercicio sin ver el video para poder resolverlo solo y despues ver el video si mi diagrama es parecido lo que buscaba en el video.

LOGIN CON AUTENTICACION EN DOS PASOS

Trate de hacerle una autenticacion en dos pasos al login para a帽adirle mas caracteristicas al diagrama:

Diagrama de Login de Usuario

Le entend铆 m谩s a esta Profesora, que a mi Profesora de Algoritmica de la Universidad.

Uno de los comentarios recomendaba PSeInt y realmente es muy bueno.
Quise intentar un par de cositas avanzadas para este reto pero es medio dif铆cil el pseudo lenguaje porque hay que escribir en espa帽ol.

De todas formas me ayud贸 mucho a entender conceptos B脕SICOS super importante.
Realmente lo recomiendo 馃檶

Asi quedo mi ejemplo, que opinan?
Trate de agregar un par de pasos en caso de que el usuario haya olvidado su usuario o contrase帽a.


Lo hice con esta herramienta: https://www.diagrams.net/


As铆 lo dejar铆a yo 馃憞馃憣

Comparto mi diagrama: Diagrama login usuarios

馃槮

Validando Usuario y contrase帽a con opci贸n de recuperar

A) inicio
B) ingresar usuario
C) usuario existe? si: D no: usuario no existe ir B
D) ingrese contrase帽a
E) contrase帽a correcta? si:F no: contrase帽a incorrecta ir D
F) dar acceso
G) fin

esto lo tengo en diagrama solo que no se me da el subir im谩genes aqui xd


Este es mi diagrama sera que si quedo bien, les agradezco su opini贸n