- Un développeur indépendant a créé un système d’exploitation web qui recrée l’interface utilisateur de l’Apple Lisa
- Le projet se distingue par des graphismes noir et blanc 1 bit, de quoi séduire les passionnés de rétro-informatique
- Il reproduit fidèlement le design de l’Apple Lisa des années 1980, avec bureau, icônes et fenêtres de fichiers
- Il s’exécute directement dans le navigateur web, sans nécessiter de procédure d’installation particulière
- Distribué en open source, il se prête facilement à la personnalisation et aux extensions par d’autres développeurs
Présentation du projet
- Ce projet consiste à développer un OS web permettant de découvrir directement dans un environnement web l’interface du système d’exploitation de bureau original de l’Apple Lisa
- Il propose une expérience rétro grâce à des graphismes 1 bit (noir et blanc pur)
- Il reconstitue un environnement de bureau traditionnel avec bureau, icônes, fenêtres et lancement d’applications
- Il n’implémente pas l’ensemble des fonctions d’un véritable système d’exploitation, mais se concentre sur la reproduction du comportement de l’interface et des éléments visuels
- Il est accessible immédiatement avec un navigateur moderne, ce qui abaisse fortement la barrière technique à l’entrée
Caractéristiques principales
- Reproduction fidèle du design de l’interface de l’Apple Lisa, lancé en 1983
- Recréation convaincante des interactions clés de l’interface, comme le glisser-déposer, le déplacement des fenêtres et leur redimensionnement
- Style graphique 1 bit simple mais soigné, offrant une identité visuelle unique
- Intègre les éléments de base d’un système d’exploitation de bureau, comme la liste des applications, la navigation dans les fichiers et l’exécution d’applications simples
Usages et intérêt
- Une excellente démonstration pour le rétrocomputing ou l’étude du design UI/UX
- Même les développeurs débutants peuvent analyser le code source pour comprendre la structure des interfaces web et l’organisation de la mise en page
- Distribué en open source, il permet à la communauté d’expérimenter de différentes façons l’ajout de fonctionnalités ou la modification de thèmes
Autres remarques
- Fonctionne directement sur le web via un lien, sans installation complexe distincte
- Le code source est fourni via des dépôts publics comme GitHub
- Ce projet met l’accent non pas sur un objectif commercial, mais sur une démarche expérimentale et une vocation pédagogique
1 commentaires
Avis Hacker News
Lisa n’utilisait pas des pixels carrés, donc le ratio du canvas a été réglé avec une hauteur égale à 1,5× la largeur. Sur les écrans haute résolution, comme chaque pixel fait en pratique 2 pixels de large × 3 pixels de haut, le rendu est plutôt bon, mais sur les écrans basse résolution les pixels sont affichés en 1 pixel de large × 1,5 pixel de haut, ce qui provoque une distorsion ; c’est un compromis assumé dès la conception. En revanche, sur un écran basse résolution suffisamment grand, si l’on élargit la fenêtre, la mise à l’échelle entière automatique s’active et les pixels deviennent plus gros. On peut aussi forcer cela dans les options d’affichage de l’app Préférences. Si les réglages d’échelle ont été déréglés, il est possible de les réinitialiser en redémarrant LisaGUI tout en maintenant la touche Shift. Il y a aussi un petit bug de positionnement du canvas lié aux PWA sur iOS ; revenir à l’orientation initiale après avoir tourné l’appareil corrige le problème, même si c’est assez pénible. Pour fermer une fenêtre, il faut double-cliquer sur l’icône de la barre de titre afin de la replier sous forme d’icône
Mon premier ordinateur était un clone d’Apple ][/e ou /c (un Pravetz 8Ц bulgare), puis j’ai aussi utilisé des PC 286 et 386 avec moniteur monochrome Hercules ; du coup, le superbe UI rétro de ce projet me rappelle l’époque de Think-Pascal
Ce genre de projet Lisa GUI si singulier est exactement la raison pour laquelle j’aime Hacker News. Il y a beaucoup à apprendre d’une UI en avance sur son temps et du pur vanilla JS. J’aimerais encore plus s’il y avait dans les démos/exemples un jeu immédiatement jouable, comme un clone de Breakout
J’ai été très impressionné de voir, avec le style de texte ombré dans l’app Preferences et l’éditeur fatbits, qu’en retirant 40 ans d’évolution UX, cela reste encore très productif et intuitif. En revanche, l’absence de bouton de fermeture de fenêtre est dommage. Le fait de pouvoir ouvrir un menu d’un simple clic est une bonne évolution apparue bien plus tard dans l’histoire de l’UX
Les menus sticky sont arrivés bien plus tard. Je les ai inclus ici volontairement parce que les utilisateurs modernes y sont habitués : on peut ouvrir un menu d’un clic, ou bien cliquer, faire glisser en maintenant le bouton de la souris, puis relâcher pour le refermer. Il existe aussi une extension pour les anciens Mac OS (System 6) qui permet d’utiliser des menus sticky, et ici j’ai simplement rétroporté l’idée encore plus loin dans le temps. Et pour fermer une fenêtre, il suffit de double-cliquer sur l’icône de la barre de titre
Il existe bien un comportement de fermeture de fenêtre en double-cliquant sur l’icône en haut à gauche, un peu comme un raccourci pour File > Set Aside
Je n’ai jamais vraiment utilisé Lisa sur la durée, mais en tant que technicien au début des années 90 j’en ai utilisé plusieurs et j’en ai converti en Mac XL ; ce projet reproduit l’UI avec une très grande fidélité, et c’est un vrai plaisir à explorer en cliquant partout
Je n’avais même jamais essayé d’émulateur Lisa auparavant, et grâce à cela j’en ai utilisé un pour la première fois ; une expérience précieuse qui m’a amené à repenser les idées fondamentales de la GUI, merci pour ça
Je prononce GUI lettre par lettre, et je ne vois pas pourquoi il faudrait absolument le lire comme "gooey" ; mi-blague, mi-sérieux, solidarité totale
Je suis pour le fait de prononcer tous les acronymes et sigles comme s’ils se lisaient à voix haute : TUI devient « touï », CLI « clie », TCP/IP « tikipipi », GPT « guipiti », DNS « deuns », HTTP « hitup », USB « ouzbeur », USB-C « ouzbeurc », etc., pour le plaisir
Ce genre de petit débat sur la prononciation est bien plus amusant et agréable que les discussions sérieuses du moment, comme la politique. Par exemple : vi vs emacs, vi vs vim, la prononciation de IF, m68k vs x86, Mac vs Amiga, BSD vs Linux, etc.
Ravi de voir qu’il y a d’autres personnes qui pensent pareil
Sur mobile, quand on utilise un curseur de souris, l’approche de Microsoft Remote Desktop est pratique : on déplace le curseur séparément en glissant n’importe où sur l’écran, au lieu de pointer directement avec le doigt. Une proposition d’amélioration dans ce sens
Je l’ai essayé sur mobile et la réactivité est vraiment impressionnante
Sur le petit écran d’un iPhone SE, cela ne fonctionne pas correctement ; la prochaine fois, il me faudra peut-être une mise à niveau matérielle pour profiter d’une meilleure expérience de cet OS