वेब ऐप्स: डाइविंग इन

  • एक वेब ऐप बनाएं जो छवियों को प्रदर्शित करता है और ध्वनि चलाता है
  • ज्यूपिटर नोटबुक का उपयोग करके पायथन में डेटा ग्राफ़ बनाना सीखें
  • स्ट्रीमलिट के साथ एक डेटा डैशबोर्ड वेब ऐप बनाएं
    वी

स्ट्रीमलाइट

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

स्ट्रीमलिट का उपयोग करके अभ्यास करने के लिए, हम थंकेबल और ऐप आविष्कारक से हमारे मोबाइल ऐप उदाहरणों में से एक लेंगे, और दिखाएंगे कि स्ट्रीमलिट का उपयोग करके वेब ऐप फॉर्म में एक ही ऐप कैसे बनाया जा सकता है। 

गतिविधि 1: साउंडबोर्ड ऐप

अनुमानित समय: 30 मिनट

एक स्ट्रीमलिट वेब ऐप कोड करें

  1. ऐप बनाने के लिए आवश्यक संपत्ति (चित्र और ध्वनि फ़ाइलें) डाउनलोड करने के लिए नीचे दिए गए बटन पर क्लिक करें।
  2. अनुसरण करना एक इन वीडियो का उपयोग करके एक सरल साउंडबोर्ड ऐप तैयार किया गया है जो बटन दबाने पर ध्वनि बजाता है।
  3. अपने ऐप में एक चौथा व्यक्ति जोड़ें। ऐप में जोड़ने के लिए एक छवि और लघु ध्वनि फ़ाइल ढूंढें। यहाँ कुछ प्रसिद्ध भाषणों के लिए एक लिंक है.
संपत्ति फ़ाइलें डाउनलोड करें

डेटा के साथ कार्य करना

पायथन भाषा डेटा के साथ अच्छी तरह से काम करती है। पायथन में कई पुस्तकालय हैं जो विशेष रूप से कोडर्स को डेटा पढ़ने, हेरफेर करने और प्लॉट करने की अनुमति देने के लिए बनाए गए हैं। स्ट्रीमलिट प्लेटफॉर्म के साथ संयुक्त होने पर, कोडर आसानी से ऐसे ऐप बना सकते हैं जो उपयोगकर्ताओं के लिए डेटा का विश्लेषण और प्रदर्शन करते हैं। और आप डेटासेट और मशीन लर्निंग मॉडल को ऐप में शामिल करने के लिए अगला कदम उठा सकते हैं।

डेटा ग्राफ़

अधिकांश प्रोग्रामर और डेटा वैज्ञानिक पायथन में डेटा के साथ काम करते हैं, नोटबुक नामक सॉफ़्टवेयर का उपयोग करके। सबसे लोकप्रिय नोटबुक इंटरफेस में से एक ज्यूपिटर नोटबुक है। Kaggle Survey 2022 के परिणामों के अनुसार, ज्यूपिटर नोटबुक सबसे लोकप्रिय डेटा साइंस इंटरएक्टिव डेवलपमेंट एनवायरनमेंट (IDE) हैं, जिनका उपयोग 80% से अधिक उत्तरदाताओं द्वारा किया जाता है। 

ज्यूपिटर नोटबुक एक ब्राउज़र में चलता है, हालांकि अन्य इंटरफेस भी हैं। उदाहरण के लिए, यह सीधे विजुअल स्टूडियो कोड में एकीकृत कर सकते हैं। 

कोड चलाने वाली नोटबुक के पीछे के इंजन को कर्नेल कहा जाता है। पायथन के लिए, आप ipython कर्नेल का उपयोग करेंगे। 

नोटबुक आपको टेक्स्ट के साथ-साथ पायथन कोड लिखने की अनुमति देते हैं। पाठ को प्रारूपित करने के लिए सरल आदेशों के साथ, एक मार्कडाउन भाषा का उपयोग करके पाठ लिखा जाता है। नोटबुक में शामिल कोड के हेडर और स्पष्टीकरण जोड़ने का यह एक अच्छा तरीका है।

आप सीधे नोटबुक में पायथन कोड भी निष्पादित कर सकते हैं। 

ज्यूपिटर नोटबुक कोड सेल का स्क्रीनशॉट

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

Jupyter Notebooks वास्तविक ऐप बनाने के लिए विजुअल कोड एडिटर पर जाने से पहले आपको अपने वेब ऐप के विभिन्न पहलुओं की योजना बनाने और परीक्षण करने में मदद करता है।

पायथन पुस्तकालय

ऐसे कई पुस्तकालय हैं जिन्हें आपको अपना वेब ऐप बनाने के लिए अपने कोड में उपयोग करने की आवश्यकता होगी। एक पुस्तकालय पूर्व-लिखित कोड का एक संग्रह है जो विशेष कार्य करता है। प्रोग्रामिंग लाइब्रेरी बहुत शक्तिशाली हैं और इसका मतलब है कि आपका ऐप कोड की कुछ पंक्तियों के साथ शक्तिशाली चीजें कर सकता है। 

