Creación de Diagramas de Flujo para Algoritmos de Relojes

Clase 17 de 18 • Curso de Pensamiento Lógico: Manejo de Datos, Estructuras y Funciones

Resumen

Para entender un poco más el uso de funciones, resolvamos los siguientes problemas, de esta manera identificarás cómo utilizarlos.

Algoritmo de un reloj utilizando funciones

Recordarás el algoritmo de un reloj que realizaste, existían pasos en el diagrama de flujo que se repetían. Utilicemos funciones para encapsular esa lógica y reutilizarla según corresponda.

Primeramente, definimos las variables iniciales de horas, minutos y segundos en un valor igual a cero. Estas variables seguían un formato establecido para mostrarlo como tiempo.

H = 0
M = 0
S = 0

Formato = 00:00:00

Después, validábamos cuando la variable horas y minutos era igual a 60; y la variable horas era igual a 24.

Si S == 60 entonces S = 0
Si M == 60 entonces M = 0
Si H == 24 entonces H = 0

Este comportamiento sigue un patrón, validamos que un tipo de variable esté por debajo de un límite. Entonces, encapsulemos esta lógica en una función para solamente invocarla cuando sea necesario.

Representemos como parámetros a las variables con el nombre de tipo y el valor máximo como limite. Dentro de la función utilizaremos un condicional para comprobar si tipo es igual a limite, si esto es verdadero, entonces regresamos un valor de cero, caso contrario, regresamos el mismo valor de tipo.

function validar (tipo, limite)
    if (tipo == limite)
        return 0
    else
        return tipo

De esta manera, ya podemos utilizarlo en nuestro algoritmo:

S = validar(S, 60)
M = validar(M, 60)
H = validar(H, 24)

Desafío utilizando ciclos

Utilizando ciclos, representa las sentencias que son necesarias que se repitan para que aumente una unidad las variables según el diagrama de flujo. ¡Comparte tu trabajo en la sección de aportes!

Contribución creada por Andrés Guano (Platzi Contributor).

Miguel Angel Guerrero Zambrano

student•

tipos = [h, m, s];
limite = [60, 60, 24];

function validar(tipo, limite) {
	If(tipo == limite) {
		tipo = 0;
	}
}

for(i = 0; i < tipos.length; i++) {
	validar(tipos[i], limite[i])
}

Hernan Rodriguez

student•

Hay algo que no entiendo ¿Por qué el condicional es que tipo sea igual a limite si nunca van a ser iguales? uno es una letra y el otro un número

Luis Miguel Malacara Jiménez

student•

Tenia la misma duda y creo que encontré la respuesta, cabe aclarar que no se nada de programación apenas estoy iniciando pero en lo que alguien mas experimentado en la comunidad nos orienta te comparto mi conclusion:

// Miguel se salto el paso de crear las variables, a lo cual empezando de cero creo debería quedar así;
h=00
m=00
s=00

// después debería de crear el array con esas variables agrupadas y sus limites en el mismo orden.
\
tipos=[h,m,s];
limite=[24,60,60]; 
// hora se crea la función que menciona la profe Ana
y se le agrega un ciclo, en el cual no te podría ayudar mucho, ya que no lo entendí muy bien y desconozco si funcione, así que te dejo el mismo que realizo miguel.
function validar(tipo, limite) {
	If(tipo == limite) {
		tipo = 0;
	}
}

for(i = 0; i < tipos.length; i++) {
	validar(tipos[i], limite[i])
}

Deissy Paola Cabezas Mondragón

student•

Bueno estando finalizando el curso me di cuenta que muchos temas no me quedaron claros me toca buscar apoyo por otro lado y volver a mirar el curso para ver si logro despejar muchas dudas. Para muchos pueda que esto sea algo elemental pero para mí que estoy iniciando en este tema es un poco complejo entender muchos términos que no son aclarados desde el principio

Claudia Nogueira

student•

Te doy un tip, a mi eso tbn me pasa en alguna clases. La clase que no entiendas, pausa el video y busca lo que tu no entiendes, estudia hasta logre entender, tiene full contenido en youtube. Cuanto logre a entender ai vuelves de nuevo al video donde paraste. No olvide de hacer las anotaciones.

David Alvarado

student•

