Curso completo:Crea Aplicaciones móviles sin escribir código

En este primer módulo, el instructor Efraín Juárez presenta los conceptos teóricos y prácticos necesarios para utilizar la plataforma de desarrollo de aplicaciones Apphive. Los temas abordados incluyen los beneficios de utilizar la plataforma, los requerimientos para crear aplicaciones, cómo crear un perfil en la plataforma, y los controles de diseño disponibles. Además, se presentan las funciones principales de la plataforma que se utilizarán durante el desarrollo de las aplicaciones.

En este video se presenta la plataforma Apphive, destacando los beneficios de usar esta plataforma. Uno de los principales beneficios es que es una plataforma No-Code, lo que significa que no es necesario tener conocimientos específicos de programación para poder utilizarla. Además, se menciona que con Update se pueden crear aplicaciones dinámicas y que cuenta con todas las funciones necesarias para desarrollar aplicaciones con una mejor experiencia de comodidad para los usuarios. También se menciona que se pueden compilar las aplicaciones para diferentes plataformas y sistemas operativos. En cuanto a las aplicaciones que se pueden crear con Update, se menciona que existe una gran variedad de opciones, como aplicaciones para transporte, eventos, inmobiliarias, medicinas, entre otras

A este vídeo se ve acerca de los procesos para crear una aplicación. Es importante identificar para qué sector o área se va a crear la aplicación y tener claras las delimitaciones. Es necesario tener objetivos muy definidos y describir paso a paso cada uno de estos puntos generales. Se recomienda no mezclar más objetivos y cumplir primero con la meta específica antes de agregar módulos adicionales. Una vez terminado, se recomienda volver a retroceder y identificar qué es lo que se puede mejorar.

En este video, se enseña cómo crear una cuenta en una plataforma. El primer paso es escribir "editor.a" en el navegador y presionar "get started". Se puede iniciar sesión con una cuenta de Facebook o Google o crear una cuenta con un correo electrónico. Es importante asegurarse de que el correo electrónico ingresado es válido ya que se enviará un código de verificación. Una vez que se verifica la cuenta, se accede al dashboard de la plataforma y se ofrece un beneficio del 50% en la suscripción durante los primeros 14 días.

En este video se muestra cómo crear tu primer proyecto de música en una plataforma específica. Se explica cómo iniciar sesión utilizando diferentes opciones como correo electrónico, cuenta de Google o Facebook. Una vez dentro del perfil, se indica que para crear un nuevo proyecto se debe hacer clic en "crear nuevo proyecto". Se explica que un proyecto es un sistema de aplicaciones que funciona con una misma base de datos, donde se puede crear varias aplicaciones dentro de un mismo proyecto, todas compartiendo la misma base de datos. Se presenta la opción de crear un proyecto en blanco o con una estructura ya definida. Finalmente, se menciona la posibilidad de modificar el nombre y el icono de las aplicaciones dentro del proyecto.

En este video se explica cómo acceder a la galería de imágenes de las aplicaciones. Se menciona que es necesario tener al menos una pantalla en la aplicación para poder agregar un control de imagen y acceder a la galería. Se presentan dos maneras de acceder a la galería, una es seleccionando el control y abriendo la pestaña de estilos y otra es arrastrando y soltando las imágenes o archivos en un apartado específico. Se menciona que la galería cuenta con imágenes en formato jpg, png y SVG, y se pueden buscar diferentes categorías o temas de imágenes. También se menciona que no es recomendable utilizar la opción de cargar imágenes desde una URL, ya que esta puede cambiar y la imagen ya no se mostrará. Se sugiere que es mejor guardar las imágenes en un repositorio en la nube para que puedan ser accedidas por otras aplicaciones o usuarios.

En este video se explica cómo acceder a las funciones más utilizadas dentro de una aplicación. Para poder utilizar estas funciones, es necesario agregar algún control, como botones, formularios, mapas, imágenes, etc. Estos controles permiten interactuar entre la aplicación y el usuario a través de eventos. Una de las funciones más importantes es el "Modify control", que permite alterar la estructura o información de algún control, como agregar texto, cambiar colores, dimensiones, imágenes, iconos, etc. También se menciona la función "colección", que permite crear listas para renderizar y ver información dentro de la aplicación. Esta función necesita una colección de datos obtenida desde una base de datos y configurada para especificar qué información obtener de la colección.

En este segundo módulo, se va a crear una aplicación de tipo recetario como práctica. Primero, se delimitará la funcionalidad de la aplicación, los parámetros, el flujo, el número de pantallas y los colores. Una vez que se tiene todo esto definido, se utilizará la plataforma de Apphive para crear las pantallas diseñadas. Luego, se seguirá con la parte funcional de la aplicación, la cual constará de un módulo de inicio de sesión, una pantalla para visualizar las recetas, un perfil de usuario y una pantalla para agregar recetas con imágenes y detalles de preparación.

En este video se presenta una práctica para crear una aplicación de tipo recetario utilizando una plataforma. Se explica que el primer paso es definir el tipo de aplicación que se quiere crear y darle un nombre llamativo. También se menciona que la plataforma utilizada permite crear sistemas de aplicaciones, donde varias aplicaciones pueden estar conectadas a la misma base de datos, lo que facilita la compartición de información y actualizaciones. El video también afirma que se mantendrá la primera práctica sencilla para que el usuario pueda entender los conceptos básicos y luego se irán haciendo prácticas más complejas.

En este video se presenta una práctica para crear un diagrama de flujo para una aplicación, con el objetivo de ayudar a identificar la estructura de la aplicación. El diagrama de flujo comenzará con un icono de inicio de sesión, donde el usuario podrá crear una cuenta, iniciar sesión con redes sociales o recuperar su contraseña. El diagrama de flujo también incluirá diferentes caminos para que el usuario elija en función de sus acciones, como crear una nueva cuenta o iniciar sesión con una cuenta existente. El diagrama de flujo también incluirá decisiones que deben ser tomadas en función de la entrada del usuario, como verificar si el correo electrónico ya existe o si las credenciales son correctas. El destino final del diagrama de flujo es la pantalla principal de la aplicación.

En este video se discute el diseño de una aplicación o proyecto, utilizando un diagrama de flujo para delimitar la estructura deseada. El enfoque está en la maquetación de la estructura, sin preocuparse por detalles como el color, la tipografía o las imágenes. Se menciona que se creará una pantalla principal de inicio de sesión, en la cual se agregará un dispositivo para visualizar lo que será la aplicación final. En esta pantalla se tendrán acceso para crear una cuenta, iniciar sesión con correo, con Facebook o con Google, y también para recuperar la contraseña. A continuación, se creará una pantalla para crear cuenta, en la cual se necesitarán tres campos principales: nombre, correo electrónico y contraseña. También se menciona la creación de una pantalla para iniciar sesión, que será muy similar a la pantalla anterior, pero sin el campo de nombre. Por último, se discute la creación de una pantalla para la foto de perfil personal, que incluirá la imagen del perfil, el nombre, el correo y una opción para crear una receta.

En este video, se muestra cómo ahorrar tiempo en la parte de diseño de colores de una aplicación. Se explica que es fácil cambiar los colores de las aplicaciones, ya que todo lo relacionado con el diseño o estilo se encuentra en la primera pestaña de las pantallas. También se menciona que es posible agregar colores personalizados, modificar el background y el texto de cada control, y utilizar paletas de colores predefinidas. Además, se recomienda utilizar el código hexadecimal para identificar fácilmente los colores y se menciona que es posible personalizar los colores primarios y secundarios de la aplicación.

En este video, se muestra cómo crear las primeras pantallas de una aplicación. Se comienza con una pantalla principal o "Home" que tiene una estructura básica, compuesta por una imagen y varios botones. Se menciona que todas las pantallas tienen un botón de retroceso y que se usarán contenedores para agregar los iconos y el cuerpo de la aplicación. A continuación, se crea la pantalla de inicio de sesión, que incluye una imagen y cuatro botones. Se explica cómo copiar y pegar los botones para ahorrar tiempo y cómo editar los nombres de los botones. Luego se crea la pantalla de crear cuenta, que tiene una imagen, tres campos de texto y un botón. Se menciona la importancia de agregar un contenedor para el encabezado y otro para el cuerpo de la pantalla. Se explica cómo agregar una división en el contenedor para agregar un icono y cómo modificar las propiedades del contenedor para que ocupe el 100% del espacio. Finalmente, se crea la pantalla de inicio de sesión, que incluye un campo para el correo electrónico, otro para la contraseña, un botón y un texto para recuperar la contraseña.

En este video se muestra cómo crear el diseño de una aplicación utilizando una paleta de colores seleccionada previamente. El proceso consiste en cambiar el fondo de la pantalla a un color blanco para que se vea más limpio, cambiar las dimensiones y el color del texto de los botones, y ajustar el tamaño de la letra. Luego, se continúa con la siguiente pantalla, donde se invierten los colores y se realizan ajustes similares. El video también muestra cómo agregar iconos a la pantalla, y cómo darle un toque diferente a la pantalla de perfil.

El video explica cómo agregar un sistema de menú lateral en una aplicación. Se muestra cómo activar la propiedad de "Left navigation bar" en la pantalla de "Home" y cambiar el diseño del menú. También se menciona que, si se desea utilizar el menú lateral en varias pantallas, solamente se debe habilitar en cada una de ellas y se utilizará la misma estructura. Sin embargo, se menciona que el "menú sheet" es específico para cada pantalla y puede tener un diseño diferente en cada una de ellas.

En este video, se explica qué son las variables globales y las variables locales. Una variable es algo que tiene un valor que puede cambiar. Las variables locales son aquellas que solo pueden ser utilizadas en la pantalla en la que se crearon. Mientras que las variables globales pueden ser utilizadas en cualquier parte de la aplicación. Se proporcionan ejemplos de cómo utilizar variables locales, como guardar información en una base de datos y asignarla a una variable local utilizando la función "set page value". Se menciona que las variables pueden almacenar cualquier tipo de información, como un arreglo, texto o código, y que pueden ser utilizadas para cualquier propósito.

En el vídeo, se explica la estructura de la base de datos que se utilizará en una aplicación o sitio web. Se mencionan las variables que se utilizarán en las diferentes pantallas y se explica que la estructura de la base de datos estará delimitada por las variables que ya se definieron. En cuanto a las cuentas o inicio de sesión, se explica que la información se guarda en una sección diferente a la que se puede acceder, y que para la información del perfil personal, la foto de perfil se guarda en los registros específicos del perfil del usuario, junto con el nombre y correo electrónico. En cuanto a las recetas, se especifica que se guardarán en la base de datos y se muestran diferentes pantallas donde se pueden visualizar las recetas, dependiendo del nivel de especificidad que se desee. Se explica que la información se guarda en la base de datos como pequeños ficheros o colecciones, y que es importante realizar un análisis para que al momento de consultar la información sea rápida y eficiente. Finalmente, se muestra un ejemplo de la estructura de la base de datos que se utilizará en la aplicación o sitio web.

En este video se explica cómo crear una colección en la base de datos desde la aplicación. Hay dos formas de acceder a la base de datos, mediante el Cloud Health fire o el Cloud Data base editor. Luego se procede a crear una colección llamada "receta". En la sección de filds se agregan los campos: nombre, foto, ingredientes, preparación y autor. Es importante escribir los nombres de los campos de manera consistente y descriptiva para facilitar su acceso y uso en futuras funciones. También se muestra cómo visualizar la información en la colección. El registro ID es un identificador aleatorio e irrepetible que se genera automáticamente, pero se puede agregar uno personalizado. Además, se puede editar o eliminar los registros en la base de datos. En el próximo video se explicará cómo ajustar la aplicación con funciones para hacerla funcional.

Este es un tutorial de programación NoCode en el que se muestra cómo crear una función de inicio de sesión y una función de creación de cuentas de usuario en una aplicación móvil. Se comienza explicando cómo crear una opción de creación de cuenta, utilizando un botón que dirige a una pantalla donde se pide al usuario su correo electrónico, contraseña y foto de perfil. Para agregar la foto de perfil se utiliza una función que carga la imagen en una base de datos pública y devuelve una URL que se asigna al usuario. Se utiliza la función de "replace screen" para evitar que el usuario tenga que volver a la pantalla de inicio de sesión después de crear su cuenta. Se explican los pasos detallados para la implementación de cada función y se dan consejos para mejorar la experiencia del usuario, como agregar un control detrás del icono de la opción de creación de cuenta para facilitar el clic en pantallas pequeñas. También se muestra cómo cambiar los nombres de los controles para identificarlos mejor y cómo utilizar la función "uploadfile" para cargar imágenes en una base de datos pública.

El video trata sobre la continuación de un módulo de inicio de sesión y registro de cuenta. El presentador explica que, aunque se había creado una pantalla de inicio, aún no había datos en la base de datos para mostrar. Por lo tanto, se enseña cómo crear una pantalla de creación de recetas y cómo modificar el menú lateral para que muestre la imagen, el nombre y el correo electrónico del usuario. Luego se muestra cómo agregar una foto de perfil del usuario y cómo mostrarla en la página de perfil. Finalmente, se muestra cómo cerrar la sesión y cómo manejar los errores. El video contiene algunas instrucciones detalladas sobre cómo hacer estas cosas usando algunas herramientas específicas.

El video trata sobre cómo hacer consultas a una base de datos en una aplicación utilizando tres tipos de consultas diferentes: la consulta por objeto, la consulta por registro y la consulta por objeto filtrado. En la primera consulta se muestra cómo obtener toda la información de la base de datos seleccionando la colección de interés, mientras que en la consulta por registro se busca un registro específico utilizando el identificador y la función que se encuentra en el callback data obtained. En la consulta por objeto filtrado se utiliza una variable local para hacer la consulta y obtener la información de un registro específico. También se muestran ejemplos de cómo manipular la información obtenida desde el callback data obtained y cómo acceder a una pantalla específica utilizando un botón de control.

El video explica cómo guardar información en una base de datos. En primer lugar, se menciona que se puede utilizar un identificador por defecto o personalizado para cada registro. Si se usa uno personalizado, se tiene mayor control sobre la información, pero también puede haber una desventaja de que siempre se actualiza el mismo registro. Por lo tanto, se recomienda usar un valor específico como cero para la consulta de registros. La función de guardar información en la base de datos sirve para guardar o actualizar información. Si el registro no existe, se crea uno nuevo con los datos que se mandan, mientras que si ya existe, se actualizan los campos con los nuevos valores. Los identificadores pueden ser utilizados para actualizar o para obtener información de registros específicos, y también se pueden usar identificadores aleatorios para agregar un número indefinido de registros. El video también menciona que se pueden agregar funciones en los campos de la base de datos, pero entre más funciones se agreguen, puede tardar más en devolver la información, especialmente si se utilizan consultas consecutivas. Finalmente, se recomienda entender la facilidad que se quiere dar a la aplicación y las consultas que se quieren realizar para determinar cómo se debe guardar la información en la base de datos.

El vídeo habla sobre cómo manipular la información en forma de objeto en JavaScript. La información en forma de objeto se consulta seleccionando la colección de información que se desea obtener. Para manipular esta información, se deben utilizar dos funciones principales: la primera es crear una lista en donde se envía el objeto obtenido de la base de datos para mostrarlo, y la segunda es recorrer cada uno de los registros de la colección que se envió mediante el evento "foreach". El vídeo muestra cómo se puede acceder a los campos de cada registro de la base de datos utilizando la palabra reservada "item", que permite acceder a un campo específico de la base de datos. Además, se puede mostrar la información de un registro en particular o manipularla mediante el uso de funciones adicionales. En resumen, el vídeo enseña cómo manipular la información en forma de objeto en JavaScript para acceder a campos específicos de la base de datos.

En este video se explica cómo manipular la información de una consulta por registro en una base de datos. Se explica que para las consultas por registro, es más fácil acceder a la información ya que sólo se necesita tener la información de un solo registro para acceder a la información específica de ese registro. Se muestra un ejemplo utilizando la función "modify control" para obtener la información de un campo específico de un registro. También se menciona que cuando se hace una consulta por registro, aparece un campo adicional llamado "fields" que se refiere a los nombres de los campos dentro de la colección. Se recomienda seleccionar los campos desde los "fields" para evitar errores de ortografía. Por último, se muestra cómo modificar la propiedad de texto de un control para reflejar la información obtenida de un campo específico de un registro. En resumen, este video enseña cómo manipular la información de un registro específico en una base de datos utilizando funciones específicas.

