للإشتراك في خلاصات RSS بموقع بوابتي
مقالات الرأي
آخر  مقالات الراي
مقالات تقنية المعلوماتية
مقالات تقنية المعلومات
إدراجات الفيديوهات
إدراجات الفيديو
إدراجات الصور
ادراجات الصور
 
مكتبيات مهمة للتطوير باللغة العربية عن طريق PHP    منتديات الانترنت العربية: الفراغ والدوران في حلقة مفرغة    "قوقل" تطلق موقعا موازيا لYouTube ويعرض نفس محتوياته    Form Assembly: أدوات ثرية لتصميم واجهات الإدخال    ‏"قوقل" في خدمة الجماعات المسلحة، وبعض الدول تشتكي    amCharts: رسوم بيانية ثرية بتقينة فلاش    فكرة جديدة: محرك للبحث عن الصور من خلال التعرف على الألوان    Cuil محرك بحث جديد يسعى لإزاحة "قوقل"    O3D: قوقل تطلق أدوات لتطوير الأبعاد الثلاثية    لماذا تفشل " المصادر المفتوحة " في إدارك الهدف الرئيسي من البرمجيات الحرة   
بعض من المقالات المنشورة
 
المقالات الجديدة  الأكثر قراءة   المقالات الأقدم    
 
تصفح باقي الإدراجات
 
آخر المقالات   

amCharts: رسوم بيانية ثرية بتقينة فلاش



كاتب المقال   المحرّر: بوابتي


         




كنت قد تحدثت على بعض الطرق لإنتاج الرسوم البيانية في تطبيقات الويب، وغني عن القول ان الرسوم البيانية بدأت تأخذ أهمية كبرى مع تزايد الحاجة لتتبع التغيرات الناتجة عن المعطيات النشطة (dynamique / dynamic)، والتي اصبحت شيئا فشيئا السمة الأبرز لأغلب المواقع.

ويمكن تصنيف تقنيات إنتاج الرسوم البيانية اما من حيث نوعية الرسم المنتج او من حيث موقع انتاج الرسم هل من جهة المتصفح او من جهة الخادم، ثم ثالثا يمكن تصنيف تلك التقنيات من حيث طبيعة ادخال المعطيات التي يتغذي الرسم البياني بها.

فمن حيث الاعتبار الأول، هناك الرسوم البيانية المرتكزة على انتاج صور بحيث يكون الرسم صورة، اما الطريقة الثانية فهي انتاج الرسم في شكل مكون فلاش وهو موضوعنا اليوم، وتوجد طريقة ثالثة لعلي سأتناولها مرة قادة باذن الله، وهي انتاج الرسم البياني باستعمال وسم (tag) جديد لا توفره كل المتصفحات بعد، وهو canvas، بحيث أن التصرف في بعض خواصة، تمكن من اظهار الرسوم البيانية.

اما من حيث الاعتبار الثاني، فانه توجد رسوم بيانية تنتج جهة المتصفح، وهي تلك التي تستعمل canvas، كما توجد الرسوم البيانية التي تنتج جهة الخادم، وهي تلك التي ترتكز على انتاج الرسم في شكل صورة من خلالل لغة php مثلا، ثم أخيرا توجد الرسوم البيانية التي يمكن انتاجها من خلال الجهتين، وهي موضوعنا اليوم.

أما من حيث الاعتبار الثالث ، فن المعطيات يمكن تزويد الرسم البياني بها جهة الخادم، او جهة المتصفح كما في حالة canvas، او من خلال الجهتين، حيث في حالتنا اليوم وهي الرسوم البيانية عن طريق فلاش يمكن تزويد المعطيات من خلال طريقتين: استعمال ملفات نصية csv، او ملفاتxml، وهذين الملفين يمكن بالطبع انتاجها جهة الخادم، كما يمكن تقديمهما بشكل ثابت جهة المتصفح.


الرسوم البيانية عن طريق amCharts:



يوفر amCharts إمكانية إنتاج الرسوم البيانية عن طريق تقنية فلاش، ويتميز هذا العمل بامكانيات وايجابيات كبيرة نسبة للرسوم البيانية الساكنة المنتجة في شكل صور، من ذلك:

