القائمة الرئيسية

الصفحات

الاخبار[LastPost]

شرح Excalidraw: ارسم خرائط المفاهيم والمخططات مجانًا من المتصفح

هل تحتاج إلى رسم خريطة مفاهيم لدرسك، أو مخطط يوضح خطوات عملية، أو شرح فكرة بالرسم أمام طلابك؟ Excalidraw سبورة رقمية مجانية تعمل في المتصفح مباشرة، بلا تثبيت وبلا تسجيل، وتعطي رسوماتك شكلًا جميلًا يشبه الرسم باليد. في هذا الشرح المصوّر نتعرّف إلى واجهتها، ونرسم معًا خريطة مفاهيم لدرس «أقسام الكلمة»، ثم نصدّرها صورةً ونشاركها مع الآخرين.

ما هو Excalidraw؟

Excalidraw أداة رسم مفتوحة المصدر تعمل على الموقع الرسمي excalidraw.com. وتمتاز بما يلي:

  • مجانية بالكامل للاستخدام الأساسي، ولا تحتاج إلى حساب.
  • تدعم اللغة العربية في الواجهة وفي الكتابة داخل الأشكال.
  • تحفظ عملك تلقائيًا في المتصفح، فإذا أغلقت الصفحة وعدت إليها وجدت رسمتك كما هي.
  • تتيح التعاون المباشر: يرسم أكثر من شخص على اللوحة نفسها في الوقت نفسه.
  • تصدّر الرسم صورةً بصيغة PNG أو SVG بنقرة واحدة.

الخطوة الأولى: التعرّف إلى الواجهة

افتح الموقع الرسمي، وستظهر لك لوحة بيضاء واسعة، وفي أعلاها شريط الأدوات. ويمكنك تغيير لغة الواجهة إلى العربية من القائمة ☰ في الزاوية العليا.

واجهة Excalidraw وشريط الأدوات

واجهة Excalidraw: اللوحة البيضاء وشريط الأدوات في الأعلى

أهم أدوات الشريط، ولكل منها اختصار من لوحة المفاتيح يظهر بجوارها:

الأداةالاختصارالاستخدام
التحديد (السهم)Vتحديد العناصر وتحريكها وتغيير حجمها
المستطيلRرسم صناديق للمفاهيم والعناوين
المعيّن والدائرةD / Oأشكال للقرارات أو للتمييز بين أنواع المفاهيم
السهمAربط المفاهيم ببعضها وبيان العلاقة بينها
النصTكتابة نص حر في أي مكان
القلمPالرسم الحر باليد
الممحاةEحذف العناصر
اليدHتحريك اللوحة نفسها دون تحريك العناصر

الخطوة الثانية: رسم خريطة مفاهيم «أقسام الكلمة»

لنطبّق عمليًا برسم خريطة بسيطة لدرس نحو: الكلمة وأقسامها الثلاثة.

خريطة مفاهيم أقسام الكلمة في Excalidraw

خريطة مفاهيم «أقسام الكلمة» مرسومة في Excalidraw مع الأدوات المستخدمة

  1. المستطيل (1): اختر أداة المستطيل، ثم اسحب بالفأرة على اللوحة لرسم صندوق. ارسم صندوقًا في الأعلى لكلمة «الكلمة»، وثلاثة صناديق تحته.
  2. الكتابة داخل الشكل: انقر نقرًا مزدوجًا داخل الصندوق واكتب: «الكلمة»، ثم «اسم» و«فعل» و«حرف» في الصناديق الثلاثة. واضغط Esc للخروج من وضع الكتابة.
  3. الألوان: عند تحديد أي شكل تظهر لوحة الخصائص على الجانب، ومنها تختار لون الخلفية ولون الحد وسُمكه ونمط الرسم. خصّص لونًا لكل قسم ليسهل على الطلاب التمييز بينها.
  4. السهم (2): اختر أداة السهم واسحب من الصندوق العلوي إلى كل صندوق سفلي. وإذا بدأت السهم أو أنهيته على حافة الشكل فإنه يلتصق به ويتحرك معه عند تحريكه.
  5. النص الحر (3): استخدمه لإضافة أمثلة تحت كل قسم، مثل: «كتاب» تحت الاسم، و«كتبَ» تحت الفعل، و«في» تحت الحرف.
  6. الرسم كاملًا (4): هكذا تبدو الخريطة بعد الانتهاء. ويمكنك تحديد عدة عناصر معًا بالسحب حولها ثم تحريكها كتلة واحدة.
  7. زر المشاركة (5): سنستخدمه في الخطوة الرابعة.

