मूल विवरण
« मैं एक खेल प्रकार के संगठन का प्रबंधन करता हूँ। प्रत्येक सदस्य की एक फाइल होती है जिसमें उसके संपर्क विवरण, श्रेणी (युवा, वयस्क, परिवार) और उसके चिकित्सा प्रमाणपत्र की वैधता की तारीख शामिल होती है। शुल्क वार्षिक होते हैं और मुझे हमेशा यह जानना होता है कि कौन सदस्य अद्यतन है। मैं कार्यक्रम, प्रशिक्षण सत्र, प्रतियोगिताएँ, वार्षिक सामान्य सभा, का आयोजन करता हूँ, जिनमें सदस्य पंजीकरण करते हैं। मैं यह देखना चाहता हूँ कि कितने सदस्य अद्यतन हैं, इस मौसम में कुल कितनी राशि एकत्रित की गई है और आगामी कार्यक्रम क्या हैं। »
उत्पादन से पहले स्वीकृत योजना
एक भी पंक्ति लिखने से पहले, Blueprint Maker इस विवरण को एक योजना में बदल देता है जिसे आप स्वीकृत करते हैं। AssoRegistre के लिए प्रस्तावित योजना एक ही स्क्रीन पर फिट होती है: चार इकाइयाँ, सदस्य, शुल्क, कार्यक्रम, पंजीकरण, और उनके संबंध: एक शुल्क एक सदस्य का होता है, एक पंजीकरण एक सदस्य को किसी कार्यक्रम से जोड़ता है।
विवरण से निकाले गए स्थिति-चिह्न भी योजना में दिखाई देते हैं: शुल्क की स्थिति 'लंबित', 'एकत्रित' या 'छूट दी गई' हो सकती है; कार्यक्रम की स्थिति 'आगामी', 'पूर्ण' या 'रद्द' हो सकती है। तीन अनुरोधित संकेतक (अद्यतन सदस्य, इस मौसम में एकत्रित राशि, आगामी कार्यक्रम) स्पष्ट रूप से उल्लिखित हैं। यदि कोई तत्व लुप्त है या अतिरिक्त है, तो आप इसे यहाँ सुधार सकते हैं, जो उत्पन्न किया जाता है, वही घोषित किया गया था।
- इकाइयाँ: सदस्य, शुल्क, कार्यक्रम, पंजीकरण
- संबंध: शुल्क → सदस्य; पंजीकरण ↔ सदस्य और कार्यक्रम
- स्थितियाँ: लंबित / एकत्रित / छूट दी गई; आगामी / पूर्ण / रद्द
- संकेतक: अद्यतन सदस्य, इस मौसम में एकत्रित राशि, आगामी कार्यक्रम
नेविगेशन: प्रत्येक इकाई के लिए एक अनुभाग
उत्पन्न एप्लिकेशन एक साफ-सुथरी साइडबार के साथ शुरू होता है: डैशबोर्ड, सदस्य, शुल्क, कार्यक्रम, पंजीकरण। प्रत्येक अनुभाग एक सूची की ओर ले जाता है, कोई स्प्रेडशीट नहीं, बल्कि एक वास्तविक एप्लिकेशन सूची: शीर्ष पर खोज क्षेत्र, एक क्लिक में क्रमबद्ध करने योग्य स्तंभ, पृष्ठांकन और एक काउंटर जो वर्तमान फ़िल्टर के अनुसार कितने परिणामों के मिलान करता है, यह बताता है।
सदस्य सूची में नाम, श्रेणी, चिकित्सा प्रमाणपत्र की वैधता की तारीख और वर्तमान वर्ष के शुल्क की स्थिति दिखाई जाती है। स्थिति फ़िल्टर और समयावधि फ़िल्टर खोज के साथ-साथ जुड़े होते हैं। ये फ़िल्टर पृष्ठ के URL में संग्रहीत होते हैं: 'जिन सदस्यों के शुल्क लंबित हैं' वाला दृश्य पसंदीदा बनाया जा सकता है या खजांची को संदेश द्वारा भेजा जा सकता है, वह ठीक वही देखेगा जो आप देख रहे थे।
निर्धारित तिथि बैनर: इस सप्ताह क्या करना है
यह किसी संगठन के लिए सबसे उपयोगी घटक है, और जैसे ही कोई इकाई समय सीमा वाली तारीख रखती है, यह स्वतः स्थापित हो जाता है। सूची के ऊपर, एप्लिकेशन एक बैनर दिखाता है जो स्थिति को एक पंक्ति में सारांशित करता है: कितने चिकित्सा प्रमाणपत्र समाप्त हो चुके हैं, कितने आज समाप्त हो रहे हैं और कितने अगले सात दिनों में समाप्त होने वाले हैं।
इसके नीचे, पाँच निकटतम समय सीमाएँ नाम सहित सूचीबद्ध हैं, तारीख के आधार पर क्रमबद्ध, प्रत्येक के साथ एक 'संसाधित करें' बटन जो सीधे संबंधित फाइल खोलता है। यदि अधिक हैं, तो बैनर इसकी सूचना देता है। जिस पंक्ति की स्थिति इसे 'निपटाया गया' बताती है, वह स्वतः बैनर से बाहर हो जाती है: आप केवल वही देखते हैं जो करना बाकी है।
व्यावहारिक रूप से: कमेटी की बैठक से पहले एप्लिकेशन खोलने पर आप एक नज़र में नवीनीकरण करने के लिए प्रमाणपत्र और लंबित शुल्क देख सकते हैं, बिना किसी क्रमबद्ध करने, किसी फ़िल्टर करने या मन में कोई गणना किए।
सदस्य की फाइल, जिसमें उसका इतिहास शामिल है
किसी सदस्य पर क्लिक करने से उसकी फाइल खुलती है: संपर्क विवरण, श्रेणी, प्रमाणपत्र की वैधता की तारीख। इसके नीचे वह भाग आता है जो स्प्रेडशीट की तुलना में सब कुछ बदल देता है: इस सदस्य के शुल्क का ऐतिहासिक रिकॉर्ड, तारीख के साथ तालिका के रूप में, पिछले मौसम का भुगतान सितंबर में एकत्रित किया गया, वर्तमान मौसम का अभी भी लंबित है, और उसके पिछले और आगामी कार्यक्रमों में पंजीकरण की सूची।
यह संबंध केवल सौंदर्यपूर्ण नहीं है: यह उत्पन्न संबंधित डेटाबेस से आता है। किसी पते को सुधारने से वह सभी जगह सुधारित हो जाता है, और किसी कार्यक्रम पर प्रदर्शित उपस्थिति की संख्या पंजीकरणों से निकलती है, कुछ भी हाथ से प्रतिलिपि नहीं बनाया जाता है।
कार्यक्रमों को कैलेंडर के रूप में, सूची के बजाय प्रदर्शित करना
कार्यक्रमों को सूची के बजाय कैलेंडर के रूप में प्रदर्शित किया जा सकता है, जिसमें दिन, सप्ताह और महीने के दृश्य शामिल हैं। यह किसी संगठन के मौसम को स्वाभाविक रूप से पढ़ने का तरीका है: आप तीन सप्ताह पहले प्रतियोगिता के सप्ताहांत को देख सकते हैं और वार्षिक सामान्य सभा को उसकी निर्धारित तारीख पर।
पंजीकरण फॉर्म छोटा है क्योंकि संरचना ही काम करती है: सदस्य को ड्रॉपडाउन सूची से चुना जाता है (कोई नाम हाथ से फिर से टाइप नहीं किया जाता, इसलिए कोई डुप्लीकेट नहीं), कार्यक्रम भी इसी तरह, तारीख पूर्व-भरी होती है। सहेजने पर, पंजीकरण सूची, सदस्य की फाइल और डैशबोर्ड सभी इस प्रविष्टि को दर्शाते हैं, सभी स्क्रीन एक ही डेटाबेस पढ़ती हैं।
डैशबोर्ड: विवरण में दिए गए आँकड़े, डेटाबेस पर गणना किए गए
डैशबोर्ड विवरण में अनुरोधित सभी संकेतकों को सटीक रूप से दर्शाता है: कितने सदस्य अपने शुल्क के संबंध में अद्यतन हैं, इस मौसम में कुल कितनी राशि एकत्रित की गई है, आगामी कार्यक्रम और उनके पंजीकरणों की संख्या, और सदस्यों का श्रेणी के आधार पर विभाजन।
ये आँकड़े डेटाबेस पर किए गए प्रश्न हैं, कोई हस्त-प्रविष्टि नहीं: प्रत्येक दर्ज किए गए भुगतान से ये अद्यतन हो जाते हैं। प्रत्येक सूची को CSV में भी निर्यात किया जा सकता है, और निर्यात में स्क्रीन पर प्रदर्शित सटीक पंक्तियाँ शामिल होती हैं, फ़िल्टर सहित, बटन के लेबल में गिनती भी लिखी होती है। इससे वार्षिक सामान्य सभा के लिए उपस्थिति सूची तैयार करना या खजांची को एक विवरण प्रस्तुत करना संभव हो जाता है।
एप्लिकेशन क्या नहीं करता, और इसे पहले जानना बेहतर है
AssoRegistre रजिस्टर का रखरखाव करता है: कौन सदस्य है, कौन अद्यतन है, और कौन किन कार्यक्रमों में शामिल है। यह धन नहीं एकत्रित करता: कोई ऑनलाइन भुगतान, कोई सीधा डेबिट, कोई बैंक समायोजन उत्पन्न नहीं किया जाता है। किसी शुल्क की राशि को तब दर्ज किया जाता है जब धन कहीं और एकत्रित कर लिया गया हो।
यह कोई दान कर के रसीद या कोई विनियामक दस्तावेज़ भी जारी नहीं करता। और यह समय सीमाएँ प्रदर्शित करता है, उन्हें भेजता नहीं: बैनर स्क्रीन खोलने पर यह बताता है कि क्या देरी हो चुकी है और क्या आने वाला है, लेकिन किसी सदस्य को स्वतः ईमेल या एसएमएस नहीं भेजा जाता है। ये ऐसे घटक हैं जिन्हें एक डेवलपर जोड़ सकता है, कोड निर्यात किया जा सकता है, लेकिन वे उत्पादन से सीधे नहीं आते।
प्रदर्शन डेटा: पूर्ण स्क्रीनों पर मूल्यांकन करना
AssoRegistre भरा हुआ आता है: कई महीनों की सिमुलेटेड गतिविधि, तीनों श्रेणियों में फैले वास्तविक नामों वाले सदस्य, सभी चरणों पर शुल्क, पिछले और आगामी कार्यक्रम जिनमें पंजीकरण शामिल हैं, जिनमें जानबूझकर कुछ समाप्त प्रमाणपत्र और कुछ लंबित शुल्क भी शामिल हैं, ताकि आप समय सीमा बैनर को काम करते हुए देख सकें।
यह एक सोची-समझी रणनीति है: आप किसी प्रबंधन उपकरण का मूल्यांकन खाली तालिकाओं पर नहीं करते। प्रदर्शन डेटा को बाद में वास्तविक डेटा के लिए स्थान बनाने के लिए हटा दिया जाता है। एप्लिकेशन अपने समर्पित URL पर चलता है, और इसका पूर्ण स्रोत कोड निर्यात किया जा सकता है (ZIP या GitHub पुश), मानक Next.js + Prisma के साथ।