Saltar navegación

Activa JavaScript para disfrutar de los vídeos de la Mediateca.

Registro en Wokwi y Tinkercad - Contenido educativo

Ajuste de pantalla

El ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:

Subido el 5 de diciembre de 2025 por Francisco J. G.

2 visualizaciones

Registro en Wokwi y Tinkercad

Más información Transcripción

Descargar la transcripción

buenos días a todos vamos a ver cómo registrarnos en las dos plataformas que os voy a poner como 00:00:00
opciones para poder simular nuestros proyectos de arduino y también pues de proyectos de ello 00:00:18
te las dos páginas que que propongo para que podéis simular vuestros proyectos son estados 00:00:25
de aquí. Una sería walkwee. Walkwee lo buscáis en Google y aparecería aquí el enlace. Y la otra 00:00:32
sería Tinkercad. Empezamos con Tinkercad. Para registrarnos es muy sencillo. Yo aquí ya estoy 00:00:40
registrado, pero vamos a cerrar sesión y entramos de nuevo. ¿Cómo nos registramos? Le damos al botón 00:00:49
de registro y tiene tres opciones. Los profesores empiezan aquí, como profesor, como estudiante 00:00:57
uniéndote a una clase que puede generar un profesor y como cuenta personal. Os aconsejo 00:01:04
que lo hagáis como cuenta personal, le dais y a través de Google podéis entrar perfectamente 00:01:08
en el registro de Tinkercad. Es muy fácil, le dais, a mí me aparecerá ya la cuenta 00:01:13
y poco más que decir en cuanto al registro de Tinkercad. 00:01:23
Tinkercad es una plataforma que se utiliza tanto para diseños 3D como para circuitos. 00:01:28
Lo que nos interesa son los circuitos. 00:01:33
Veis aquí tengo proyectos que tengo hechos. 00:01:35
Conforme vaya haciendo proyectos se irán generando aquí. 00:01:39
¿Cómo empezamos para crear un proyecto nuevo? 00:01:44
Le damos aquí al botón de crear y nos da la elección de circuitos o diseños 3D. 00:01:48
Le dais a circuitos y automáticamente os aparecerá el canvas de Tinkercad con este aspecto. 00:01:54
Aquí tenemos un botón para el código, tenemos un botón para iniciar la simulación 00:02:06
y luego por los componentes serían todos estos que aparecen aquí abajo. 00:02:11
Podéis buscar el componente que queráis, si queremos buscar el LED nos aparecerá el LED y podéis poner tanto el básico como todos. Aquí hay distintos enlaces, bien si queréis que solo aparezcan los componentes básicos, 00:02:16
y que aparezcan el arduino, microbit, que sería otro tipo de tarjeta que se puede utilizar, 00:02:34
pero nosotros utilizaremos arduino, ensamblajes de circuito, bueno, nosotros lo vamos a poner todos y nos aparecerá aquí. 00:02:41
Veis que los tiene estructurados como general, entrada, de salida, potencia, placas de pruebas, los microcontroladores, 00:02:47
aquí tendremos las microbit y tenemos el arduino 1, que es con el que vamos a trabajar. 00:02:59
Luego todo de instrumentos de medida, para tener un multímetro, un osciloscopio, etcétera, circuitos integrados, bueno, tenéis un control de potencia, conectores de lógica, etcétera. 00:03:04
Para comenzar un proyecto, muy sencillo en Tinkercad, nada más que con el ratón arrastréis el componente al canvas y lo tendríamos aquí. 00:03:16
Aquí tenemos lo que es la barra superior del canvas, si veis tenemos varios iconos, esta herramienta es para generar notas, esta otra sería para activar y desactivar la nota que hayamos puesto. 00:03:24
Esto sería para poner el cable con el que vamos a realizar las conexiones, ponerlo de un determinado color. 00:03:46
Aquí nos da muchas opciones y este sería el tipo de cable que podemos utilizar. 00:03:51
Hay distintos tipos de cables. Utilizaremos en un principio el cable normal. 00:03:57
Lo primero para empezar un proyecto sería comenzar arrastrando la placa de Arduino y la tenemos aquí. 00:04:01
Con el scroll del ratón podemos alejarlo o acercarlo para poder tener una mayor visualización de todo el proyecto y tener el canvas con todos los componentes que sean visibles. 00:04:09
El siguiente componente que necesitamos, aparte de la tarjeta o controladora Arduino Uno, sería una placa de pruebas para poder hacer las conexiones. 00:04:21
Aquí tenemos tres placas de pruebas, de ellas podemos arrastrar la normal, que sería esta de aquí, y ya tendríamos los dos elementos para empezar un proyecto. 00:04:31
Tendríamos que añadir algún elemento más, podemos añadir por ejemplo un LED, que es muy sencillo, en el que el LED, 00:04:45
veis una vez que tengo el LED, nos dice de qué color lo queremos tener y lo podríamos poner, le podemos poner un nombre, etc. 00:04:54
El LED se puede posicionar en la placa de pruebas y ya podríamos hacer un proyecto con estos tres elementos. 00:05:01
Nos faltaría, lo veremos más adelante cuando hablemos de los LED, nos faltaría una resistencia, un resistor, que normalmente, veis, aquí nos sale la propiedad del propio resistor en el que nos dice los ohmios que va a tener. 00:05:09
Por defecto aparece con una resistencia de un kilo ohmio, pero para poder encender un LED con una resistencia de 220 ohmios sería suficiente. 00:05:22
Veis que han cambiado los colores de la resistencia porque estos colores nos indican los ohmios que tiene el propio resistor. 00:05:36
lo pondríamos en serie al propio led y podríamos hacer ya un circuito que podemos cómo vamos a 00:05:45
generar los cables por ahora no me voy a centrar en explicar la placa de pruebas sólo voy a hacer 00:05:55
un sencillo un sencillo ejemplo para que veáis cómo se utiliza Tinkercad y nada más nosotros 00:06:02
Si nos posicionamos en estas dos líneas de puntos, veis que se seleccionan toda la línea horizontal de puntos. 00:06:08
¿Por qué? Porque esta placa, lo veremos más adelante, o la placa de pruebas, 00:06:22
tiene detrás una conexión metálica de manera horizontal, de tal manera que une todos estos puntos 00:06:26
y hace que sea conductora en todos estos puntos. 00:06:35
De tal manera que si yo añado un voltaje a esta línea y yo pusiera, por ejemplo, el dedo en este otro lado, pues me llegaría la carga eléctrica. 00:06:38
La energía provocada por esos 5 voltios llegaría hasta aquí. 00:06:50
Todo esto es un conductor metálico por detrás, un conductor de cobre, que lo que hace es que conecta toda la línea. 00:06:55
En la de abajo es lo mismo, una aparece con un indicativo de un más, que sería la de alimentación, y otra con un menos, que sería, cuando veamos lo que es una diferencia de potencial y cómo aplicarlo, el menos sería la de masa o tierra, 0 voltios. 00:07:01
5 voltios en este caso, si nosotros le hacemos pasar una corriente de 5 voltios con respecto a la 0. 00:07:17
En cambio todas las demás filas de puntos son verticales, veis la conexión metálica, aquí habría una serie de placas metálicas por detrás que conectan todos estos puntos para que tenga una conexión metálica de este a este. 00:07:23
Para conectar este enlace metálico con este otro tendríamos que generar un cable para poderlo unir. 00:07:37
bien entonces ya sabemos que la corriente fluye cuando nosotros le aplicamos una diferencia de 00:07:43
potencial de aquí de manera horizontal aquí de manera horizontal y en todos estos puntos de 00:07:48
manera vertical ya explicaremos lo que es en detalle la placa protoboard junto también con 00:07:53
cada uno de los componentes de la de la tarjeta de arduino tan solo voy a hacer para que veáis 00:07:58
como se generan los cables en principio no hace falta que sepáis lo que estoy haciendo nada más 00:08:06
que voy a hacer llevaría un cable hasta aquí veis no es nada más que arrastrarlo y luego pues aquí 00:08:13
le pondría el color que va en un principio vamos a poner que este cable sea de color rojo porque 00:08:18
va a ir a la línea de alimentación ya veremos qué es eso le ponemos de color rojo y siempre 00:08:27
la línea alimentación se simula de color rojo bien ahora tendríamos todo esto desde esta patita del 00:08:31
del led hasta el resistor y luego hasta la fuente alimentación todo esto está comunicado una vez que 00:08:37
tenemos todo eso comunicado tendrá que hacer el otro lado la otra pata esta sería la una un led 00:08:44
tiene dos patas una más larga que otra la larga es el ánodo y es la carga positiva mientras que 00:08:51
la otra la pequeña sería el corta sería el cátodo y carga negativa entonces hay que cerrar el 00:08:56
circuito y entonces tendríamos que generar un cable de aquí aquí hasta la zona de tierra este 00:09:01
Si le vamos a poner de color negro, pues por convenio la que enlaza a la línea de tierra sería de color negro y la otra de color rojo. 00:09:06
Bien, ya tenemos el circuito en la placa de pruebas, pero nos faltaría enlazarlo con la placa de arduino. 00:09:14
A nosotros lo que queremos es aquí, en esta línea de alimentación, para que alimente a este circuito, necesitamos aplicarle un voltaje. 00:09:22
Lo vamos a hacer con la placa de Arduino a través de, veis, cuando yo cliqueo el propio cable, el cable genera un ángulo para que nosotros podamos llevar el cable hasta donde nosotros lo deseemos. 00:09:28
Si lo queremos poner de manera ordenada, podemos arrastrar los puntos y dejarlo todo más visual. 00:09:40
Le ponemos de color rojo, puesto que ha ido hasta la línea de alimentación, le ponemos todo correcto y ya tendríamos enlazado los 5 voltios con esta línea. 00:09:48
enlazaría hasta aquí pero qué sucede un circuito tiene que estar cerrado aquí faltaría que la línea 00:09:56
de masa también o de tierra estuviera conectada para ello lo llevamos a la zona de la el pin de 00:10:01
tierra que sería el de la placa de arduino que es el llamado gene de en ground en inglés tierra o 00:10:08
más una vez que ya está conectado este como sería el de 0 voltios le vamos a poner por convenio 00:10:13
también de color negro y ya tendríamos todo el circuito cerrado vamos a comprobar si esto es 00:10:18
está bien o no y dándole a simular nos generaría que el led se enciende debido a que hemos generado 00:10:23
un circuito en la placa de arduino no mismo está actuando como si fuera una pila con su polo 00:10:32
positivo que es el de 5 voltios y su polo negativo que sería el de ground esa hemos cerrado el 00:10:37
circuito con el led y con la resistencia es necesario siempre poner un resistor en serie 00:10:42
al led para que el led no se queme puesto que no aguanta pues voltajes muy elevados por ello 00:10:47
Le hemos puesto un resistor aquí. Esto sería, a grandes rasgos, lo que sería cómo hacer un proyecto muy sencillo en Tinkercad. Vamos a hacer lo mismo, vamos a pararlo. Aquí, como veis, no hemos puesto nada de código. 00:10:52
Si tuviéramos que poner código, aquí elegiríamos el código. Aquí por defecto nos aparecen los bloques, pero nosotros vamos a trabajar en C. Entonces, a nosotros nos interesa el texto. Ahora tendríamos que continuar y ya nos aparecería el texto que por defecto en C++, el código de la placa de Arduino, va a venir con dos métodos. Uno que sería el void setup y otro el void loop. Ya veremos lo que es. 00:11:11
bien, una vez que ya hemos hecho el proyecto en Tinkercad 00:11:36
y sabemos cómo se maneja Tinkercad 00:11:40
este proyecto no sería necesario guardarlo 00:11:41
ya lo guarda automáticamente con un nombre 00:11:46
si veis aquí ya tiene un nombre que te lo pone por defecto 00:11:48
pero este se puede cambiar el nombre y poner 00:11:51
mi primer proyecto 00:11:53
automáticamente se queda guardado en nuestros proyectos 00:11:58
Y si nosotros le damos a salir aquí, veríamos que dentro de nuestros proyectos aparecería uno más, que sería el que acabo de crear. 00:12:05
No es necesario guardar el proyecto, automáticamente ya te lo guarda. 00:12:21
¿Qué sucede ahora con Wokui? Wokui es una otra plataforma de simulación. 00:12:25
Si le damos, la plataforma sería esta que aparece aquí. 00:12:30
Ahora todos los elementos aparecen en esta primera parte, elementos de las tarjetas que podemos utilizar. Aquí tenemos la SP32 que la utilizaremos para los proyectos de IoT y tenemos la tarjeta de Arduino que podemos simular en el mismo proyecto que hemos hecho con Tinkercad. 00:12:34
¿Cómo nos registramos? Yo aquí también estoy logueado y no me voy a desloguear, pero si me deslogueo nos permitirá registrarnos aquí igualmente. Voy a desloguearme para que lo veáis. 00:12:52
Al entrar, podemos entrar tanto con la cuenta de Google como con una cuenta de email. Yo he puesto mi cuenta de email de EducaMadrid, pero vosotros podéis hacerlo con vuestra cuenta de Google. 00:13:07
Una vez que tengo, me envían un correo a la cuenta y en la cuenta de correo me aparecerá un mensaje que me ha enviado Wokwi para que nos logueemos. 00:13:26
nos envían un link 00:13:55
en el cual al dar al propio link 00:13:58
en el correo 00:14:01
ya nos aparecería la cuenta 00:14:02
logueada 00:14:05
si nos metemos de nuevo 00:14:06
en Wokwi 00:14:08
ya estaría dentro 00:14:09
de mi perfil, lo veis con mi correo 00:14:20
¿qué elementos tiene 00:14:21
Wokwi? aquí tenemos mis proyectos 00:14:23
ahora iremos a nuestros proyectos 00:14:26
luego con nuestro perfil, el lenguaje que vamos a utilizar 00:14:27
y para desloguearnos 00:14:30
Esto ya veremos más adelante lo que es. En cuanto a la pantalla principal de Wokwi, veis que aquí nos dice el precio porque hay distintos paquetes. El paquete normal nos va a permitir hacer todo lo que queremos hacer a través de este curso, pero es cierto que a veces en la compilación del código tarda un poco. 00:14:31
Si veis, tiene también un apartado de Wokui Pro 00:14:52
para los que han adquirido algún plan 00:14:58
y aquí nos dice los tipos de universidades, los países que lo utilizan, etc. 00:15:02
Si le damos a Arduino Uno, aquí nos aparecerán distintos proyectos que por defecto ya tiene 00:15:09
Fijaos, vamos a ver uno sencillo para que veamos cómo funciona. Vamos a ver este Electronic Safe. Este sería el formato de Wokui. Wokui nos aparece la pantalla dividida en dos partes. Una parte de la izquierda sería el código y otra parte de la derecha con el proyecto en sí. 00:15:17
aquí tiene un botón de más 00:15:42
ahora lo haremos con el mismo proyecto que he hecho en Tinkercad 00:15:44
en el que iremos añadiendo los elementos 00:15:47
este proyecto cuando lo ejecutas 00:15:49
bueno, pues aquí lo que nos 00:15:51
utiliza una pantalla LCD en el que 00:15:54
permite meter 00:15:57
creo que lo que hace es que tú metes 00:15:59
un ángulo 00:16:03
y a continuación lo que hace es que 00:16:05
el servo se mueve esos ángulos 00:16:10
A ver si entra el nuevo código. Bajo licencia. Si veis aquí lo que tiene es una serie de claves y lo que hace, veremos, aunque aparezca mucho código, veremos que debe ser que introduzcas una contraseña 5555 y ahora confirmar el código 5555. 00:16:12
vale ya lo tenemos y ahora ya tenemos el para poder mover este servo y tenemos que poner la 00:16:42
contraseña que hemos fijado le damos y a continuación estará desbloqueado otro nuevo 00:16:49
código etcétera bueno este es un ejemplo que nos aparece aquí en walkway hay muchos ejemplos fijaos 00:16:57
hasta lo que se puede llegar a hacer aquí tenemos un un poco este está muy bien en el que al darle 00:17:04
ejecutar fijaos podemos jugar al pon con estos dos cursores y me acaba de 00:17:11
lo que sucede es que el fundador no suena 00:17:20
por alguna razón no suena 00:17:34
bueno este sería el proyecto fijaos lo que podemos llegar a no es tan difícil llegar a 00:17:43
hacer un proyecto como éste lo haremos paso a paso para que podamos llegar a 00:17:54
entender un proyecto de este tipo bien hemos visto los proyectos ahora lo que 00:17:59
vamos a hacer es irnos a nuestros proyectos a mis proyectos y bueno aquí 00:18:04
tengo un cargado de dos proyectos pero vamos a hacer uno nuevo veis que aquí 00:18:09
aparece new project le damos y nos aparecerá 00:18:12
nos dará la opción de poder elegir la placa que queremos utilizar le damos a 00:18:17
arduino y nos sale la misma placa que aparecía en tinker cat con el scroll del ratón también podemos 00:18:23
reducir el tamaño de la placa para que nos quepan los componentes y con el más es sencillamente lo 00:18:30
que vamos a ir es añadiendo componentes aquí también tiene un botón de tres puntos que sirve 00:18:37
pues para el zoom para el zoom para ponerle un grid para poner full screen y que tengamos la 00:18:42
placa la podemos ir moviendo y poner el screen en el screen de esta manera podemos dejar de 00:18:53
la full screen y quitar el grid y dejaríamos más que la placa de arduino a continuación le 00:19:01
le añadimos una placa de pruebas, que aquí tiene tres placas de pruebas, 00:19:09
que le llama aquí en vez de protoboard, le llama breadboard, 00:19:13
y tiene la full, la media y la mini. 00:19:16
Vamos a sacar la media, disminuimos un poquito esto para que podamos tener, 00:19:18
y vamos a realizar exactamente lo mismo. 00:19:25
Veis que en el código aquí tenemos el sketch, 00:19:27
que nos saldría como los dos métodos, tanto el setup como el loop, 00:19:30
que ya veremos lo que son, y que no devuelven ningún valor, lo veis, void, esto es lenguaje C++, 00:19:36
y por otro lado tenemos un diagrama Json, este diagrama Json podemos alterar las propiedades del canvas 00:19:43
donde tenemos nuestro propio proyecto, por ejemplo, en las partes, conexiones, aquí podemos decir en qué posición está, 00:19:51
lo veis con respecto a la posición de arriba del canvas pues a 22 con 2 en la izquierda cuando 00:20:00
todos lo podemos variar y de manera manual imaginaos voy a meter el led y quiero que 00:20:05
haga este led veis que ahora cuando marcó el led nos sale una barra en el que nos indican 00:20:12
los distintos colores yo le puedo ir dando a cada color y el melo varía también la otra manera sería 00:20:17
pues a través del diagrama json veis que ahora me ha añadido el led y estaría aquí en el que 00:20:23
uno de los atributos le ha llamado walkie led y este su tamaño y cómo está con respecto pues 00:20:31
al canvas en la posición y en uno de los atributos le llama color si yo lo varío en el json y le 00:20:39
pongo red me lo cambiaría a color rojo con este json podemos variar todas las propiedades de lo 00:20:46
que del canvas donde tenemos nuestro proyecto. Luego tenemos el library manager que lo que hace 00:20:52
es instalar librerías. Podemos añadir librerías que ya veremos para poder programar con ellas y 00:20:59
poder obtener funcionalidades de cada uno de los componentes. Nos vamos al sketch y lo dejamos así. 00:21:05
Podemos también, si queremos agrandar la parte de la simulación, podemos llevar con la barra hacia 00:21:12
a la izquierda y reducir la zona o la parte de la pantalla de código. Vamos a hacer el mismo 00:21:20
proyecto que hemos hecho en Tinkercad. Llevamos el propio LED a la placa de pruebas, le añadimos 00:21:27
un resistor. El resistor con la letra R podemos girarlo, tanto el resistor como cualquier componente, 00:21:32
le podemos girar cuando le marcamos, le podemos girar dándole a la letra R o incluso pues con 00:21:39
esta otra función de rotar. Le dejamos de manera vertical para dejarlo exactamente y establecer 00:21:44
toda la línea y ahora vamos a llevar para crear un cable, no es nada más que coger un punto y 00:21:50
arrastrarlo. Este punto, acordaos, iba hacia la fuente de alimentación, hacia la línea de 00:21:56
alimentación. La línea de alimentación sería esta. Lo ponemos también de color rojo. Si yo 00:22:04
marcó el cable nos permite ponerlo de color rojo a continuación aquí si veis aquí la diferencia de 00:22:13
la placa anterior el más lo tiene arriba y el menos lo tiene abajo vamos a poner primero él 00:22:21
el cable que va al gnd vamos a utilizar ahora este de aquí arriba y lo ponemos de color negro 00:22:30
Ahora, alimentación, la llevamos hasta 5 voltios y lo ponemos de color rojo. 00:22:36
Ya tendríamos parte del circuito, nos faltaría unir la parte del cátodo o del polo negativo del LED. 00:22:47
Para ello tenemos que unir estas dos líneas, unimos esta aquí y lo ponemos de color negro, 00:22:57
puesto que sería la parte negativa, y de aquí lo tenemos que llevar hacia masa o tierra. 00:23:05
Y ya tendríamos el circuito cerrado. 00:23:17
Si ahora, del mismo modo que sucedía en Tinkercad, aquí le das a ejecutar y nos aparecería el color del LED. 00:23:19
Y tan sencillo como esto. 00:23:26
Si aquí no hemos hecho ningún código, ni hemos hecho, veis, yo puedo mover todo el proyecto de ubicación para que podamos visualizarlo muchísimo mejor. 00:23:28
Si queremos pararlo o pausarlo, pues tenemos aquí las dos opciones. 00:23:38
Y una vez que ya hemos terminado el proyecto, aquí, a diferencia de Tinkercad, en Tinkercad el por defecto ya no salía. 00:23:42
Aquí es necesario guardarlo. 00:23:51
Para ello tendríamos que dar a guardar y poner el nombre del proyecto. 00:23:53
Vamos a poner mi primer proyecto y ya estaría. Aquí tiene una opción de ponerlo público o no público. Le vamos a dar a público, que lo vea todo el mundo y ya estaría guardado. Si nos vamos aquí a nuestros proyectos, veremos que ya nos aparece mi primer proyecto que lo está generando aquí. 00:23:56
Cuando queramos ir a él, nada más que lo clickeamos y obtenemos de nuevo el proyecto. 00:24:19
Poco más en cuanto a las dos plataformas de simulación que podremos utilizar, eso ya a gusto de vosotros, 00:24:25
sí es verdad que hay una diferencia entre Tinkercad y Wacui. 00:24:33
Wacui es una plataforma de simulación de proyectos de Arduino e IoT mucho más completa que Tinkercad. 00:24:36
Tinkercad tiene sus limitaciones, no disponemos de la placa ESP32, 00:24:43
que sería la placa con Wi-Fi para poder generar proyectos de IoT. 00:24:48
Por ello, yo voy a utilizar en la mayoría de los casos la plataforma de Wokui, 00:24:55
aunque luego la compilación sea un poquito más lenta. 00:25:02
Vosotros, en principio, cuando empecemos los primeros proyectos, 00:25:07
son proyectos muy sencillos y podéis utilizarlo tanto en Tinkercad como en Wokui. 00:25:11
Cuando lleguemos hasta todas las partes del proyecto número 1 del parking domótico, 00:25:17
ese se puede ejecutar tanto en Wokui como en Tinkercad, ya a vuestra elección. 00:25:26
Pero cuando comencemos con los proyectos IoT tendremos que hacerlo en Wokui. 00:25:32
Idioma/s:
es
Materias:
Informática
Niveles educativos:
▼ Mostrar / ocultar niveles
  • Formación Profesional
    • Ciclo formativo de grado básico
      • Primer Curso
      • Segundo Curso
    • Ciclo formativo de grado medio
      • Primer Curso
      • Segundo Curso
    • Ciclo formativo de grado superior
      • Primer Curso
      • Segundo Curso
Autor/es:
Francisco José González Constanza
Subido por:
Francisco J. G.
Licencia:
Todos los derechos reservados
Visualizaciones:
2
Fecha:
5 de diciembre de 2025 - 22:00
Visibilidad:
Público
Centro:
IES CIFP a Distancia Ignacio Ellacuría
Duración:
25′ 45″
Relación de aspecto:
1.78:1
Resolución:
1920x1080 píxeles
Tamaño:
715.46 MBytes

Del mismo autor…

Ver más del mismo autor

EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid