شرح كيفية استخدام الملفات المفتوحة من "جوجل" والمسماه بـ 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- <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 |
 |
| التحكم بالرسوم البيانية و الجدول المنشأ باسلوب ديناميكي والاختيار بناء على الجنس أو العمر |
 |
| لوحة التحكم النهائية التفاعلية حسب الجنس و العمر |
