Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

  1. #1
    Chroniqueur Actualités
    Avatar de Coriolan
    Homme Profil pro
    Étudiant
    Inscrit en
    mai 2016
    Messages
    655
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Maroc

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : mai 2016
    Messages : 655
    Points : 17 538
    Points
    17 538

    Par défaut Flutter va bientôt permettre d'écrire de véritables applications multiplateformes y compris pour le desktop

    Flutter va bientôt permettre d'écrire de véritables applications multiplateformes y compris pour le desktop
    et pourrait rivaliser avec Electron

    Si certains ne jurent que par le développement en natif d’applications, des frameworks multiplateformes offrent désormais la possibilité de concevoir des applications à moindre coût, tout en essayant de livrer les meilleures performances. Certes, cette performance n’est pas aussi bonne que celle d’une application native, mais les entreprises sont tentées de baisser les coûts de développement tout en s’efforçant d’avoir des applications fidèles au maximum aux différentes plateformes.

    Flutter est le dernier framework en date développé par Google. Tout en étant open source, il sert à développer des applications multiplateformes pour Android et iOS, ainsi que Fuchsia (Windows, Mac et Linux sont aussi supportés).

    Les créateurs de Flutter sont issus pour la plupart du monde du web, c’est pour cela qu’on remarque qu’ils ont essayé d’imprégner les meilleures de ses pratiques dans le mobile. Le moteur de rendu de Flutter, écrit essentiellement en C++ supporte un rendu à bas niveau en s’appuyant sur la bibliothèque graphique Skia de Chrome. Il se connecte également avec des SDK spécifiques de plateforme comme ceux fournis par Android et iOS.

    À l’approche d’une version stable et finale, Flutter a gagné en popularité depuis l’annonce de la première version bêta au début de cette année. Il permet d’écrire le code une seule fois et le déployer nativement sur Android, iOS, Windows, Mac et Linux avec toute la logique du web derrière (en utilisant AngularDart), c’est pour ça que ce framework pourrait changer la donne du développement multiplateforme.

    Norbert, un étudiant et développeur Android qui contribue au développement de ce framwork a livré une présentation de cette question tout en présentant Flutter desktop, une solution permettant de développer des applications desktop réelles et accélérer le développement pour mobile.

    Un client Desktop natif pour accélérer le développement mobile

    Avant de s’attarder sur le développement d'applications desktop natives, voyons comment exécuter Flutter sur desktop peut être bénéfique pour le développement mobile.

    Temps de démarrage

    Nom : gradle.png
Affichages : 6598
Taille : 60,6 Ko

    Pour tout développeur Android, la première des choses est de démarrer l’émulateur Android et exécuter Gradle. Dans le GIF suivant, Norbert a enregistré le démarrage de l’émultaur et l’exécution de l’application par défaut de Flutter. Cette étape a duré 2 minutes et 40 secondes, ce qui est lent.

    Nom : 1*_RPnddTV2sKT22eTS-Ck1w.gif
Affichages : 6532
Taille : 617,2 Ko
    Démarrage d'Android et exécution de Gradle (vitesse x10)

    Pour accélérer cette étape, il vaut mieux exécuter l’application nativement, ce qui évite la nécessité d’exécuter Android sur votre système et passer par Gradle. Norbert explique qu’en utilisant cette méthode, vous pouvez commencer à travailler en quelques secondes.

    Nom : 1*1Ugg3hSO084gQY4cqATi_g.gif
Affichages : 6447
Taille : 500,6 Ko
    Démarrage d'un simulateur de Flutter en temps réel

    Redimensionnable en temps d’exécution

    Tout développeur qui se respecte teste son application sur différentes résolutions d’écran, pour mener à bien cette tâche, vous pouvez soit créer différents émulateurs pour s’assurer que votre application tourne comme il le faut sur chaque appareil, ou bien vous pouvez faire comme ici !

    Nom : 1*Z7gmjdcuw9O26mM9Zaqnmg.gif
Affichages : 6599
Taille : 1,47 Mo

    Travailler avec les ressources sur votre PC

    « Quand vous êtes en train de développer et tester des applications qui doivent interagir avec des ressources sur votre mobile, il peut être encombrant de transférer d’abord tous les fichiers de test vers l’émulateur ou l’appareil. »

    Le mieux serait de pouvoir choisir votre fichier nativement et c’est ce qui est possible ici !

    Nom : 1*NN7TjlD3pL9E8HkQYDNGBA.gif
