Creando una Aplicación Android que responda ante comandos de Voz mediante Inteligencia Artificial y Machine Learning – Parte 2

Android Inteligencia Artificial Kotlin Machine Learning Tutoriales | | Comunidad: Crear un Post, Eventos Devs, Foro

En este Post continuaremos con el capitulo anterior llamado Creando una Aplicación Android que responda ante comandos de Voz mediante Inteligencia Artificial y Machine Learning – Parte 1 en donde compartí una imagen con la idea de la interface de la aplicación, así mismo creamos la aplicación para este proyecto y le di de nombre IA Postres APP, en este Post continuaremos con la creación de este proyecto, vamos con el Post.

Partes

Durante las semanas en que hacia este tutorial se lanzo la versión de Android Studio 3.5 y no veo que haya afectado el desarrollo y creación de este proyecto, así que no te vayas a complicar, es como si estuviera usando la versión de Android Studio 3.4 que es la versión con la que se inicia este Tutorial.

Actividad Principal

Empezaré creando el código Kotlin para la vista principal de la aplicación, abro el archivo MainActivity.kt que se ha creado automáticamente al momento de crear mi Proyecto en Android Studio, agrego lo siguiente

Lo que hago es llamar a mi layout llamado activity_main.xml, este Layout lo vamos a crear a continuación

Layouts

El Layout de la actividad principal se generó automáticamente al crear el proyecto en Android Studio y le asignó automáticamente el nombre activity_main.xml

El archivo activity_main.xml se encuentra en el directorio de layouts de Android Studio, es decir en app > res > layout > activity_main.xml

En el layout activity_main.xml van a ir los elementos que componen el chat, abro este archivo y agrego primero un LinearLayout que será el contenedor principal de los elementos de la interface del Chat

Dentro del LinearLayout voy a colocar un ListView que es en donde se listarán los mensajes del Cliente y la Inteligencia Artificial

Ahora voy a crear un RelativeLayout y dentro de el voy a colocar otros Relative Layout para la caja de texto en donde el Cliente escribirá los mensajes y al lado derecho de la caja de texto colocaré el botón Enviar para enviar los textos y al lado derecho de este otro botón con el icono de un micrófono que servirá para que el Cliente envíe mensajes de audio por el Chat hacia la Inteligencia Artificial, en el código he colocado comentarios para describir cada elemento

A continuación todo el código completo de mi layout activity_main.xml

El diseño de mi layout activity_main.xml se ve de la siguiente manera hasta ahora:

Nota: En la anterior imagen hay elementos de la aplicación que explicaré como se crean mas adelante.

Excelente, hasta aquí ya tengo la interface del Chat con los elementos necesarios para que la comunicación entre el Cliente y la Inteligencia Artificial se lleve acabo sin problemas.

Ten Paciencia, lo que quiero es que entiendas todo el proceso de como crear la aplicación y no llenarte el capitulo de mucho contenido porque te puedes marear y no tendrás un óptimo aprendizaje. 

Nota(s)

  • En el siguiente capitulo trabajaremos con los drawables y los iconos, elementos necesarios para que la interface de la Aplicación funcione sin problemas.

 

Síguenos en nuestras Redes Sociales para que no te pierdas nuestros próximos contenidos.

Newsletter

Suscríbete a Nuestro Boletín de Novedades:

(Luego de la suscripción no te va salir ningun mensaje. Solo revisa tu bandeja de Correo para confirmar tu suscripción)
* indicates required
Subscribirse
Notificar a
guest
4 Comments
antiguos
nuevos más votado
Inline Feedbacks
View all comments
trackback
Como crear una Página Web con React 16.9 y Bootstrap 4 – Parte 2 | Blog Nube Colectiva
11 meses atrás

[…] Creando una Aplicación Android que responda ante comandos de Voz mediante Inteligencia Artificial y…25/09/2019 […]

trackback
Creando una Aplicación Android que responda ante comandos de Voz mediante Inteligencia Artificial y Machine Learning – Parte 3 | Blog Nube Colectiva
10 meses atrás

[…] Creando una Aplicación Android que responda ante comandos de Voz mediante Inteligencia Artificial y… – Actualizado: 21-11-2019 […]

trackback
Creando una Aplicación Android que responda ante comandos de Voz mediante Inteligencia Artificial y Machine Learning – Parte 4 | Blog Nube Colectiva
9 meses atrás

[…] Creando una Aplicación Android que responda ante comandos de Voz mediante Inteligencia Artificial y… – Actualizado: 16-12-2019 […]

trackback
Creando una Aplicación Android que responda ante comandos de Voz mediante Inteligencia Artificial y Machine Learning – Parte 5 | Blog Nube Colectiva
2 meses atrás

[…] Creando una Aplicación Android que responda ante comandos de Voz mediante Inteligencia Artificial y… – Actualizado: 28-06-2020 […]