En este video, se muestra cómo hacer una consulta a la base de datos utilizando la pantalla de perfil como ejemplo para filtrar solo las recetas que hemos creado. Es importante verificar el campo que se quiere filtrar y asegurarse de que la consulta se haga en minúsculas, ya que de lo contrario, la función no funcionará correctamente. La consulta se realiza utilizando el campo filter y order by. El primero se utiliza para buscar registros en el campo seleccionado, mientras que el segundo se utiliza para identificar la columna de comparación. En este caso, la consulta se realiza por el campo autor, que se identifica a través de una variable que contiene el nombre del usuario que inició sesión. Una vez que se obtiene la información, se puede manipular y presentar en una lista en la pantalla de inicio, y se puede agregar un nuevo valor al campo de autor para evitar conflictos con nombres similares.

En este video se muestra cómo editar los campos de un registro en una aplicación. El ejemplo se hace en una pantalla que muestra recetas y se agrega un botón para editar, así como un campo de texto para el usuario. Para guardar la información, se usa la función guardar en la base de datos, especificando la colección donde se guarda la información y el ID del registro que se quiere editar. Para actualizar la información de cada campo se usa la propiedad 'value' del campo de texto. Además, se indica que lo básico en las aplicaciones es crear, leer, actualizar y eliminar información. En el ejemplo, se muestra cómo actualizar el nombre de una receta y cómo hacer lo mismo con otros campos como los ingredientes, la preparación y la foto. Al final del video, se muestra cómo se puede actualizar la información de una receta y ver los cambios en la pantalla.

El vídeo explica cómo eliminar información de una base de datos utilizando dos formas directas: eliminar información por registro o por objeto. La primera consiste en eliminar un registro específico identificado por un identificador, mientras que la segunda elimina todos los registros dentro de una colección. El vídeo muestra cómo utilizar la función "delete data" para eliminar registros y enviar mensajes de alerta en caso de éxito o errores. También explica cómo eliminar toda la información de una colección utilizando la misma función y eliminando el identificador del registro. En el ejemplo, se eliminan dos registros de una colección de recetas y se muestra cómo actualizar la información en la pantalla del home. Además, se enfatiza la importancia de enviar mensajes de alerta para proporcionar una mejor experiencia de usuario.

Este vídeo explica la función Modify Control en Apphive, la cual se utiliza para alterar la estructura o composición de un control para hacer más dinámica una aplicación. La función Modify Control se refiere a tres parámetros principales: data to send (información que se va a enviar), element (el control que se va a modificar) y la propiedad a modificar. Es importante destacar que cada propiedad de un elemento utiliza un tipo de valor en específico, por lo que se deben enviar los valores adecuados para poder modificarlas de forma correcta. Los controles de texto e imagen son los que se utilizan con mayor frecuencia y cada uno tiene sus propias especificaciones de uso y la información que se va a estar enviando. También se habla de la propiedad LinearRute, la cual necesita más de un valor para poder cumplir su función, por lo que se deben utilizar 4 Modify Control.

En este video se explica cómo funciona la función "Add collection to UI". Esta función permite crear listas de forma horizontal o vertical. Para utilizarla, es necesario enviar una colección de datos, ya sea un objeto o un arreglo. Se requiere una estructura específica para poder utilizar la función, que consiste en un control contenedor padre y otro hijo o ítem que se va a estar repitiendo para formar la lista. En este video se muestra una estructura simple con una imagen y un texto. También se explican las configuraciones de la lista, como habilitar categorías y la búsqueda de ítems, así como la opción de ordenar los elementos. Por último, se menciona cómo habilitar las columnas para crear la lista.

En este video se habla sobre las funciones más utilizadas en el desarrollo de aplicaciones, así como de las características de las mismas. Se indica que ya se tiene el conocimiento necesario para crear una nueva aplicación de tipo inmobiliaria, en la que se van a desarrollar funciones más complejas y se va a trabajar con roles en una misma aplicación. Se menciona que se van a formar prácticamente dos aplicaciones en una sola, y que esto permitirá elegir diferentes opciones según las necesidades. Finalmente, se indica que en los siguientes videos se irá más rápido en el desarrollo de las aplicaciones, ya que se cuenta con el conocimiento necesario para comprender su funcionamiento.

El siguiente video trata sobre la delimitación del proyecto de inmobiliaria que consiste en una aplicación móvil con dos aplicaciones: la del usuario y la del administrador. La aplicación del usuario tiene dos roles: contratar servicios y ofrecer servicios. En la pantalla principal, habrá dos tipos de listas para los inmuebles disponibles para renta y venta. En la pantalla de características del inmueble se mostrará una lista de fotografías, dirección, número de habitaciones, número de baños, metros cuadrados de construcción y el precio. Habrá también un campo para descripción general, el nombre y la fotografía del dueño de la propiedad. Los usuarios pueden comunicarse con el dueño de la propiedad mediante un chat.

El video trata sobre la definición y detalles de dos tipos de roles que tendrá la aplicación del usuario: uno para personas que utilizarán los servicios de otros y otro para aquellos que ofrecerán servicios. Los usuarios pueden ver las propiedades que se ofrecen y las características de estas, así como comunicarse con los usuarios a través de un chat o con un número telefónico. El administrador de la aplicación tendrá una lista de espera para nuevas propiedades que los usuarios agreguen. La pantalla de reportes permite que los usuarios reporten malas experiencias o propiedades. La aplicación será fácil de usar pero tendrá características específicas para cada tipo de usuario.

El video explica cómo crear las primeras tres pantallas de una aplicación de inicio de sesión en la plataforma Apphive. En primer lugar, se define el color de fondo y se agregan los encabezados y cuerpos de las pantallas de crear cuenta, inicio de sesión y recuperación de contraseña. Luego, se agregan los campos de correo electrónico y contraseña, y se modifica el botón de inicio de sesión. Se añaden dos textos de enlaces debajo del botón y se agrega el nombre de la aplicación en una imagen. La pantalla de crear cuenta se ajusta agregando campos de correo electrónico y contraseña, y se agrega un icono para visualizar la contraseña escrita.

