3D Solar System Interactive تفاعلي ثلاثي الابعاد نظام المجموعة الشمسية

الإنفوجرافيكس: تفاعلي المجموعة الشمسية باستخدام تقنية HTML/CSS/JAVASCRIPT للنمط ثلاثي الأبعاد وإتاحة خاصية نمط ثنائي الأبعاد للتصفح.

رابط المشروع: اضغط هنا لرؤية المشروع| التصفح باللغة العربية | English Version Here

المتصفحات الداعمة:[يدعم حاليا متصفحات Firefox, Safari,Chrome]

صور عامة عن المشروع التفاعلي النهائي

– الصفحة الرئيسية لواجهة التصميم التفاعلي

– الصفحة باللغة العربية

– الصفحة باللغة الانجليزية

ويكيميديات عن المجموعة الشمسية

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

عن التصميم التفاعلي

بما ان الصور المتاحة عن المجموعة الشمسية عبر الانترنت قد لاتوضح الصورة الحقيقية لمقاييس ابعاد الكواكب عن بعضها البعض , ففي هذا المشروع ارتأينا تطوير تصميم تفاعلي يتيح للمستخدم التصفح التفاعلي والتحكم واجراء مقارنة عن ابعاد الكواكب عن بعضها البعض باضافة لوحة تحكم تمكن المتصفح باجراء مقارنات ثلاث بين الكواكب هي : المسافة, السرعة , الحجم , واتاحة امكانية تغيير نمط الرؤية من ثنائي الابعاد الى ثلاثي الابعاد والعكس , تم تعديل بعض الاضافات في لغة الـ CSS و اضافة بعض التحسيانات على لغة Javascript .

تم اعادة بناء المشروع وتطوير ثلاث صفحات تفاعلية باللغتين العربية و الانجليزية واضافة واجهة لاختيار اللغة المناسبة للتصفح , واتاحة معلومات اكثر لإجراء مقارنات بين الكويكيبات , كما يحتوي التصميم على معلومات مصورة قيمة تتيح للمتصفح التعرف على حجم الكوكيبات مقارنة بالشمس وغيرها من الكوكيبات كعطارد , الزهرة و الارض.. , ايضا التعرف على المسافات بين الكوكيبات ومدى بعد الكواكب عن بعضها البعض واظهار طريقة مدى سرعة الكواكب عن بعضها البعض.

مصادر اخرى ومواد متعلقة بالمشروع This Project Inspired By  

1- 3D CSS Solar System ( المطور Dev. Julian Garnier ).
2- Our Solar System an experiment using CSS ( المطور Dev. Alex Girón ).
3- OMG Space
4- Visual.ly Host for best practices
5- ويكيبيديا ( المجموعة الشمسية ) .

Arabic Dynamic Periodic Table تفاعلي الجدول الدوري الإلكتروني للعناصر الكيميائية

انفوجرافيك تفاعلي الجدول الدوري الإلكتروني للعناصر الكيميائية

رابط المشروع: اضغط هنا لرؤية المشروع

لمحة تاريخية

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

عن التصميم التفاعلي

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

تمت ترجمة وتصميم وتطوير هذه الصفحة لتسهيل عملية الفرز و التعرف على العناصر الكيميائية باسلوب ديناميكي , تستوعب عملية التصفح لهذا المشروع اغلب المتصفحات المتاحة من ( جوجل شروم , فيرفوكس , اكسبلور 7 فما فوق , سفاري ) .

المساهمة في التطوير والتحديث 

بإمكانكم المساهمة في تعديل و اضافة برمجياتكم والتعديل على التصميم التفاعلية عن طريق موقع CodePin عبر الرابط التالي :

اضغط هنا لتطوير البرمجية

تصفح التصميم التفاعلي

المشروع مكون عبارة عن صفحة واحدة تحتوي على جميع العناصر مع امكانية التكبير الإلكتروني للعناصر كما هو موضح في الشكل التالي :

صورة توضيحي للمشروع بالكامل لجدول العناصر الكيميائية

التكبير الإلكتروني اثناء مرور زر فأرة الكمبيوتر على العناصر ..

مصادر اخرى ومواد متعلقة بالمشروع  

1- Ptable ( جدول  دوري للعناصر باللغة العربية ).

استعمالات الجدول 

يعتبر الجدول الدوري للعناصر له أهميته للعلماء وطلاب الكيمياء لدراسة العناصر والخواص الكيميائية والفيزيائية، وكيفية اختلافها بكل مجموعة به. فمن خلال الجدول يمكن الحدس بخواص عنصر ما، وكيفية التفاعل مع عنصر آخر. 

اتمنى ان يكون لهذا المشروع اصداء اكبر في مجال التدريس و التدريب الإلكتروني فما هو الا اضافة مختلفة عن ما يحتويه بحر الانترنت ومبادرة في تطوير سبل حديثة للتعليم الإلكتروني. 

Arabic Poetry [INFOGRAPHIC] انفوجرافيك بحور الشعر العربي

#انفوجرافيك: بحور الشعر العربي 

نظرة تاريخيه

علم العروض و الخليل بن أحمد :

العروض : ( علم يبحث فيه عن احوال الاوزان المعتبرة ) أو ( هو ميزان الشعر , به يعرف من موزونه , كما أن النحو معيار الكلام به يعرف معربه من ملحونه ) .

ويرجع رجال التراجم الفضل في نشأة علم العروض إلى الخليل بن أحمد الفراهيدي , أحد ائمة اللغة و الأدب في القرن الثاني الهجري , يذكر أن الخليل كان إماما في علم النحو , أنه هو الذي استنبط علم العروض وأخرجه إلى الوجود وحصر أقسامه في خمس دوائر يستخرج منها خمسة عشرا بحراً , ثم زاد الأخفش بحراً واحدا ً وسماه “الخبب” , كما يذكر أن الخليل كان له معرفه بالإيقاع والنغم , وتلك المعرفة أحدثت له علم العروض , فانهما متقاربان في المأخذ ويحدثنا ياقوت عن الخليل بن أحمد بأنه أول من استخرج العروض وضبط اللغة وحصر أشعار العرب , وأن معرفته بالايقاع -بناء ألحان الغناء على موقعها وميزانها – هي التي أحدثت له علم العروض . 

عن انفوجرافيك بحور الشعر

ينقسم التصميم الانفوجرافيكي لقسمين , الأول وهو نظرة توضيحية ابداعية تبين مدى ترابط بحور الشعر وتفاعيل كل بحر بالترتيب بتكرار اصول التفاعيل مكونة بذلك الرسم التوضيحي , أما القسم الثاني شرح مفاتيح بحور الشعر و تفاعيله وترابط تفاعيل بحور الشعر وامثلة موضحة تحت كل مفتاح, مراعياً مدى تناغم وجمال ترابط ومشاركة بحور الشعر تفعيلاتها مع بعضها البعض. 

التحميل

بامكانكم تحميل التصميم بجودة عالية وحدة قياس التصميم هي 3149×1000 طول وعرض بحجم 2MB قابلة للتصفح الطولي و العرضي للمتصفحات .

[اضغط هنا للتحميل بصيغة JPG ]

أو

[اضغط هنا للتحميل بصيغة PNG ]