Tutoriales técnicos

Esta lección proporciona un lugar para ver todos los tutoriales de video Technovation para aplicaciones de codificación y la creación de modelos de IA en un solo lugar. 

Haz clic en un botón para ver los tutoriales sobre ese tema o plataforma. 

coding icon

PLATAFORMAS DE CODIFICACIÓN

Este video da una visión general de las opciones de lenguaje de codificación para Technovation. Es un poco anticuado, como Technovation permite cualquier lenguaje de codificación ahora. Sin embargo, da una buena visión general de App Inventor y Thunkable y las características de cada plataforma.

scratch cat

TUTORIALES SCRATCH

Tutoriales de Scratch

3 Videos
Seguir leyendo

Juego sencillo con sprites y temporizador.

app inventor bee logo

APP INVENTOR TUTORIALES

Abre cada pestaña de abajo para ver algunos tutoriales de video que te ayudarán a aprender diferentes funciones que podrían ayudarte a desarrollar tu aplicación.

En videos se ofrece una visión general de las dos ventanas de App Inventor : el Diseñador y el Editor de bloques. 

Plataforma

2 Videos
Seguir leyendo

Este tutorial es parte de una lista más amplia para hacer un juego, pero muestra algunas de las características del Diseñador y el diseño de la interfaz de usuario en App Inventor. Si desea utilizar la plantilla de inicio, aquí está el enlace

Si eres nuevo en la programación, estos son algunos buenos tutoriales introductorios que puedes probar.

Aprenda App Inventor

2 Videos
Seguir leyendo

Esta es una buena introducción al uso de App Inventor. También conocido como el tutorial Soundboard, aprendes cómo hacer una aplicación simple donde el usuario pulsa un botón y se reproduce un discurso. Puedes descargar el proyecto de inicio aquí e importarlo a App Inventor (Dave te muestra cómo en video). 

Una característica de muchas aplicaciones es la posibilidad de que los usuarios inicien sesión con un nombre de usuario y una contraseña. Puedes añadir esta función a cualquier aplicación siguiendo las instrucciones de video.

El juego Reciclar utiliza muchos conceptos sencillos pero se basa en ellos para construir un juego bastante complejo. Aprenderás a utilizar un temporizador para mostrar imágenes, detectar pulsaciones de botones y sumar y restar a una puntuación. Aquí tienes un enlace a la plantilla de inicio en App Inventor.

Juego de reciclaje

7 Videos

Estos videos le muestran cómo utilizar el Canvas y ImageSprites para crear un juego animado.

Si quieres seguirlo desde el principio, puedes encontrar las imágenes utilizadas en la aplicación aquí

Si desea omitir el primer video que construye la interfaz de usuario, puede abrir la plantilla que tiene la interfaz de usuario construida haciendo clic aquí.  

Juego animado

4 Videos

En videos se explica paso a paso cómo crear una aplicación para voluntarios. Los tutoriales le muestran cómo añadir un mapa con marcadores informativos en su aplicación. También verás cómo integrar llamadas telefónicas en tu aplicación y cómo mostrar sitios web utilizando el componente WebViewer.

Aplicación para voluntarios

2 Videos
Seguir leyendo

Buen ejemplo de uso del componente Mapa para proporcionar información basada en la ubicación a los usuarios. En este caso, oportunidades de voluntariado. La aplicación también utiliza WebViewer para mostrar información del sitio web, y PhoneCall para que el usuario pueda llamar a las organizaciones de voluntarios desde la aplicación.

Parte 1 de 2 videos - añadir mapa, marcadores e información básica

Los primeros 3 videos cubren la creación de una aplicación Green Tracker que permite a los usuarios hacer un seguimiento diario de su comportamiento ecológico. Los datos se almacenan mediante TinyDB en el dispositivo móvil del usuario. 

La 4ª página video muestra cómo almacenar los elementos de una lista en TinyDB. 

 

Uso de TinyDB para almacenar datos

