Apple Lisa के UI पर आधारित 1-बिट ग्राफ़िक्स वेब OS

 (alpha.lisagui.com)
1 पॉइंट द्वारा GN⁺ 2025-07-07 | 1 टिप्पणियां | WhatsApp पर शेयर करें
  • एक स्वतंत्र डेवलपर ने Apple Lisa के user interface को फिर से बनाने वाला web-based operating system तैयार किया है
  • यह प्रोजेक्ट 1-बिट black & white graphics को अपनी पहचान बनाता है, जिससे यह retro computing शौक़ीनों के लिए खास दिलचस्प है
  • desktop, icons और file windows सहित 1980s के Apple Lisa के डिज़ाइन की काफ़ी वफ़ादारी से नकल की गई है
  • यह web browser में सीधे चल जाता है और किसी अलग installation process की ज़रूरत नहीं होती
  • इसे open source के रूप में जारी किया गया है, इसलिए दूसरे डेवलपर्स के लिए customization और विस्तार करना आसान है

प्रोजेक्ट परिचय

  • यह प्रोजेक्ट ऐसा web OS है जो Apple Lisa के शुरुआती desktop operating system UI का अनुभव सीधे web environment में कराता है
  • 1-बिट (pure black & white) graphics का उपयोग करके यह retro user experience देता है
  • desktop, icons, windows और app launch जैसे पारंपरिक desktop environment को फिर से बनाया गया है
  • यह पूरे operating system की सभी सुविधाओं को लागू नहीं करता, बल्कि UI behavior और visual elements को दोबारा रचने पर केंद्रित है
  • सिर्फ़ आधुनिक browser होने पर इसे तुरंत access किया जा सकता है, इसलिए इसका technical entry barrier बहुत कम है

मुख्य विशेषताएँ

  • 1983 में जारी हुए Apple Lisa के UI डिज़ाइन की काफ़ी सटीक नकल की गई है
  • drag and drop, window move और resize जैसी मुख्य UI प्रतिक्रियाओं को प्रभावी ढंग से दोबारा बनाया गया है
  • सरल लेकिन बारीक 1-बिट graphics स्टाइल एक अलग visual feel देता है
  • app list, file browsing और साधारण app launch जैसी desktop operating system की बुनियादी चीज़ें शामिल हैं

उपयोग और महत्व

  • यह retro computing या UI/UX design research के लिए बेहतरीन demo material है
  • शुरुआती डेवलपर भी source code का विश्लेषण करके web UI systems और layout structure को समझ सकते हैं
  • open source के रूप में वितरित होने के कारण community अलग-अलग तरीकों से feature addition या theme modification आज़मा सकती है

अन्य संदर्भ बिंदु

  • किसी अलग जटिल installation process के बिना, लिंक के ज़रिए सीधे web पर चलाया जा सकता है
  • source code Github जैसे public repositories के माध्यम से उपलब्ध कराया गया है
  • यह प्रोजेक्ट व्यावसायिक उद्देश्य के बजाय प्रयोगात्मक प्रयास और शैक्षिक उद्देश्य पर ज़्यादा केंद्रित है

संबंधित पढ़ाई