Affichages : 6399
Taille : 442,2 Ko

    L’implémentation desktop utilise la même méthode canal que l’implémentation mobile, de ce fait, il n’y a pas besoin de changer de code.

    Hot reloads et débogage

    Du fait que Flutter a été en partie écrit en Dart, le langage de programmation de Google, ce framework bénéficie de la fonctionnalité de Hot Reload. Pour dire simple, elle permet de réduire considérablement les temps nécessaires entre chaque build. Ainsi, vous pourrez accélérer le développement de votre application. Le hot reloading et le débogage sont nécessaires pour tout développeur !

    Nom : 1*3qXffowFIsQUrBTzmu2paw.gif
Affichages : 6577
Taille : 1,42 Mo
    Hot reload et débogage de l'application native

    RAM

    Si vous n’avez pas une machine puissante, l’utilisation de la mémoire vive peut-être problématique. L’émulateur Android utilise à lui seul près de 1 Gb de RAM. Maintenant, essayez de tester deux applications, IntelliJ et Chrome.

    Nom : 1*2VQW2JrshBpF6td2p29Daw.png
Affichages : 6255
Taille : 4,7 Ko
    1 Gb de RAM pour l'émulateur d'Android

    Parce que l’embedder s’exécuter nativement, il n’est pas nécessaire de charger Android, ce qui réduit l’utilisation de la RAM.

    Nom : 1*3jkLDYGHWaLz8yqnAcE1KA.png
Affichages : 6247
Taille : 3,5 Ko
    100 Mbs de RAM pour l'application native

    Les applications Desktop natives

    Comme on l’a vu, Flutter facilite le développement pour mobile, mais qu’en est-il pour les applications desktop. Le fait de simplement exécuter Flutter sur desktop ne permet pas d’avoir une application de production adaptée au bureau. Il apparait juste comme si on a exécuté une application mobile sur desktop. En effet, plusieurs éléments manquent comme le pointage de souris(hover), changement de curseur, l’interaction avec la molette de défilement, etc.

    Norbert et Simon Lightfoot ont réussi à implémenter ces fonctionnalités sans avoir à changer le code de plateforme. Il s’agit d’un package qui peut être inclus dans n’importe quelle application Flutter.

    Nom : 1*1Bh45ip4kwTwp8j7opdKoA.gif
Affichages : 7143
Taille : 836,9 Ko
    Application de chat générique dans Flutter sur Desktop

    C’est le même code qui est en train de tourner sur l’émulateur Android.

    Nom : rsz_1_punjaraj9ssx6wessuibja.png
Affichages : 6188
Taille : 58,9 Ko
    . . .

    Nom : 1*OhvLLYA2nqlzq02eqFEPVg.gif
Affichages : 6354
Taille : 1,38 Mo
    Développez pour Android et Desktop en même temps

    Remarquez que l’application est normale sur l’émulateur, mais change le curseur et ajoute l’effet de hover sur desktop.

    Écrire une vraie application multiplateforme, y compris pour le desktop

    Widgets

    Nom : 1*W5boF-3Ol7ZXKJLUSZktcg.gif
