1 điểm bởi GN⁺ 2025-07-07 | 1 bình luận | Chia sẻ qua WhatsApp
  • Một nhà phát triển cá nhân đã tạo ra hệ điều hành nền web tái hiện giao diện người dùng của Apple Lisa
  • Dự án nổi bật với đồ họa đen trắng 1 bit, mang lại sự thú vị cho những người đam mê điện toán retro
  • Tái hiện trung thực thiết kế của Apple Lisa thập niên 1980 như desktop, biểu tượng, cửa sổ tệp
  • Có thể chạy ngay trên trình duyệt web mà không cần quy trình cài đặt đặc biệt nào
  • Được công khai mã nguồn mở nên các nhà phát triển khác dễ dàng tùy biến và mở rộng

Giới thiệu dự án

  • Đây là một web OS được phát triển để người dùng có thể trực tiếp trải nghiệm UI của hệ điều hành desktop thời kỳ đầu của Apple Lisa trong môi trường web
  • Sử dụng đồ họa 1 bit (pure black & white) để mang lại trải nghiệm người dùng đậm chất retro
  • Tái cấu trúc môi trường desktop truyền thống với desktop, biểu tượng, cửa sổ và khả năng chạy ứng dụng
  • Dù không hiện thực toàn bộ chức năng của một hệ điều hành thực thụ, dự án tập trung vào việc tái hiện cách UI vận hành và các yếu tố thị giác
  • Chỉ cần một trình duyệt hiện đại là có thể truy cập ngay, nên rào cản kỹ thuật để tiếp cận rất thấp

Tính năng chính

  • Mô phỏng trung thực thiết kế UI của Apple Lisa ra mắt năm 1983
  • Tái hiện sống động các phản hồi UI cốt lõi như drag and drop, di chuyển cửa sổ và thay đổi kích thước
  • Mang lại cảm giác thị giác độc đáo với phong cách đồ họa 1 bit đơn giản nhưng tinh xảo
  • Bao gồm các yếu tố cơ bản của hệ điều hành desktop như danh sách ứng dụng, duyệt tệp và chạy ứng dụng đơn giản

Ứng dụng và ý nghĩa

  • Là tài liệu demo rất phù hợp cho nghiên cứu về điện toán retro hoặc thiết kế UI/UX
  • Ngay cả nhà phát triển mới bắt đầu cũng có thể phân tích mã nguồn để hiểu hệ thống UI web và cấu trúc bố cục
  • Được phát hành dưới dạng mã nguồn mở nên cộng đồng có thể thử nghiệm bổ sung tính năng hoặc chỉnh sửa giao diện chủ đề theo nhiều cách khác nhau

Ghi chú thêm

  • Có thể chạy trực tiếp trên web qua liên kết mà không cần quy trình cài đặt phức tạp riêng biệt
  • Mã nguồn được cung cấp thông qua kho lưu trữ công khai như Github
  • Dự án này không đặt trọng tâm vào mục đích thương mại mà nhấn mạnh thử nghiệmmục đích giáo dục

