Saltar al contenido principal

Guía de Instalación y Ejecución

Para poner en marcha el proyecto de la aplicación móvil de Maroun S.A., seguí los pasos detallados a continuación una vez que tu entorno de desarrollo (Flutter SDK y Android SDK) esté correctamente configurado.

Cómo ejecutar el proyecto​

Una vez preparado el entorno, realizá los siguientes pasos desde la terminal:

  1. Clonación y Ubicación: Clonar el repositorio del proyecto y situarse en la carpeta raíz del mismo.
  2. Obtención de Dependencias: Ejecutá el comando para descargar las librerías necesarias definidas en el archivo pubspec.yaml: 
    flutter pub get
  3. Lanzamiento: Iniciá la compilación y ejecución en el dispositivo o emulador seleccionado con el comando: 
    flutter run

Análisis de Dependencias (Imports)​

El núcleo de la aplicación se basa en cuatro librerías fundamentales que permiten la integración entre el mundo nativo y el contenido web:

1. Interfaz de Usuario (Material Design)​

import 'package:flutter/material.dart'; Esta línea importa el conjunto principal de widgets y herramientas visuales de Flutter. Es la base que permite construir la interfaz gráfica (UI), proporcionando elementos esenciales como:

  • MaterialApp y Scaffold.
  • Componentes de estructura: Column, Text e Icon.
  • Navegación: BottomNavigationBar.

2. Gestión de Contenido Web (InAppWebView)​

import 'package:flutter_inappwebview/flutter_inappwebview.dart'; Es el componente central de la aplicación. Proporciona una WebView avanzada para:

  • Cargar y renderizar el sitio web institucional.
  • Gestionar el historial de navegación.
  • Interceptar enlaces y manejar eventos críticos de carga.

3. Lanzador de URLs Externas​

import 'package:url_launcher/url_launcher.dart'; Esta librería se utiliza para la seguridad de la navegación. Cuando la aplicación detecta que el usuario intenta acceder a una URL que no pertenece al dominio permitido de Maroun, utiliza este módulo para abrir dicho enlace en el navegador predeterminado del sistema operativo.

4. Servicios del Sistema​

import 'package:flutter/services.dart'; Permite una comunicación directa con las funcionalidades del sistema operativo del dispositivo. En este proyecto, se utiliza específicamente para gestionar el cierre controlado de la aplicación mediante el comando SystemNavigator.pop().

Nota Técnica

El uso de InAppWebView en lugar de la WebView estándar de Flutter permite un control mucho más preciso sobre el almacenamiento de cookies y el caché, fundamentales para la persistencia de sesiones en el proyecto.