About


How to Use Piktochart خدمة بيكتوجارت للتصاميم الانفوجرافيكية

Unknown
-


اسم الخدمة: Piktochart
الرابط: Piktochart.com
التقييم: ★★★/5

موقع متخصص في تصميم وتطوير مواد انفوجرافيكية موقع جيد للمبتدئين في عالم التصاميم الانفوجرافيكية , يمتاز الموقع بخاصية Drag & Drop للأشكال مع اتاحة عدد ( 4 ) قوالب مجانية للبدء في تصميم الانفوجرافيك الخاص بك , يقدم الموقع خدمات مبسطة في تصميم المواد الانفوجرافيكة ذات الأداء المبسط في الأخراج الفني ( Digital Design ) , مع امكانية استخراج التصميم ضمن مقاسات عالية الجودة بعدة صيغ منها PNG , SVG , JPG , في الشرح التالي طريقة انشاء تصاميم انفوجرافيكية عبر Piktochart .

Read more

The Seven Wonders of Dubai | Infographic [en]

Unknown
-

This Inforgraphic demonstrate the 7 wonders that has resin in the heart of Dubai , a city that pride itself and making the impossible possible , guided by the same vision that transform the small gulf trading boat into global metropolis.


Source: Designed & Published by Travelsupermarket.com Hosted @visually

Read more

3D Visualization of Carbon Emissions تصميم صوري ثلاثي الابعاد انبعاثات الكربون في الكرة الأرضية

Unknown
-

تفاعلي: تصور ثلاثي الابعاد انبعاثات الكربون في الكرة الأرضية

Photo Credits Goes To Infosthetics

تفاعلي: تصميم ثلاثي الابعاد عن انبعاثات الكربون في الكرة الأرضية , في التصميم الصوري يبين اكث المناطق انبعاثاُ لمادة الكربون من تصميم وتطوير روبي تيلتون , يعمل التصميم حالياً فقط على متصفحات Google Chrome مستخدماً بذلك لغة الـ WebGL .

Read more

Color Wheel Tool اداة التدرج اللوني

Unknown
-


يعد اللون نقطة حيوية في التصميم الجرافيكي , كما يؤثر اللون على الحالة المزاجية ويعطي ردود فعل عاطفية للجمهور من خلال التعبير عن طريقة الاختيار المتقن للألوان.
العديد من الاسئلة حول اختيار نظام الألوان اثناء انشاء ملف جديد عبر برامج التصميم سواء على الفوتوشوب او اللستريتر أو غيرها من برامج التصميم , في البداية سنتعرف على نظامين من هذه الألوان وهي CMYK و RGB .

اختصار كلمة CMYK هي:

 Cyan , Magenta , Yellow and Key or Black , هي عبار عن اختصار لعدد اربعة الوان وهي : السماوي / الأرجواني , الأصفر , والأسود . تمزج هذه الألوان بنسب مختلفة أيضاً من اجل الحصول على الألوان الباقية.

أما عن نظام الوان RGB فهي اختصار ايضاً لثلاثة الوان وهي Red ,Green , Blue , وهي عبارة عن ثلاثة الوان وهي الأحمر , الأخضر , الأزرق. هذه الوان رئيسية في تشكيل الوان اخرى كافة وتمزج هذه الألوان بنسب مختلفه.