No eres la unica, creo que tocara lo mismo buscar apoyo por por otros lados :(

DORA ELSA ANAYA RIOS

student•

seria mas facil el aprendizaje si las explicaciones fueran mas practicas :')

Emmanuel Sosa

student•

No te desamines y sigue avanzando en los cursos, las sugerencias de ejercicios son por si casualmente te viste iluminado y puedes resolverlo en este preciso momento. Si no, sigue avanzando y veras que la solución va decantando en cada clase. Si te fijas en las respuestas de otros, casi ninguno resuelve las cosas con los recursos que se dieron desde la clase 1, si no que traen conceptos y soluciones que se ven mas adelante (o ya las sabían de otra fuente de información). Si no te sale o no lo entiendes, sigue y si aun así no avanzas, busca información adicional o alternativa, así cambias la perspectiva y puede que lo entiendas de otra manera.

Jorge Triana

student•

A medida que se van realizando otros cursos se van complementando los temas, ya que unos son más prácticos que otros, hice todo el curso de programación básica y fueron varios puntos que al verlos de nuevo en este curso los entendí mucho más y creo que al hacer otro curso en el que vea de nuevo estos temas los recordare y entenderé as fácil cuando los expongan.

Johan Rodriguez

student•

Así lo hice yo en JS. Agradezco todo feedback que me den

Roger H.

student•

Bien hecho

jesus gomez

student•

Te falto un detalle en el limite. Los segundos y minutos si tienen un limite de 60 sin embargo el limite de las horas es 23 por tanto tiene que hacer otro limite especifico para las horas o hacer un array

Usuario anónimo

user•

const type = [h, m, s];
const limit = [60, 60, 24];

function inicializarContador(type, limit){
	If(type == limit) {
		type = 0;
	}
}

for(i = 0; i < type.length; i++) {
	//llamada a la función
	inicializarContador(type[i], limit[i]);
}

Carlos Andres Fonseca Fonseca

student•

si no estoy mal esto es Js y en el primer array los valores son de texto osea deberian tener comillas o si no dara un error ademas creo que el type del if ya esta declarada arriba como un arreglo (es probable que me equivoque XD)

Tomás Echeveste Arteaga

student•

Esta clase me ayudo a mejorar mi cronometro. Siempre me impresiona como se pueden usar las funciones y lo complejo que es realmente entenderlas y usarlas bien. A veces siento que requieren una creatividad que simplemente no tengo pero espero que con el tiempo y con la experiencia vaya saliendo. Espero les sirva!

const limite = [60, 60, 24];
let tipo = [0, 0, 0], // segundos, minutos, horas
  txt0 = document.getElementById("txt");
setInterval(function () {
  tipo[0]++;
  validar(0);
  validar(1);
  validar(2);
  txt0.innerHTML = "La hora es: " + tipo[2] + ":" + tipo[1] + ":" + tipo[0];
}, 1000);
function validar(a) {
  if (tipo[a] == limite[a]) {
    tipo[a] = 0;
    tipo[a + 1]++;
  }
}

Camilo Moreno

student•

Muchas gracias, muy claro :)

Ronald Felipe Trujillo Garzon

student•

Me costo pero lo entendi

N40 M10

student•

Cuidado al ejecutarlo, es un ciclo infinito y no tiene limpieza de memoria. También le hace falta que un segundo sea igual a un segundo, actualmente un segundo es igual a un calculo del procesador(super rapido).

var tipos = [0, 0, 0];
var limites = [59, 59, 23];

function reloj(){
    while(true){
        if(tipos[0] = limites[0]){
            tipos[0] = 0;
            if(tipos[0] < limites[0]){
                tipos[0]++;
            }
        };

        if(tipos[1] = limites[1]){
            tipos[1] = 0;
            if(tipos[0] = limites[0]){
                tipos[1]++;
            }
        };

        if(tipos[2] = limites[2]){
            tipos[2] = 0;
            if(tipos[1] = limites[0]){
                tipos[0]++;
            }
        };

        console.log(tipos[2]+":"+ tipos[1]+":"+tipos[0]);   
    };
};

reloj();

Raúl Rivera Carreño

student•

Pensaba en eso desde la primera vez q se expuso ese ejemplo. Cómo se podría establecer ese parámetro de duración?

Camilo Moreno

student•

Me parece muy interesante tu respuesta, pero tengo una duda: ¿En ese código, cuándo se suma al siguiente tipo? Por ejemplo, ¿en qué parte del código se señala que al completar 60 segundos aumenta un minuto? Gracias por tu ayuda

Paula Andrea Hayle

student•

if (H<=23){ M=0 M++ }

siganle..... de nada. :*

EDWIN ALEXANDER PARRA GOMEZ

student•

#teamplatzi por favor actualizar este curso a uno más practico

Juan Ignacio San Pedro Arrón

student•

Concuerdo contigo!

Sebastian Bautista

student•

