StatusES: वेब अनुप्रयोगों के लिए एक UI घटक पुस्तकालय

 

StatusES: वेब अनुप्रयोगों के लिए एक UI घटक पुस्तकालय

StatusQ, MPL2.0 के तहत लाइसेंस प्राप्त स्टेटस एप्लिकेशन के लिए एक उभरती हुई पुन: प्रयोज्य QML UI घटक लाइब्रेरी है। तो उसका क्या मतलब हुआ?

आइए पीछे की ओर शुरू करें। मोज़िला पब्लिक लाइसेंस 2.0 का अर्थ है- मूल रूप से (यह कानूनी सलाह नहीं है) कि StatusQ का पुन: उपयोग और संशोधन किया जा सकता है, स्रोत कोड के व्यावसायीकरण के संबंध में कुछ विशिष्ट अपवादों के साथ। StatusQ मुख्य रूप से Status Desktop में उपयोग किया जाता है, लेकिन अन्य प्रोजेक्ट्स में भी इसका उपयोग किया जा सकता है।

 यहां StatusQ सैंडबॉक्स का एक स्क्रीनशॉट है, जो घटकों की लाइब्रेरी (बाईं ओर) और उन घटकों के वेरिएंट (दाईं ओर) दिखा रहा है।

StatusQ को समझने के लिए, हम प्रलेखन या रोडमैप से परामर्श कर सकते हैं, लेकिन एक सिंहावलोकन के लिए हमें पहले Qt मेटा-ऑब्जेक्ट लैंग्वेज, या QML [1] के साथ कुछ परिचित होना चाहिए। क्यूएमएल एक प्रोग्रामिंग भाषा है जिसका उपयोग क्यूटी ढांचे में यूजर इंटरफेस को निर्दिष्ट करने के लिए किया जाता है, जो सबसे लोकप्रिय यूआई विकास टूलकिट में से एक है। क्यूएमएल का उपयोग उबंटू फोन/उबंटू टच, केडीई प्लाज्मा 4 और 5, एलजी के वेबओएस और कई अन्य उपयोगकर्ता-सामना करने वाले अनुप्रयोगों में किया जाता है।

क्यूएमएल के साथ यूआई बनाने के लिए, घटकों को परिभाषित किया जाता है और बाद में पुन: उपयोग किया जाता है (आदर्श रूप से)। उदाहरण के लिए, स्थिति अनुप्रयोगों में हम समान सामान्य गुणों के साथ एकाधिक आइकन SVG फ़ाइलें प्रदर्शित करना चाहते हैं, या ऐसे एकाधिक बटन शामिल कर सकते हैं जिनमें उपयोगकर्ता की माउस गतिविधि के साथ समान सहभागिता हो। (क्यूएमएल के बारे में और जानने के लिए, उनके दस्तावेज़ देखें!)

StatusIcon और StatusBaseButton घटकों की QML परिभाषाओं के लिए धन्यवाद, हमें इन गुणों/व्यवहारों को कई स्थानों पर उपयोग करने में सक्षम होने के बावजूद केवल एक बार परिभाषित करना होगा।

यदि आप कंपोज़िशन डिज़ाइन पैटर्न, या सामान्य प्रोग्रामिंग से परिचित हैं, तो आप शायद इस कहावत को जानते हैं "खुद को न दोहराएं" या DRY। यह सिद्धांत डिजाइन के लिए भी लागू होता है! और StatusQ के लिए धन्यवाद, हमें पुन: प्रयोज्य घटकों के लिए कई परिभाषाओं से निपटने की आवश्यकता नहीं है।

 

StatusQ क्यों?

Status Desktop के UI के शुरुआती चरणों के दौरान, हमारे डेवलपर QML और Qt के बारे में सीखते हुए सीख रहे थे। इससे कुछ पुराने कोड और घटक बन गए जो आवश्यक रूप से सर्वोत्तम प्रथाओं का उपयोग नहीं कर रहे थे, और हमेशा विशेष रूप से पुन: प्रयोज्य तरीके से नहीं बनाए गए थे। हम अभी भी एक उचित डिजाइन प्रणाली का पता लगा रहे थे। संक्षेप में, कोडबेस बेहतर आकार में हो सकता था — और अब है!

StatusQ लाइब्रेरी अप्रैल 2021 में बेहतर डिज़ाइन और प्रोग्रामिंग प्रथाओं को शामिल करने के लिए बनाई गई थी, और कुछ कारणों से StatusQ एक अलग लाइब्रेरी होने का निर्णय लिया गया था।

स्टेटस डेस्कटॉप से इसे डिकूप करना-जहां इसका मूल रूप से उपयोग किया गया था- इसका मतलब था कि स्टेटसक्यू अपने शेड्यूल पर पुनरावृति कर सकता है, रिलीज चक्र और बड़े स्टेटस डेस्कटॉप प्रोजेक्ट की विकास प्रक्रिया से बिना बाधा। यह स्थिति डेस्कटॉप टीम को पूरी तरह से डेस्कटॉप एप्लिकेशन पर ध्यान केंद्रित करने की अनुमति देता है, इस बारे में चिंता किए बिना कि घटक मौजूद हैं या अपेक्षित रूप से काम करते हैं।

और निश्चित रूप से, स्टेटस डेस्कटॉप कई परियोजनाओं में से एक है जो पूर्व-निर्मित घटकों का उपयोग करना चाह सकता है। स्थिति ओपन सोर्स सॉफ़्टवेयर का समर्थन करती है।

StatusQ क्या खास बनाता है?

StatusQ में एक सैंडबॉक्स एप्लिकेशन शामिल है जो StatusQ घटकों के लिए प्रलेखन, खेल का मैदान और परीक्षण सूट के रूप में कार्य करता है। इसमें एक डेमो यूआई भी शामिल है जो अनिवार्य रूप से स्टेटस डेस्कटॉप फ्रंट-एंड का अधिक स्थिर संस्करण है। यह डेवलपर्स को छद्म-वास्तविक सेटिंग में घटकों के साथ प्रयोग करने की अनुमति देता है, और यह देखने के लिए कि स्थिति डेस्कटॉप UI बनाने के लिए घटकों को कैसे जोड़ा जाता है। इस मामले में, बताने की तुलना में दिखाना आसान है, इसलिए यहां आवेदन से एक उदाहरण दिया गया है:

 यहां StatusQ सैंडबॉक्स का एक स्क्रीनशॉट है, जो OSX लुक-एंड-फील के साथ लाइट मोड में स्टेटस डेस्कटॉप व्यू का एक प्रतिकृति दिखा रहा है।

StatusQ अभी भी सक्रिय रूप से विकसित किया जा रहा है, और हमारे पास इसे और बेहतर बनाने की योजना है। उदाहरण के लिए, सैंडबॉक्स अंततः स्वचालित एंड-टू-एंड परीक्षण का समर्थन करेगा, और आसान उपयोग के लिए ऑनलाइन भी होस्ट किया जा सकता है।

 डार्क मोड!