Affichages : 6235
Taille : 177,6 Ko
    Pointage de curseur

    La conception de l’interface utilisateur dans Flutter inclut la création de nombreux widgets. Un widget dans Flutter représente une description immuable d’une partie de l’interface utilisateur. Tous les graphiques y compris le texte, forme et animation sont créés en utilisant des widgets. Des widgets plus complexes peuvent être créés en combinant des widgets simples.

    « La plupart des widgets que vous créez sont universellement utilisables. Comme un bouton, indicateur de chargement, etc. », a écrit Norbert. « Ceux qui nécessitent une apparence différente selon la plateforme peuvent être encapsulés facilement en vérifiant la propriété TargetPlatform. »

    Les Widgets comme CursorWidget peuvent aussi être inclus dans la version Android sans souci, ils sont simplement ignorés.

    Pages

    Les pages se diffèrent un peu selon la plateforme et la taille de l’écran. Cependant, elles sont différentes seulement au niveau de la disposition et non pas la fonctionnalité.

    Utiliser PageLayoutWidget rend facile la création de disposition pour chaque plateforme.

    Le support de tablette est disponible par défaut

    Plugins

    Aucun changement n’est nécessaire au code Flutter lors de l’utilisation d’un plugin qui supporte le desktop embedder.

    Un projet encore en développement

    Ces changements ne sont pas encore disponibles, mais le développeur a informé qu’ils seront prêts prochainement. Le but étant de publier un outil qui sera facile à installer, régler et utiliser dans le futur.

    Verdict

    Puisque Flutter se compile en natif sur chaque plateforme cible, il est différent de la majorité des frameworks multiplateformes. Il ne perd pas en termes de performance comme les options qui utilisent les webviews ou ponts natifs (native bridges). Flutter n’a pas donc de freins sérieux à la performance.

    Il apparait que Flutter (avec ces nouveautés) pourrait devenir une alternative viable à Electron, un framework permettant de développer des applications multiplateformes de bureau avec des technologies web (JavaScript, HTML et CSS). L'infrastructure (backend) est codée en node.js, et l'interface (frontend) est bâtie sur la base des outils Chromium, la partie open source de Google Chrome.

    Plusieurs applications populaires comme Slack et Whatsapp Desktop ont été développées avec Electron. Il a permis aussi de développer les éditeurs de texte libres Atom de Github et Visual Studio Code de Microsoft.

    Seulement, Electron est très gourmand en ressources (CPU et RAM), et certains développeurs accusent ses utilisateurs (développeurs JavaScript) de paresse, en refusant d’apprendre de vrais langages de programmation.

    « Oui, Electron rend la vie facile aux développeurs au dépens des ressources des utilisateurs, autrement dit, c’est un développement pourri. »

    Source : billet de blog(Norbert)

    Et vous ?

    Qu’en pensez-vous ?
    Préférez-vous le développement multiplateforme ?
    Si oui, quel est votre outil préféré : Flutter ? Electron ? Autre ?

    Voir aussi

    Google publie la Preview finale de Flutter, son SDK mobile Android et iOS, la dernière étape majeure avant la publication de la version stable 1.0
    Quels sont vos environnements de développement intégrés (EDI) préférés en 2018 ? Et pourquoi ? Partagez vos avis
    Le mode sombre d'Android permet-il d'économiser l'énergie de la batterie des smartphones ? Oui, confirme Google
    Kotlin 1.3 est disponible : coroutines désormais stables, Kotlin/Native Beta, bibliothèques multiplateformes et bien plus encore
    Contribuez au club : Corrections, suggestions, critiques, ... : Contactez le service news et Rédigez des actualités

  2. #2
    Membre averti
    Profil pro
    retraité
    Inscrit en
    décembre 2010
    Messages
    165
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : retraité

    Informations forums :
    Inscription : décembre 2010
    Messages : 165
    Points : 321
    Points
    321

    Par défaut C'est quoi la licence ? le language ?

    Bonjour,
    ok on apprend que c'est fait en C++, cool...mais j'ai pas l'impression qu'ensuite l'application pourra être en C++, et qu'il faudra apprendre (encore) un autre langage DART.
    Qu'en est il de la licence ? BSD ? Y a t il un designer ?
    Désolé je suis pris là, je n'ai pas eu le temps de rechercher sur google. Le truc que j'aimerai bien c'est un truc à la QML en licence BSD, MIT...
    Bonne fin de journée

  3. #3
    Membre averti

    Homme Profil pro
    Ingénierie logistique
    Inscrit en
    janvier 2013
    Messages
    207
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Bouches du Rhône (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Ingénierie logistique
    Secteur : Transports

    Informations forums :
    Inscription : janvier 2013
    Messages : 207
    Points : 447
    Points
    447

    Par défaut

    Je comprends pas, tu cherches un truc à la QML avec designer? Qu'est ce qu'il te manque dans le monde Qt?
    Sinon curieux aussi de savoir si on peut programmer dans le langage de son choix dessus.
    Empreinte PGP - pool.sks-keyservers.net : 5589 3CA6 6518 1E59 9FCA A48D 2B11 B467 46B3 1D66
    Je suis les règles de Crocker.

  4. #4
    Membre éclairé
    Homme Profil pro
    Développeur informatique
    Inscrit en
    novembre 2006
    Messages
    373
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 31
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : novembre 2006
    Messages : 373
    Points : 810
    Points
    810

    Par défaut

    Pour tout ceux qui se posent la question, étant dév C# XAML (WPF, UWP, Xamarin Forms), avec peu d'expériences en React/Vue/Angular,
    je suis presque tombé amoureux de Dart. Je m'étais essayé un peu à React, à TypeScript, à Node, je n'avais pas accroché à ces technos.

    Ca faisait très longtemps qu'un langage ne m'avait pas autant bluffé et séduit.
    La learning curve est impressionnante. Ce langage est nettement plus accessible que C# (peut être que mon expérience en tant que dév m'a facilité l'apprentissage).

    J'ai commencé par me faire la main sur un site web classique avec du Dart puis sur Angular/Dart. Je m'éclate.
    Concernant Flutter, je n'ai joué qu'avec le projet HelloWorld et le hot reload.

    Mais il est évident que ça va faire un carton. De plus, je pense que Dart sera un langage de premier choix pour concevoir des appli sur Fuschia donc c'est tout bénéf.

    Il ne manquait que le fait de pouvoir target les desktop. C'est en bonne route.

    Par contre (je me trompe peut être car je suis encore un débutant sur cette techno) mais dire que le même code s'exécute sur le Web ou mobile, c'est un peu trompeur. Sauf si Flutter permet de transformer les widgets en HTML (et ça je ne crois pas. A moins qu'ils prévoient de fournir une sorte de player Web de Flutter), la partie front est différente entre le Web et le mobile. (on peut cependant mutualiser / réutiliser du code métier, des services à la fois sur mobile et sur le Web)
    http://krossapp.com

    "S'adapter, c'est vaincre !"

  5. #5
    Membre averti
    Profil pro
    retraité
    Inscrit en
    décembre 2010
    Messages
    165
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : retraité

    Informations forums :
    Inscription : décembre 2010
    Messages : 165
    Points : 321
    Points
    321

    Par défaut

    Citation Envoyé par MaximeCh Voir le message
    Je comprends pas, tu cherches un truc à la QML avec designer? Qu'est ce qu'il te manque dans le monde Qt?
    Sinon curieux aussi de savoir si on peut programmer dans le langage de son choix dessus.
    Pas forcément mais on se retrouve, encore, avec un nouveau paradigme, une nouvelle forme d'écriture. Je trouve que celle de QML est pas mal. J'adore Qt mais dans le monde de Qt, il y a plusieurs choses gênantes :
    • la licence est un peu embêtante car sur beaucoup de composants c'est devenu GPL ou Commercial
    • un projet commencé en LGPL ne peut pas passer en commercial
    • la licence est une licence par mois et assez chère, il n'est pas prévu de façon officielle de pouvoir acheter une version comme cela se fait avec C++Builder
    • les programmes sont "lourds" et pas facile à réduire car il faut respecter la licence LGPL


    Du coup un autre projet plus léger multi-plateforme serait pas mal je trouve.

Discussions similaires

  1. Est-ce bientôt la fin des bonnes grosses applications lourdes ?
    Par elmcherqui dans le forum Débats sur le développement - Le Best Of
    Réponses: 16
    Dernier message: 17/08/2011, 19h14
  2. Ouvrir et écrire dans une application externe
    Par Rey_del_Pok dans le forum C#
    Réponses: 5
    Dernier message: 01/02/2011, 10h13
  3. changer Context afin de permettre l'execution de mon application
    Par mehdi_swatch dans le forum Tomcat et TomEE
    Réponses: 1
    Dernier message: 20/08/2007, 17h44
  4. Autorun comment l'écrire
    Par Speed41 dans le forum Autres Logiciels
    Réponses: 3
    Dernier message: 25/04/2003, 15h55
  5. Un langage pour lire, traiter et écrire de gros fichiers
    Par March' dans le forum Langages de programmation
    Réponses: 19
    Dernier message: 07/04/2003, 16h26

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo