Las pantallas inteligentes están cambiando la manera en que interactuamos con el mundo digital. Desde los asistentes con pantalla como el Google Nest Hub o el Echo Show hasta paneles industriales o educativos, estos dispositivos integran voz, tacto y visualización en tiempo real para ofrecer experiencias más humanas, intuitivas y conectadas.

Hoy, aprender sobre aplicaciones para pantallas inteligentes es fundamental para comprender cómo convergen el Internet de las cosas (IoT), la inteligencia artificial y el diseño de interfaces.

“Cada pantalla inteligente no solo muestra información… también nos escucha y nos entiende.”

Objetivo de aprendizaje

Al finalizar la lectura y las actividades, el lector será capaz de identificar qué son las pantallas inteligentes, comprender los lenguajes y frameworks utilizados para su desarrollo, y reconocer sus principales ecosistemas y diferencias técnicas.

¿Qué son las aplicaciones para pantallas inteligentes?

Las aplicaciones para pantallas inteligentes son programas diseñados para funcionar en dispositivos que combinan pantalla táctil, micrófono y conexión a internet. Permiten controlar sistemas del hogar, mostrar información contextual o facilitar interacciones por voz.

Ejemplos populares incluyen:

• Google Nest Hub (Android Things / Fuchsia)
• Amazon Echo Show (Fire OS con Alexa Skills Kit)
• Pantallas IoT industriales basadas en Raspberry Pi o Linux embebido

Estas apps son el centro del ecosistema inteligente, integrando IA, UX y conectividad en un solo punto de interacción.

Lenguajes de programación más utilizados

El desarrollo de apps para pantallas inteligentes se apoya en una variedad de lenguajes, dependiendo del ecosistema:

Consejo: Si buscas compatibilidad con distintos dispositivos, Flutter o React Native son los frameworks más versátiles.

Frameworks de trabajo más comunes

Hacia un diseño más humano

El verdadero reto está en crear experiencias que integren voz, vista y tacto de forma natural.
Las interfaces deben ser claras, accesibles y adaptativas, priorizando el bienestar del usuario sobre la automatización excesiva.

“Las pantallas inteligentes no son el futuro… son el espejo del presente conectado.”

Actividades de aprendizaje

Para reforzar tu comprensión y conectar teoría con práctica, te invitamos a realizar las siguientes actividades:

1. Lectura del caso de estudio:
   Entre pantallas y voces: el despertar de una casa inteligente
   Descubre cómo la tecnología transformó la vida de Lucía y reflexiona sobre el equilibrio entre automatización y humanidad. Después de leer el caso de estudio responde las siguientes preguntas:
   • ¿En qué momento una pantalla inteligente deja de ser una herramienta y se convierte en una extensión de nosotros mismos?
   • ¿Podemos diseñar tecnología que promueva el bienestar emocional, no solo la eficiencia?
   • ¿Qué papel juega la personalización en la experiencia con pantallas inteligentes?
   • ¿Hasta qué punto la automatización puede reemplazar la toma de decisiones humanas?
   • ¿Cómo equilibrar el uso de la voz, el tacto y la vista en una interfaz verdaderamente intuitiva?
   • ¿Qué aprendemos sobre nosotros mismos al programar el entorno que habitamos?
2. Escucha el pódcast:
   Historias que te retan
   Un episodio narrado con experiencias reales sobre cómo usamos la inteligencia en nuestros espacios cotidianos.
3. Actividad práctica:
   Diseña una mini app con Flutter o Node-RED que muestre información útil en una pantalla (clima, calendario o tareas).
4. Actividades de reforzamiento:
   • Sopa de letras: encuentra los conceptos clave del tema.
   • Crucigrama: completa los términos técnicos según las pistas.

La entrada Pantallas Inteligentes: la nueva era de la interacción visual y táctil se publicó primero en Frexus.

Requisitos

Conocimiento de:

• Estructura de control, leer el ejercicio creado aquí.
• Creación de un proyecto en appinventor, visita la práctica por acá.

Componentes:

• Cuadro de texto.
• Botón.
• Un par de etiquetas.
• Texto a voz.

Partiendo de que ya se tiene creado un proyecto nuevo y que se tiene un lienzo en blanco, se debe de tener una interfaz de usuario similar a la que se muestra en la imagen 1.

Para esta actividad, se va a requerir de tres variables, una es la que va a tener el valor numérico que escribe el usuario, llevará el nombre de num, otra es la que tendrá el resultado de la operación, se llamará rpi (resultado par e impar), la que contendrá los números pares e impares, par e ipar respectivamente. No se olvide que deben de ser iniciadas en cero o en vacío, según convenga. Se debe de tener algo similar a lo que se muestra en la imagen 2.