4 Videos
Seguir leyendo

Green Tracker Parte 1 muestra cómo almacenar datos de seguimiento en su teléfono con el componente TinyDB.

Las interfaces de programación de aplicaciones o API son muy útiles para las aplicaciones. Aprende a conectar tu app a sitios web o servidores externos para enviar y recibir datos. 

APIs

4 Videos

El tutorial de prueba rápida muestra cómo conectar una hoja de Google a su aplicación para almacenar los datos de la tabla de clasificación. Haga clic aquí para abrir la plantilla de proyecto en App Inventor.

El tutorial de la aplicación Chat muestra cómo almacenar información de chat utilizando CloudDB.

Datos en la nube

2 Videos
Seguir leyendo

El tutorial de prueba rápida muestra cómo conectar una hoja de Google a su aplicación para almacenar los datos de la tabla de clasificación. Haga clic aquí para abrir la plantilla de proyecto en App Inventor.

Thunkable beaver logo

TUTORIALES PRÁCTICOS

Abre cada pestaña de abajo para ver algunos tutoriales de video que te ayudarán a aprender diferentes funciones que podrían ayudarte a desarrollar tu aplicación.

Este video da una visión general de la plataforma Thunkable.

Si eres nuevo en la programación, estos son algunos buenos tutoriales introductorios que puedes probar.

Aprender Thunkable

2 Videos
Seguir leyendo

Esta es una buena introducción al uso de Thunkable. También conocido como el tutorial Soundboard, aprendes a hacer una aplicación simple donde el usuario hace clic en un botón y se reproduce un discurso. Haz clic aquí y sigue los enlaces de I have a dream para descargar los recursos para hacer la aplicación.

Una característica de muchas aplicaciones es la posibilidad de que los usuarios inicien sesión con un nombre de usuario y una contraseña. Puedes añadir esta función a cualquier aplicación siguiendo las instrucciones de video.

En videos se explica paso a paso cómo crear una aplicación para voluntarios. Los tutoriales le muestran cómo añadir un mapa con marcadores informativos en su aplicación. También verás cómo integrar llamadas telefónicas en tu aplicación y cómo mostrar sitios web utilizando el componente WebViewer.

Aplicación para voluntarios

2 Videos
Seguir leyendo

Buen ejemplo de uso del componente Mapa para proporcionar información basada en la ubicación a los usuarios. En este caso, oportunidades de voluntariado. La aplicación también utiliza WebViewer para mostrar información del sitio web, y PhoneCall para que el usuario pueda llamar a las organizaciones de voluntarios desde la aplicación.

Parte 1 de 2 videos - añadir mapa, marcadores e información básica

Los 3 videos cubren la creación de una aplicación Green Tracker que permite a los usuarios hacer un seguimiento de lo ecológicos que son cada día. Los datos se almacenan utilizando variables almacenadas, por lo que se guardan en el dispositivo móvil del usuario. 

Uso de TinyDB para almacenar datos

3 Videos
Seguir leyendo

Green Tracker Parte 1 muestra cómo almacenar datos de seguimiento en su teléfono con el componente TinyDB.

Las interfaces de programación de aplicaciones o API son muy útiles para las aplicaciones. Aprende a conectar tu app a sitios web o servidores externos para enviar y recibir datos. 

APIs

3 Videos

El tutorial de preguntas rápidas muestra cómo conectar una hoja de Google a tu aplicación para almacenar los datos de la tabla de clasificación. Haz clic aquí para abrir la plantilla del proyecto en Thunkable.

El segundo video muestra cómo crear una aplicación que reproduzca videos. La información de video se almacena en una hoja de Google.

La tercera video es otra aplicación basada en el clima que muestra cómo mostrar la información de la tabla de clasificación desde una hoja de Google. La plantilla del proyecto de inicio se puede encontrar aquí.

El cuarto video es otro ejemplo de una antigua alumna que utiliza una hoja de Google para almacenar información de la aplicación. Aquí hay un enlace al proyecto de inicio. 

