AYUDA EN LÍNEA
 WINDEVWEBDEV Y WINDEV MOBILE

¡Nueva funcionalidad de WINDEV Mobile 2024!
Ayuda / Tutorial WINDEV Mobile / Tutorial - Presentación de WINDEV Mobile
  • Entorno WINDEV Mobile
  • Presentación
  • Iniciar WINDEV Mobile por primera vez: página de inicio
  • Entorno de desarrollo
  • Editor
  • Cinta de opciones en detalle
  • WLanguage
  • Conclusión

Presentación de WINDEV Mobile

Entorno WINDEV Mobile
Abordaremos los siguientes temas:
  • Iniciar WINDEV Mobile.
Durée de la leçon 10 min
Presentación
WINDEV Mobile es un entorno completo de desarrollo integrado DevOps que facilita el desarrollo de aplicaciones móviles (Android, iOS, Windows Universal, etc.) en diversos campos: comercial, industrial, médico, hotelero, entre otros.
Estas aplicaciones pueden acceder a datos almacenados en bases de datos.
Los diferentes tutoriales le mostrarán cómo crear y mejorar sus aplicaciones (con o sin base de datos) utilizando las numerosas funcionalidades disponibles en WINDEV Mobile.
Iniciar WINDEV Mobile por primera vez: página de inicio
Para comenzar, abra WINDEV Mobile 2024.
Inicie sesión si es necesario.
El entorno de desarrollo se abre. La página de inicio de WINDEV Mobile aparece.
Página de inicio
La página de inicio permite:
  • ver noticias sobre los productos de PC SOFT,
  • crear un proyecto,
  • abrir un proyecto existente,
  • abrir un ejemplo,
  • acceder a los diferentes tutoriales disponibles en WINDEV Mobile.
Si no ha iniciado WINDEV Mobile 2024 antes, aparecerá un asistente de bienvenida:
  • Si ha utilizado una versión anterior de WINDEV Mobile, este asistente le ayudará a recuperar las configuraciones anteriores.
  • Si es un nuevo usuario, el asistente le ayudará a configurar el entorno. Podrá elegir la configuración de pantalla y configurar los Centros de Control.
Entorno de desarrollo
Abramos un proyecto para ver las principales características del entorno de WINDEV Mobile:
  1. En la página de inicio, haga clic en "Tutorial".
  2. En "Tutorial - Discover WINDEV Mobile", haga doble clic en "Android/iOS product management - Answers".
    Ejemplo del tutorial
  3. El proyecto correspondiente se abre en el editor. El cuadro de mando del proyecto se muestra en pantalla. El cuadro de mando permite seguir el progreso global de un proyecto a través de varios widgets.
    Cuadro de mando del proyecto

Editor

El entorno de desarrollo de WINDEV Mobile incluye una interfaz específica y varios editores que permiten crear los diferentes elementos de una aplicación: un editor de ventanas para crear ventanas, un editor de reportes para crear reportes, etc.
Vamos a abrir una ventana en el editor de ventanas:
  1. Presione Ctrl + E.
  2. En la ventana que aparece, introduzca el nombre de la ventana que desea abrir: WIN_Product_form.
  3. Valide. La ventana aparece en el editor.
Todos los editores utilizan el mismo entorno:
Editor WINDEV Mobile
  • Menú del editor (1), que se muestra como una cinta de opciones (veremos cómo usarlo en el siguiente párrafo).
  • Editor actual (2) (en este caso, editor de ventanas). El editor muestra el elemento que se está creando o editando en modo WYSIWYG (What You See Is What You Get).
  • Paneles (3). La UI de WINDEV Mobile incluye varios paneles que le permiten acceder rápidamente a diferentes tipos de información.
    Por ejemplo:
    • el panel "Explorador de proyectos" (a la izquierda) muestra una lista de todos los elementos del proyecto por categoría.
    • el panel de búsqueda (en la parte inferior) permite realizar búsquedas en todo el proyecto y sus elementos.
    Los paneles se pueden ocultar pulsando Ctrl + W.
  • Pestañas de documentos abiertos (4). Estas pestañas permiten ver rápidamente todos los elementos abiertos. Al hacer clic en un elemento, este se muestra en el editor correspondiente.

Cinta de opciones en detalle

La cinta de opciones es un elemento clave de la interfaz del editor. Puede acceder a todas las opciones de WINDEV Mobile a través de esta cinta.
La cinta de opciones incluye tres áreas:
Cinta de opciones WINDEV Mobile
Veamos estas áreas en detalle.
Área de botones (1)
Área de botones
El área de botones agrupa los botones de acceso rápido. Estos botones permiten realizar las operaciones más frecuentes, comunes a todos los editores: guardar, abrir, crear, etc.
Puede abrir la ventana "Acerca de" desde el logotipo del IDE.
Área de pestañas (2)
Área de pestañas
Las diferentes pestañas de la cinta permiten acceder a las opciones de los editores del proyecto actual. Existen varios tipos de pestañas:
  • la pestaña actual: El texto de la pestaña se muestra en negrita y está subrayado por una línea naranja.
  • las pestañas contextuales, específicas del elemento actual: El nombre de la pestaña se muestra en naranja (o azul en el tema claro).
  • las pestañas disponibles: El nombre de la pestaña se muestra en blanco (o en negro en el tema claro).
Área de opciones (3)
Área de opciones
Las opciones de la cinta cambian dependiendo de la pestaña seleccionada. Existen varios tipos de opciones:
  • Opciones a seleccionar,
  • Botones para hacer clic,
  • Botones desplegables que muestran otras opciones. Existen dos tipos de botones desplegables:
    • botones desplegables para desplegar un menú
    • botones divididos que permiten desplegar un menú (haciendo clic en la flecha), o realizar una acción predeterminada (haciendo clic en el ícono del botón).
Las opciones están organizadas por grupos. Cada grupo de opciones tiene un nombre y un iniciador de cuadro de diálogo Iniciador de cuadro de diálogo. Este botón permite realizar una acción específica según el grupo actual: abrir la descripción del elemento actual, abrir la ayuda, etc.
En los diferentes tutoriales de WINDEV Mobile, hablaremos de pestañas y grupos para referirnos a una opción de menú. Por ejemplo: Para abrir la ayuda, vaya a la pestaña "Ayuda", grupo "Ayuda en línea" y haga clic en "Inicio".
WLanguage
WLanguage es el lenguaje de programación común a WINDEV, WEBDEV y WINDEV Mobile.
Si no está familiarizado con este lenguaje, le recomendamos que siga las lecciones de los conceptos de programación. Estas lecciones presentan los diferentes tipos de variables, principales instrucciones de WLanguage, procedimientos, etc.
Conclusión
Hemos cubierto los aspectos esenciales del entorno de WINDEV Mobile. Veremos cómo crear una ventana simple para Android y iOS en el tutorial Crear una aplicación iOS/Android.

Hemos terminado esta lección. Recuerde cerrar el proyecto actual:
  1. En la pestaña "Inicio", en el grupo "General", despliegue "Cerrar" y seleccione "Cerrar proyecto".
  2. Guarde los cambios si es necesario.
  3. La página de inicio de WINDEV Mobile aparece.
Tabla de contenido
Versión mínima requerida
  • Versión 2024
Comentarios
Haga clic en [Agregar] para publicar un comentario

Última modificación: 04/12/2023

Señalar un error o enviar una sugerencia | Ayuda local