Une comparaison des

performances et de
l'apparence entre
les applications Flutter
et natives

Réalisé par :
Kaouther Messaoudi
Rihab HadjFraj
Plan
01 Introduction

02 Méthodes

03 Etude litérature

04 Expérience

05 Sondage

06 Conclusion et Perspectives
 Les Questions de Recherches
01
RQ1 : Comment Flutter
se différencie-t-il en termes de taille
de code et de complexité du
code nécessaire par rapport aux
applications développées nativeme
nt ?
02
RQ2 : Comment Flutter se
comporte-t-il en termes d'utilisation
du processeur en temps
03
RQ3 : Dans quelles mesure Flutter et
Android natif différent-
ils en termes d'apparence et
de convivialité pour
d'éxécution par rapport aux
les utilisateurs d'applications ?
applications natives sur Android et
IOS ?
Matilda Olsson

L’Institut de Technologie
de Blekinge

13 Juin 2020
CONSID
Company

une entreprise avec plusieurs

bureaux à travers la Suède
offre des solutions complètes en
informatique, développement
commercial et communication
Méthodes
Une étude de la littérature

Le fonctionnement de Flutter
Les méthodes utilisées dans l'expérience

Une expérience de comparaison

L'utilisation du CPU entre Flutter et les

applications natives
Examination de la revue de code pour le
développement des applications , le temps et
les mesures de développement

Un sondage

Sur l'apparence et la convivialité des

applications
L'étude litérature
Méthodologie de l'étude

Les bases de données utilisées

Les publications utilisées

Les outils utilisées

La méthode de l'échantillonage
Animation
UI
8
Cross-Platforming

9
 Kotlin

XML
Drag and Drop
Méthode OnCreate

Créé par Jetbrains Android Group

View System
Open source
Compatible avec
JAVA
Widgets

ViewGroups
 SWIFT
Interface Builder
Storyboards
Segues UI
Simple PowerPoint
Dragg and Drop Management

L'assistance Xcode

Compilateur Swift
Apple Inc Bibliothèque standard
2014 Bibliothèques de base
LLDB
Création
Compilation Gestionnaire de
paquets Swift
Xcode Playground
 FLUTTER
Il a été créé par utilise le langage Flutter utilise une
Google en 2018 Dart qui peut créer bibliothèque de
des applications composants de
2018 mobiles avec une matériaux par défaut
seule base de code

Flutter est une boîte Flutter utilise des Flutter a une

à outils d'interface widgets comme fonctionnalité de
utilisateur open concept principal développement
source dans le code. appelée Hot
Reloading,
Trends

Flutter Native
 L'expérience

Le temps de La complexité du Les appareils Base de code Une route de

développement code utilisées pour chaque navigation
IPhone 7 application
Samsung S7
 La route de navigation
1. démarrer 4. Revenir à
l'application l'interface du
tableau de bord

2. attendre le 5. Accéder à
chargement de l'interface des
l'interface du notifications
tableau de bord

3. Accéder à 6. Faire défiler la

l'interface des liste vers le haut et
notifications vers le bas 4 fois
 Résultats

Android Apps IOS Apps

RQ1 : Comment Flutter se différencie-t-il en termes de taille de code et
de complexité du code nécessaire par rapport aux applications
développées nativement ?

Type Lines of code Code files Development time

Android native 217 9 12 h

Android Flutter 125 3 6h

Ios Native 363 6 8h

IOS Flutter 125 3 6h

 Complexité du code

Your Text Here Your Text Here Your Text Here Your Text Here

Simple Simple Simple Simple

PowerPoint Presentation PowerPoint Presentation PowerPoint Presentation PowerPoint Presentation

You can simply impress You can simply impress your You can simply impress your
You can simply impress your au-
your audience and add a audience and add a unique zing audience and add a unique
and appeal to your Presenta- dience and add a unique zing zing and appeal to your Pre-
unique zing and appeal to and appeal to your Presentations
tions sentations
your Presentations

$3,000 $5,000 $3,000

$7,000

Flutter Kotlin IOS

RQ2 : Comment Flutter se comporte-t-il en termes
d'utilisation du processeur en temps d'éxécution par
rapport aux applications natives sur Android et IOS ?

Online  Les deux applications

iOS ont montré une utilisation
plus élevée du processeur
Webinar  les versions
Android étaient peu différenciées.
Your  L'application Flutter
Text Here Android avait une utilisation maximale
du processeur inférieure
Get a modern PowerPoint
Presentation that is
beautifully designed.

Dans l'ensemble, les applications

Android avaient une performance
du processeur élevée au
début, mais pas aussi élevée que les applications
iOS.
 Le Sondage
Les étudiants de Les employés
l'institut chez Consid

Les enseignants
l'institut
Echelle de 1 à 5
1 pouvait être "Je n'utilis
e pas de téléphone" et
5 serait "J'utilise un télép
hone tous les jours
Des questions à
Champs de saisie
choix multiples
les pour les explications
choix basés sur l'appare
nce, le comportement et
les animations
des applications.
RQ3 : Dans quelles mesure Flutter et Android
natif différent-ils en termes d'apparence et de
convivialité pour les utilisateurs d'applications ?
Réponses individuelles
Introducti C’est quoi une app La différence entre flutter
Multi-plateforme Flutter
on Native? et native

Native Native
Flutter Android IOS

Temps de Temps de Temps de

développement : développement : développement :
6H 12 H 8H
Performance : Performance : Performance :
Meilleurs résultats en Trés rapide Très rapides
termes de
performances de
processeur Code de maintenance :
Code de maintenance :
Deux bases de codes
Deux bases de codes
Code de maintenance :
Frais :
Unes seule base de code Frais :
élevé
Plus élevé
Frais :
Moins cher
Taille : Taille :
Taille : 217 lignes + 9 fichiers 363 lignes + 6 fichiers
125 lignes + 3 fichiers
Perspectives
• Des tests de son code et
des fonctionnalités person
nalisables des widgets.
• Des tests de performances
avec
des données plus lourdes
• Fonctionnement de Flutter
en Backend et Frontend.
• Etude comparative avec
d'autres plates-formes et
d'autres langages de
programmation natifs tels
que JAVA.
Merci Pour Votre Attention