App Flutter Copa América

Desarrollaremos una app completa que consuma servicios web, con motivo de la Copa América 2019 

Tecnologias que usaremos estan basadas en el Framework Laravel para el desarrollo de aplicaciones web y SDK de Flutter para el desarrollo de aplicaciones móviles tanto para IOS y Android.

APLICACIÓN WEB - LARAVEL

Crearemos una API Rest básica que genere un archivo de salida en JSON cada vez que lo requiera el aplicativo móvil, esto con el fin de alimentar con información una base de datos Sqflite. Esta sección lo haremos muy rápido, solo lo suficiente para entender como se genera JSON con Laravel. No entraremos al desarrollo de una panel de administración para ingresar datos a la base de datos. Puesto que la finalidad de esta primera parte solo es generar un archivo JSON a partir de una Base de Datos.

Tecnologías a usar en esta primera parte son : 

  • PHP
  • MYSQL
  • JSON

Programas necesarios: Para el desarrollo de esta sección emplearemos el Editor de código Visual Studio Code y un servidor local web en este caso XAMPP. 

APLICACIÓN MÓVIL - SDK FLUTTER

La app mediante una petición Http solicitará información al servidor web, este retornará un archivo JSON el cual inflará la base de datos, para luego extraer datos de manera offline.

Tecnología a emplear

  • Dart
  • Sqflite

Programaremos en el entorno de trabajo de Android Studio con el SDK Flutter donde usaremos widgets como:

  • RaisedButton, Text, Image, Padding, Container, Center, Card, Image.NetWork, Image.Asset, etc
  • ListView.builder, GridView.builder, Caroucel, para inflar y organizar componentes
  • Future para conexionnes http
  • Diseño y programación de una Base de Datos Sqflite ademas  de crear los métodos de inserción, listado de datos y total de registros.

La app móvil mostrará varias pantallas como son:

  1. Portada
  2. Menu principal
  3. Menu Lateral
  4. Noticias
  5. Calendario
  6. Grupos
  7. Equipos

Desarrollo de una App Copa América 2019 en Flutter desde 0

Temario del Curso

LECCIÓN 1 .- Generar JSON con Laravel 22
LECCIÓN 3 .- Menu de opciones 23
LECCIÓN 4 .- Navegación Drawer 18
LECCIÓN 5 .- Llenar un ListView con JSON 22
LECCIÓN 7 .- Base de datos Sqflite 9
Facebook Twitter Youtube Pinterest Wordpress Google Plus

:: Calle Paucarpata 130 Of. 212 2do Piso CC. AQPcompucentro ::
:: © Todos los derechos reservados APPTIVA WEB | Arequipa Perú 2010-2018 ::