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: …¿qué 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:
“dame contraseña”

no:
“dame contraseña”

la contra es correcta?
si:
checar con usuario y si es correcto:
"pasa"
no es correcto:
“verifica tu usuario y contraseña”

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

LE ESTAS DANDO FERIA DE MAS…LE 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 “ingresar usuario” yo pondría una decisión que dijera “¿está 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 “por 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 “compañ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 “Abrir 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 “cuadrado” 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