Ahora viene el momento de tomar el valor que envía el usuario, mediante un ciclo for hacer las iteraciones desde 1 hasta el número que se escribió en el cuadro de texto, posteriormente dentro del ciclo hay que hacer la operación para determinar si un número es par o impar, se debe de recordar que esto se realiza con el calculo del residuo y se debe de dividir entre dos, el resultado de ello se debe de guardar en el variable rpi. Se debería de poder tener algo similar a lo que se muestra en la imagen 3.

Ahora hay que hacer uso del bloque del ciclo for (desde / para) paa ello se hará clic sobre los integrados en su categoría “control”, se tomará el bloque que tiene los textos: “por cada número desde … hasta … se incrementa en ejecutar …“. los caracteres marcados con negritas corresponde a lo siguiente:

• la palabra “número” corresponde al nombre de la variable que irá llevando el conteo de cuantas veces se va ejecutando, es decir equivale a lo que sería el contador o la variable i que regularmente se utiliza en la sintaxis del ciclo for (leer para recordar estructura del ciclo acá para ver un ejemplo del ciclo en java).
• Los puntos (…), son las variables que hay que introducirle, el primero indica desde donde va a iniciar, es decir, su limite inferior (regularmente es cero o uno). El segundo, señala hasta donde se va a incrementar, en otras palabras, es su limite superior. El tercero, marca cuanto es el incremento que se estará utilizando en el ciclo (peculiarmente su incremento es en uno o dos, de acuerdo a lo que se requiera). (vea imagen 4)

Es momento de que se coloquen las instrucciones (bloques) que permitirá darle “vida” a la aplicación. para ello se hará uso del bloque if-else donde la condición a evaluar es el resultado del residuo, después de ello hay que unir (concatenar) los valores que la variable i adquiere, que es la que de los valores existente entre 1 y el número que introdujo el usuario. Se debería de tener algo similar a lo que se muestra en la imagen 5.

Es importante notar que hasta este punto se tiene todas las variables iniciadas en cero, es decir, en un valor entero. Pero las variables par e ipar son las que van a contener todos los pares y debe de unirse con el texto “los pares son:” y se debe de cambiar el valor de iniciado en cero por un en texto vacío. Se debe de hacer un proceso similar a como se muestra en la imagen 6.

En la imagen 7 se puede observar los bloques que permiten, concatenar los números pares e impares, para ello se hizo uso de los bloques de unión (concatenación), de los integrados de texto, posteriormente se utiliza los bloques de tomar, que se encuentra en la categorías de las variables. El proceso se debe de repetir dos veces uno para los pares y los impares, la diferencia va hacer el uso de las variables, recordad que ipar es para los impares y par para los números pares.

Ahora es momento de enviar los valores a las etiquetas, no olvidar que en la etiqueta uno se colocaran los números pares y en la etiqueta dos los impares, para hacer esto hay que ir al componente etiqueta1 y buscar el bloque que inicia con el texto “poner..”, después hay que usar el bloque unión para concatenar el texto “los pares son: ” con el valor de la variable par. Luego hay que realizar el mismo proceso con la etiqueta2. Vea la imagen 8, debe de hacerse un proceso similar.

Es momento de asignarle los bloques al texto a voz, para que lee los resultados, hay que aclarar que no es necesario crear dos texto a voz sino con uno y se concatena las dos etiquetas para que las lea una después de terminar la otra. Se recomienda seguir un procedimiento como el que se muestra en la imagen 9.

Por último, es momento de agrupar todos los bloques o al menos los que competan dentro del bloque de ejecutar del objeto botón cuando se haga clic se ejecute cada uno de los mismo, para ello hay que ir al componente “botón” y elegir el bloque que tiene el texto “clic”. Se debe de hacer un proceso similar al que se puede visualizar en la imagen 10.

Al leer los bloques de código se puede observar que es un 99 % probable que exista un pequeño error, el cual consiste en que no se ha limpiado las variables que guardan los números pares (par) y los impares (ipar). Esto se notará cuando se ejecutar el programa por primera vez todo saldra bien. Pero sino cierras la aplicación y le das oro número para que calcule cuales son los pares e impares se mostrara, los nuevos números junto con los anteriores. Para solventar ese detalle solo hay que iniciar en vacío las variables ipar y par, eso se realiza con bloque de texto en vacío. Y después hay que colocar esos bloques dentro del botón. Es algo similar a lo que se muestra en la imagen 11.

