KeyRush a vu le jour sur iPhone et Android. Lorsque nous avons d\u00e9cid\u00e9 de le faire passer \u00e0 Chrome, nous avions le choix : encapsuler l\u2019application existante dans une couche multiplateforme, ou la r\u00e9\u00e9crire pour le navigateur. Nous l\u2019avons r\u00e9\u00e9crite, en la portant depuis la version Android. Du JavaScript pur, Manifest V3, sans framework et sans \u00e9tape de compilation. Voici ce que nous avons appris en proc\u00e9dant ainsi.<\/p>\n
Sur un t\u00e9l\u00e9phone, un logiciel d'apprentissage de la frappe n'est qu'une approximation. Le clavier \u00e0 l'\u00e9cran sert \u00e0 la fois de p\u00e9riph\u00e9rique de saisie et d'objet d'apprentissage, ce qui constitue une situation quelque peu \u00e9trange. Dans le navigateur, l'utilisateur a un v\u00e9ritable clavier sous les doigts \u2014 pr\u00e9cis\u00e9ment ce que l'application tente de lui enseigner.<\/p>\n
Cela a chang\u00e9 bien plus que nous ne l'avions pr\u00e9vu. Les dispositions varient d'un pays \u00e0 l'autre et d'un clavier \u00e0 l'autre. Il existe des touches de modification. Les utilisateurs maintiennent des touches enfonc\u00e9es, en appuient sur deux \u00e0 la fois ou changent de disposition en cours de session. Sur un clavier physique, la moindre impr\u00e9cision dans le simulateur se ressent imm\u00e9diatement ; nous avons donc d\u00fb faire preuve d'une bien plus grande rigueur pour d\u00e9terminer ce qui constituait une frappe correcte.<\/p>\n
Nous avons conserv\u00e9 le clavier virtuel, mais son r\u00f4le a chang\u00e9. Sur un t\u00e9l\u00e9phone, c\u2019est ce sur quoi on appuie. Dans l\u2019extension, c\u2019est un guide : il met en surbrillance la touche sur laquelle vous devez appuyer ensuite, ce qui vous permet de garder les yeux riv\u00e9s sur l\u2019\u00e9cran plut\u00f4t que sur vos mains. C\u2019est l\u00e0 tout l\u2019int\u00e9r\u00eat de la frappe \u00e0 l\u2019aveugle, et le navigateur nous a permis de prendre cela au s\u00e9rieux.<\/p>\n
Les \u00e9crans de t\u00e9l\u00e9phone se d\u00e9clinent en quelques formes diff\u00e9rentes. Les fen\u00eatres de navigateur, quant \u00e0 elles, peuvent prendre n'importe quelle forme. La fen\u00eatre contextuelle d'une extension est \u00e9troite et courte ; un onglet complet peut \u00eatre immense. La m\u00eame application devait s'adapter \u00e0 ces deux formats.<\/p>\n
Nous proposons donc les deux options. KeyRush s'ouvre sous forme de fen\u00eatre contextuelle pour un test rapide, et dans un onglet complet lorsque vous souhaitez disposer de plus d'espace pour les le\u00e7ons et les d\u00e9fis. La combinaison Alt+Maj+K permet de l'ouvrir sans avoir \u00e0 utiliser la souris \u2014 ce qui, pour une application de dactylographie, nous a sembl\u00e9 \u00eatre le bon r\u00e9glage par d\u00e9faut.<\/p>\n
Une fen\u00eatre contextuelle se ferme d\u00e8s que vous cliquez en dehors de celle-ci, et tout ce qu'elle contenait en m\u00e9moire dispara\u00eet avec elle. Sur Android, une application peut \u00eatre mise en arri\u00e8re-plan et reprendre exactement l\u00e0 o\u00f9 elle s'\u00e9tait arr\u00eat\u00e9e. Dans une fen\u00eatre contextuelle, vous devez partir du principe que l'utilisateur peut quitter l'application \u00e0 tout moment.<\/p>\n
Ainsi, tout ce qui compte est stock\u00e9 dans la m\u00e9moire du navigateur plut\u00f4t que dans la fen\u00eatre, et la fen\u00eatre contextuelle ainsi que l'onglet complet lisent les m\u00eames donn\u00e9es enregistr\u00e9es. Une fois un test termin\u00e9 dans la fen\u00eatre contextuelle, il suffit d'ouvrir l'onglet complet pour que le r\u00e9sultat s'y trouve d\u00e9j\u00e0. C'est un petit choix architectural qui a permis de rendre l'extension dans son ensemble plus solide.<\/p>\n
Les applications Android demandent \u00e9galement des autorisations, mais les utilisateurs les lisent rarement. Ce n\u2019est g\u00e9n\u00e9ralement pas le cas des utilisateurs d\u2019extensions, et le navigateur affiche les avertissements directement dans la fen\u00eatre d\u2019installation. KeyRush n\u2019en demande qu\u2019une seule : l\u2019acc\u00e8s au stockage. L\u2019extension n\u2019a pas besoin d\u2019acc\u00e9der aux pages que vous consultez, elle ne vous le demande donc pas. Nous avons r\u00e9dig\u00e9 un article \u00e0 part enti\u00e8re expliquant pourquoi cela est important pour nous.<\/p>\n
La quasi-totalit\u00e9 du produit est rest\u00e9e inchang\u00e9e : des tests de vitesse chronom\u00e9tr\u00e9s de 15, 30, 60 et 120 secondes, des le\u00e7ons de dactylographie organis\u00e9es par doigt, des courses contre des adversaires virtuels, des statistiques, une carte thermique des touches que vous manquez, le d\u00e9fi quotidien et l'ensemble des 44 succ\u00e8s. Une personne passant de la version mobile \u00e0 la version de bureau devrait se sentir \u00e0 l'aise en moins d'une minute.<\/p>\n
Nous avons \u00e9galement conserv\u00e9 ces principes. L'application fonctionne enti\u00e8rement hors ligne. La progression est enregistr\u00e9e uniquement dans votre navigateur. Il n'y a pas de compte et aucune connexion n'est requise.<\/p>\n
Une r\u00e9\u00e9criture peut sembler co\u00fbteuse, et \u00e7a l\u2019a \u00e9t\u00e9 \u00e0 certains \u00e9gards. Mais un logiciel d\u2019apprentissage de la frappe n\u2019est pas une application volumineuse, et la logique essentielle \u2014 le syst\u00e8me de points, les le\u00e7ons, les niveaux, les succ\u00e8s \u2014 est suffisamment simple pour \u00eatre port\u00e9e manuellement, avec soin, depuis la version originale Android. En contrepartie, nous avons obtenu une extension qui se charge instantan\u00e9ment, ne d\u00e9pend d\u2019aucun composant tiers n\u00e9cessitant des mises \u00e0 jour, et qui se comporte comme si elle avait \u00e9t\u00e9 con\u00e7ue pour le navigateur, car c\u2019est effectivement le cas.<\/p>","protected":false},"excerpt":{"rendered":"
Qu'est-ce qui a chang\u00e9 lorsque KeyRush est pass\u00e9 de Android \u00e0 Chrome \u2014 et ce que nous avons refus\u00e9 de changer.<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-730","post","type-post","status-publish","format-standard","hentry","category-journal"],"yoast_head":"\n