ولكن ما الفرق , هل هناك فروق ما بين النظامين ؟
نعم , توجد فروق كثيرة يحتوي نظام الـ CMYK  على الوان اكثر وانقى وضوحاً , في الواقع تستخدم كثيراً اثناء طباعة البروشرات او البوسترات والمجلات و الجرائد كما ذكرنا مسبقاً, بمجرد اربعة الوان يمكن انتاج ما يقارب على 10,000,000 لون .

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

 الوان  الويب Web Colors 

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

 يعمل المطورين في الوقت الحالي على تطوير نسخ ذات اداء متطور في تمثيل الصور عبر استخدام التقنية الحديثة للغة البرمجية CSS3 باستخدام الرمز (#) ثم باضافة الترميز اللوني .

 اجتهادات في العديد من الشركات الكبرى في تطوير التدرج اللوني عبر الويب لتسهيل الاخراج البرمجي للغات المعتمدة لنظام W3C | XHTML2 وذلك عن طريق تطوير مخرجات ذات اداء سريع متقبل للتصفح عبر الانترنت باستخدام ستايلات متطورة كـ XPath و XSLT , أقرا هنا عن تطوير شركة HP للتدرجات اللونية.

 سنقوم بطرح بعض الأدوات اللونية المتطورة والتي ستساعدكم في التعرف على التدرجات اللونية لاستخدامات الويب hexadecimal notation لـ 256 تدرج لوني ( قم بتمرير زر الفأره على التدرج اللوني ثم قم بالسحب للتغيير ).


الأداة الأولى:-
 

This Tool Is Powered By 2createawebsite.com

الأداة الثانية:-

This Tool Is Powered By 2createawebsite.com
 
في الأداة التالية بامكانك وضح الترميز ويقوم البرنامج باعطائك التدرج اللوني .


CMYK
All Credits For This Infographics goes to Plainworks

Read more

Spotlight: Designer Mohamed Meleas ابداع المصمم محمد ميلس انفوجرافيك مناسك الحج والعمرة

Unknown
-

الاسم: محمد محمد مليس
العمر: 23
الموقع: www.behance.net/meleas
البريد: m_meleas@yahoo.com





اخبرنا قليلاً عن مشاركتك ؟
مصمم جرافيك من مصر و مهتم بابداعات الانفجرافيكس منذ دراستى فى كلية الفنون الجميلة بجامعة الاسكندرية . و هذة اول تجربة في مجال الانفوجرافيك ( مناسك الحج و العمرة) ، اما عن مشاركتي كانت من خلال الصدفة عن طريق البحث عن وظيفة كمصمم انفوجراقيك فى الامارات و رايت تلك المدونة التي ابهرتني, فاحببت المشاركة في هذا المشروع معكم .

عن المشروع [ انفوجرافيك مناسك الحج و العمرة]

مشرف المشروع: الدكتور ياسر ندى 
تصميم جرافيك: محمد مليس
 

اخبرنا عن اسلوبك في التصميم ؟
اسلوبى فى التصميم الانفوجرافيك هو البحث عن البيانات و دراسة كل محتوي عن الموضوع المراد ابرازه بشكل جيد ، ثانيا تصميم العلامات الارشادية التي تساعد فى الخريطة المعلوماتية ، ثالثا تصميم الخريطة من خلال رسومات مبدائية سابقة و من خلال فكرة تكون اساس التصميم (Master Concept).

ما هي الألوان المفضلة لديك ؟
اللون الأحمر , واللون الموف 



مواقع مفضله لديك وتنصح بها متابعينا؟

انصح المتابعين بالمواقع التالية : www.behance.net , www.creatica.com www.psdtuts.com.

اخبرنا عن احد الاخطاء التي واجهتها اثناء التصميم , وبماذا تنصح متابعينا؟

المشاكل التي واجهتني هى عدم ترتيب افكاري و البحث الجيد قبل العمل فى التصميم و لكن تغلبت على ذلك فى هذا المشروع .

في (7) كلمات معبره , اخبرنا عن الهامك ؟

خريطة - معلومات - علامات - انفوجرافيك - الوان - دراسة - تركيز- ترتيب.

Read more

How Do I Learn Infographics &Data Visualization? سؤال وجواب كيف يمكنني تعلم الانفوجرافيك

Unknown
-

كيف اتعلم الانفوجرافيك؟!


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

التعرف على طبيعة المواد الانفوجرافيكية

مفاهيم و مصطلحات 
1- الانفوجرافيك والبيانات الصورية المرئية
2- مقدمة عن طرق التصميم وفن استخدام الـ Grid System
3- التصميم الانفوجرافيكي ومحاكاة التصميم لسلوك المستخدم وفن استخدام Responsive Design .
4- التصميم التفاعلي و خفاياه
5- فيديو البيانات الصورية و أهميتها
6- خطوات مهمة ما قبل التصميم ( التخطيط المسبق ) 

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

سأستبق اولا بالكتب التي ينصح بقرائتها ومن ثم سنتطرق عن ابرز المواد التعليمية التي تساعدك في انشاء محتويات انفوجرافيكية ( سواء كانت تفاعليه أو صورية/مرئيه).

كتب ينصح باقتنائها

 

محتويات متقدمة في فهم طبيعة التصاميم








لطلاب المراحل الجامعية
طلاب الفنون الجميلة و طلاب تقنية المعلومات و الهندسة.

ان كنت ضمن المراحل الجامعية واردت تعلم بعض من المواد التي تساعدك في تعلم الانفوجرافيك انظر لبعض من هذه المواد وان اختلفت تسمياتها من جامعة الى اخرى.

1- HCI - Human Computer Interaction 
2- Typography and Graphic communication
3- Information Engineering
4- Data Mining
5- Interface Design
6- لطلاب الهندسة الميكانيكية لغة CFD Computational Fluid  Dynamics
7- لطلاب الهندسة الميكانيكية برنامج Solid Edge
8- لطلاب تقنية المعلومات ( المواد التفاعلية ) لغات البرمجة Html - Css - Java1 - Java2 .
9- لطلاب تقنية المعلومات DSS - Decision Support Systems
10- Data Analysis

دورات خاصة في التصميم و الاخراج و التطوير
اولاً: دورات التصميم الجرافيكي

1- Photoshope
2- CorelDRAW
3- Illustrator
4- 3ds Max ( للتصاميم الثلاثية و الثنائية الابعاد )
5- Adobe After Effects ( لتصاميم الفيديو و الموشن جرافيكس )

ثانياً: دورات المواد التفاعلية ( الويب و التطوير التقني )
انظر لبعض من هذه المشاريع التي قمنا باعدادها من هنا
1- Adobe ColdFusion
2-  Web Application 
3- Java
4- Mobile Application
5- Project Managment
6- Adobe Flash 
7- Unity 3D 3.5 ( لتصاميم جرافيكس الالعاب )

اتمنى لجميع متابعينا التوفيق و النجاح وان شاء الله اكون ولو بقليل قد افدتكم واستفدتم.

Read more

Infographics & Data Visualization الانفوجرافيك و البيانات الصورية المرئية

Unknown
-

الانفوجرافيك و البيانات الصورية

شكل توضيحي مبسط العلاقة مابين الانفوجرافيك و البيانات الصورية

تحدثنا في ما سبق عن مراحل تصميم الانفوجرافيك , وما الذي يتوجب مراعاته اثناء التصميم والاخذ بعين الاعتبار قبل بدأ التصميم والبنود و المعايير المهمة لتصميم انفوجرافيك احترافي , وايضاً تحدثنا عن ابرز الاخطاء الشائعة في تصميم المواد الانفوجرافيكية , يبقى السؤال الأهم هل الانفوجرافيك مجرد تمثيل مرئي أو تصوري لمحاكاة البيانات أو سرد قصه ؟  أم هل هو مجرد تصميم رائع بامكاننا طباعته واستخدامه كفلاير ( Flyer ) لان شكله جميل والوانه جميلة ؟!

ومن هذا المنطلق سنتحدث عن مصطلح Data Visualization , هل هناك علاقة ما بين الانفوجرافيك( Infographics ) و البيانات التصورية ( Data Visualization ) ؟

اكتشافات علمية

قبل ان نتحدث عن مدى العلاقة سنستوضح الأكتشاف العلمي الحديث لقدرات الأدراك في العقل البشري:-

80% من قدرات الإدراك في العقل البشري توظف لمعالجة الأفكار

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

ما أدهش ويليكي هو أن وجود القوارض في غرفة مظلمة كشف أن أمخاخ الأكبر سنا منها ظلت توظف نسبة 80 في المائة من الدماغ كما لو أنها كانت تعالج بيانات الصور المرئية.

 ومن هذا المنطلق نعيد التساؤل هل هناك علاقة ما بين الانفوجرافيك ( infographics ) و البيانات التصورية ( Data Visualization ) , إليكم مثال عن طبيعة المواد المرئية Visual Concept Environment دون احتوائها على اي معلومات وانما تعتمد بشكل كلي على الادراك البصري.

 ماذا ترى في المثال تتبع المراحل صورة بصورة بتمعن:-

صورة قريبة المدى
صورة بعيدة المدى
صورة ابعد
نعيد التساؤل مره اخرى هل التصاميم الانفوجرافيكية ( المعلومات المصورة ) هي البيانات التصورية ؟

والاجابة هنا هي :-
كما هوموضح في المثال لم تحتوي الصور على اي معلومات أو بيانات في فهم طبيعة الصورة وانما تم الاعتماد الكلي على مجال الرؤية البصرية , فقمنا في شرح الصور من منظور البعد النظري Theoretical dimension , تستخدم هذه الابعاد في المجال الهندسي المعماري بشكل كبير في ايضاح نظرة المشروع بشكل كامل قبل البدء في التنفيذ باستخدام نماذج Model ذات طابع ثلاثي الابعاد أو ثنائي الابعاد , ان اردتم القراءه عن مجال البعد النظري ( اضغط هنا ).

مقارنة مابين الثلاث الصور السابقة هل لاحظت فرق البعد للشخصين اسفل الصورة؟!

نستطيع القول الآن ان التصاميم الانفوجرافيكية او يطلق عليها معلومات مصورة هي ليست بيانات تصورية, فبينهم اختلاف في تبيان المقاييس الكمية للابعاد او الاشكال.

1- الانفوجرافيك Infographics 

 مثال عملي
مثال متقن لتمثيل الانفوجرافيك ( انواع القهوة باللغة الانجليزية ) 

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

مثال آخر لترسيخ المفهوم ( مثال شجرة انواع تطور مراحل اجهزة شركة ابل والتطور التقني منذ عام 1976م وحتى عام 2011م ), سنلاحظ في التصميم تم الاعتماد الكلي على التصميم الجرافيكي في نقل الفكرة باسلوب زمني مواكب لمراحل التطور .
2- البيانات الصورية Data Visualization

سنقوم بتوضيح مفهوم البيانات الصورية Data Visualization .

 قبل البدء في التعرف على ماهية البيانات الصورية هناك ثلاث صفات تتوفر في البيانات الصورية وهي كالتالي :

1- السرعة ( سرعة استيعاب محتوى البيانات الصورية )
2- الدقة ( دقة الارقام المستخدمة مع مراعاة تجنب استخدام بيانات مستخلصه Data Aggregation أقرأ هنا )
3- القوة ( استخدام المحتوى باسلوب مبسط وقوي وتجنب التعقيد في نقل الفكرة فكلما كان التصميم ابسط كان اثمن وانقى من نواحي شتى الفكرية والبصرية اقرأ هنا عن طرق جميلة في استخدام فن Grid System في التخطيط المبدئ  ).

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

ونتسائل في كثير من الأحيان كيفية تطبيق مجال البيانات الصورية بأسلوب علمي حديث, بحيث يساهم في نقل الفكرة واستخدامها بشكل صحيح وسليم وسلس.

اشكال البيانات الصورية/المرئية Data Visualization Forms 
تحتوي البيانات الصورية كتصنيف على 15 شكل وهي كالتالي :

ابرز الاشكال البيانية الصورية
عدة طرق مختلفة في عرض البيانات ولكن ما هي افضل طريقة للاختيار من بين جميع هذه الاشكال ؟! بإذن الله سنقوم بشرح ما وفق لنا ان نقوم بشرحه في مرحلة لاحقة باذن الله سنتعرف على مصطلحات جديدة و اساليب مختلفه ومتطورة منها البيانات المستقله Independent Data Form , وايضا البيانات المتواصله Continues Data Form , وايضا ما هو الـ Cartographic وطريقة استخدامه في المجال الجيوغرافي والعديد من المفاهيم و المصطلحات. 

وهذا بتوفيق من الله ومساهمتكم الفعالة وتواصلكم معنا سواء عبر مواقع التواصل الاجتماعية او هنا لاثراء المزيد من المحتوى العلمي الهادف.

Read more

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

Unknown
-


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

المتصفحات الداعمة:[يدعم حاليا متصفحات 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- ويكيبيديا ( المجموعة الشمسية ) .

Read more

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

Unknown
-


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

لمحة تاريخية

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

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

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

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

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

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



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

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

صورة توضيحي للمشروع بالكامل لجدول العناصر الكيميائية
التكبير الإلكتروني اثناء مرور زر فأرة الكمبيوتر على العناصر ..


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

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

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

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

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

Read more

الآشهر تصفحاً

المقالات الابرز تحديثاً

Related Posts Plugin for WordPress, Blogger...
Designed by Alssadi
Support by Uaeinfographics