Archive for PhoneGap / Cordova

Live démo Android

Live démo Android

Après l’excellent PhoneGap Day à Amsterdam (ahh souvenirs), on s’est posé la question de comment faire simplement une live démo sur PC/Mac de nos apps Android. Et voici.

La solution existe et s’appelle Android Screen Monitor. Cette application Java permet de visualiser l’écran de votre smartphone Android dans votre ordinateur. Fonctionnalité similaire à l’Apple AirPlay Mirroring.

Pour utiliser Android Screen Monitor il faut télécharger asm.jar et le lancer avec la commande suivante :

Une fenêtre s’ouvre et nous demande de choisir un périphérique
androidscreenmonitor1 androidscreenmonitor2

Lorsque vous avez sélectionné votre périphérique vous visualisez alors l’écran en live !

Tout n’est pas parfait, par exemple le framerate n’est pas extraordinaire mais ça rend déjà bien des services. A noter que pour enregistrer simplement une capture vidéo de l’écran pour une diffusion ultérieure, il est possible d’utiliser la ligne de commande adb pour enregistrer un fichier au format mp4.

 

Les nouveautés de Cordova 5.0.0

Les nouveautés de Cordova 5.0.0

Le 21 avril est sortie la version 5.0.0 de Apache Cordova, et cette nouvelle version majeure apporte un nombre important de nouveautés et de changements dans l’écosystème.

Tout d’abord les plugins ont été renommés, les identifiants du type org.apache.cordova.* sont devenus cordova-plugin-*. Ce changement résulte du fait que les plugins sont désormais publiés sur npmjs.org.

Pour trouver de nouveau plugins il suffit d’utiliser la commande suivante qui liste tous les plugins cordova disponibles :

La classique commande cordova :

évolue aussi pour prendre en compte ce nouveau repository. D’ailleurs l’ancienne adresse http://plugins.cordova.io a vocation à fermer dans les prochains mois, le temps que la transition se fasse vers npm.

Concernant les plugins, autre changement : il est désormais nécessaire d’installer le plugin cordova-plugin-splashscreen pour Android si l’on souhaite ajouter un écran de chargement à notre application (qui n’est donc plus une fonction disponible par défaut).
De même le plugin cordova-plugin-whitelist est obligatoire pour Android afin d’autoriser le chargement de ressources externes.

Cordova 5.0.0 s’accompagne également de la version 4.0.0 de Cordova Android avec elle aussi son lot de nouveautés.
La plus importante (pour ne pas dire révolutionnaire) est qu’il est désormais possible d’utiliser d’autres WebViews que celle fournies de base par Android 4.* et 5.*
Grace au projet Android Crosswalk (développé par Intel) on peut maintenant s’assurer d’utiliser une WebView récente, identique sur tous les terminaux android, avec les dernières API JavaScript, le support de syntaxes et de propriétés CSS supplémentaires, et bien évidemment des outils de débogage avancés comme le remote debugging réservé jusqu’ici de base aux terminaux avec Android kitkat minimum.

Les autres plateformes Cordova ont elles aussi été mises à jour, les version actuelles sont les suivantes :
Cordova Amazon-FireOS: 3.6.3
Cordova Android: 4.0.0
Cordova BlackBerry10: 3.7.0
Cordova Browser: 3.6.0
Cordova FirefoxOS: 3.6.3
Cordova iOS: 3.8.0
Cordova Ubuntu: 4.0.0
Cordova Windows: 3.8.1
Cordova WP8: 3.8.0

Vous trouverez tous les détails sur les autres changements dans les articles officiels de Cordova :

Android 5.0 Lollipop

Android 5.0 Lollipop

Vous le savez sûrement déjà : Android 5.0 aka Lollipop est enfin sorti.Pour les heureux possesseurs de Nexus 5, 7 et 10, l’image système permettant la mise à jour sans attendre l’OTA est finalement sortie en fin de semaine dernière ! Les images peuvent se télécharger sur le site développeur Android : https://developers.google.com/android/nexus/images

Pour les autres il faudra attendre les mises à jour (ou images) des constructeurs même s’il est tout de même possible de tester Android 5.0 à l’aide des Android Virtual Devices.

Au chapitre des nouveautés le premier point qui saute aux yeux, c’est le travail effectué sur l’interface de l’OS. Le Material Design que Google a créé pour Android 5.0 apporte de nouveaux effets de transition, une gestion de la 3D améliorée, des nouvelles icones et fonts ainsi que d’autres principes d’interface qu’il est possible de consulter sur la charte graphique d’Android 5.0.

Android Lollipop propose également de meilleures performances, et les développeurs d’applications auront accès à des outils permettant de mieux prendre en compte la consommation de la batterie.
Toujours concernant l’amélioration des performances on peut noter que la nouvelle version de la WebView basée sur Chronium apporte le support de WebRTC, WebAudio, et surtout WebGL.

Autre point important, cette WebView sera désormais mise à jour via les Google Play Services donc de manière indépendante de l’OS et surtout automatique et transparente. On peut supposer que les mises à jour de la webview suivront le rythme imposé par celles de Chrome.

Cette nouveauté va avoir un impact important sur le développement d’applications hybrides (donc basées sur la Webview) car il ne sera plus nécessaire d’attendre une mise à jour d’android pour utiliser les dernières avancées technologiques ou profiter des corrections de bug de rendu. Idem pour les corrections de failles de sécurité. C’est donc une très bonne nouvelle pour les développeurs d’applications PhoneGap / Cordova.

Il sera ainsi possible de détecter si les fonctionnalités nécessaires au bon fonctionnement de notre application sont présentes dans la version de la WebView du téléphone, et si ce n’est pas le cas inviter l’utilisateur à mettre à jour son système. Cela devrait satisfaire aussi bien les utilisateurs que les développeurs.

Pour en savoir plus sur Android 5.0, on vous invite à consulter la présentation officielle de Lollipop et pour ceux qui veulent aller plus loin il est même possible de consulter la documentation des APIs Android 5.0.