Create Google Animated Dashboard اصنع لوحة التحكم الخاصة بك من جوجل

شرح كيفية استخدام الملفات المفتوحة من “جوجل” والمسماه بـ Google Charts Tool بإمكانكم التوجه لصفحة مطوري جوجل واستخدام المزيد, الطريقة جداً بسيطة ولا تحتاج إلى خبره كبيره في عالم البرمجيات لتطبيقها , ما سنقوم به اليوم هو استخدام مثال بسيط وحي لكيفية عمل لوحة تحكم ديناميكية باستخدام ملفات جوجل المفتوحة والمتوفره عبر الانترنت مجاناً.
قمت بتعريب بعض المصطلحات في اللغة البرمجية للتناسب مع مظهر لوحة التحكم التي سنقوم بشرحها اليوم في المثال.
ان تطوير صفحات ديناميكية تفاعلية لها اثر كبير في اعطاء صورة توضيحية مبسطه لكمية البيانات الهائله والمستخدمة في التصاميم و الرسوم البيانية ,ومنها نستطيع تحديد أو اتخاذ قرار بناء على تلك الرسوم البيانية.
ما تحتاج إليه فقط هو مجرد برنامج محرر لغات برمجية كـ FrontPage أو EditPlus أو NotePad. بإمكانكم تحميل نسخه من اللغة البرمجية إلى جهازكم بصيغة TXT او بالنقر على المثال بزر فأره واختيار View Page Source  وحفظ اللغة البرمجية لديكم.

التعديل في اللغة البرمجية :-
1- <title> هنا بإمكانكم كتابة عنوان لصفحة لوحة التحكم </title> 

2-      [‘الاسم‘, ‘الجنس‘, ‘العمر‘, ‘العدد‘],
          [‘أ‘ , ‘ذكر‘, 12, 5],
          [‘ب’, ‘انثى’, 20, 7],
          [‘ت’, ‘ذكر’, 7, 3],
          [‘ث’, ‘ذكر’, 54, 2],
          [‘ج’, ‘انثى’, 22, 6],
          [‘ح’, ‘ذكر’, 3, 1],
          [‘خ’, ‘انثى’, 42, 8],
          [‘د’, ‘انثى’, 33, 6]

بإمكانكم التعديل في الاسم أو الجنس أو العمر أو العدد واتباع العناصر الملونه بالترتيب لتتم عملية ادخال البيانات باسلوب صحيح في الرسم التفاعلي.

3- ‘filterColumnLabel’: ‘العمر‘, 
اذا تم تغيير بند العمر اعلاه يتوجب عليك تغيير اللغة بما يتناسب معكم , علماً اذا لم يتم التغيير لن يعمل الرسم التفاعلي.

4- ‘filterColumnLabel’: ‘الجنس‘, 
اذا تم تغيير بند الجنس اعلاه يتوجب عليك تغيير اللغة بما يتناسب معكم , علماً اذا لم يتم التغيير لن يعمل الرسم التفاعلي.

5- ‘title’: ‘العدد لكل شخص بالنسبه المئوية‘,
هنا عنوان للرسم البياني الدائري بإمكانكم تغيير المسمى بما يناسب معكم.

نظرة شامله مصوره اجزاء عن المشروع.

شكل رقم 1 جدول ديناميكي بناء على التعديل رقم 2
شكل رقم 2 رسم بياني توضيحي بناء على البيانات المدخله في التعديل رقم 2
التحكم بالرسوم البيانية و الجدول المنشأ باسلوب ديناميكي والاختيار بناء على الجنس أو العمر

 النظرة النهائية الشامله بعد التصفح.

لوحة التحكم النهائية التفاعلية حسب الجنس و العمر
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s