विज्ञापन
यदि आप एक व्यस्त व्यक्ति हैं, जिसके पास वास्तव में हर दिन समाचार की जांच करने के लिए पर्याप्त समय नहीं है, लेकिन आप के साथ अद्यतित रहना पसंद करते हैं दुनिया भर में बड़े तूफान, शेयर बाजार या बड़े बदलाव जैसी नवीनतम प्रमुख घटनाएं, एक चित्रमय प्रदर्शन बहुत अधिक है कुशल।
आपने शायद कुछ स्टॉक ब्रोकर कार्यालयों के उदाहरण देखे हैं जहाँ बहुत सारे चार्ट, ग्राफ़ और अन्य ग्राफिक्स के साथ एक मॉनिटर है जो सभी वास्तविक समय में डेटा प्रदर्शित करते हैं। या हो सकता है कि आपने उन शांत नासा लॉन्च सेंटर डिस्प्ले को स्क्रीन पर सभी तरह के महत्वपूर्ण डेटा स्क्रॉलिंग के साथ देखा हो।
मेरी राय में, एक छोटी सी जगह में बहुत सारी जानकारी दिखाने का सबसे अच्छा तरीका है। और यदि आप दो या तीन स्क्रीन के साथ काम कर रहे हैं, जैसे कि मैं हूँ, तो आपके पास मॉनिटर जगह है हर समय प्रदर्शित करें - जहाँ आप देख सकते हैं कि दुनिया भर में क्या हो रहा है, सिर्फ एक के साथ नज़र।
इस लेख में, मैं बहुत सरल वेब-डिज़ाइन टूल और तकनीकों का उपयोग करके उस तरह के प्रदर्शन को एक साथ रखने के अपने प्रयासों के माध्यम से आपको चलने जा रहा हूं। मैं उन 15 सर्वश्रेष्ठ ऑनलाइन डैशबोर्ड विजेट्स को साझा करने जा रहा हूं जो मुझे पूरे इंटरनेट में मिले जिन्होंने विश्व सूचना के इस बड़े सूचनात्मक प्रदर्शन को बनाने में मदद की।
विश्व डेटा का एक वास्तविक समय प्रदर्शन का निर्माण
इस तरह के सूचनात्मक प्रदर्शन का निर्माण करने के लिए मैं सबसे पहले जिन स्थानों पर गया, वह नेटवीबस है। हमने साइट को अक्सर कवर किया है, जैसे कि एंजेला के भयानक लेख पर अपने जीवन का प्रबंधन करने के लिए इसका उपयोग कैसे करें RSS के साथ एक वास्तविक समाचार फ़ीड कैसे बनाएंतृतीय-पक्ष टूल के एक जोड़े के साथ RSS आउटपुट को मिलाएं और एक एकल अनुकूलित समाचार फ़ीड बनाएं जिसमें केवल वही वैध कहानियां हों जिनकी आपको परवाह है। हम आपको दिखाते हैं कि इस चरण में कदम से कदम गाइड कैसे करें। अधिक पढ़ें .
मुझे वास्तव में नेटविब्स भी पसंद हैं, और एंजेला के लेख को पढ़ने के बाद, मैंने वास्तव में इसका उपयोग प्रत्येक प्रमुख कार्यों के लिंक और टूल को व्यवस्थित करने के लिए करना शुरू किया, जो मुझे ऑनलाइन करना है। एक ही जगह पर सब कुछ होना अच्छा है। हालाँकि, जब मैंने पृष्ठ में विजेट्स एम्बेड करने के लिए HTML गैजेट का उपयोग करने की कोशिश की, तो मैंने देखा कि यह बहुत अच्छी तरह से काम नहीं करता है। आप चौड़ाई का आकार बदल सकते हैं, लेकिन ऊँचाई निश्चित बनी रहती है - बड़े विजेट को काटते हुए।
कुछ अन्य साइटों की कोशिश करने के बाद - Protopage स्वच्छ ऑनलाइन पोर्टफोलियो बनाने के लिए सर्वश्रेष्ठ वेबसाइट बिल्डर्सआपके पोर्टफोलियो के लिए कौन सा मुफ्त वेबसाइट बिल्डर सबसे अच्छा है? यहाँ सबसे अच्छे वेबसाइट बिल्डर हैं जिनसे आप चुन सकते हैं! अधिक पढ़ें एक और ऐसा काम था जो सही नहीं था। इसने विगेट्स के किनारों पर बहुत अधिक स्थान जोड़ा, और उचित आकार देने की अनुमति नहीं दी। इसलिए, बहुत समय बिताने के बाद पेजिंग पेज बनाने की कोशिश में, मैंने स्क्रैच से पेज डिजाइन करने का फैसला किया।
मैं एक समाधान के साथ आना चाहता था जो कोई भी कर सकता है, चाहे वह वेब-डिज़ाइन के अनुभव का हो। मेरी WYSIWYG वेब डिज़ाइन उपकरण का विकल्प Kompozer है। इस दृष्टिकोण के साथ एकमात्र दोष यह है कि यह तालिकाओं का उपयोग करता है, जो वेब डिजाइनरों की दुनिया में सीएसएस का उपयोग करने की तुलना में पुरातन माना जाता है। लेकिन सादगी के लिए, हम कोम्पोज़र का उपयोग करने जा रहे हैं और पृष्ठ पर सीधे विगेट्स बिछाएंगे।
कोम्पोज़र में डिज़ाइन का दृश्य आपके द्वारा तालिका सम्मिलित किए जाने के बाद कैसा दिखता है - इस मामले में मैं 4 से 4 तालिका का उपयोग करता हूं, लेकिन आप इसे अपनी इच्छानुसार आकार बना सकते हैं।
सबसे पहले, तालिका पर राइट क्लिक करें और गुणों को बदलें ताकि लाइनें रंग (अदृश्य) न हों। पहला विजेट जिसे मैंने ऊपरी बाएँ सेल में डाला था, एक क्लॉक क्लॉक विजेट था clocklink.com. उसी के तहत, मैंने एक मौसम विजेट जोड़ा Accuweather.com - मेरे पसंदीदा में से एक है क्योंकि यह किसी भी आवर्ती तूफान का एक शांत चित्रमय राडार प्रदर्शन दिखाता है।
प्रत्येक मामले में, मैं बस उस सेल के अंदर क्लिक करता हूं जिसे मैं विजेट कोड सम्मिलित करना चाहता हूं, फिर इंसर्ट मेनू पर क्लिक करें और HTML चुनें। बस विंडो में विजेट कोड पेस्ट करें जो पॉप अप करता है।
आप अपने विजेट को केंद्र में नहीं देख सकते हैं, या यह सेल के ऊपर से बहुत नीचे तक दिखाता है। बिना किसी कोडिंग ज्ञान के कोम्पोज़र को ठीक करना आसान है। सेल पर राइट क्लिक करें, टेबल सेल प्रॉपर्टीज़ चुनें, और फिर जो भी सबसे अच्छा लगे, उसके लिए कंटेंट अलाइनमेंट को बदलें।
अपने परिवर्तनों का परीक्षण करने के लिए, बस फ़ाइल को अपने स्थानीय कंप्यूटर पर HTML फ़ाइल के रूप में सहेजें, और फिर अपने पसंदीदा ब्राउज़र का उपयोग करके फ़ाइल देखें। यदि आपको वास्तव में समस्या हो रही है, तो आप हमेशा कोड डाल सकते हैं यदि आपको वास्तव में करना है। कोम्पोज़र में, आप "स्रोत" टैब पर क्लिक करके पृष्ठ को संपादित कर सकते हैं। उदाहरण के लिए, कुछ मामले ऐसे थे जिनमें मुझे सिर्फ एक ब्रेक डालना था
कुछ विगेट्स के बीच एक जगह को बाध्य करने के लिए जो मैंने उसी सेल के अंदर रखा था।
मैंने पाया सबसे अच्छा विजेट के तीन और नीचे प्रदर्शित realtime सूचनात्मक प्रदर्शन विकसित किया है। मेरे द्वारा जोड़े गए तीन शांत विजेट्स गैस मूल्य विजेट थे gas-cost.net, और यह वस्तुओं विजेट तथा वर्तमान विनिमय दरें विजेट 100widgets.com से।
ये सभी रियलटाइम विजेट हैं, जो दुनिया भर के वर्तमान डेटा को प्रदर्शित करते हैं। अब मैं एक नज़र के साथ कीमतों, स्टॉक दरों और मौसम पर दूसरा डेटा मिला। लेकिन केवल आधा वेब पेज भरा हुआ है, और हमें इस पृष्ठ पर निर्माण के लिए बहुत अधिक जानकारी मिली है - सटीक होने के लिए डेटा के दो और पूरे कॉलम।
एक और वास्तव में अच्छा विजेट जो मैंने पेज पर जोड़ा था वह 100widgets.com से उपयोगकर्ता का कॉन्फ़िगरेशन विजेट [कोई लंबा उपलब्ध] नहीं था। यह आपको अपने वर्तमान आईपी पते, कंप्यूटर की जानकारी और विंडोज़ / ब्राउज़र संस्करण के रूप में प्रतिक्रिया देता है। यह तब सहायक होता है जब आप सड़क पर होते हैं और किसी होटल या लाइब्रेरी से अपने पृष्ठ से जुड़ते हैं और अपने वर्तमान आईपी को जानना होता है। मैंने भी बहुत अच्छा जोड़ा विश्व काउंटर और widgetbox.com से शेयर सूचकांक।
कुछ अन्य उपयोगी विजेट्स जो इस तरह के फुल-पेज रियलटाइम डिस्प्ले के लिए ध्यान देने योग्य हैं - पहला है ए उलटी गिनती विजेट widgetbox.com से। जब आप इसे सेट करते हैं, तो आप इसे गिनने के लिए एक तारीख और घटना देते हैं, और यह विजेट में उस घटना की ओर एक पाठ उलटी गिनती के रूप में दिखाई देता है (बड़े प्रदर्शन दो छवियों को यहां से नीचे दिखाया गया है)।
और कोई भी Sci-FI दिखने वाला डेटा डिस्प्ले पृथ्वी के एक घुमाए हुए ग्राफ़िक के बिना पूरा नहीं होगा जो आपके द्वारा पसंद किए गए ग्रह के किसी भी बिंदु से रियलटाइम तापमान की जानकारी प्रदर्शित करता है। आप उस डेटा को प्राप्त कर सकते हैं मौसम -3 डी विजेट Widgetbox.com से।
मेरे पूर्ण-पृष्ठ रीयल-टाइम डेटा डैशबोर्ड के नीचे की छवि में, आप बहुत ऊपर शीर्ष पर उलटी गिनती देख सकते हैं पृष्ठ (मैंने इसे तालिका के पहले केंद्रित किया), और विश्व उलटी गिनती के ठीक नीचे 3 डी वेदर ग्लोब डाला विजेट। तालिका के अंतिम कॉलम में मैंने जोड़ा वर्तमान डीएचएस खतरा स्तर, सेक्सी घटता है (कुछ और की तुलना में सजावट के लिए अधिक - यह अच्छा लग रहा है), और अंत में वास्तविक से वास्तविक समय विजेट राष्ट्रीय तूफान केंद्र.
अंत में पूरा होने वाले पृष्ठ के साथ, अब मेरे पास वर्तमान समय, स्थानीय और वैश्विक मौसम, शेयर बाजार की जानकारी, वर्तमान गैस की कीमतें, वर्तमान तूफान के अलर्ट, राष्ट्रीय खतरे के स्तर और निश्चित रूप से विश्व उलटी गिनती में विश्व डेटा का भार विजेट।
आप इस तरह के डिस्प्ले को उस जानकारी के साथ जोड़ सकते हैं जिसे आप अन्य जानकारी खोजकर चाहते हैं किसी भी प्रमुख विजेट साइटों पर सूचनात्मक विजेट, और फिर उन्हें अपने लेआउट में सम्मिलित करना जहाँ भी आप पसंद करो। आसानी से केंद्र और संरेखित करने के लिए कोम्पोज़र की क्षमता आपको पूरे प्रदर्शन को साफ और वास्तव में शांत बनाने की अनुमति देगा। एक बार जब आप कर लेते हैं, तो आप बस HTML फ़ाइल को अपने स्वयं के वेब होस्ट पर अपलोड कर सकते हैं ताकि आप इसे दुनिया में कहीं से भी एक्सेस कर सकें।
अपनी खुद की सूचनात्मक डैशबोर्ड बनाएं और हमें बताएं कि यह कैसे जाता है। रियलटाइम जानकारी के लिए आपने और कौन से उपयोगी विगेट्स खोजे? उन्हें नीचे टिप्पणी क्षेत्र में साझा करें - मुझे यह देखने के लिए बहुत अच्छा लगा कि अन्य शांत विजेट्स लोगों को क्या मिला!
छवि क्रेडिट: दूरसंचार ग्राफिक वाया शटरस्टॉक
रयान के पास इलेक्ट्रिकल इंजीनियरिंग में बीएससी की डिग्री है। उन्होंने ऑटोमेशन इंजीनियरिंग में 13 साल, आईटी में 5 साल काम किया है, और अब एक एप्स इंजीनियर हैं। MakeUseOf के पूर्व प्रबंध संपादक, उन्होंने डेटा विज़ुअलाइज़ेशन पर राष्ट्रीय सम्मेलनों में बात की और राष्ट्रीय टीवी और रेडियो पर चित्रित किया गया है।