En este vídeo se muestra cómo crear una pantalla para que los usuarios puedan registrarse o cambiar su rol como arrendadores. El proceso implica copiar una pantalla existente y personalizarla para esta función específica. Se agrega una foto de perfil redondeada, un texto que describe lo que se está pidiendo (foto personal, identificación oficial, dirección y teléfono), un mapa para la dirección y un campo de teléfono que se puede ajustar a la estructura de números de teléfono de la región. También se sugiere agregar una máscara para formatear el número de teléfono para que el usuario pueda ingresar los dígitos en un formato fácil de leer.

El video trata sobre cómo crear una pantalla de perfil de usuario en una aplicación. El objetivo es mostrar cómo agregar información y componentes a la pantalla, y cómo organizarla adecuadamente para una mejor experiencia de usuario. En la pantalla de perfil, se pueden agregar campos como el nombre, correo electrónico, teléfono y lista de inmuebles en caso de tener el rol de arrendador o vendedor. También se puede agregar una foto personal y dirección en caso de tener el rol anteriormente mencionado. Además, se puede agregar un botón de cerrar sesión. La pantalla de perfil se puede construir utilizando una pantalla de recuperación de contraseña, eliminando componentes y agregando una imagen, un control de imagen y un texto centrado y aumentando el tamaño de la letra. La lista de inmuebles se puede expandir y tener un autoajuste y un autor margen de 20 píxeles. También se puede agregar un botón de cierre de sesión y activar el scroll vertical en el cuerpo de la aplicación.

El video muestra cómo crear una pantalla para que los propietarios o vendedores de propiedades puedan cargar su inmueble en una aplicación. Se utiliza la pantalla de recuperar contraseña y se le agrega una copia para cambiar el nombre a "Agregar inmueble". Se eliminan algunos controles y se agregan otros para que la pantalla se ajuste al número de controles que se agreguen. Se explica cómo agregar distintas fotos y se muestra cómo se pueden añadir mediante la creación de un contenedor que será el padre y dentro de ese agregamos otro que va a ser el hijo o el ítem que se va a estar repitiendo. También se explica cómo agregar una sombra alrededor del ítem y se muestra cómo se puede ajustar la lista en dos o tres columnas. Luego se explica cómo agregar la parte de la dirección y el texto mediante el uso de un mapa y se muestra cómo se puede agregar un icono para tomar una fotografía de lo que se va a ofertar o de algún archivo. Finalmente, se muestra cómo se puede cambiar la interfaz para personalizarla.

En este video, se explicará cómo crear una pantalla para editar y eliminar un inmueble en una aplicación. Para crear esta pantalla, se copia la pantalla de crear inmueble y la modifica cambiando el nombre a "editar inmueble". Luego, se muestra cómo agregar un icono de eliminación para que el usuario pueda eliminar un inmueble si lo desea. Los campos que se pueden editar son los mismos que los campos que se pueden crear. En la pantalla de edición, se debe agregar un ID de inmueble para identificar qué inmueble se va a editar o eliminar en la base de datos. El creador sugiere utilizar la misma pantalla para agregar información y eliminar inmuebles, pero también se menciona que se puede utilizar otra pantalla para esta función si se prefiere. En resumen, este video proporciona instrucciones detalladas sobre cómo crear una pantalla de edición y eliminación de inmuebles en una aplicación.

Este tutorial de diseño de aplicaciones muestra cómo crear una pantalla de chat con mensajes en dos secciones. El tutorial comienza copiando la pantalla de recuperación de contraseña y renombrándola como "mensajes". La pantalla se divide en dos secciones, una sección grande para los mensajes y una sección pequeña para el icono de perfil. Se ajusta el tamaño y la forma de los contenedores y se añaden bordes y sombras. Los campos de texto se ajustan automáticamente al tamaño del texto que se añade, y se añade un pequeño margen para evitar que el texto se pegue a los bordes del contenedor. También se agrega la hora del mensaje en la parte inferior derecha del contenedor de mensajes.

En este video, se explica cómo crear una lista de personas que enviarán mensajes a través de la pantalla de mensajes que ya se ha creado. Primero, se copia la pantalla de mensajes y se le llama "lista de mensajes". Luego, se elimina el contenedor extra que no se necesita y se agrega una imagen si se desea. Se cambia el texto a "Tus Chats" y se organiza la lista de personas interesadas en una propiedad y los mensajes enviados a través de ella. Se propone agregar un color o nombre de propiedad para distinguir entre interesados y vendedores. También se sugiere agregar la opción de eliminar todos los mensajes para mantener la lista organizada. Al hacer clic en una persona en la lista, se redirige al usuario a una pantalla de chat. Finalmente, se ajusta el margen de los ítems de la lista para que queden separados correctamente.

En este video, se muestra cómo crear una pantalla de inicio en una aplicación para mostrar propiedades en renta y en venta. Se sugiere crear dos pantallas iguales y cambiar solo el título de la pantalla para distinguir entre las dos. Se utiliza una pantalla simple, como la de recuperar contraseña o la de chat, para la creación de ambas pantallas. Después, se agrega un contenedor para mostrar las propiedades en renta y en venta. Se divide este contenedor en dos secciones iguales y se agrega un control de texto para especificar qué tipo de propiedad se muestra en cada sección. Finalmente, se agrega un contenedor hijo de la lista y se agrega una imagen con el tamaño especificado. Se hacen algunos cambios de color y diseño para resaltar los títulos y hacer que la pantalla sea más atractiva. El diseño final puede variar según las preferencias del creador de la aplicación.

