• ClariTI

Microsoft Power Platforms Introduccion a Power Apps Primera App Hola Mundo.

Que es Power Apps? "Es una plataforma de bajo codigo que te permite crear de forma rápida y sencilla aplicaciones personalizadas para tu empresa con bajo codigo.

Las aplicaciones que crees pueden ejecutarse tanto en tus dispositivos móviles, como en un ordenador o Tablet." Que es el Bajo Codigo?

"Son plataformas donde los usuarios finales como analistas de negocios con poca o ninguna experiencia en programación, pero con conocimientos sobre procesos de negocio y flujos de trabaj- utilizan herramientas similares a las de arrastrar y soltar para organizar las aplicaciones. Con bajo codigo los desarrolladores pueden necesitar hacer algo de codificación con el propósito de integrar el acceso a aplicaciones más antiguas, generar informes y requisitos especiales de interfaz de usuario"

Ya sabemos como ingresar y tener nuestra licencia de PowerApps, vamos a crear nuestra primera App donde manejaremos Pantallas, Controladores, Funciones, Variables, etc... Lo que tenemos que hacer es ingresar a https://make.powerapps.com/ e ingresamos con nuestro usuario. Una vez dentro en nuestro home en el menu de la izquierda tendremos la opcion de "+ Crear"

Luego seleccionamos la opcion "Aplicacion de lienzo en blanco". -mas abajo de las opciones de crear se encuentras plantillas las cuales tienen funcionalidades ya creadas y funcionales pero no las recomiendo utilizar ahora que estamos aprendiendo ya que hay muchos funcionalidades que pueden ser complejas y no sirven como punto de partida para una nueva idea.

No solicitara un nombre de la app y el formato que sera desarrollado (Las apps son multiplataformas y pueden ser responsivas tambien) En nuestro caso utilizaremos el formato tableta que es apto para apps de escritorio. Le escribimos el nombre a nuestra App y hacemos click en el boton "Crear"

Nos aparecera nuestra app con una pantalla en blanco, tendremos una barra de tareas muy parecida a otras soluciones de Microsoft como Excel y Word. Nuestra primera tarea que realizaremos sera sencilla: un Hola Mundo clasico. Insertaremos una etiqueta a la pantalla desde la opcion insertar y hacemos click en la opcion "Etiqueta"

Podran fijarse a nuestra derecha la etiqueta tiene propiedades que pueden ser modificables como el texto, fuente, tamano, estilo, posicion etc... Por ahora nos concentraremos en hacer que el texto cambie una vez que presionemos un boton.

Desde el menu insertar hacemos click en "Boton" para insertar un boton a nuestra pantalla

Como veran los componentes en PowerApp tienen propiedades similares como el texto, fuente, posicion, etc... Y en el boton su funcion es ser presionado y activar un evento, este boton va hacer que una variable cambie a "Hola mundo". En la imagen anterior se senala con una flecha roja un espacio de texto que dice "false" y a su izquierda una opcion de lista que dice "OnSelect" esto quiere decir que la funcion de el boton al ser presionado es hacer nada. Asi que cambiaremos este texto false por esto: Set(VariableTexto,"Hola Mundo");; Esta formula indica que establecimos con la funcion Set() declarar una variable con el valor "Hola Mundo", esta variable se autodeclara como texto debido a que utiliza comillas ("") al principio y al final del valor declarado.

Como podra notar, la palabra Set se encuentra de color azul ya que se identifica como funcion, y el "Hola Mundo" como valor tipo texto para la variable. Tambien ordene la Etiqueta y el boton solamente arrastrandolos en la pantalla. Ahora ingresaremos en la propiedad "Texto" de la etiqueta la variable VariableTexto haciendo click en la etiqueta y seleccionando a la izquierda de la funcion la opcion "Text".

La etiqueta aparece en blanco ya que la variable se encuentra vacia hasta que no suceda el evento de presionar el boton, en en el contenido de la funcion VariableTexto aparece de Color verde ya que hace referencia a que se esta utilizando una Variable. Seleccionamos la opcion de "Vista previa de aplicacion" en la esquina superior izquierda de la pantalla y presionar nuestro boton para que la variable adquiera el valor de "Hola Mundo".