Flutter

Por: -Eduardo Caldera

-Antonio Parada
-Octavio Flores
 INTRODUCCIÓN

La primera versión de Flutter fue conocida como "Sky" y corrió en el sistema operativo
de Android. Fue lanzado en el Dart developer summit de 2015, declarado de ser capaz
de hacer un render a 120 fotogramas por segundo.

Suele usarse para desarrollar aplicaciones para Android y iOS, así como método
primario para crear aplicaciones para Google Fuchsia.
 ¿QUE ES FLUTTER?

Flutter es el nuevo framework mobile de Google para

crear interfaces nativas de alta calidad en iOS y
Android en un tiempo récord. Flutter funciona con
código existente, es utilizado por desarrolladores y
organizaciones de todo el mundo, es gratuito y de
código abierto.

En resumen, se pueden
desarrollar aplicaciones móviles
multiplataformas utilizando los mismos código
fuentes para crear Apps para Android y iOS.
 ¿POR QUE FLUTTER?

Por sus principales características:

● Desarrollo rápido
● Interfaz Flexible y expresiva
● Rendimiento nativo multiplataforma
 ¿PARA QUIÉN ES FLUTTER?

Por sus principales características:

● Diseñadores que desean una experiencia de marca convergente tanto en

Android como en iOS.
● Prototipadores que buscan alta fidelidad y una forma rápida de construir
prototipos interactivos.
● Programadores que pueden beneficiarse de las herramientas de desarrollo, un
lenguaje sencillo y una rica librería de widgets. Flutter ayuda a ahorrar tiempo de
desarrollo para crear experiencias memorables.
 ¿QUIÉN ESTA USANDO
FLUTTER?
Organizaciones de todo el mundo están creando aplicaciones con Flutter.
 ARQUITECTURA DE FLUTTER
Skia es el mismo motor de gráficos que usa Android. Este está construido directamente desde la fuente,
compilado cada vez que construyes Flutter el motor de texto es de Blink y el motor de renderizado de
Chromium.
 ARQUITECTURA DE FLUTTER

Por sus principales características Flutter tambien puede

utilizar un patrón de diseño llamado BLOC, similar a una
arquitectura MVP y MVVM.

Pero ¿Que es BLOC?

Es un sistema de gestión de estado para Flutter
recomendado por los desarrolladores de Google. Ayuda en
la gestión del estado y en el acceso a los datos desde un
lugar central en su proyecto.
 FLUTTER Y DART
Los programadores de Google y de otros lugares usan Dart para crear aplicaciones de
misión crítica de alta calidad para IOS, Android y la web.
Con características destinadas al desarrollo del lado del cliente, Dart es ideal para
aplicaciones móviles y web
ANALOGIA HTML/CSS CON FLUTTER
 CONCEPTOS CLAVES

APRENDER REQUIERE DE MUCHA PRACTICA

 CONCEPTOS CLAVES
¿Qué es un Widget?

Es una clase que puede tener argumentos

posiciones y argumentos con nombre.

Todo en Flutter, son widgets.

CONCEPTOS CLAVES

AppBar(
title: Text('Hola Mundo'),
)

FloatingActionButton(
onPressed: null,
child: Icon(Icons.add),
)
 CONCEPTOS CLAVES
WIDGETS

StatelessWidget StatefulWidget
(Sin estado) (Con estado)
CONCEPTOS CLAVES
CONCEPTOS CLAVES
¿Que es el árbol de Widgets?
CONCEPTOS CLAVES
INSTALACIÓN FLUTTER
https://flutter.dev/
 INSTALACIÓN FLUTTER
Programas necesarios para el funcionamiento correcto de Flutter (Windows)
FLUTTER
EMULADOR CON FLUTTER
EMULADOR CON FLUTTER
EJEMPLO DE DEMOSTRACIÓN

● Problema o Necesidad Encontrada

La empresa "CalPaFlo" requiere mostrar los usuarios registrados en la empresa en una

aplicación móvil para tener un fácil acceso de sus empleados.

Es por esto que se ha solicitado desarrollar una aplicación que permtita interactuar con
una lista de usuarios.
 ESPECIFICACIÓN DE
REQUISITOS

Requisitos Prioridad Salida

El sistema permite Alta El sistema muestra

mostrar la lista de los datos
usuarios. almacenados
DISEÑO CASOS DE USO
 DISEÑO DE REQUISITOS
Proceso de negocio Mostrar Clientes

Objetivo El usuario ve los datos de todos los clientes de la base de datos

Actor Empleado
Prerrequisito El empleado debe estar en la página de principal del sistema
Flujo Normal 1.- El Actor ingresa al apartado "Mostrar clientes".
2.- El sistema despliega una lista de los clientes.
3.- El Actor seleccionar "Cerrar lista".
4.- El sistema cierra la lista de clientes.

Flujo Alternativo No aplica

Prioridad Muy Alta
Riesgos --
PostCondición El actor obtiene una vista de los clientes de la base de datos.
RESULTADO FINAL
 CONCLUSIÓN

Cada vez van surgiendo mas y mas widgets y frameworks como Flutter que facilitan los
desarrollos de nuevas funcionalidades, en esta presentación hemos visto cómo instalar y
realizar una app sencilla para ir tomando contacto con este framework.

Como bien sabemos Flutter será el framework de desarrollo oficial de desarrollo del nuevo
sistema operativo Fuchsia que está siendo desarrollado por google y que por lo visto tiene un
futuro prometedor.