En el vídeo 1 se muestra la integración de todos los bloques que se mostraron anteriormente. El vídeo 2, muestra la ejecución de los bloques . Se espera que la reproducción de esta actividad sea más placentera y de fácil aprendizaje para sus futuros proyectos. Espero sus comentarios.

La entrada Ciclos, con bloques para android se publicó primero en Frexus.

Descripción

La actividad consiste en que el usuario escriba un número en un cuadro de texto, al pulsar el botón, se muestre en una etiqueta la leyenda: “El número es par” o “El número es impar” y posteriormente se escuche mediante un texto a voz, lo que tiene escrito la etiqueta. Para ello se va a necesitar los siguiente:

Requisitos

Para poder llevar acabo esta práctica se requiere de lo siguiente:

1. Una cuenta en el appinventor.
2. Crear un nuevo proyecto en el appinventor.
3. Un cuadro de texto.
4. Un botón.
5. Un texto a voz.

Partiendo de que ya se tiene creado el proyecto nuevo en el appInventor, y que se tiene una interfaz de usuario similar a la que se muestra en la imagen 1. Se ira a la sección de bloques. Si no recuerdas como hacer un nuevo proyecto puedes ir al menú “proyecto” hacer clic en la opción “comenzar un nuevo proyecto” se mostrará una ventana donde se solicita el nombre del nuevo proyecto, para este ejercicio se escribió el nombre de “parImpar” se puede escribir el que quieras. Luego pulsas en aceptar o en enter (en el teclado) y después arrastras los objetos Cuadro de texto, botón, etiqueta y texto a voz, y lo se suelta en el lienzo de trabajo.

Creación de bloques

Lo primero que se va a realizar es la declaración de las variables que se van a utilizar, para esta práctica se requiere dos variables una que va a contener el valor numérico que introduce el usuario y la que va a guardar el valor de la operación que determina si un número es par o impar. Para determinar si un número es par o impar se utilizará el siguiente proceso:

1. El número dado se dividirá entre dos
2. El residuo se evaluara si es cero, el número que se dividió es par, sino es impar

Para crear las dos variables se va a los componentes integrados se pulsara sobre la opción “integrados” y se va a elegir el bloque que dice “Inicializar global como nombre ” se debe de tener dos bloques (ya que, son dos variables que se van a utilizar). Después se debe de ir al componente de “mátematicas” donde se elija el bloque que tiene un cero. Vea imagen 2.

Ahora sigue el procesamiento de ese número dado para identificar si es par o impar. Para ello se pulsara sobre el componente de variable y se selecciona el bloque que dice “poner a”, después se regresará a los componentes de cuadro de texto y se elige el bloque que dice: “campo de texto1 . texto”. Al final debe de quedar algo similar como lo que se muestra en la imagen 3.

Ahora que ya se tiene el valor que ha introducido el usuario, hay que regresar a la sección de “Variables” donde se va a eligir nuevamente un bloque que diga “poner a”, posteriormente se debe de ir a los bloques de matemáticas en donde se debe de seleccionar el bloque que dice “modulo de “. Recordad que la obtención del residuo en regularmente se hace con el símbolo de porcentaje (%). Ahora llega el turno de tomar de los bloques de variable el que lleva el nombre de “tomar ” y como la operación que se va a realizar es con una constante hay que tomar del bloque de matemáticas el que tiene un cero. Finalmente en su lienzo de bloques se debe de tener algo como lo que se muestra en la imagen 4.

Ahora llega el turno de la evaluación del calculo que se ha realizado, para ello se hará clic sobre la opción de “logica” (tiene un color verde) se encuentra en los controles de interfaz de la columna de Bloques. Y se debe de pulsar sobre el que tiene el símbolo de igual. Luego hay que ir a buscar el bloque que tiene el texto de “tomar” que se encuentra en la sección de variables, posteriormente se debe de colocar el bloque que tiene el texto “cero”, que es con lo que se va a comparar para evaluar el residuo de la operación. Y finalmente hay que ir a los bloques de control (tiene un color amarillo) y al pulsar sobre el se podrá notar que se tiene una gran variedad de controles que van desdee el if, if-else, switch y ciclos. Si todo ha ido bien se debe de tener una pantalla como la que se muestra en la imagen 5.

