الإعلانات
إذا كنت شخصًا مشغولًا ليس لديك الكثير من الوقت حقًا للتحقق من الأخبار كل يوم ، ولكنك ترغب في مواكبة آخر الأحداث الكبرى مثل العواصف الكبرى أو سوق الأوراق المالية أو التغييرات الرئيسية في جميع أنحاء العالم ، عرض رسومي أكثر من ذلك بكثير فعالة.
ربما تكون قد شاهدت أمثلة لبعض مكاتب وسطاء الأوراق المالية حيث توجد شاشة بها الكثير من الرسوم البيانية والرسوم البيانية والرسومات الأخرى التي تعرض جميعًا البيانات في الوقت الفعلي. أو ربما تكون قد شاهدت شاشات مركز إطلاق ناسا الرائعة هذه مع جميع أنواع البيانات المهمة التي تمر عبر الشاشة.
في رأيي ، هذه هي أفضل طريقة لإظهار الكثير من المعلومات في مساحة صغيرة. وإذا كنت تعمل مع شاشتين أو ثلاث مثل أنا ، فلديك مساحة الشاشة لديك عرض كل الوقت - حيث يمكنك التحقق مما يحدث في جميع أنحاء العالم من خلال فقط لمحة.
في هذه المقالة ، سأوجهك خلال جهودي لتجميع هذا النوع من العرض باستخدام أدوات وتقنيات تصميم ويب بسيطة للغاية. سأشارك أيضًا 15 من أفضل أدوات لوحة التحكم عبر الإنترنت التي وجدتها عبر الإنترنت والتي ساعدت في إنشاء هذا العرض الإعلامي الكبير للمعلومات العالمية.
بناء عرض في الوقت الحقيقي للبيانات العالمية
واحدة من الأماكن الأولى التي ذهبت إليها لبناء مثل هذا العرض المعلوماتي هو Netvibes. لقد غطينا الموقع كثيرًا ، كما هو الحال في مقالة Angela الرائعة حول كيفية استخدامه لإدارة حياتك كيفية إنشاء موجز أخبار حقيقي مع RSSادمج مخرجات RSS مع زوج من أدوات الجهات الخارجية وأنشئ خلاصة أخبار مخصصة واحدة تحتوي فقط على قصص مشروعة تهتم بها. نعرض لك كيف في هذا الدليل خطوة بخطوة. قراءة المزيد .
أنا أيضًا أحب Netvibes أيضًا ، وبعد قراءة مقالة Angela ، بدأت بالفعل في استخدامها لتنظيم الروابط والأدوات لكل مهمة من المهام الرئيسية التي يتعين علي القيام بها عبر الإنترنت. من الجيد وجود كل شيء في مكان واحد. ومع ذلك ، عندما حاولت استخدام أداة HTML لتضمين الأدوات في الصفحة ، لاحظت أنها لا تعمل بشكل جيد. يمكنك تغيير حجم العرض ، ولكن يبدو أن الارتفاع يبقى ثابتًا - قطع الحاجيات الأكبر حجمًا.
بعد تجربة بعض المواقع الأخرى - Protopage أفضل بناة الموقع لإنشاء محفظة نظيفة عبر الإنترنتأي منشئ المواقع المجاني هو الأفضل لمحفظتك؟ إليك أفضل منشئي المواقع الذين يمكنك الاختيار من بينهم! قراءة المزيد كان آخر لا يعمل بشكل صحيح. أضاف مساحة كبيرة جدًا على جانبي الأدوات ، ولم يسمح بتغيير الحجم بشكل صحيح. لذا ، بعد قضاء الكثير من الوقت في محاولة عمل الصفحات الموجودة مسبقًا ، قررت الانتقال إلى تصميم صفحة من البداية.
كنت أرغب في التوصل إلى حل يمكن لأي شخص القيام به ، بغض النظر عن تجربة تصميم الويب. أداة تصميم الويب الخاصة بي من WYSIWYG هي Kompozer. العيب الوحيد في هذا النهج هو أنه يستخدم الجداول ، والتي تعتبر في عالم مصممي الويب قديمة مقارنة باستخدام CSS. ولكن من أجل البساطة ، سنستخدم Kompozer ونرسم الأدوات مباشرة على الصفحة.
إليك كيفية ظهور عرض التصميم في Kompozer بعد إدراج جدول - في هذه الحالة أستخدم جدول 4 × 4 ، ولكن يمكنك جعله بأي حجم تريده.
أولاً ، انقر بزر الماوس الأيمن على الجدول وقم بتغيير الخصائص بحيث لا تكون الخطوط ملونة (غير مرئية). كانت الأداة الأولى التي أدرجتها في الخلية العلوية اليسرى عبارة عن أداة ساعة رائعة من clocklink.com. تحت ذلك ، أضفت القطعة الطقس من Accuweather.com - واحدة من المفضلة لدي لأنها تعرض عرض رادار رسومي رائع لأي عواصف تقترب.
في كل حالة ، انقر ببساطة داخل الخلية التي أريد إدراج رمز الأداة ، ثم انقر فوق قائمة "إدراج" واختر HTML. ما عليك سوى لصق رمز الأداة في النافذة المنبثقة.
قد تلاحظ أن الأداة ليست في المنتصف ، أو أنها تظهر بعيدًا جدًا عن أعلى الخلية. من السهل إصلاح ذلك في Kompozer دون أي معرفة بالبرمجة على الإطلاق. فقط انقر بزر الماوس الأيمن على الخلية ، واختر خصائص خلية الجدول ، ثم قم بتغيير محاذاة المحتوى إلى الشكل الأفضل.
لاختبار التغييرات ، ما عليك سوى حفظ الملف على جهاز الكمبيوتر المحلي الخاص بك كملف HTML ، ثم عرض الملف باستخدام متصفحك المفضل. إذا كنت تواجه مشكلات حقًا ، فيمكنك دائمًا إدراج الرمز إذا كان عليك فعل ذلك. في Kompozer ، يمكنك تعديل الصفحة بالنقر فوق علامة التبويب "المصدر". على سبيل المثال ، كانت هناك حالتان اضطررت فيه للتو إلى إدخال استراحة
لفرض مسافة بين بعض الأدوات التي وضعتها داخل نفس الخلية.
بإضافة ثلاثة من أفضل الأدوات التي وجدتها ، قمت بتطوير عرض المعلومات في الوقت الحقيقي الموضح أدناه. الأدوات الثلاث الرائعة التي أضفتها كانت أداة أسعار الغاز من gas-cost.net، و ال القطعة السلع و الحاجيات أسعار الصرف الحالية من 100widgets.com.
هذه كلها أدوات في الوقت الفعلي ، تعرض البيانات الحالية من جميع أنحاء العالم. لقد حصلت الآن على أحدث البيانات حول الأسعار وأسعار الأسهم والطقس ، وكل ذلك بنظرة واحدة. لكن نصف صفحة الويب فقط مليئة ، ولدينا الكثير من المعلومات التي يمكن البناء عليها في هذه الصفحة - عمودان آخران من البيانات على وجه الدقة.
أداة أخرى رائعة حقًا أضفتها إلى الصفحة كانت أداة تهيئة المستخدم [لم يعد متاحًا] من 100widgets.com. يمنحك هذا ملاحظات حول عنوان IP الحالي ومعلومات الكمبيوتر وإصدار windows / المستعرض. يعد هذا مفيدًا عندما تكون على الطريق وتتصل بصفحتك من فندق أو مكتبة وتحتاج إلى معرفة عنوان IP الحالي الخاص بك. أضفت أيضا بارد جدا عدادات العالم ومؤشرات الأسهم من widgetbox.com.
زوجان من الحاجيات المفيدة الأخرى الجديرة بالذكر لهذا النوع من عرض الوقت الحقيقي على صفحة كاملة - الأول هو القطعة العد التنازلي من widgetbox.com. عندما تقوم بإعداده ، فإنك تعطيه تاريخًا وحدثًا للعد التنازلي إليه ، ويظهر في الأداة كعد تنازلي للنص تجاه هذا الحدث (انظر الشاشة الكبيرة التي تظهر صورتين لأسفل من هنا).
ولن يكتمل عرض البيانات التي تبحث خيال علمي بدون رسم مستدير للأرض يعرض معلومات درجة الحرارة في الوقت الفعلي من أي نقطة على الكوكب تريدها. يمكنك الحصول على هذه البيانات من القطعة الطقس 3D من Widgetbox.com.
في الصورة أدناه من لوحة بيانات البيانات في الوقت الحقيقي بصفحة كاملة ، يمكنك مشاهدة العد التنازلي في أعلى الصفحة (أدرجتها في المنتصف قبل الجدول نفسه) ، والعالم ثلاثي الأبعاد للطقس أسفل العد التنازلي للعالم مباشرةً القطعة. في العمود الأخير من الجدول أضفت مستوى التهديد الحالي ل DHS, منحنيات مثير (أكثر للزينة من أي شيء آخر - يبدو رائعًا) ، وأخيرًا أداة التنبيه في الوقت الفعلي من مركز الأعاصير الوطني.
مع اكتمال الصفحة أخيرًا ، يمكنني الآن الوصول إلى الوقت الحالي ، والطقس المحلي والعالمي ، ومعلومات سوق الأسهم ، أسعار الغاز الحالية ، وتنبيهات الأعاصير الحالية ، ومستويات التهديد الوطني ، وبالطبع كميات البيانات العالمية في العد التنازلي العالمي القطعة.
يمكنك تعديل هذا النوع من العرض بأي معلومات تريدها من خلال البحث عن معلومات أخرى الحاجيات المعلوماتية في أي من مواقع الأدوات الرئيسية ، ثم إدراجها في التخطيط الخاص بك كما تريد. ستتيح لك قدرة Kompozer على توسيط الخلايا ومحاذاتها بسهولة جعل الشاشة بأكملها تبدو نظيفة ورائعة حقًا. بمجرد الانتهاء ، يمكنك فقط تحميل ملف HTML إلى مضيف الويب الخاص بك بحيث يمكنك الوصول إليه من أي مكان في العالم.
قم بإنشاء لوحة المعلومات الخاصة بك وأخبرنا كيف ستسير الأمور. ما هي الأدوات المفيدة الأخرى التي اكتشفتها للحصول على معلومات الوقت الحقيقي؟ شاركها في منطقة التعليقات أدناه - أود أن أرى الأدوات الرائعة الأخرى التي وجدها الأشخاص!
حقوق الصورة: رسم الاتصالات عن طريق Shutterstock
ريان حاصل على درجة البكالوريوس في الهندسة الكهربائية. لقد عمل 13 عامًا في هندسة الأتمتة ، و 5 سنوات في مجال تكنولوجيا المعلومات ، وهو الآن مهندس تطبيقات. محرر إداري سابق لـ MakeUseOf ، وقد تحدث في المؤتمرات الوطنية حول تصور البيانات وقد ظهر في التلفزيون والإذاعة الوطنية.