Tutorial: Crea tu propia APP para Aprender Inglés sin programar (con Audio y Dictado)
¿Te pasa que aprendes una frase técnica en inglés en el trabajo y al día siguiente ya olvidaste cómo se pronunciaba o en qué contexto usarla? A mí me pasaba todo el tiempo como ingeniero. Las notas en papel se pierden y las apps genéricas no tienen el vocabulario específico que necesito.
Por eso, decidí usar mis conocimientos en herramientas de Google para crear mi propia solución: el "English Tracker". Una aplicación móvil personalizada, creada sin escribir una sola línea de código, que me permite organizar mi vocabulario, escuchar la pronunciación correcta y, lo mejor de todo, ¡practicar mi "speaking" usando el micrófono del celular!
En este post, te resumo el paso a paso que vimos en el video tutorial para que tú también puedas construirla.
Paso 1: Los Cimientos en Google Sheets
Toda gran aplicación empieza con una buena base de datos. En nuestro caso, es una hoja de cálculo de Google Sheets muy simple. La estructura es clave para que AppSheet entienda qué queremos hacer.
Creamos las siguientes columnas en la primera fila:
Nombre de Columna
Propósito
ID_Frase
Identificador único (clave).
Frase_Ingles
La frase que queremos aprender.
Traduccion_Espanol
El significado.
Categoria
Para filtrar (ej. Técnico, Reuniones, Viajes).
Nivel_Dominio
Estado (Nuevo, Practicando, Dominado).
Practica_Dictado
Campo vacío para usar el micrófono.
(Opcional: Puedes añadir columnas de fecha para saber cuándo registraste la frase).
" alt="Captura de pantalla de la estructura en Google Sheets" style="max-width:100%; height:auto; margin: 20px 0; box-shadow: 0 4px 8px rgba(0,0,0,0.1);">
Nuestra base de datos lista en Sheets.
Paso 2: Generar el Aplicativo en AppSheet
Esta es la parte más fácil. Con tu hoja de cálculo abierta, simplemente ve al menú superior:
Extensiones > AppSheet > Crear una aplicación
Google hará su magia y en unos segundos tendrás un prototipo funcional de tu app basada en tus datos. ¡Así de rápido!
Paso 3: Configuración Clave de los Tipos de Datos
Aquí es donde transformamos una lista aburrida en una app interactiva. Dentro del editor de AppSheet, vamos a la pestaña Data y seleccionamos nuestra tabla. Necesitamos hacer tres ajustes cruciales:
3.1. La Fórmula Mágica de Audio
Para que la app "lea" la frase en inglés, necesitamos crear una Columna Virtual. Le pusimos de nombre "Audio_Guia" y usamos esta fórmula específica que conecta con el servicio de texto-a-voz de Google:
Asegúrate de que el tipo de esta columna sea Show y la categoría URL (o Audio en versiones más recientes).
3.2. Preparando el Micrófono (Dictado)
Para la columna Practica_Dictado, el secreto no es una fórmula. El secreto es el tipo de dato. Debes configurarla como tipo LongText.
¿Por qué? Porque `LongText` crea un campo de entrada grande en la pantalla del celular, lo que facilita tocarlo para abrir el teclado y usar el icono del micrófono nativo de tu teléfono (iOS o Android).
3.3. Los Estados y Categorías
Para las columnas Categoria y Nivel_Dominio, cambiamos el tipo a Enum. Esto nos permite definir una lista de opciones fijas (ej: "Nuevo", "Dominado") para que sea fácil de seleccionar con botones y no escribiendo manualmente.
" alt="Configuración de columnas en AppSheet" style="max-width:100%; height:auto; margin: 20px 0; box-shadow: 0 4px 8px rgba(0,0,0,0.1);">
Configurando LongText y la fórmula de audio.
Paso 4: Diseñando las Vistas (UX)
Queremos que la app se vea bien. Fuimos a la pestaña UX y creamos una vista principal tipo "Deck" (Tarjeta). Este tipo de vista es ideal para repasar vocabulario porque muestra la información de forma clara y resumida.
Configuramos la vista para que muestre la frase en inglés como título principal y la traducción como subtítulo.
Paso 5: Reglas de Formato Visuales (Format Rules)
Para motivarnos visualmente, usamos las "Format Rules". Esto nos permite cambiar colores e iconos según los datos.
Creamos una regla simple: Si el `Nivel_Dominio` es igual a "Dominado", el texto de la frase se pone en color verde y añadimos un pequeño icono de verificación (✅). ¡Da mucha satisfacción ver cómo tu lista se va poniendo verde!
" alt="Reglas de formato visual en AppSheet" style="max-width:100%; height:auto; margin: 20px 0; box-shadow: 0 4px 8px rgba(0,0,0,0.1);">
Visualizando el progreso con colores automáticos.
Resultado Final: ¡A Practicar!
Una vez guardados los cambios, instalamos la app en el celular (usando AppSheet mobile). El flujo de estudio es perfecto:
Abro la app y veo mis frases técnicas.
Toco el icono de bocina 🔊 para escuchar cómo se pronuncia correctamente gracias a la fórmula.
Entro a editar la frase, toco el campo grande de Practica_Dictado.
En mi teclado del celular, presiono el micrófono 🎤 y digo la frase en inglés.
Si el celular escribe exactamente lo que quise decir, ¡sé que mi pronunciación fue correcta!
Es una herramienta increíblemente potente hecha en cuestión de minutos gracias al No-Code.
¿Quieres ver todo este proceso en tiempo real? No te pierdas el video tutorial completo en mi canal, donde explico cada detalle mientras construyo la app desde cero.
0 Comentarios