Una vez que se ha evaluado corresponde enviar los resultados a la etiqueta, para los casos en que sea par o impar el número. Para ello se va a ir los bloques del componete “Etiqueta” y se debe de elegir el que dice: “poner etiqueta1.texto como” se va a necesitar dos así como dos uniones, para poder concatenar el número y la leyenda “Es par” o en su caso “es impar” si se quisiera que la leyenda dijera “El número es par”, se debe de notar que se esta haciendo tres uniones, que son: “el” + número + “es par” por lo que se necesitaría dos uniones para cada caso. Por el momento se dejará de la forma sencilla: número `+ “es par”. Finalmente si todo ha salido bien se debe de tener un lienzo similar como lo que se ve en la imagen 6.

Es momento de agregar el bloque de texto a voz, este va a permitir que se lea lo que dice la etiqueta. para ello se hará clic en el componente Texto a voz, y se debe de elegir el bloque que dice: “llamar textoAVoz1. hablar mensaje” (es de color morado), y del componente etiqueta se va a requerir el bloque que tiene un texto como : “Etiqueta1.texto”. Debe de quedar un lienzo como el que se muestra en la imagen 7.

Se puede agregar dos bloques de texto a voz para que se ejecute en cada caso. Incluso podría usarse una variable que contenga el resultado y después de pasar la evaluación enviarla a la etiqueta, esto optimizaría el código en no usar al rededor de seis bloques.

Finalmente es hora de agregar el bloque que contendrá a todos los demás bloques, el del botón, que cuando se pulse debe de ejecutar todo los bloques, para ello hay que ir al componente “boton” y agregar el bloque que dice “clic”. Debe de tenerse algo como lo que se muestra en la imagen 8.

Ahora es momento de introducir “código” a los bloques y de conectarlos. Los códigos que se introducirá son: El nombre de las variables y los textos a mostrarse en la etiqueta. Las variables que se usaran son las siguientes:

• num, para guardar el número que introdujo por el cuadro de texto el usuario.
• rpi, que guardara el resultado del residuo o modulo de la división entre dos.

En la imagen 9 se aprecia todo el ensamble que se hizo para crear la “inteligencia” y funcionalidad de que la app, pueda identificar que número es par o impar. Sin embargo en la imagen 10 se observa, en la parte de arriba el resultado final del armado de los bloques y en la parte de abajo se nota la “optimización” al usar una variable que guarde el texto completo en vez de enviarlo directo a la etiqueta. La misma operación que se hizo con la variable (las concatenaciones) se puede hacer con la etiqueta y el texto a voz.

Para cerrar esta entrada, en el vídeo 1 se muestra la creación del proyecto, la generación de interfaz de usuario, y el ensamble de los bloques el entorno del appinventor. El vídeo 2 muestra la ejecución de lo que se creo en dicho entrono. Espero que la recreación de esta praáctica sea mucho mas fácil y aporte a sus conocimiento. Espero sus comentarios.

La entrada Estructuras de control (if-else) en AppInventor se publicó primero en Frexus.

Para poder hacer esto se debe de ir a la página del appinventor, (accedes a ella desde aquí), se deberá de mostrar una ventana como la que se muestra en la imagen 1. Una vez que se encuentre ahí, hay que ir al menú proyectos opción comenzar un proyecto nuevo. Después de pulsar en esa opción se mostrará una ventana emergente como la que se puede apreciar en la imagen 2.

Después de crear un proyecto nuevo se verá una ventana como la que se muestra en la imagen 3, ese es el lienzo de trabajo (área blanca dentro del móvil), ahora hay que buscar el componente (u objeto) campo de texto este regularmente se encuentra en la columna de la izquierda (vea imagen 3, parte inferior izquierda). Lo selecciona y lo arrastra. Ahora hay que agregar un botón y un componente llamado TextoAVoz (vea imagen 4 y 5).

En las imágenes 4 y 5, se puede observar que, el componente “TextoAVoz” se encuentra en la opción “Medios” se accede a ella, en las opciones de la paleta (opciones de componentes de la columna de la izquierda). Se recomienda se realice un pequeño scroll hacia abajo y pulse sobre la opción “medios” y dentro de ella encontrara el componente “TextoAVoz”. Pulse y arrastre hacia el lienzo. Hasta ahora se debe de tener tres componentes u objetos sobre el lienzo, que son: un campo de texto, un botón y un texto a voz. (vea imagen 6).

Ahora es momento de codificar al estilo scratch (por bloques) para ello hay que realizar un clic en el botón que dice “bloques” se encuentra en la parte superior derecha, debajo de la cuenta con la que se autentico dentro de appinventor. Una vez que se haga clic sobre él, se podrá de ver una ventana, similar a la que se muestra en la imagen 7.

En la sección de bloques, que se encuentra del lado izquierdo (vea la imagen 7) se encontrará todos los tipos de bloques, acciones y eventos que se pueden tener. Se puede observar que también se tiene los componentes que se arrastraron o agregaron (vea imagen 6). Para darle funcionalidad a la interfaz gráfica creada, se debe de hacer lo siguiente:

1. Se pulsara sobre el componente “botón” Se mostrara una serie de bloques como los que se tiene en la imagen 8, Realice un clic primario sobre la primera opción (la opción que tiene el clic).
2. Pulse ahora sobre el componente “campo de texto”. Se podrá observar unos bloques coo los que se muestra en la imagen 9. Pulse sobre el que dice. “CampodeTexto texto”
3. Ahora seleccione el componente “TextoAVoz”. Se mostrará unos bloques como los que se pueden apreciar en la imagen 10. Pulse sobre el que dice: “llamar TextoAVoz hablar”
4. Ya solo se hará uso de un bloque que permite concatenar (recuerde que esta opción permite unir dos fraces o textos). Esto permitirá poder indicarle al apk que diga: “hola Amaia”. Para ser esto hay que ir a los bloques integrados y dirigirse hacia la opción que dice “Texto” al pulsar sobre ella debe de mostrarse una ventana como la que se encuentra en la imagen 11. Pulse sobre el bloque que tiene la palabra “Unir”.
5. Después de seleccionar el bloque del punto cuatro, debe de pulsar sobre el bloque que esta vació, regularmente es el primero, si su ventana es similar a la que se muestra en la imagen 11 deberá de pulsar sobre el primer bloque.

Si todo va bien se debe de tener la cantidad de bloques que se ven en la imagen 12. Ahora solo sigue ensamblar los bloques se debería de hacer de la siguiente manera:

1. El primer bloque será el del botón que cuando se pulse sobre él se ejecute el resto de las instrucciones.
2. Después debe de ir el bloque de color morado, el del componente de TextoAVoz, que es el que permitirá que se reproduzca el audio.
3. Ahora es turno de unir o concatenar, por lo que el bloque que sigue será el que tiene el nombre de “unir”.
4. En el conector de arriba del bloque concatenar, colocará el que tiene el cuadro en blanco y sobre el cuadro escribirá “Hola”
5. Por último coloque el bloque del cuadro de texto o CampoDeTexto debajo del bloque en el que se escribió “Hola”.

Si todo ha salido bien debe de tener una unión de bloques similar a la que se muestra en la imagen 13.

Se deja un vídeo de como se creo este “hola mundo interactivo”, que disfruten la recreación de la practica y espero sus comentarios.

La entrada Hola mundo interactivo en android. se publicó primero en Frexus.

AppInventor

Fue creado en el MIT, y es mantenido por ellos. Lo sorprendente es que no requieres mucho recursos de hardware para crear tu primer app para android, lo mas importante no tienes que instalar nada en la compu. Aparte permite generar un apk para que puedas compartir tus aplicaciones con tus amigos y familiares. Permite enlazar al dispositivo móvil (sea teléfono o tableta) para que en tiempo real vayas viendo como va quedando tu aplicación. Puedes acceder a esta herramienta en el siguiente enlace: http://ai2.appinventor.mit.edu/

Claro que te va a pedir crear una cuenta, preferentemente una de gmail. y una vez que hayas podido crear tu cuenta podrás observar que esta aparece en la parte superior izquierda (el nombre de tu cuenta) vea imagen 1. Para hacer el debug de la aplicación en tiempo real se debe de instalar una aplicación en un dispositivo móvil, la aplicación que se instala es la siguiente: https://play.google.com/store/apps/details?id=edu.mit.appinventor.aicompanion3&pcampaignid=pcampaignidMKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1

Para crear un proyecto hay que hacer clic en el menú “Proyectos” -> “Comenzar un nuevo proyecto“. En la imagen 1 se puede observar el despliegue de dicho menú. una vez que se ha realizado clic sobre la opción “Comenzar un nuevo proyecto”. Se mostrará un cuadro de dialogo donde deberá de introducir el nombre del proyecto, algo similar a lo que se visualiza en la imagen 2.

Una vez que se haya escrito el nombre del proyecto se deberá de pulsar sobre el botón “Aceptar”, una vez que se haya realizado la acción se podrá tener una ventana como la que se muestra en la imagen 3.

Cómo se puede observar en la imagen tres se tiene un nuevo “lienzo” de trabajo, por lo que del lado izquierdo se tiene todos los objetos desde los de control, multimedia, sensores y demás. Para agregar un objeto solo hay que hacer clic sobre el objeto que se quiere colocar en la aplicación y arrastrarlo sobre el lienzo blanco donde esta el dispositivo. (vea imagen 4)

Como se puede observar en la imagen 4, unav ez que se solto el objeto que se quiere agrear en el lienzo de trabajo, en la sección de componentes se puede observar cada uno de los objetos que se han agregado. Ahora se debe de ir a la sección de “multimedia o medios” es el panel del lado izquierdo y se debe de buscar el objeto “TextoAVoz“, una vez que lo haya localizado, lo selecciona, lo arrastra y lo suelta debajo del botón que agrego previamente. Note que la columna de “componentes” ha cambiado y ya se muestra como en la imagen 4.

Ahora el código

Para introducir el código, debe de ir al botón que dice “bloques” esta opción se encuentra abajo donde esta su cuenta, (el correo con el que se registro) en la esquina superior derecha. Pulse en ese botón y se podrá visualizar como cambia el lienzo de trabajo, debe de tener una pantalla similar a la que se muestra en la imagen 5

Se puede observar que el “ambiente de trabajo” ha cambiado por completo, ahora en el lado derecho se encuentra una columna llamada bloques con diferentes conceptos, pero por el momento se enfocaran en el que dice: “screan 1”. Note que debajo de el se tiene los dos componentes que se han creado el “botón” y el “texto a voz”. Ahora se debe de realizar un clic sobre el bloque que tiene el nombre de “boton”. Y debe de aparecer una ventana como la que se ve en la imagen 6.

Si todo va bien hasta este punto, se puede notar que se ha desplegado un buen de bloques que responden a eventos propios del botón, como hacer clic sobre él, cuando tiene el foco, entre otras. Para esta actividad se hará clic sobre el evento “clic” del botón 1. Se puede hacer un clic sobre el bloque que se quiere utilizar y / o en su caso arrastrarlo hacia donde esta la “mochila” pero no llevarlo hacia ella.

Ahora se debe de hacer un clic sobre el bloque “Texto a Voz” que se encuentra dentro de los bloques propios del screan 1, y esta debajo del boton 1. Al dar clic sobre él debe de aparecer una ventana similar como la que se muestra en la imagen 7.

Si tiene en su navegador una ventana como la que se muestra en la imagen 7, sino lo tiene pulse sobre el bloque texto a voz y tendrá algo similar a dicha imagen. Ahora debe de dar clic en el bloque de color morado, o en su caso arrastrarlo y enbonarlo con el bloque del botón que se tiene en la imagen 6. Al final debe de tener algo como lo que se muestra en la imagen 8.

Hasta este punto se ha creado como una especie de asociación entre los dos bloques, algo así , al estilo de un puzzle o rompecabezas. ahora solo hay que indicarle al objeto “textoaVoz” lo que se quiere que se reprodpuzca cuando se pulse sobre el botón. Para ello hay que hacer clic sobre los bloques que tienen la leyenda “control” y dentro de ellos hay uno que se llama “texto“. Se pulsa sobre ese bloque y sedebe de tener algo similar a la imagen 9.

Al igual como en los demás bloques hay que seleccionar el primero el que tiene texto vacío. lo arrastra y lo une con los otros dos bloques anteriores. Debe de quedarle algo como lo que se muestra en la imagen 10. Ahora solo hay que agregar el texto en el último bloque que se ha creado. para ello haga doble clic sobre el cuadro y escriba lo siguiente: “hola Mundo Android” sin las comillas.

Si todo va bien hasta este punto y si se ha sincronizado el dispositivo móvil con el AppInventor se podrá observar que si pulsa sobre el botón que tiene la app en el dispositivo podrá reproducir lo que se ha escrito en el bloque de texto.

Generando el apk

Como toda aplicación para cualquier dispositivo que use android y si se quiere distribuir hay que generar el el archivo apk, para ello se debe de ir al menú “Generar” opción “Android app (.apk)” al pulsar sobre esa opción se mostrará una ventana donde se esta generando el fichero, y cuando termine, se mostrara las opciones de descarga, es decir, te brindará la opción de que escanear un código QR o de que se descargue a tu equipo de computo. Algo como lo que se muestra en las imágenes del 11 al 13.

Por último se deja un vídeo esperando que sea más práctico para la creación de la primera app. Disfruten su práctica. Espero sus comentarios. No olviden que para ejecutar su app, su dispositivo móvil debe de tener habilitada la opción de desarrollo y en ajuste la de incluir / ejecutar desde fuentes de terceros.

La entrada Quiero programar un app móvil, pero no tengo compu. se publicó primero en Frexus.

El origen

El truque, uno de los más antiguos medios de comercialización tan básico, que “consiste en el intercambio de un objeto por otro que tenga un valor igual al que se quiere cambiar”. Basados en esa premisa, el comercio como el dinero y los valores que se le da a cada objeto, para ser cambiado por un producto o servicio ha ido variando con el tiempo, creando mejores mecanismos de protección para ambas partes (comprador – vendedor). generando participación de terceras partes para completar un trato, esto es lo que realiza los bancos, instituciones mercantiles tan antiquísimas como el dinero mismo.

Las instancias mercantiles permiten que puedas realizar transacciones con el dinero que tengas en sus bovedas, haciendo uso de sus convenios con entidades bursatiles mas grandes (visa, mastercard, american express)

Si bien existen vestigios donde los antepasados usaban monedas brindando un tipo de valor y este dependía del tipo de reyno o de donde era construido tales monedas, llevadas en bolsas de piel por cada ser humano de la edad media donde podía intercambiarlo por comida, tierras u otros artículos.

Y conforme se van avanzando en tecnología y ciencia, la manera de en que se realiza el comercio va cambiando actualmente se tiene desde el comercio electrónico, que parte de tiendas digitales donde ya no es necesario tener una local de manera física donde se pueda hacer el B2C, ahora ya desde un sitio web, seleccionas el producto, pagas y en cuestión de días lo tienes en la puerta de tu casa.

El despliegue de la miniaturización del harddware ha permitido que los dispositivos móviles sean cada vez mas potentes y capaces de realizar diversas actividades y procesos, al grado que es posible que un 50 % de las tiendas cuenten con una aplicación móvil donde puedan realizar algún tipo de pedido y ser recibido en la puerta de tu hogar.

No solo el hardware dió paso al comercio electrónico en dispositivos móviles, actualmente los sitios web deben de ser responsivos, lo que significa que deben de verse igual en cualquier tipo de pantalla, los primeros pasos para que una tienda electrónica pude verse igual que en el computador de sobremesa, en un dispositivo móvil. Y con eso es posible solventar las necesidades de que el consumidor, se le brinde la experiencia de compra desde una terminal portatil.

La entrada El comercio, el internet y los dispositivos móviles. se publicó primero en Frexus.

Pero esa misma necesidad de comunicación ha llevado a la raza humana a crear tecnología que permita cada vez comunicarse con el resto de su igual. Sea para bien o para mal. Ejemplo de ello se tiene todos los avances tecnológicos y científicos que se llevaron acabo durante las distintas guerras mundiales.

Haciendo un breve recorrido de la historia. Se puede rescatar la creación del Handie Talkie H12-16, un equipo militar con banda de frecuencias por debajo de los 600 kHz. Eso fue al rededor del año 1940. Desde esa fecha no hubo otro avance tan significativo hasta 1955; cuando Ericsson comercializó el Mobile Telephone System A (MTA) phone, un ‘móvil’ que pesaba 40 kilogramos y que se instalaba como los dispositivos de Bell en automóviles. Como curiosidad, se puede decir que tuvo un total de 125 usuarios hasta 1967. En Abril 1973. Cuando, Motorola, Martin Cooper, desde una calle de Nueva York contactó con su mayor rival en el sector, Joel Engel de los Bell Labs de AT&T, con el ‘zapatófono’.

Paso una década, más de quince años de investigación y una inversión de 100 millones de dólares hasta que en 1983, Motorola, culminó el proyecto, lanzando y considerado como el ‘primer teléfono móvil de la historia’: el Motorola Dynatac 8000x (Dynamic Adaptive Total Area Coverage). Su autonomía era de solo una hora en conversación y costaba 4.000 dólares de la época. Aún así fue todo un éxito y en su primer año vendió 300.000 unidades. Motorola, continuó innovando y en 1989 lanzó el Motorola MicroTAC, la versión reducida en tamaño y avanzada en autonomía del primer móvil Dynatac 8000x. Las primeras versiones eran de teléfonos analógicos antes de la llegada de GSM. Una de sus peculiaridades que se usaron en las siguientes décadas fue un nuevo e innovador diseño, donde el portavoz se doblaba sobre el teclado.

Después aparece el Apple Newton Message Pad, muy criticado por su reconocimiento de voz. Fue mejorado en modelos posteriores. Descontinuado en 1998.

En 1994, desde Finlandia, llegó el Nokia Mobira Talkman, primer teléfono portátil de la compañía. El Talkman era una versión reducida de éste que intentaba aprovechar las limitaciones del Motorola Dynatac 8000x a costa de tener que cargar una mochila que incluía una batería de tamaño gigantesco, muestra de las limitaciones de la época. Costaba 4.500 euros.

En 1996 el primer teléfono móvil que hacía honor a su nombre y el primero en forma de concha el Motorola StarTAC (clamshell), ya que se doblaba por la mitad, facilitando su transporte en un formato tan compacto como innovador para la época.

No fue el mejor desarrollo finlandés pero se hizo muy popular al aparecer en la película Matrix. Famoso por su peculiar tapa contaba con innovaciones como la capacidad de actualizar su firmware vía OTA (Over The Air). Costaba 1.000 dólares.

Tras un año de rumores y después de arrasar en la industria de la música con los iPod, el 9 de enero de 1997 presentó el primer smartphone de Apple iPhone. Un terminal que revolucionó por completo la industria de las telecomunicaciones y también la de la computación abriendo la actual era de la movilidad.

Se considera como el primer ‘smartphone’ del mercado.Los usuarios podían abrir el 9000i de forma horizontal para acceder a una amplia pantalla LCD y un teclado QWERTY completo. Con capacidades PDA, podía enviar y recibir faxes, mensajes de texto y correo electrónico, y también un limitado acceso a la Web a través de mensajes SMS de 160 caracteres.

Uno de los más avanzado de la época aunque tenía problemas de cobertura en algunas regiones al no incluir antena exterior. Por primera vez un móvil estaba destinado al público juvenil por su precio contenido, la inclusión de juegos como Snake, carcasas intercambiables y tonos de llamada personalizables. Vendió 150 millones de unidades, el más popular de la década.

Nace BlackBerry OS, un sistema operativo móvil de código cerrado desarrollado por BlackBerry escrito en Java y C ++.

Aunque RIM se había creado en 1999, este fue su primer teléfono inteligente al integrar soporte de datos móvil. Gracias a dicha característica, y su teclado, disponía de funciones de agenda personal, soporte SMS y para correo electrónico push. Pronto, las Blackberry se convirtieron en indispensables para el mercado profesional.

AMD anunció los primeros productos de su línea móvil para el 2019, que abarca todos los segmentos de equipos portátiles: los procesadores móviles AMD Ryzen Serie 3000 de 2da generación para equipos portátiles ultradelgados y de gaming

Es lanzado Swift, un lenguaje de programación multiparadigma creado por Apple enfocado en el desarrollo de aplicaciones para iOS y Mac OS X.

La entrada La computadora y la portabilidad se publicó primero en Frexus.

Y se topan con limitantes de hardware o software (este último porque no se puede ejecutar en el móvil).

No pueden ir a ciber café , ya que en algunos casos no deja. Instalar software adicional o tiene que instalarlo cada vez que usa el equipo o tiene un costo adicional.

La ventaja de programar con lenguaje de software libre es que algunos pueden correrse en un móvil inteligente. Tal es el caso de Python un lenguaje de programación de alto nivel de tipo script que permite programar desde una terminal móvil.

Para lograr esta travesía hay que instalar una aplicación que de llama termux, esta es una consola de linux la descargas se instala y listo dejo a continuación el enlace de descarga de termux

https://play.google.com/store/apps/details?id=com.termux

Una vez que esté instalado termux teclea la palabra “Python” (sin comillas) te mandara un error de que no tiene instalado el paquete y deberás teclear lo siguiente: pkg install python pulsas la tecla enter y esperas a que se dedcsrgue, se instale y listo.

Después de que se instala, ¿Que es lo que sigue? Bueno lo que sigue es ejecutar el intérprete de python. ¿Cómo lo ejecutamos? Bien, para ello estando en termux, (después de que se haya instalado Python) se va a teclear la palabra “Python” (sin las comillas) y notarás que el promt de la terminal cambio de signo de dólar ($) a tres mayores que (>>>) eso indica que el intérprete de python se está ejecutando.

Para darte la bienvenida al intérprete de python desde una terminal móvil escribe lo siguiente print (“Bienvenido a Python desde el móvil”) cuando termines de escribirlo pulsa enter y la siguiente línea verás como resultado la impresión de la frase “Bienvenido a Python desde el móvil” claro sin las comillas

A continuación les dejo un video de la instalación de termux, instalación de Python y su ejecución. Te llevarás menos de seis minutos.

Video de instalación y ejecución de termux y python

La entrada Por si quieres programar y solo tienes un smartphone se publicó primero en Frexus.