Web OS grafis 1-bit berbasis UI Apple Lisa

 (alpha.lisagui.com)
1 poin oleh GN⁺ 2025-07-07 | 1 komentar | Bagikan ke WhatsApp
  • Seorang pengembang independen membuat sistem operasi berbasis web yang merekreasikan antarmuka pengguna Apple Lisa
  • Proyek ini menonjolkan grafis hitam-putih 1-bit dan menarik bagi para penggemar komputasi retro
  • Desktop, ikon, jendela file, dan elemen lain meniru dengan setia desain Apple Lisa era 1980-an
  • Dapat langsung dijalankan di browser web tanpa memerlukan proses instalasi khusus
  • Dirilis sebagai open source sehingga memudahkan kustomisasi dan pengembangan lebih lanjut oleh pengembang lain

Pengenalan proyek

  • Proyek ini adalah pengembangan web OS yang memungkinkan pengguna merasakan langsung UI sistem operasi desktop awal Apple Lisa di lingkungan web
  • Menggunakan grafis 1-bit (pure black & white) untuk menghadirkan pengalaman pengguna bergaya retro
  • Merekonstruksi lingkungan desktop tradisional seperti desktop, ikon, jendela, dan peluncuran aplikasi
  • Tidak mengimplementasikan seluruh fungsi sistem operasi nyata, tetapi berfokus pada reproduksi perilaku UI dan elemen visual
  • Bisa langsung diakses hanya dengan browser modern, sehingga hambatan teknis untuk mencoba sangat rendah

Fitur utama

  • Meniru dengan setia desain UI Apple Lisa yang dirilis pada tahun 1983
  • Mereproduksi respons UI inti seperti drag and drop, perpindahan jendela, dan pengubahan ukuran jendela secara meyakinkan
  • Menawarkan nuansa visual yang unik dengan gaya grafis 1-bit yang sederhana namun presisi
  • Mencakup elemen dasar sistem operasi desktop seperti daftar aplikasi, penelusuran file, dan eksekusi aplikasi sederhana

Pemanfaatan dan makna

  • Menjadi materi demo yang sangat baik untuk komputasi retro maupun riset desain UI/UX
  • Pengembang pemula pun dapat menganalisis source code untuk memahami sistem UI web dan struktur layout
  • Didistribusikan sebagai open source sehingga komunitas dapat mencoba menambahkan fitur atau memodifikasi tema dengan berbagai cara

Catatan lainnya

  • Dapat dijalankan langsung di web melalui tautan tanpa proses instalasi terpisah yang rumit
  • Source code disediakan melalui repositori publik seperti Github
  • Proyek ini menitikberatkan pada eksperimen dan tujuan edukatif, bukan tujuan komersial

Bacaan terkait