- انه يمكن إضافة التأثيرات للرسم البياني
- انه يمكن إضافة الحركات على الرسم حين شحنه بالصفحة
- انه يمكن التحكم في خواصه بسلاسة اكبر كالتكبير والتصغير وغير ذلك، باعتبار مكون فلاش الخام، هو رسم وليس صورة.

ويوفر amCharts امكانية إنتاج العديد من الأنماط الرسومية (أقراص الجبن، أعمدة، خطوط بيانية...).

ويقع مكون amCharts في جزئين:

- ملفات المعطيات وهي في صنفين، اما ملفات csv او ملفات xml
- ثم ملفات إنتاج الرسوم، وهي ترتكز على ملف فلاش (swf) جاهز، بحيث ان كل نمط من الرسوم البيانية، له ملف جاهز على حدة.
- وحين تنزيل الملفات للاستعمال، ماعليك هو فقط تغذية ملفات المعطيات.

كما انه تم توفير بيئة تصميم لازالت في الإصدار التجريبي، ذات واجهة ثرية، يمكن من خلالها التحكم في كل خواص الرسوم، ومراحله، وتمكن بيئة التطوير هذه من إنتاج الشيفرة المصدرية حينيا في شكل شيفرة html، يمكن نسخها ولصقها بالصفحة التي يراد وضع الرسم البياني بها.

وعليه فان انتاج الرسوم البيانية أصبح سهل جدا، وما على المعني الا ايجاد طريقة لتزويد المعطيات التي ستبنى من خلالها الرسوم، ويمكن ان يتم ذلك بيسر من خلال برمجة احدى الملفين: xml او csv، علما ان طريقة تغذية هذين الملفين، تتم بحيث يراعى فيه عدد المتغيرات، اذ في حالة ملف xml، فان كل متغير سيقع رسمه، هو tag بملف xml (انظر المثل الذي استعملته لإنتاج رسم بياني حول مصادر زيارات بوابتي)








الروابط



موقع amCharts
بيئة تطوير الرسوم من خلال الواجهة التابعة لamCharts



 اضغط على الكلمات المفتاحية التالية، للإطلاع على المقالات الأخرى المتعلقة:

canvas، رسوم بيانية، XML، PHP، تطوير ويب، صور، فلاش، amCharts،

 يسمح بالنقل، بشرط ذكر موقع "بوابتي" مصدر المقال، ويفضّل أن يكون ذلك في شكل رابط
 
تاريخ نشر المقال بموقع بوابتي 7-03-2009  

تقاسم المقال مع اصدقائك، أو ضعه على موقعك
لوضع رابط لهذا المقال على موقعك أو بمنتدى، قم بنسخ محتوى الحقل الذي بالأسفل، ثم ألصقه
رابط المقال

 
لإعلام أحدهم بهذا المقال، قم بإدخال بريده الإلكتروني و اسمك، ثم اضغط للإرسال
البريد الإلكتروني
اسمك

شارك برأيك
لوحة مفاتيح عربية بوابتي
     
*    الإسم
لن يقع إظهاره للعموم
     البريد الإلكتروني
  عنوان المداخلة
*

   المداخلة

*    حقول واجبة الإدخال
 
كم يبلغ مجموع العددين؟
العدد الثاني
العدد الأول
 * أدخل مجموع العددين
 
 
 
الردود على المقال أعلاه مرتبة نزولا حسب ظهورها  articles d'actualités en tunisie et au monde
أي رد لا يمثل إلا رأي قائله, ولا يلزم موقع بوابتي في شيئ
 

  21-03-2010 / 22:28:08   سارة
جغرافيا

انا بدرس جغرافيا وعايزة مجموعة رسوم بيانية لبحث بليز

  9-03-2009 / 12:24:20   سعيد
شكرا


دائما مبدع ومعلوماتك رائعه
تقبل تحياتى

سعيد مدير موقع جوجو الشامل
www.gogo0.blospot.com


  8-03-2009 / 11:38:52   ابو العبد


مشكورين اخي على المواضيع المهمة

  7-03-2009 / 14:35:06   بوابتي
تصحيح

وقع خطأ في رسم كلمة ظهرت بالصورة المصاحبة كمثال، خلال المقال

حيث تكتب مئوية وليس مؤوية كما وقع رسمها
 
 
 آخر الردود المنشورة بالموقع