cuando inicié en Platzi fue con el curso de programación Basica, el reto era crear un juego que se pudiera jugar en diferentes dispositivos, era mi primer vista hacia la programación, sinceramente terminé y hubo muchisimas cosas que no comprendía del todo, pero seguí adelante y al tomar estos cursos, he comprendido mucho de lo que ya vi, algo que es importante es practicar, para hacer código se requiere practicar y se requiere cometer errores para comprender. así que si hay cosas que aun no se comprenden a estas alturas, no se preocupe, repita, busque por otros medios, lea los aportes y preguntas y poco a poco irá aprendiendo. Por ahí dicen que nunca hay que parar de aprender.

Darwin jesus sierra parada

student•

Hola, buenas noches. ¿Como estas? entonces estas diciendo que aprendiste a programar. por medio de cursos de platzi o por medio de otras plataformas? o de clases presenciales

Diego Morales

student•

Con el debido respeto, la teacher no deja claro con el algoritmo sobre la condicional o los tipos en esta clase, no logro comprender.

MAYERLY ROCIO HERNANDEZ RODRIGUEZ

student•

Hola, con respeto quiero dar una opinión, por si de pronto Platzi lee estos aportes: Me gustaría que platzi dejara las respuestas o soluciones a los ejercicios o retos que propone, para contar con un referente y saber si estamos comprendiendo lo que quieren con el ejercicio y sobre todo aprendiendo el tema. Mi solución no va a funcionar como un reloj, pero aplico un ciclo e invoco la función para cada variable, que hasta ahora es lo que entiendo y no sé si del todo bien. Gracias,

Variable s=0
              m=0
               h=0
function validar (tipo, limite) {
    if (tipo == limite) {
        return 0
    } else {
        return tipo
    }
}

for (var s = 0; s<=60; s= s+1) {
    var rta = validar(s, 60)

Mostrar conteo segundos;

for (var m = 0; m<=60; m=m+1) {
    var rta = validar(m, 60)

Mostrar conteo minutos;

for (var h = 0; h<=24; h=h+1) {
    var rta = validar(h, 24)

Mostrar conteo horas;

Edward Santiago Mijares Panqueba

student•

Te falto realizar el array de tipo y limite, por qué entonces no estás diciendo nada en la función.

Carlos Alberto Cano Cardenas

student•

si encuentran algun error se los agradesco

h=0;
m=0;
s=0;

for(s;s<60;s++){
 if(s==60){
   m=m+1;
   s=0;
   if(m==60){
     h=h+1;
     m=0;
     if(h==24){
       h=0
     }
   }
 }
  console.log(s,m,h)
}

while(s<60){
  if(s==60){
    m=m+1;
    s=0;
    if(m==60){
      h=h+1;
      m=0;
      if(h==24){
        h=0;
      }
    }
  }
  s++
  console.log(s,m,h);
}

Teo Zavala

student•

Buen aporte.

acardonag Cardona Giraldo

student•

no funciona

Ysmael Marcano Perez

student•

En mi aporte realice funciones que luego llame en el ciclo, que pueden ser reutilizadas. A la orden cualquier pregunta

Pablo Vergara

student•

¿QUE OPINAN DE ESTA FUNCION?

¿ES VALIDO Y FUNCIONAL ESTE RELOJ?

Juan Diego Rojas Aguilar

student•

Tal vez podrías poner que si se da cuerda se reinicia el proceso y que si no, acaba. :)

Pablo Vergara

student•

Juan, si si, si se usa a diario. Le sume un FIN para seguir a la profe Ana. Esta idea se me ocurre con reloj que se usa en ocasiones o temporada de verano y se guarda el resto del año. Una idea para que tenga un FINALGORITMO con cierto sentido.

Lucas Bonaffini

student•

import time


seconds = 0
minutes = 0
hours = 0

    
def validate(type, limit):
    if type == limit - 1:
        type = 0
    else:
        type += 1
    return type
        

while True:
    seconds = validate(seconds, 60)
    if seconds == 0:
        minutes = validate(minutes, 60)
        if minutes == 0:
            hours = validate(hours, 24)
    print(f'{hours}:{minutes}:{seconds}')
    time.sleep(1)

Nicolas Alpargatero

student•

A pesar de que es un curso para iniciantes como yo, agradezco que personas como tu aporten esto, pues no sabía como hacerlo y llevaba horas, tu aporte para mi es el más claro.

Ari Torres

student•

Mi pequeño aporte ¡Quizá te sirva de inspiración! 🙂 ‎

‎ Aquí les dejo el código, como corresponde:

‎ HTML

‎‎<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Clock</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>

    <div class="clock">
		<span id="hours">00</span> :
		<span id="minutes">00</span> :
		<span id="seconds">00</span>
	</div>

	<script src="script.js"></script>
</body>
</html>

‎ CSS

body {
    background-color: #000000;;
}

.clock {
    font-family: 'Montserrat', sans-serif;
    font-size: 60px;
    text-align: center;
    color: #ffffff;
    background-color: #000000;
    padding: 50px;
    margin-top: 20%;
  }
  
  #hours, #minutes, #seconds {
    display: inline-block;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: #00bfff;
    line-height: 100px;
    margin: 20px;
    text-shadow: 0 0 10px #fff;
    box-shadow: 0 0 20px rgba(0, 191, 255, 0.5);
  }
  
  #hours {
    background-color: #ff1493;
    box-shadow: 0 0 20px rgba(255, 20, 147, 0.5);
  }
  
  #minutes {
    background-color: #00ff7f;
    box-shadow: 0 0 20px rgba(0, 255, 127, 0.5);
  }
  
  #seconds {
    background-color: #ffd700;
    box-shadow: 0 0 20px rgba(255, 215, 0, 0.5);
  }