Datos en la nube

4 Videos
Seguir leyendo

El tutorial de preguntas rápidas muestra cómo conectar una hoja de Google a tu aplicación para almacenar los datos de la tabla de clasificación. Haz clic aquí para abrir la plantilla del proyecto en Thunkable.

artificial intelligence - brain with neural network

TUTORIALES SOBRE INTELIGENCIA ARTIFICIAL

Esta serie muestra cómo entrenar un modelo utilizando Machine Learning for Kids. El modelo resultante se utiliza en un proyecto de Scratch.

Ten en cuenta que los proyectos Scratch sólo son posibles para la división de principiantes.

Tutoriales de IA

3 Videos
Saber más

Make Me Happy utiliza Machine Learning for Kids para crear un modelo de aprendizaje automático para detectar texto feliz o triste. El tutorial de 3 partes utiliza el modelo en un proyecto de Scratch.

Este ejemplo utiliza un modelo para detectar sonidos (chasquido, palmada o silbido) entrenado con Teachable Machine para luego utilizarlo en un proyecto de Scratch. Aquí hay un enlace a las instrucciones para hacer el modelo. 

Ten en cuenta que los proyectos Scratch sólo son posibles para la división de principiantes.

Esta serie muestra cómo tomar un conjunto de datos público de imágenes de la web, entrenarlo utilizando el clasificador de imágenes de App Inventor, y luego añadir el modelo a una aplicación móvil con App Inventor.

Conjunto de datos de imágenes & App Inventor

3 Videos

En videos se muestra cómo crear una sencilla aplicación de piedra, papel o tijera que utiliza IA para determinar qué jugada está haciendo el usuario. Se aprende a entrenar un modelo de aprendizaje automático utilizando imágenes en Teachable Machine. A continuación, se integra el modelo con App Inventor para utilizarlo en una aplicación móvil.

Lista de reproducción

2 Videos

Pratham Goradia muestra cómo utilizar la plataforma Ximilar para entrenar un modelo con imágenes de arrecifes de coral. A continuación, el modelo se utiliza en una app Thunkable con ayuda del componente Web API.

Utiliza API y tecnología de visión por ordenador para detectar marcas en las etiquetas de la ropa. A continuación, utiliza WebView para obtener la calificación de sostenibilidad de la marca. 

Utiliza API para obtener información sobre especies en peligro de extinción del sitio web de la Lista Roja de la UICN. A continuación, utiliza un Chatbot para reformular la información y hacerla más accesible para los jóvenes.

Estos videos (también en la sección de tutoriales Web App más abajo) muestran cómo construir un modelo de aprendizaje automático utilizando Python en un Jupyter Notebook y luego cómo utilizar ese modelo en una aplicación web construida utilizando Streamlit.

AI in Web App Playlist

2 Videos

Estos videos (también en la sección de tutoriales Web App más abajo) muestran cómo construir un modelo de aprendizaje automático utilizando Python en un Jupyter Notebook y luego cómo utilizar ese modelo en una aplicación web construida utilizando Streamlit.

Calidad del agua Modelo ML

2 Videos
python logo

TUTORIALES DE APLICACIONES WEB

Si está programando una aplicación web, currículo educativo le ofrece dos opciones: instalar software gratuito y programarla localmente en su propio ordenador, o programarla utilizando plataformas en línea en un navegador web. 

Estos videos son para la opción local, codificación en su ordenador.

Programación con Python y Streamlit

7 Videos
Seguir leyendo

Si aún no lo has hecho, debes instalar Python en tu máquina. Aquí están las instrucciones.

Si está programando una aplicación web, currículo educativo le ofrece dos opciones: instalar software gratuito y programarla localmente en su propio ordenador, o programarla utilizando plataformas en línea en un navegador web. 

Estos videos son para la opción en línea, codificando todo en un navegador web.

Lista de reproducción

6 Videos