- Un desarrollador independiente creó un sistema operativo basado en la web que recrea la interfaz de usuario de Apple Lisa
- Este proyecto se caracteriza por sus gráficos en blanco y negro de 1 bit, lo que lo hace atractivo para los entusiastas de la computación retro
- Imita fielmente el diseño del Apple Lisa de los años 80, incluyendo escritorio, íconos y ventanas de archivos
- Puede ejecutarse directamente en el navegador web, sin necesidad de un proceso de instalación adicional
- Se publicó como código abierto, lo que facilita la personalización y expansión por parte de otros desarrolladores
Introducción al proyecto
- Este proyecto es un desarrollo de OS web que permite experimentar directamente en un entorno web la UI del sistema operativo de escritorio inicial de Apple Lisa
- Usa gráficos de 1 bit (pure black & white) para ofrecer una experiencia de usuario retro
- Reconstruye un entorno de escritorio tradicional con escritorio, íconos, ventanas y ejecución de aplicaciones
- No implementa todas las funciones de un sistema operativo real, pero se enfoca en recrear el comportamiento de la UI y los elementos visuales
- Basta con tener un navegador moderno para acceder de inmediato, por lo que la barrera técnica de entrada es muy baja
Características principales
- Reproduce fielmente el diseño de la UI del Apple Lisa lanzado en 1983
- Recrea de forma realista interacciones clave de la UI como drag and drop, mover ventanas y cambiar su tamaño
- Ofrece una sensibilidad visual única con un estilo de gráficos de 1 bit simple pero refinado
- Incluye elementos básicos de un sistema operativo de escritorio, como listado de apps, exploración de archivos y ejecución simple de aplicaciones
Uso y significado
- Es un excelente material de demostración para la computación retro o la investigación de diseño UI/UX
- Incluso desarrolladores principiantes pueden analizar el código fuente para entender la estructura de interfaces web y layouts
- Al distribuirse como código abierto, la comunidad puede intentar agregar funciones o modificar temas de distintas maneras
Otros detalles
- Puede ejecutarse directamente en la web mediante el enlace, sin un proceso de instalación complejo por separado
- El código fuente se ofrece a través de repositorios públicos como GitHub
- Este proyecto pone el foco no en fines comerciales, sino en un intento experimental y con propósitos educativos
1 comentarios
Comentarios de Hacker News
Lisa no tenía píxeles cuadrados, así que la proporción del canvas se configuró con una altura 1.5 veces mayor que el ancho; en pantallas de alta resolución se ve bastante bien porque cada píxel termina siendo de 2 píxeles de ancho × 3 de alto, pero en pantallas de baja resolución se representa como 1 píxel de ancho × 1.5 de alto, lo que produce distorsión, algo asumido desde el diseño. Aun así, en pantallas grandes de baja resolución, si ajustas la ventana a un tamaño más ancho, entra en acción la escala entera automática para que los píxeles se vean más grandes. También se puede forzar desde las opciones de pantalla en la app de preferencias. Si alteraste la configuración de escala, puedes restablecerla reiniciando LisaGUI mientras mantienes presionada la tecla shift. Además, hay un pequeño bug con la posición del canvas relacionado con las PWA en iOS; se corrige regresando a la orientación original después de rotar el dispositivo, aunque sí resulta algo molesto. Para cerrar una ventana, hay que hacer doble clic en el ícono de la barra de título para plegarla en forma de ícono
Mi primera computadora fue un clon de Apple ][/e o /c (una Pravetz 8Ц búlgara), y después también usé PCs 286 y 386 con monitor monocromo Hercules, así que este proyecto me despertó mucha nostalgia por la época de Think-Pascal con esa interfaz retro tan lograda
Proyectos tan peculiares como este GUI de Lisa son justo la razón por la que me gusta Hacker News. Se aprende mucho de una interfaz adelantada a su época y de JavaScript vanilla puro. Además, estaría genial que en la demo o los ejemplos agregaran un juego listo para probar, algo estilo Breakout
Me impresionó mucho ver el estilo de texto con sombra y el editor fatbits en la app Preferences: incluso quitándole 40 años de evolución al UX, sigue sintiéndose productivo e intuitivo. Eso sí, extraño que no haya botón para cerrar ventanas. El hecho de que un menú pueda quedarse abierto con un solo clic fue un cambio muy bueno que llegó bastante después en la evolución de estas interfaces
Los menús sticky (fijos) llegaron mucho después. En esta implementación los incluí a propósito porque los usuarios modernos ya están acostumbrados: puedes dejar abierto un menú con un clic, o abrirlo arrastrando mientras mantienes presionado el mouse y hacer que se cierre al soltar el botón. También hay una extensión para Mac OS antiguo (System 6) que permite usar menús sticky, así que aquí quise retrotraer esa función todavía más en el tiempo. Y sí, para cerrar una ventana hay que hacer doble clic en el ícono de la barra de título
Sí existe la acción de cerrar una ventana con doble clic en el ícono de la esquina superior izquierda; es como una especie de atajo para File > Set Aside
No tuve mucha experiencia de uso prolongado con Lisa, pero a inicios de los 90 sí trabajé como técnico con varias Lisa y las convertí a Mac XL, así que este proyecto me pareció una recreación muy fiel de la interfaz y fue muy agradable ir haciendo clic y explorarlo
Antes nunca había usado ni siquiera un emulador de Lisa, pero gracias a esto lo probé por primera vez. Se agradece mucho porque me hizo volver a pensar en los fundamentos del GUI después de tanto tiempo
Yo pronuncio GUI deletreando cada letra por separado; no siento la necesidad de leerlo como "gúi". Lo digo medio en broma, medio en serio, con espíritu de camaradería
Mi postura es que todas las siglas e inicialismos deberían pronunciarse como palabras: TUI sería "túi", CLI "clí", TCP/IP "tiquipipi", GPT "guipití", DNS "duns", HTTP "jitúp", USB "úzber" y USB-C "úzberc", por poner ejemplos en tono juguetón
Este tipo de discusiones tontas sobre pronunciación me parecen muchísimo más entretenidas y agradables que hablar de política hoy en día. Ejemplos: vi vs emacs, vi vs vim, cómo se pronuncia IF, m68k vs x86, Mac vs Amiga, BSD vs Linux, etc.
Qué gusto encontrar a alguien que piensa igual
Al usar el cursor del mouse en móvil, me parece muy cómodo el enfoque de Microsoft Remote Desktop: en vez de tocar directamente donde quieres apuntar, mueves el dedo por cualquier parte de la pantalla y el cursor se desplaza por separado. Lo comento como sugerencia de mejora
Lo probé en móvil y me impresionó mucho lo responsivo que se siente
En la pantalla pequeña de un iPhone SE no funciona bien, así que la próxima vez tal vez me toque hacer un upgrade de hardware para disfrutar una mejor experiencia de OS