1 bình luận

 
GN⁺ 2025-07-07
Ý kiến trên Hacker News
  • Lisa không dùng pixel vuông, nên tỷ lệ canvas được đặt với chiều dọc gấp 1,5 lần chiều ngang; trên màn hình độ phân giải cao thì trông khá ổn vì mỗi pixel thực ra rộng 2 pixel × cao 3 pixel, nhưng trên màn hình độ phân giải thấp thì pixel được hiển thị thành rộng 1 pixel × cao 1,5 pixel nên xảy ra méo hình; đây là điều đã được chấp nhận ngay từ khâu thiết kế. Tuy vậy, nếu trên màn hình độ phân giải thấp nhưng đủ lớn mà tăng chiều rộng cửa sổ, tính năng tự động chia tỷ lệ theo số nguyên sẽ kích hoạt để pixel hiển thị lớn hơn. Cũng có thể ép thiết lập này trong tùy chọn hiển thị của ứng dụng Preferences. Nếu lỡ làm rối thiết lập tỷ lệ, có thể đặt lại bằng cách giữ phím shift khi khởi động lại LisaGUI. Ngoài ra, trên iOS có một lỗi nhỏ liên quan đến vị trí canvas của PWA; xoay thiết bị rồi xoay lại thì sẽ hết, nhưng cũng khá phiền. Khi đóng cửa sổ, nhấp đúp vào biểu tượng trên thanh tiêu đề thì cửa sổ sẽ thu lại thành dạng biểu tượng

    • Tôi tò mò họ xử lý việc thay đổi động kích thước cửa sổ hay cỡ chữ như thế nào (không phụ thuộc kích thước trình duyệt); bình thường trong html chuyện này là tự động, nên tôi muốn biết dự án này làm theo cách nào
  • Apple ][/e hay /c clone (Pravetz 8Ц sản xuất tại Bulgaria) là máy tính đầu tiên của tôi, rồi sau đó tôi cũng dùng PC 286, 386 với màn hình đơn sắc Hercules, nên khi xem giao diện retro tuyệt đẹp của dự án này, tôi lập tức thấy lại cảm giác thời Think-Pascal

  • Những dự án GUI Lisa độc đáo như thế này chính là lý do tôi thích Hacker News; học được rất nhiều từ UI đi trước thời đại và JavaScript thuần túy. Sẽ còn tuyệt hơn nếu phần demo/ví dụ có thêm một trò chơi có thể chơi ngay kiểu Breakout

    • Tôi chỉ muốn nói là tôi rất biết ơn; trò tiếp theo tôi định làm là Solitaire, và cũng muốn một ngày nào đó làm một trò kiểu Mazewar trên Xerox Alto. Phần mạng sẽ không dễ, nhưng tôi muốn thử như một lời tri ân tới Xerox
  • Rất ấn tượng khi nhìn kiểu chữ đổ bóng trong ứng dụng Preferences và trình soạn thảo fatbits, vì dù gỡ bỏ 40 năm tiến hóa UX thì nó vẫn cho cảm giác hiệu quả và trực quan. Tuy vậy, tôi vẫn thấy tiếc vì không có nút đóng cửa sổ; việc mở menu chỉ bằng một cú nhấp đúng là một cải tiến rất hay, nhưng phải khá lâu sau mới xuất hiện trong tiến trình phát triển UX

    • menu sticky (cố định) là tính năng được đưa vào sau này rất lâu. Trong bản triển khai này, tôi cố ý thêm vào vì người dùng hiện đại đã quen với nó: có thể mở menu bằng một cú nhấp để giữ nó mở, hoặc nhấn giữ chuột rồi kéo để mở, sau đó thả nút chuột ra thì menu đóng lại. Ngày xưa cũng có extension cho Mac OS (System 6) để dùng sticky menu, còn ở đây tôi chỉ đưa tính năng đó quay ngược xa hơn một chút trong dòng thời gian. Và xin nhắc lại là muốn đóng cửa sổ thì chỉ cần nhấp đúp biểu tượng trên thanh tiêu đề

    • Có sẵn thao tác nhấp đúp biểu tượng ở góc trên bên trái để đóng cửa sổ, gần giống một dạng phím tắt cho File > Set Aside

  • Tôi không có nhiều kinh nghiệm dùng Lisa trong thời gian dài, nhưng hồi đầu thập niên 90 với vai trò kỹ thuật viên tôi từng dùng vài chiếc Lisa và chuyển chúng thành Mac XL; dự án này tái hiện UI rất chính xác, vừa thú vị để bấm thử vừa mang lại trải nghiệm rất tốt

  • Trước đây tôi còn chưa từng dùng cả trình giả lập Lisa, vậy mà nhờ dự án này tôi mới được thử lần đầu; một trải nghiệm thật đáng quý, và cảm ơn vì đã khiến tôi nhìn lại những ý tưởng nền tảng của GUI sau một thời gian dài

  • Tôi phát âm từng chữ một của từ GUI, chứ không nhất thiết phải đọc dính lại kiểu "gooey"; nửa đùa nửa thật nhưng cảm thấy có đồng minh

    • Tôi theo trường phái mọi từ viết tắt và initialism đều phải đọc thành tiếng như một từ: TUI là 'tu-i', CLI là 'cli', TCP/IP là 'ti-ki-pi-pi', GPT là 'gi-pi-ti', DNS là 'đầns', HTTP là 'hi-túp', USB là 'u-dơ-bờ', USB-C là 'u-dơ-bờ-cờ' — một gợi ý vui vẻ như thế

    • Những cuộc tranh luận phát âm vụn vặt kiểu này thú vị và vui hơn hẳn các chủ đề nghiêm trọng như chính trị dạo này; ví dụ: vi vs emacs, vi vs vim, cách phát âm IF, m68k vs x86, Mac vs Amiga, BSD vs Linux, v.v.

    • Thật vui khi thấy có người cũng nghĩ giống mình

  • Khi dùng con trỏ chuột trên di động, cách của Microsoft Remote Desktop khá tiện: không chạm trực tiếp bằng ngón tay mà di chuyển ở bất kỳ đâu trên màn hình để điều khiển con trỏ riêng biệt; dùng thử là sẽ hiểu ngay. Đây là một đề xuất cải tiến

    • Tôi đã triển khai rồi; trong bảng tùy chọn màn hình cảm ứng của Preferences, chỉ cần bật chế độ trackpad là sẽ có trải nghiệm con trỏ cảm ứng theo đúng kiểu đó
  • Tôi đã thử trên di động và rất ấn tượng với độ phản hồi

    • Cảm ơn vì phản hồi sau khi dùng thử
  • Tôi thử trên iPhone SE màn hình nhỏ thì nó không hoạt động ổn, nên lần tới chắc phải nâng cấp phần cứng để có trải nghiệm OS tốt hơn