باب تقنية المعلوماتية
باب الفيديوهات
اة لو كلنا نستوعب هذه الكلمات ما اصبحنا بهذا المنظر ((خائفين على الدنيا))...>>

أنا دخت عشان النشيد دا نفسي الاقيه وتقريبا هو دا اللي بدور عليه نفس اللي انا عاوزاه ف العنوان وبشغل مش راضي يشتغل ابدااااااااا ..... فين النشيد :( انت...>>

كلي بقلي انو انا صوتي حلو بس نفسي اشارك بطيور الجنة بليز نفسي اشارك
ردو علي بليز
انا عمري 12 سنة...>>


كلي بقلي انو انا صوتي حلو بس نفسي اشارك بطيور الجنة بليز نفسي اشارك
ردو علي بليز...>>


بارك الله فيكم نرجو اضافة اناشيد عن بلاد الشام...>>

مرحبا ياحلى قناه في العالم ممكن تذبت لقبي كوكو...>>

بالله عليكم انتو بدل ماتنادو الناس الى نبذ الطائفية والعدوانية والتوحيد بين المسلمين تزرعون البغض بينهم والقتل الله اكبر على كل واحد يحاول زرع الفتنة ...>>

الله ينور عليكي...>>

اقول كلمة في هدا الايام انتشر الفساد ضاع الشباب بسب اختفاء الايمان واقول اخر كلمة وزالموت يلحق بنا الوعد الوعد القيامة...>>

اني من الوطن العربي عمري 12 سنة اني بنت بس داخلة باسم ولد اتمنى الحرية تتحقق بالوطن العربي في سوريا والعراق و كل دولة بالوطن العربي اني اتمنى اتعرف عل...>>

باب المقالات
الدين في خدمة السياسة عوض ان يكون الامر العكس، السياسة في خدمة الدين...>>

يرجى التثبت في الأخطاء اللغوية وتصحيحها لكي لاينقص ذلك من قيمة المقال

مثل: نكتب: ليسوا أحرارا وليس: ليسوا أحرار
وغيرها ......>>


كبر في عيني مرشد الاخوان و صغر في عيني العسكر
اسال الله ان يهديك الى طريق الصواب
المنافقون في الدرك الاسفل من النار...>>


حسبنا الله ونعم الوكيل فيكم
تتبعت اكثر من رأي سفالة ونذالة والله لتحاسبون على ما قلتموه وكتبتموه
هل البلدان الاخرى ليست بها دعارة ؟هل ...>>


It is important that issues are addressed in a clear and open manner, because it is necessary to understand the necessary information and to properly ...>>

واضح أن الكاتب يعاني من رؤية ضبابية، وهو بعيدٌ عن الموضوعية التي يزعم أنه يهتدي بها..
نعم، وضعت الأنظمة القومية قضية تحرير فلسطين في قائمة جدول...>>


الأولى أن توجه الشتائم التي قدمتها لما يُسمى بالمعارضة الذين هم في الحقيقة تجار الوطن والشرف.. ارتموا كبائعات الهوى في حضر التركي والأمريكي والقطري وا...>>

أتمنى أن تكون الامور كما تقول ان النهضة انتقلت لمرحة أخرى في تعاملها مع بقايا فرنسا، ونتمنى ان يكون تعاملا جديا وصارما...>>

النهضة استطاعت كسر التّحالفات التي بناها نداء تونس مع الجبهة وحثالة البورقيبيّة والعلمانيّة الفاشيّة، ثم انتقلت إلى المرحلة الثانية........>>

انا باحث في صدد عمل رسالة حول : حول المنشآت المائية الرومانية ببلاد المغرب القديم
اتمنى مساعدتي بكتب ومراجع
دمتم طيبين...>>


ههههههههه ههههههههعع اكيد كلام نساء تحاولون تشويه المغربيات من شدة غيرتكم وغيضكم منهم لانهن يتفوقن كتيرا عنكم في المعاملة مع الرجل ولانهم جميلات العقل...>>

هو الموضوع اغتيال جذور الاسلام فهم يعلمون ان الطفله التي تتغذي علي العفه

تفسد مخطاطتهم وتنبت نبات حسنا فطفله اليوم هي سيده الغد واج...>>



وقع تصميم الموقع وتطويره من قبل ف.م. سوفت تونس

تحميل برامج مجانية