1 komentar

 
GN⁺ 2025-07-07
Komentar Hacker News

  • Lisa tidak menggunakan piksel persegi, jadi rasio kanvas diatur dengan tinggi 1,5x terhadap lebar. Pada layar beresolusi tinggi ini terlihat cukup bagus karena tiap piksel efektifnya berukuran 2 piksel lebar × 3 piksel tinggi, tetapi pada layar beresolusi rendah piksel ditampilkan sebagai 1 piksel lebar × 1,5 piksel tinggi sehingga terjadi distorsi; ini memang kompromi desain yang disengaja. Namun, pada layar beresolusi rendah yang cukup besar, jika ukuran jendela diperlebar maka fitur penskalaan bilangan bulat otomatis akan aktif sehingga piksel tampil lebih besar. Ini juga bisa dipaksa lewat opsi display di aplikasi Preferences. Jika pengaturan skalanya berantakan, LisaGUI bisa di-reset dengan menahan tombol shift saat memulai ulang. Selain itu, ada bug kecil terkait posisi kanvas PWA di iOS; biasanya bisa diperbaiki dengan memutar perangkat lalu mengembalikannya, meski cukup merepotkan. Untuk menutup jendela, klik ganda ikon di title bar agar jendela dilipat menjadi bentuk ikon

    • Penasaran bagaimana penyesuaian ukuran jendela atau font dilakukan secara dinamis, terlepas dari ukuran browser. Di HTML biasanya ini otomatis, jadi ingin tahu pendekatan yang dipakai di proyek ini

  • Klon Apple ][/e atau /c (Pravetz 8Ц buatan Bulgaria) adalah komputer pertamaku, lalu setelah itu aku juga memakai PC 286 dan 386 dengan monitor monokrom Hercules, jadi melihat UI retro keren di proyek ini membangkitkan nostalgia era Think-Pascal

  • Proyek GUI Lisa yang unik seperti inilah alasan aku menyukai Hacker News. Ada banyak hal yang bisa dipelajari dari vanilla JS murni dan UI yang melampaui zamannya. Rasanya akan lebih seru lagi kalau demo/contohnya ditambah game yang bisa langsung dimainkan, seperti game bergaya Breakout

    • Ingin menyampaikan betapa besar rasa terima kasihku, dan game berikutnya rencananya adalah Solitaire. Juga terpikir ingin suatu hari membuat game seperti Mazewar dari Xerox Alto; implementasi networking memang tidak mudah, tetapi ingin mencobanya sebagai bentuk penghormatan ke Xerox

  • Melihat gaya teks bayangan dan editor fatbits di aplikasi Preferences sangat mengesankan; meski lapisan UX 40 tahun lalu dikupas kembali, ternyata masih terasa produktif dan intuitif. Hanya saja, tidak adanya tombol tutup jendela sedikit disayangkan. Fitur menu yang tetap terbuka hanya dengan satu klik adalah perubahan bagus yang hadir jauh belakangan dalam evolusi UX seperti ini

    • Menu sticky baru diperkenalkan jauh setelah itu. Dalam implementasi ini sengaja disertakan karena pengguna modern sudah terbiasa dengannya: menu bisa dibuka dan dibiarkan tetap terbuka dengan satu klik, atau dibuka dengan menekan lalu menyeret mouse, dan ditutup saat tombol mouse dilepas. Ada juga extension untuk Mac OS lama (System 6) yang memungkinkan sticky menu, dan di sini fungsinya semacam dibawa mundur ke era yang lebih tua. Ditambahkan juga bahwa untuk menutup jendela, cukup klik ganda ikon di title bar

    • Ada perilaku menutup jendela dengan klik ganda ikon di kiri atas jendela, semacam konsep shortcut untuk File > Set Aside

  • Aku tidak pernah lama memakai Lisa, tetapi sebagai teknisi di awal 1990-an aku sempat menggunakan beberapa unit Lisa dan mengubahnya menjadi Mac XL. Proyek ini sangat akurat dalam mereproduksi UI-nya, jadi menyenangkan untuk diklik-kлик sambil memberi pengalaman yang bagus

  • Dulu aku bahkan belum pernah memakai emulator Lisa, tetapi berkat ini akhirnya bisa mencobanya untuk pertama kali, pengalaman yang sangat berharga. Menyenangkan juga karena membuatku kembali memikirkan dasar-dasar GUI setelah sekian lama

  • Aku melafalkan GUI dengan mengeja tiap hurufnya satu per satu; menurutku tidak perlu dibaca menyatu seperti "gooey". Setengah bercanda, setengah serius, terasa ada rasa persaudaraan

    • Aku menganut prinsip semua akronim dan initialism sebaiknya dibaca apa adanya: TUI jadi 'tu-i', CLI jadi 'kli', TCP/IP jadi 'ti-ki-pi-pi', GPT jadi 'gi-pi-ti', DNS jadi 'dens', HTTP jadi 'hi-te-te-pe', USB jadi 'yu-es-be', USB-C jadi 'yu-es-be-si' — usulan yang disampaikan dengan nada jenaka

    • Perdebatan pengucapan remeh seperti ini jauh lebih menyenangkan daripada topik-topik serius seperti politik akhir-akhir ini. Misalnya: vi vs emacs, vi vs vim, pengucapan IF, m68k vs x86, Mac vs Amiga, BSD vs Linux, dan seterusnya

    • Senang menemukan rasa kebersamaan karena ada orang lain yang berpikiran sama

  • Saat memakai kursor mouse di mobile, pendekatan Microsoft Remote Desktop terasa nyaman: kursor digerakkan secara terpisah dari jari dengan mengusap di area mana saja di layar. Kalau dicoba langsung rasanya akan terasa jelas. Ini sebagai usulan perbaikan

    • Sudah diimplementasikan, begitu jawabannya. Jika mode trackpad diaktifkan pada panel opsi touchscreen di Preferences, pengalaman kursor sentuh dengan cara yang sama bisa digunakan

  • Aku mencobanya di mobile, dan responsivitasnya sangat mengesankan

    • Terima kasih atas umpan balik setelah mencobanya

  • Di iPhone SE dengan layar kecil ini tidak berjalan dengan baik, jadi lain kali rasanya perlu upgrade perangkat keras agar bisa merasakan pengalaman OS yang lebih baik