JavaScript

//Tempus fugit...

const h = document.getElementById("hours");
const m = document.getElementById("minutes");
const s = document.getElementById("seconds");

function update_display(value, element) {
    element.innerText = (value < 10 ? "0" : "") + value;
}

function increase_seconds() {
    let seconds = parseInt(s.innerText);
    switch (seconds) {
        case 59:
            update_display(0, s);
            increase_minutes();
            break;
        default:
            seconds++;
            update_display(seconds, s);
            break;
    }
}

function increase_minutes() {
    let minutes = parseInt(m.innerText);
    switch (minutes) {
        case 59:
            update_display(0, m);
            increase_hours();
            break;
        default:
            minutes++;
            update_display(minutes, m);
            break;
    }
}

function increase_hours() {
    let hours = parseInt(h.innerText);
    switch (hours) {
        case 23:
            update_display(0, h);
            break;
        default:
            hours++;
            update_display(hours, h);
            break;
    }
}

setInterval(increase_seconds, 1000);

//A script made by Nise and GPT-3.5
//2023 A.D

Dario Mendoza

student•

nice

Alejandro Berrio Gutierrez

student•

Sebastian Videa Burgos

student•

Aquí está un ejemplo de un algoritmo en pseudocódigo para simular un reloj utilizando funciones y ciclos:

Declare una función llamada "incrementarTiempo" que tome 3 valores: horas, minutos y segundos
  Si segundos < 59
    Incrementar segundos en 1
  De lo contrario
    Poner segundos a 0
    Si minutos < 59
      Incrementar minutos en 1
    De lo contrario
      Poner minutos a 0
      Si horas < 23
        Incrementar horas en 1
      De lo contrario
        Poner horas a 0
    Fin si
  Fin si
Fin de la función

Declare variables horas, minutos y segundos con valor 0

Hacer
  Escribir horas, ":", minutos, ":", segundos
  Llamar a la función incrementarTiempo con horas, minutos y segundos como argumentos
  Esperar 1 segundo
Hasta que el usuario interrumpa el programa

Este algoritmo declara una función llamada incrementarTiempo que recibe 3 valores: horas, minutos y segundos. La función incrementa el tiempo en un segundo. Si los segundos son menores que 59, simplemente los incrementa en 1. Si los segundos son 59 o más, los pone a 0 y procede de la misma manera con los minutos. Si los minutos son 59 o más, los pone a 0 y procede de la misma manera con las horas. Si las horas son 23 o más, las pone a 0.

Después de declarar la función, el algoritmo declara las variables horas, minutos y segundos con valor 0. Luego, utiliza un ciclo hacer... hasta para simular el funcionamiento de un reloj. Dentro del ciclo, imprime el tiempo actual y luego llama a la función incrementar Tiempo para actualizar el tiempo. Finalmente, el programa espera 1 segundo antes de repetir el proceso. Este ciclo se repetirá hasta que el usuario interrumpa el programa.

Alberto J.

student•

Así entiendo más el reto. Gracias,

Rubén Peinado

student•

Lo escribí en otra clase, pero lo vuelvo a poner

let S = 0
let M = 0
let H = 0

pasarSegundos() {
 for (S = 0; S == 60; S = S + 1) {
  S = 0
  M = M + 1
  pasarMinutos()
 }
}

pasarMinutos() {
 If(M == 60) {
  M = 0
  H = H + 1
  pasarHoras()
 }
 Else {
  pasarSegundos()
 }
}

pasarHoras() {
 If(H == 24) {
  H = 0
  pasarSegundos()
 }
 else {
  pasarSegundos()
 }
}