{"id":6778,"date":"2018-04-18T22:12:14","date_gmt":"2018-04-18T20:12:14","guid":{"rendered":"https:\/\/stephaniewalter.design\/?p=6778"},"modified":"2018-09-30T13:26:18","modified_gmt":"2018-09-30T11:26:18","slug":"strategie-mobile-et-capacites-des-navigateurs-modernes-slides-de-conference-yajug","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/strategie-mobile-et-capacites-des-navigateurs-modernes-slides-de-conference-yajug\/","title":{"rendered":"Strat\u00e9gie mobile et capacit\u00e9s des navigateurs modernes – slides de conf\u00e9rence Yajug"},"content":{"rendered":"
Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 7 ans. Il se peut qu'il ne soit plus \u00e0 jour.<\/div>

Hier soir je donnais une conf\u00e9rence aux Yajug<\/a>, les Java User Group de Luxembourg sur la th\u00e9matique du mobile. J’y ai pr\u00e9sente diff\u00e9rentes strat\u00e9gies, des applications mobiles natives aux progressive web apps en passant par les sites mobiles d\u00e9di\u00e9s et le responsive.<\/p>\n

R\u00e9sum\u00e9 de ma conf\u00e9rence<\/h2>\n

Les applications mobiles natives<\/h3>\n

J’ai expliqu\u00e9 dans quels cas aujourd’hui \u00e7a reste avantageux de faire une application native mobile d\u00e9di\u00e9e<\/strong> et les limites de ces derni\u00e8res. Aujourd’hui beaucoup d’internautes consommes du contenu \u00ab\u00a0web\u00a0\u00bb via ces applications mobiles au travers de web views.<\/p>\n

Optimiser un site web pour le mobile<\/h3>\n

Pourtant, comme ils ne quittent jamais l’application, ils n’ont pas l’impression d’\u00eatre \u00ab\u00a0sur le net\u00a0\u00bb. Il vaut donc mieux que vos sites soient optimis\u00e9s mobile si votre contenu est consomm\u00e9 via des navigateurs mobiles et des webviews. J’ai donc expliqu\u00e9 ce \u00e0 quoi il faut faire attention si vous faites un site mobile d\u00e9di\u00e9<\/strong> et pourquoi cette strat\u00e9gie est aujourd’hui difficilement viable sur le long terme. J’ai ensuite pr\u00e9sent\u00e9 la strat\u00e9gie \u00ab\u00a0responsive web design<\/strong> au chausse pied\u00a0\u00bb ou retrofitting qui permet de \u00ab\u00a0responsiviser\u00a0\u00bb un site \u00e0 moindre co\u00fbt \u00e0 partir d’un site desktop. Cette strat\u00e9gie reste cependant une optimisation cosm\u00e9tique et garde pas mal de limites en terme de performance et d’ergonomie. J’ai \u00e9galement pr\u00e9sent\u00e9 le mobile first<\/strong>, qui consiste \u00e0 construire techniquement le site pour navigateurs mobiles et arranger la grille, charger les ressources en fonction de la taille sur l’\u00e9cran, la connexion, etc. Cette strat\u00e9gie permet de prendre en compte les besoins des utilisateurs mobiles, l’ergonomie et proposer des adaptations en fonction des capacit\u00e9s des appareils.<\/p>\n

Les super pouvoir m\u00e9connus des navigateurs mobiles<\/h3>\n

Enfin la derni\u00e8re partie portait sur les nouvelles capacit\u00e9s des navigateurs mobiles et les progressive web apps<\/strong>. Aujourd’hui nos navigateurs mobiles sont de plus en plus puissants et proposent des APIs qui permettent de se rapprocher des fonctionnalit\u00e9s natives : g\u00e9olocation, acc\u00e8s \u00e0 la cam\u00e9ra et microphone, notifications push, cache et stockage offline, etc. J’avais d’ailleurs \u00e9crit en 2106 un article sur cette th\u00e9matique :\u00a0Les super pouvoirs des navigateurs mobiles<\/a>. Le support a bien \u00e9volu\u00e9 depuis 2016.<\/p>\n

Les Progressive Web Apps<\/h3>\n

Enfin, j’ai pr\u00e9sent\u00e9 les derni\u00e8res nouveaut\u00e9s des progressive web<\/strong> apps<\/strong> qui permettent de cr\u00e9er un site web que l’utilisateur peut ajouter en application \u00ab\u00a0presque\u00a0\u00bb native. Quand je dis derni\u00e8re, c’est super r\u00e9cent puisque j’ai mis \u00e0 jours les slides avec des articles d’avril 2018 sur les supports iOS et Microsoft.<\/p>\n

Bien s\u00fbre, ce genre de th\u00e9matique est vou\u00e9 \u00e0 \u00e9voluer, donc je fais souvent \u00e9voluer mon cours \u00e0 l’universit\u00e9 de Strasbourg sur le sujet et mes slides de conf\u00e9rence aussi.<\/p>\n

\"\"<\/p>\n

Les slides sont disponibles<\/h2>\n

Comme toujours mes slides sont disponibles en ligne sous la licence Creative Commons Attribution-NonCommercial-NoDerivs 2.0 Generic (CC BY-NC-ND 2.0)<\/a>. Vous pouvez les consulter sur speakerdeck<\/a> ou juste en dessous :<\/p>\n