En este video se muestra cómo crear una pantalla para ver las características específicas de un inmueble. Se utilizan algunas pantallas que tienen menos componentes para hacerlo más rápido. Se crea un contenedor dividido en tres secciones. Se agrega un botón de opciones para reportar y un control swiper para mostrar las imágenes. También se agrega un control de texto para el nombre, el precio y la fecha de publicación. Se ajustan los tamaños y se cambian los colores para que se puedan identificar fácilmente. Se pueden agregar puntos para que el usuario navegue entre las imágenes. El auto play también se puede ajustar dependiendo del tiempo que el usuario quiera ver cada imagen.

En este video, se muestra cómo crear la pantalla de reporte en una aplicación. Se empieza por copiar una pantalla de lista de reportes y eliminar elementos innecesarios. Luego, se agrega un campo para el reporte del inmueble y un botón. Para que el campo de reporte tenga más espacio, se elimina el chat y se agrega un texto que ocupa el 95% de la pantalla. Se activa la opción de múltiples líneas y se hace un picker para colocar a quién reporta. El color de texto es negro y el fondo de la pantalla se vuelve más oscuro. Se añade un texto para especificar a quién se reporta, se redondea y se cambia el color del picker y el inner margin. Se agrega un placeholder con opciones de reporte para el inmueble o el propietario y se cambia el color del botón de "reportar" a blanco y se le añade un icono. Al final, se menciona que con esta pantalla ya son 13 pantallas diseñadas para la aplicación y se anima al espectador a seguir con los próximos videos para aprender a desarrollar la lógica de la aplicación y las pantallas de administrador.

En este video se habla sobre la creación de pantallas para una aplicación de administración inmobiliaria. Se van a crear tres pantallas para propietarios, que serán para espera, aceptado y suspendidos. También menciona que se pueden reutilizar varias pantallas de otra aplicación, como la de crear cuenta e iniciar sesión y los detalles de los propietarios y la propiedad. Luego, muestra cómo copiar y pegar las pantallas para crear una nueva pantalla y menciona cómo seleccionar iconos y colores. Finalmente, se habla sobre la estructura de la nueva pantalla y la separación de elementos en diferentes divisiones.

En este video vamos a crear pantallas para mostrar los diferentes estatus de los propietarios de inmuebles. Para hacerlo, vamos a copiar una pantalla existente para ahorrar tiempo y modificarla para nuestras necesidades. Agregaremos un icono de menú en la pantalla y crearemos una estructura de menú lateral. Para esto, cambiaremos el tamaño de la pantalla, agregaremos un control de texto y otro de control de la primera sección. Copiaremos y pegaremos estos controles para hacer otras secciones y las renombraremos según los estados que queremos mostrar. Después, cambiaremos los colores de los controles y los ajustaremos para que se vean bien en la pantalla. Agregaremos una imagen y un texto para cada sección y los haremos visibles en la pantalla. Finalmente, agregaremos sombras y redondearemos las esquinas de la imagen.

En este video se está explicando cómo crear una pantalla para ver la información de los propietarios en una aplicación de inmobiliaria. Para hacerlo más fácil, se van a utilizar elementos ya existentes de la aplicación. Después de guardar la pantalla en la aplicación, se agrega a la sección de administración y se edita para incluir la información necesaria como la foto personal, la identificación oficial, el nombre, el correo, la dirección y el teléfono. También se agrega una lista de propiedades. Se crea un botón de aceptar y rechazar para cada propiedad. Dependiendo del estado de la propiedad (espera, aceptado o suspendido), el botón se mostrará o se ocultará en la pantalla.

En este video se explica cómo crear una pantalla en la que se puedan visualizar tanto la lista de reportes como los reportes en sí. Para ello, se parte de una lista de estatus que ya tenían en los usuarios, que se cambia por "listas de reportes". En la parte superior se elimina un contenedor que había anteriormente y se aumenta su tamaño. En la lista de reportes se agrega información sobre quién es reportado y quién reporta. Se elimina la imagen y se cambia la estructura del contenedor a ítem, quedando en una sola columna y autoajustándose. Posteriormente, se crea una pantalla llamada "detalle del reporte", en la que se eliminará el status bar y se agregará un contenedor ajustado al 95% de ancho con un texto y un botón que nos enviará al perfil del usuario que hizo el reporte o a la pantalla de propiedad en caso de que sea una propiedad la que se reportó. En esta pantalla se colocará información sobre quién es reportado, quién reporta y el reporte en sí. También se explica cómo hacer que los botones de buscar nos envíen a las pantallas correspondientes, cómo ajustar la tipografía y cómo dividir los contenedores para colocar información. Finalmente, se menciona que se puede crear una lista de reportes en el perfil de la persona para realizar acciones como suspenderlos de forma definitiva o eliminarlos.

En este video, se explica cómo crear una pantalla para ver los detalles de una propiedad en una aplicación de administrador. Se menciona que ya se tenía una pantalla similar, por lo que se utiliza esa como base. Se muestra cómo agregar la pantalla al administrador, se le da un nombre y se le asigna una categoría y etiquetas para facilitar su búsqueda. Además, se explica cómo hacer la pantalla privada o pública. Luego, se modifica la pantalla para que tenga dos botones y se elimina un icono. Se agrega un control para mostrar las propiedades de la pantalla. Finalmente, se menciona que esta pantalla se une a otras que ya se han creado para la aplicación de administrador.

Este video explica cómo crear una base de datos para una aplicación de inmobiliaria. Primero, se muestran las pantallas creadas para las aplicaciones de usuario y administrador. Luego, se crea la base de datos en una nueva pestaña y se configura la pantalla de inicio de sesión. Para crear un registro de una propiedad, se crean dos colecciones, "inmuebles" e "imágenes", donde se guarda la información del inmueble y las imágenes de la propiedad, respectivamente. Además, se guarda la ubicación, dirección, número de habitaciones, baños, construcción, precio y una descripción general de la propiedad. También se guarda el ID y el nombre del propietario. Para mostrar la información del usuario, se crea una nueva colección de "propietarios" y se consulta la información de la primera colección "inmuebles" mediante un filtro por ID del propietario.

El video trata sobre la creación de la lógica de inicio de sesión para una aplicación de inmobiliaria en tres pantallas diferentes. El objetivo es que el usuario pueda iniciar sesión de forma sencilla, aunque también se pueden agregar validaciones en la estructura del correo y la contraseña. Para lograrlo, primero se agrega un elemento de empuje al botón de inicio de sesión y se selecciona el primer field del correo. Luego se agrega el valor del correo y la contraseña, y si hay un error, se envía una alerta indicando que hubo un problema y se le solicita que intente nuevamente. Si las credenciales son inválidas, se mostrará una advertencia y se le indicará que intente nuevamente. Si todo es correcto, se enviará directamente a la pantalla de inicio de la sesión activa. El proceso de creación de la cuenta se realiza en una pantalla diferente utilizando la función push screen, y también se muestra cómo visualizar la contraseña en la pantalla de inicio de sesión.

En este video se explica cómo crear la sección de roles de usuario en una aplicación. Primero se muestra cómo activar la barra de navegación izquierda y cómo crear un menú lateral que se activa al hacer clic en un botón. Luego se explica cómo agregar una imagen y texto en el menú lateral, como el nombre y correo electrónico del usuario. Se muestra cómo separar los elementos en diferentes estructuras para que el botón de cerrar sesión siempre esté al final. Además, se agrega un botón para cambiar el rol del usuario y otro para agregar una propiedad. También se explica cómo ocultar automáticamente el menú lateral al regresar a la pantalla principal.

En este video, se explica cómo configurar la pantalla para crear un inmueble en una aplicación móvil. Primero, se muestra cómo obtener la imagen del mapa que se va a utilizar. Luego, se explica cómo configurar la pantalla para que no sea necesario ingresar la contraseña y el correo electrónico cada vez que se reinicia la aplicación. Después, se detalla cómo agregar un control de campo de texto para el nombre del inmueble y cómo ajustar el contenedor que contendrá la lista de imágenes para que se ajuste al tamaño del elemento. Además, se explica cómo realizar una consulta a la base de datos local para guardar imágenes en la colección de fotos y cómo eliminar imágenes de la lista. Finalmente, se muestra cómo agregar imágenes a la lista utilizando la función take photo y show file browser.

En este video aprenderemos cómo mostrar información de inmuebles en diferentes pantallas de una aplicación. Se modificarán cuatro pantallas: venta, home, renta, detalles de inmueble y perfil. Para la pantalla de venta, se realizará una consulta a la base de datos y se agregarán nuevos campos como el tipo de servicio, ventas o rentas, además se verificará que la primera letra esté en mayúscula y se añadirá una función para hacer una lista. Se agregará una imagen principal y un formato para el precio en moneda. En la pantalla de detalles, se enviará el ID del inmueble y se mostrará la imagen, el precio y el nombre. En la pantalla de renta se repetirá el mismo proceso, pero filtrando los inmuebles de renta. Todo esto se realizará en diferentes eventos y funciones para asegurar su correcto funcionamiento.

En este video se explica cómo editar y eliminar una propiedad en una plataforma inmobiliaria. Se muestra cómo agregar una opción para editar, mediante la visualización de un campo de 35 píxeles de alto que se copia y se pega para anotar otros 35 píxeles. Luego, se cambia el icono de enviar mensaje por uno de edición. Se agrega un control y se hace un condicional para que solo el dueño de la propiedad pueda editarla, y se oculta el menú para los demás. También se elimina el campo de latitud y longitud y se enfatiza que la dirección no cambia, por lo que no es necesario incluir estos campos. Se pueden cambiar otras características de la propiedad, como el número de habitaciones, baños, el precio, y el tipo de servicio. Finalmente, se explica cómo eliminar una propiedad.

El video trata sobre cómo configurar una parte del perfil y la parte de los reportes en una aplicación de inmobiliaria. El presentador muestra cómo crear un informe de propiedad o de inmueble y cómo validar la información. Para crear un informe, el usuario debe seleccionar el evento y proporcionar el ID y el enlace de la propiedad a informar. Luego, el usuario debe seleccionar si el informe es para una propiedad o para un propietario y proporcionar los detalles necesarios. Si la información proporcionada es válida, se guarda en la base de datos y se envía una notificación. También se muestra cómo obtener información de usuario para el reporte.

En el video se explica cómo configurar dos partes importantes: la lista de mensajes del propietario para que muestre solo los mensajes de quien le ha enviado y la pantalla de mensajes donde se verá toda la conversación. Además, se configurará la pantalla para que el propietario tenga un icono que le permita ver sus conversaciones y un acceso más rápido a ellas. Para hacer esto, primero se hará una consulta a la base de datos en tiempo real. Luego, se agregarán funciones de lista y de formato para mandar el campo de la hora, decirle que es un número y convertirlo en fecha. También se modificará el contenedor para que los mensajes se vean del lado derecho o izquierdo, dependiendo de quién los envíe. Finalmente, se agregará un evento para enviar mensajes, validando que no estén vacíos, guardándolos en la base de datos y asignándoles un remitente.

En este video, se explica cómo agregar una función para enviar mensajes a los usuarios desde la vista de detalles de la propiedad y también cómo agregar un ícono para que el usuario pueda ver su lista de conversaciones. Primero, se agrega una consulta a la base de datos para obtener todas las conversaciones que el propietario ha tenido con los usuarios, y se asegura que cada elemento en la lista sea un usuario diferente. Si no hay información sobre el usuario, se crea un registro nuevo en la lista de chats del propietario. Luego, se envía el mensaje a la pantalla de mensajes del usuario correspondiente y se oculta el menú. También se agrega una nueva sección en la pantalla de perfil para mostrar la lista de mensajes. Además, se realiza una configuración en la pantalla de chat para que se vea más definida.

En este video de configuración de administrador, se explica cómo establecer una única cuenta de administrador y cómo agregar una función de crear cuenta para el perfil de administrador. Si no hay información, se crea un nuevo perfil de administrador, pero si hay información, se envía al inicio de sesión. También se muestra cómo agregar un botón de contraseña y configurarlo para que se muestre o se oculte la contraseña según corresponda. Por otra parte, se explica cómo agregar un nuevo icono a un contenedor. En general, el video se centra en cómo configurar el administrador y cómo crear cuentas para el perfil de administrador.

Este video trata sobre la configuración de una aplicación de gestión de usuarios y propiedades. Se muestra cómo agregar la funcionalidad de mostrar los usuarios en espera, aceptados y suspendidos. En primer lugar, cómo hacer una consulta a la base de datos para obtener todos los usuarios en espera. Luego, cómo agregar la lista de usuarios en espera a la pantalla principal y cómo configurar los campos de foto, correo y nombre en la lista. Después, se muestra cómo agregar un evento en la lista para abrir la pantalla de perfil de un usuario cuando se hace clic en su nombre. Se vuelve a repetir el mismo proceso para mostrar la lista de usuarios aceptados y suspendidos. Se explica cómo hacer una consulta a la base de datos para obtener los usuarios aceptados o suspendidos, cómo agregar la lista de usuarios a la pantalla principal y cómo configurar los campos de foto, correo y nombre. También se enseña cómo agregar un evento en la lista para abrir la pantalla de perfil de un usuario cuando se hace clic en su nombre. Finalmente, se agrega la funcionalidad de cambiar entre las listas de usuarios en espera, aceptados y suspendidos. Se agrega un evento en la lista para abrir la lista correspondiente cuando se hace clic en ella. El video muestra todo el proceso de configuración paso a paso y explica cada paso en detalle.

En este video se explica cómo mostrar información y cambiar el estatus de un usuario en una pantalla. Se muestran los pasos para obtener la información de los usuarios y cómo modificarla en la base de datos. Se enseña cómo hacer consultas a la base de datos para obtener los inmuebles de un propietario y cómo mostrarlos en una lista. Además, se muestra cómo mostrar la foto de perfil, identificación, nombre, correo, dirección y teléfono del usuario en la pantalla. Finalmente, se da un consejo para mejorar la experiencia del administrador al autoajustar el tamaño de los elementos de la lista. Aunque puede ser un poco técnico, el video es fácil de entender si se tiene un conocimiento básico de programación.

Este es un video tutorial que muestra cómo configurar la pantalla de detalles de una propiedad en una aplicación inmobiliaria. Se agrega una nueva función llamada "set user custom data" para comparar la variable del usuario llamada "rol" con el valor "activo" o "suspendido". En la segunda parte del video, se explica cómo se agregó una imagen que abarca el 100% de la pantalla y se muestra cómo se modificó el nombre y el texto de la propiedad. Se verifica que todo funciona correctamente y se muestra cómo se puede llenar la información de una propiedad. También se explica cómo se agregaron las fechas de publicación y cómo se creó una función para mostrar el número de habitaciones en la propiedad. En resumen, el video muestra cómo configurar la pantalla de detalles de una propiedad en una aplicación inmobiliaria y cómo se realizaron diversas modificaciones para mejorar la funcionalidad de la aplicación.

Este video trata sobre cómo configurar un módulo de reportes en una aplicación. Para empezar, se explica cómo agregar la estructura necesaria en la pantalla de espera y cómo agregar la función para cerrar sesión. Luego se muestra cómo agregar una lista de reportes y cómo mostrar la información en la pantalla de detalles. También se explica cómo agregar campos adicionales para que el administrador pueda identificar fácilmente quién reportó y quién fue reportado. Además, se muestra cómo ligar la lista de reportes con la pantalla y cómo modificar la información en la pantalla de detalles. Finalmente, se muestra cómo enviar la información del reporte a la base de datos.

En este video se muestra cómo verificar que todas las aplicaciones estén funcionando correctamente. En la parte de los miembros se eliminaron todos los usuarios y también se eliminó todo lo que está en la base de datos, incluyendo administradores, chats e inmuebles. Primero se creó una cuenta de administrador, luego se creó la cuenta de un vendedor y se creó el rol del propietario del inmueble. Se agregó la foto de perfil, una identificación oficial, una dirección y un número telefónico. Después se creó un inmueble con el nombre "Bonita casa en venta" con 4 habitaciones, 3 baños, 150 metros de construcción y un precio de 2 millones. También se agregó una descripción con alberca, estacionamiento, área de juegos, parque cercano, entre otras cosas. Se verificó que todo estaba funcionando correctamente y se creó un reporte sobre una casa falsa. Luego se envió un mensaje al propietario y se verificó que todo estaba funcionando correctamente. Finalmente, se suspendieron las propiedades falsas y se verificó que todavía se podían crear y ver propiedades.