पायथन के लिए, अधिकांश पुस्तकालयों के लिए आवश्यक है कि आप पहले उन्हें अपने कंप्यूटर पर स्थापित करें, फिर अपनी पायथन स्क्रिप्ट फ़ाइल में, आप उन पुस्तकालयों को आयात करेंगे जिनकी आपको आवश्यकता है। 

डेटा का उपयोग करने के लिए आपको जिन पुस्तकालयों की आवश्यकता होगी, उनका एक उदाहरण सुन्न और पांडा हैं।

पांडा आपके ऐप को बड़ी मात्रा में डेटा के साथ आसानी से काम करने की अनुमति देता है। यह डेटा को डेटाफ्रेम नामक किसी चीज़ में डालता है, और आपका ऐप डेटाफ्रेम के साथ काम करता है। डेटाफ्रेम में डेटा पर संख्यात्मक संचालन करने के लिए Numpy के कई कार्य हैं।

इसके अलावा, कई प्लॉटिंग और ग्राफिंग लाइब्रेरी हैं, जो उपयोगकर्ताओं को डेटा की कल्पना करने की अनुमति देती हैं। पायथन में सबसे लोकप्रिय विज़ुअलाइज़ेशन लाइब्रेरी मैटप्लोटलिब, प्लॉटली और सीबोर्न हैं। 

निम्नलिखित गतिविधि इन सभी पुस्तकालयों का उपयोग करेगी। गतिविधि एक डेटा डैशबोर्ड ऐप बनाने के लिए एक संगीत और मानसिक स्वास्थ्य सर्वेक्षण से डेटासेट लेगी जो उपयोगकर्ता के साथ बातचीत करने के लिए डेटा को विभिन्न तरीकों से प्रदर्शित करती है।

गतिविधि 2: डेटा डैशबोर्ड

अनुमानित समय: 90 मिनट

एक स्ट्रीमलिट वेब ऐप बनाएं

इस बात पर निर्भर करते हुए कि आप कंप्यूटर पर या क्लाउड पर कोडिंग कर रहे हैं, वीडियो के उपयुक्त सेट का पालन करें।
  • आपके कंप्यूटर पर:
    1. ज्यूपिटर नोटबुक को स्थापित करने और चलाने के लिए इस वीडियो (भाग 1) का अनुसरण करें। नोटबुक फ़ाइल डाउनलोड करने के लिए नीचे दी गई लिंक पर क्लिक करें.
    2. Streamlit का उपयोग करके डेटा डैशबोर्ड ऐप बनाने के लिए इस वीडियो (भाग 2) का अनुसरण करें।
  • बादल में:
    1. गिटहब कोडस्पेस में जुपिटर नोटबुक चलाने के लिए इस वीडियो ( भाग 1 ) का पालन करें।
    2. Streamlit.io का उपयोग करके डेटा डैशबोर्ड ऐप बनाने के लिए इस वीडियो ( भाग 2 ) का पालन करें।
आपकी बारी: अपने डेटा डैशबोर्ड में एक और ग्राफ़ जोड़ें। आप मूल जुपिटर नोटबुक से कुछ अन्य ग्राफ़ चुन सकते हैं, या जुपिटर नोटबुक में एक नया प्लॉट/ग्राफ़ बना सकते हैं, और फिर उसे डैशबोर्ड में जोड़ने के लिए कोड को स्ट्रीमलिट में एकीकृत कर सकते हैं।
डाउनलोड नोटबुक

परावर्तन

बधाई हो, आपने स्ट्रीमलिट में दो वेब ऐप बनाए हैं! अपने आप से ये प्रश्न पूछें:

परावर्तन
क्या आपको Jupyter Notebook या Streamlit को स्थापित करने या चलाने में कोई समस्या आई?
जब आप उनमें भाग गए तो आपने मुद्दों को कैसे दूर किया?
आप अपनी परियोजना में इस पाठ के विचारों का उपयोग कैसे कर सकते हैं?

प्रमुख शब्दों की समीक्षा

  • ज्यूपिटर नोटबुक - पायथन कोडिंग के माध्यम से डेटा के साथ काम करने के लिए लोकप्रिय डेटा विज्ञान इंटरैक्टिव विकास वातावरण
  • कर्नेल - एक प्रक्रिया जो ज्यूपिटर नोटबुक के पीछे इंजन के रूप में चलती है और कार्य करती है
  • मार्कडाउन भाषा - एक ऐसी भाषा जो आपको पाठ को आसानी से प्रारूपित करने की अनुमति देती है ताकि यह अधिक पठनीय हो
  • पुस्तकालय - पूर्व-लिखित कोड का संग्रह जो विशेष कार्य करता है

अतिरिक्त संसाधन

ज्यूपिटर नोटबुक

 

सुव्यवस्थित