تلميح: للتراجع عن أي خطوة اضغط Ctrl + Z، ولتكبير اللوحة أو تصغيرها استخدم أزرار التكبير في الزاوية السفلية أو عجلة الفأرة مع زر Ctrl.

الخطوة الثالثة: تصدير الرسم صورةً

لتضع الخريطة في عرض تقديمي أو ورقة عمل أو ترسلها لطلابك، افتح القائمة ☰ واختر «تصدير الصورة»، أو اضغط الاختصار Ctrl + Shift + E.

نافذة تصدير الصورة في Excalidraw

نافذة «تصدير الصورة»: الخلفية والمقياس وصيغ الحفظ

  1. مع الخلفية (1): اتركه مفعّلًا لتكون الصورة بخلفية بيضاء، أو عطّله لتحصل على خلفية شفافة تناسب الشرائح الملونة.
  2. المقياس (2): اختر ×2 أو ×3 للحصول على صورة أوضح عند الطباعة أو العرض على شاشة كبيرة.
  3. PNG (3): صيغة الصور المعتادة، وتناسب أغلب الاستخدامات.
  4. SVG (4): صيغة متجهة لا تفقد جودتها مهما كبّرتها.
  5. نسخ إلى الحافظة (5): ينسخ الصورة مباشرة لتلصقها في Word أو PowerPoint دون حفظ ملف.

وإذا أردت الاحتفاظ بالرسم لتعديله لاحقًا على جهاز آخر، فاختر من القائمة «حفظ إلى...»، فيُحفظ ملف بامتداد .excalidraw يمكنك فتحه من جديد بالأمر «فتح».

الخطوة الرابعة: المشاركة والتعاون المباشر

اضغط زر «مشاركة» في أعلى الصفحة، وستظهر لك طريقتان:

نافذة المشاركة والتعاون المباشر في Excalidraw

نافذة المشاركة: بدء جلسة تعاون مباشر أو تصدير رابط للمشاهدة

  1. بدء الجلسة (1): ينشئ رابطًا ترسله لزملائك أو طلابك، فيدخلون إلى اللوحة نفسها ويرسمون معك في الوقت الفعلي، وترى مؤشر كل مشارك باسمه. والجلسة مشفّرة من طرف إلى طرف.
  2. تصدير كرابط (2): ينشئ رابطًا لنسخة من الرسم للمشاهدة فقط، وهو مناسب لنشر المخطط دون السماح بتعديله.

أفكار لاستخدام Excalidraw في التعليم

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

ملاحظات مهمة

  • الحفظ التلقائي يتم في متصفحك فقط؛ فإذا مسحت بيانات المتصفح أو انتقلت إلى جهاز آخر فلن تجد الرسم، لذا احفظ نسخة بصيغة .excalidraw لأعمالك المهمة.
  • لاحظ في الصور زر «Excalidraw+»، وهي نسخة مدفوعة اختيارية بمزايا إضافية للفرق، ولا تحتاج إليها في الاستخدام المعتاد.
  • استخدم الموقع الرسمي excalidraw.com دائمًا، وتجنّب المواقع المقلّدة.

الخلاصة

Excalidraw من أبسط أدوات الرسم وأكثرها فائدة للمعلم والطالب: تفتح الموقع، وترسم، وتصدّر الصورة أو تشارك اللوحة، وكل ذلك مجانًا ومن المتصفح. جرّب رسم خريطة مفاهيم لدرسك القادم، وستلاحظ كيف تصبح الأفكار أوضح عندما تُرسم.

ما الدرس الذي ستحوّله إلى خريطة مفاهيم أولًا؟ شاركنا في التعليقات.

تعليقات