1 टिप्पणियां

 
GN⁺ 2025-07-07
Hacker News की राय

  • Lisa में square pixels नहीं थे, इसलिए canvas ratio को चौड़ाई के मुकाबले ऊंचाई 1.5x पर सेट किया गया है। हाई-रेज़ोल्यूशन डिस्प्ले पर, क्योंकि pixel खुद 2-pixel चौड़ा × 3-pixel ऊंचा होता है, यह काफ़ी अच्छा दिखता है, लेकिन लो-रेज़ोल्यूशन डिस्प्ले पर pixel 1-pixel चौड़ा × 1.5-pixel ऊंचा दिखता है, इसलिए distortion होता है। यह design के तहत स्वीकार किया गया हिस्सा है। हालांकि, अगर लो-रेज़ोल्यूशन डिस्प्ले काफ़ी बड़ा हो और window size को चौड़ा किया जाए, तो automatic integer scaling काम करने लगती है, जिससे pixel खुद बड़े दिखते हैं। इसे Preferences app के display options में force भी किया जा सकता है। अगर scaling settings बिगड़ गई हों, तो LisaGUI को restart करते समय shift key दबाए रखने पर reset किया जा सकता है। और iOS में PWA से जुड़ा एक छोटा canvas positioning bug भी है, जो device घुमाकर फिर वापस लाने से ठीक हो जाता है, लेकिन यह काफ़ी झंझट वाला है। Window बंद करने के लिए title bar में मौजूद icon पर double-click करने से window icon के रूप में fold हो जाती है

    • यह जानने की जिज्ञासा है कि dynamic window या font size adjustment को कैसे handle किया गया है, खासकर browser size से स्वतंत्र रूप से। सामान्य html में यह अपने आप हो जाता है, लेकिन इस project में यह किस तरह किया गया है, जानना चाहूंगा

  • मेरा पहला कंप्यूटर Apple ][/e या /c clone (Bulgarian Pravetz 8Ц) था, और उसके बाद मैंने Hercules monochrome monitor वाले 286, 386 PC भी इस्तेमाल किए थे। इसलिए इस project का शानदार retro UI देखकर Think-Pascal के दिनों की याद आ गई

  • ऐसे अनोखे Lisa GUI project ही वजह हैं कि मुझे Hacker News पसंद है। शुद्ध vanilla JS और अपने समय से आगे रहे UI से सीखने को बहुत मिलता है। अच्छा होता अगर demo/example में Breakout-style game जैसा कुछ तुरंत खेल सकने वाला game भी जोड़ा जाता

    • बस यह कहना चाहता हूं कि बहुत आभारी हूं, और अगला game solitaire बनाने का इरादा है। साथ ही, कभी Xerox Alto के Mazewar जैसा game भी बनाना चाहता हूं। खासकर networking implement करना आसान नहीं होगा, लेकिन Xerox को homage के रूप में इसे आज़माने का इरादा है

  • Preferences app में shadow text style और fatbits editor देखकर यह बहुत प्रभावशाली लगा कि 40 साल पुराने UX को हटा भी दें तो भी वह अब तक productive और intuitive है। हालांकि, window close button न होना थोड़ा खलता है। एक ही click में menu खुला रहना, UX के विकास में काफ़ी बाद में आया एक अच्छा बदलाव है

    • sticky menu बहुत बाद में जोड़ा गया feature है। इस implementation में इसे जानबूझकर शामिल किया गया है क्योंकि modern users इसके आदी हैं। एक click से menu खुला छोड़ा जा सकता है, या mouse button दबाए रखते हुए drag करके menu खोला जा सकता है और button छोड़ते ही वह बंद हो जाता है। पुराने Mac OS (System 6) में भी sticky menu इस्तेमाल करने देने वाला extension है, और यहां उस feature को और पुराने समय तक retroactively जोड़कर देखा गया है। और window बंद करने के लिए title bar icon पर double-click करना होता है, यह भी जोड़ दूं

    • window के ऊपर बाईं ओर के icon पर double-click करने से window बंद हो जाती है। यह File > Set Aside के shortcut जैसी अवधारणा है

  • मैंने Lisa को लंबे समय तक इस्तेमाल नहीं किया, लेकिन 90 के दशक की शुरुआत में technician के रूप में कई Lisa machines इस्तेमाल की थीं और उन्हें Mac XL में modify भी किया था। यह project UI reproduction के लिहाज़ से बहुत सटीक है, इसलिए इसे click करके देखना अपने आप में मज़ेदार और अच्छा अनुभव है

  • पहले मैंने कभी Lisa emulator भी इस्तेमाल नहीं किया था, लेकिन इसकी वजह से पहली बार उसे आज़माने का मूल्यवान अनुभव मिला। लंबे समय बाद GUI की बुनियादी सोच पर फिर से विचार करने का मौका देने के लिए धन्यवाद

  • मेरा मानना है कि GUI शब्द को अक्षर-अक्षर अलग बोलना चाहिए, उसे ज़रूरी नहीं कि "gooey" की तरह एक साथ पढ़ा जाए। आधा मज़ाक, आधा गंभीरता के साथ एक तरह की साथीभावना

    • मेरा सिद्धांत है कि acronyms और initialisms सबको ज़ोर से पढ़ना चाहिए। जैसे TUI को 'टुई', CLI को 'क्लि', TCP/IP को 'टीकीपीपी', GPT को 'गीपीटी', DNS को 'डन्स', HTTP को 'हिटप', USB को 'उज़बर', USB-C को 'उज़बरक' की तरह, ऐसा मज़ेदार सुझाव

    • ऐसी छोटी pronunciation बहसें आजकल की राजनीति जैसी गंभीर बातों से कहीं ज़्यादा मज़ेदार और आनंददायक होती हैं। जैसे: vi vs emacs, vi vs vim, IF का उच्चारण, m68k vs x86, Mac vs Amiga, BSD vs Linux वगैरह

    • यह देखकर अच्छा लगा कि कोई और भी ऐसा ही सोचता है

  • मोबाइल पर mouse cursor इस्तेमाल करते समय Microsoft Remote Desktop का तरीका सुविधाजनक लगता है, जिसमें उंगली से सीधे cursor को नहीं छूते, बल्कि स्क्रीन पर कहीं भी move करके cursor को अलग से चलाते हैं। इस्तेमाल करके देखो तो तुरंत समझ आ जाता है। इस पर एक सुधार सुझाव

    • इसका जवाब यह है कि यह पहले से implement किया जा चुका है। Preferences के touchscreen options panel में trackpad mode चालू करने पर उसी तरह का touch cursor experience मिलता है

  • मोबाइल पर इसे आज़माया, और responsiveness काफ़ी प्रभावशाली लगी

    • इसे इस्तेमाल करके feedback देने के लिए आभार

  • छोटे screen वाले iPhone SE पर यह ठीक से काम नहीं करता, इसलिए अगली बार शायद hardware upgrade करके बेहतर OS experience लेना पड़ेगा, ऐसा लगा