المكتبات والرمز الكاذب للوحة القيادة المادية/لوحة الحالة

Question

حسنًا ، لقد اشتريت شاشة 46 بوصة للمكتب أمس ، وبخطر وشيك للاتهام لإنشاء "مخطط تسويف في كأس العالم" ، من الأفضل أن أظهر لزملائي ما المقصود به ؛)

أنظر إلى رسمتي البسيطة ، وفي هذه عظيم المشاريع من الذي استلهمت منه ، أود الحصول على بعض المدخلات على ما يلي:

1. رمز كاذب للهيكل العظمي: نظرًا لأن بعض الطرق يجب أن تسمى كل 24 ساعة ("تاريخ اليوم في العنوان") ، والبعض الآخر على فترات زمنية 60 ثانية ("نتائج Twitter") ، ما هو نهج جيد باستخدام JavaScript (jQuery) و PHP؟

   تحرير: alsciende: يمكنني أن أتفق على أن رقم 1 و 8 غامض للغاية. لذلك أقوم بإزالة #8 وأحاول توضيح #1: مع "رمز pseudoced للهيكل العظمي" ، أقصد بشكل أساسي أنه هل يمكن القيام بذلك بالكامل باستخدام أجهزة ضبط الوقت JavaScript وكيف يمكنك إعداد أجهزة ضبط الوقت المختلفة؟

2. مكتبة لتحليلات Google: التي تدعم المكتبات واجهة برمجة تطبيقات Google Analytics ويمكنها إنتاج مخططات أنيقة. ويفضل HTML5 ، مثل JavaScript مثل بروتوفيس.

3. مكتبة للتويتر: ما هي المكتبات التي تنصح بها لجلب نتائج بحث Twitter وأحدث التغريدات من الملفات الشخصية.

4. مكتبات للطباعة/CSS/HTML5: محاولة تعلم بعض HTML5 وما إلى ذلك في هذه العملية ، يرجى تقديم المشورة بشأن أي مكتبات الطباعة/CSS أخرى يمكن أن تكون ذات صلة.

5. الكشط/التحليل؟ سأعطيك مثالًا ملموسًا: محاولة الجلب اليوم قائمة من موقع هذا المطعم, ، كيف ستذهب؟ (إنه باللغة السويدية - لكنك تحصل على هذه النقطة - آسف ؛))

6. احصائيات في الوقت الحقيقي؟ أنا أستخدم Wassup-plugin لـ WordPress لتتبع الزوار في الوقت الفعلي على موقعنا. من المحتمل أن يتم تثبيت برامج التسجيل الأخرى (AWSTATs وما إلى ذلك) على خادم الويب. أي أفكار حول كيفية استخراج المعلومات من هذه وتقدم في الوقت الفعلي على لوحة القيادة؟

7. اختيار المتصفح؟ أي متصفح ونظام التشغيل الذي ستختاره؟ مستقرة ، كاملة الشاشة ، HTML5.

alt text http://www.freeimagehosting.net/uploads/cb7af2ef28.png

Answer 1

لقد قمت ببناء لوحة معلومات مماثلة لما تتحدث عنه في مكتبنا. قضيت حوالي يوم في العمل عليه ، والاحتمالات حقا (إلى حد كبير) لا حصر لها. في الأساس ، جميع الأشياء الحسابية التي أتعامل معها عبر PHP وأقوم بالاتصالات Ajax الفاصل إلى البرنامج النصي PHP المناسب ، والذي يعيد بيانات JSON إلى تقديمه.

#2:بالنسبة للرسوم البيانية ، أستخدم/أوصي بالتعويم (http://code.google.com/p/flot/). الوثائق ليست رائعة حقًا ، ولكن بمجرد معرفة كيفية عمل الأشياء عمومًا - إنها مكتبة رائعة ، وتولد الرسوم البيانية باستخدام علامة HTML5 Canvas.

لم أدمج المكتبات الخارجية مع Google Analytics من قبل ، لكنني أفترض أنه يمكنك سحب البيانات من التحليلات وتنسيقها حتى يقوم Flot بإنشاء الرسوم البيانية المناسبة لـ. قد يكون هذا هو الطريق الصادق ، لكنني أكثر دراية بالطفلة أكثر من معظم مكتبات الرسوم البيانية الأخرى (ولا تمتص ، بقدر ما يفعله الكثير من الآخرين) لذلك ، سيكون هذا هو أسهل طريقة قم بانجازها.

#3:بالنسبة إلى Twitter ، من السهل جدًا سحب البيانات من API البحث باستخدام JSON-P. في الأساس ما يفعله هذا ، يضيف ديناميكي <script> علامة على DOM الخاص بك ، والتي تحصل على معلمات يفسرها Twitter ، ثم يستدعي طريقة JavaScript محددة مسبقا (التي تمر عبرها عبر URI) مع تجزئة من النتائج JSON للنتائج.

#5:إن تجريد المواقع الفردية وتجميلها ستكون عملية مضنية. سيكون لكل موقع "نمط" خاص به (أو غير ناتج) لنشر القائمة اليومية أو العروض الخاصة. سأقوم ببناء نص "قائمة" يعرف كيفية استدعاء بعض الوظائف ، وأكتب وظيفة / فئة لتجنب موقع كل مطعم تهتم بعرض القائمة في PHP (أو أي لغة أخرى تشعر بالراحة مع). يمكنه الرد مع JSON ، وهي (IMO) أسهل طريقة لمعالجة/معالجة البيانات في JavaScript.

#6:إحصائيات الوقت الحقيقي هي نفسها إلى حد كبير مثل رقم 5. كنت أقوم ببناء فئتين يعرفون كيفية جلب الإحصائيات من أي مصادر بيانات كنت مهتمًا بالانسحاب منها ، وتقديم البيانات في JSON إلى JavaScript ، عبر مكالمة Ajax.

#1: يعد كتابة رمز JavaScript لتحميل البيانات على مؤقت بسيطًا حقًا ، انظر إلى setInterval, clearInterval, setTimeout, ، و clearTimeout أساليب. يأخذون جميعًا اسم وظيفة (أو إغلاق) ومهلة للانتظار قبل الاتصال بهذه الوظيفة (في MS). يمكنك بسهولة استدعاء وظيفة الموقت الرئيسي كل 60 ثانية والتي ستكون في الأساس "جدولة" أو وظيفة نمط "cron" ، والتي ستبحث فقط عن الأشياء التي تحتاج إلى تشغيل "الآن" وتنفيذ تلك الوظائف من المجدول.

نأمل أن يمنحك هذا بعض الأفكار حول أين تذهب ، وكيفية الوصول إلى هناك.

Answer 2

لقضبان قضبان قمنا بتطويرها boarrd هذا هو بالضبط ما ترغب في تطويره!

لقد أعجبنا بالذعر أيضًا :)

في صفحة فريقنا على Railsrumble ستجد تفاصيل حول الأدوات المستخدمة. أعلم أن هذا ليس في PHP ، لكن ربما ستجرب أدوتنا وتقرر بيئة تطوير أفضل ؛)