تسمح لك الأدوات البرمجية المخصصة بتوسيع وظيفة المحتوى المتوفر في صفحاتك الرئيسية لتتلاءم مع الاحتياجات التنظيمية واحتياجات المقرر التعليمي الخاصة. يمكنك إضافة كود HTML مخصص لإنشاء مجموعة واسعة من الأدوات البرمجية. يمكنك إنشاء أدوات برمجية مخصصة لمقرراتك التعليمية أو استخدام الأدوات البرمجية المخصصة التي تمت مشاركتها إلى مضامين المقرر التعليمي من مستوى المؤسسة أو القسم أو الفصل الدراسي.
|
ملاحظة: قد يكون المسؤول قد اختار تنفيذ حماية إضافية على الأدوات البرمجية المخصصة تسمى "آلية تحديد الوصول". عند تحديد وصول أداة برمجية مخصصة، يتم إنشاء iFrame آمن حول الأداة البرمجية ويمنع تنفيذ البرامج النصية خارج الأداة البرمجية. يمكنك عرض ما إذا تم تحديد وصول أداة برمجية أو لا في قائمة الأدوات البرمجية المخصصة. الأدوات البرمجية غير محدودة الوصول ليست غير آمنة في حد ذاتها، ولكن يجب أن تقوم أدوار موثوقة فقط بإنشائها. |
في قائمة الأدوات البرمجية، تحتوي الأدوات البرمجية غير محدودة الوصول على رمز تحذير:
لإنشاء أداة برمجية مخصصة
- من الصفحة الرئيسية لمقررك التعليمي، انقر فوق إدارة المقرر التعليمي > الأدوات البرمجية.
- انقر فوق إنشاء أداة برمجية.
- في علامة التبويب الخصائص، أدخِل اسم ووصف الأداة البرمجية.
- لإضافة محتوى HTML خاص بك إلى الأداة البرمجية باستخدام محرر مصدر HTML، انقر فوق علامة التبويب المحتوى >
رمز محرر مصدر HTML. أضف كود HTML المخصص الخاص بك.
- لتطبيق خيارات أنماط مختلفة على الأداة البرمجية، انقر فوق تخصيص نمط الأداة البرمجية.
- في إعدادات الأداة البرمجية، قم بأي من الإجراءات الآتية:
- لإخفاء شريط العنوان، قم بمسح خانة الاختيار عرض شريط العنوان.
- لتمكين آلية تحديد الوصول لمحتوى الأداة البرمجية، انقر لتحديد الأداة البرمجية محدودة الوصول و/أو العرض في iFrame.
| ملاحظة: إذا لم يكن لدورك إذن تبديل هذا الإعداد، لكنك تشعر بأن الأداة البرمجية يجب أن تكون غير محدودة الوصول لكي تعمل كما هو متوقع، فيُرجى الاتصال بمسؤول يتمتع بإذن أمان الأداة البرمجية. |
- لإزالة نمط الحدود الافتراضي، قم بمسح خانة الاختيار عرض نمط حاوية الأداة البرمجية.
- حدد منع تصغير الأداة البرمجية لمنع المستخدمين من إغلاق الأداة البرمجية على الصفحة الرئيسية.
- لتعيين عنوان مخصص، في المقطع اسم الأداة البرمجية، حدد الزر التبادلي مخصص. أدخل النص في الحقل.
- انقر فوق حفظ. لإرفاق شروط الإصدار بالأداة البرمجية، انقر فوق علامة التبويب شروط الإصدار وقم بأحد الإجراءات الآتية:
- انقر فوق إرفاق الموجود ثم حدد من شروط الإصدار الموجودة المتوفرة للوحدة التنظيمية. انقر فوق حفظ. من القائمة المنسدلة، حدد يجب تلبية جميع الشروط أو يجب تلبية أي شرط.
- انقر فوق إنشاء وإرفاق لإنشاء شرط إصدار وإرفاقه. انقر فوق إنشاء. من القائمة المنسدلة، حدد يجب تلبية جميع الشروط أو يجب تلبية أي شرط.
- انقر فوق حفظ وإغلاق.
إضافة CSS وJavaScript خارجيين إلى أداة برمجية
تسمح لك الأدوات البرمجية المخصصة في Brightspace بتخصيص الصفحة الرئيسية للمقرر التعليمي بمحتوى ووظائف فريدة. بينما يدعم محرر الأداة البرمجية الافتراضي تنسيق HTML والأنماط المضمنة، يمكنك تحسين الأدوات البرمجية عن طريق ربط ملفات CSS وJavaScript الخارجية.
يتيح استخدام الموارد الخارجية مزيدًا من التصميم والتفاعل المتقدم مع الحفاظ على محتوى الأداة البرمجية بسهولة أكبر.
لماذا يجب إضافة موارد خارجية؟
يتيح لك ربط ملفات CSS وJavaScript الخارجية ما يأتي:
- إضافة سلوك ديناميكي باستخدام JavaScript، مثل الحركات أو العناصر التفاعلية.
- تطبيق نمط مخصص مع CSS خارجية خارج النسق الافتراضي لـ Brightspace.
- جعل تحديثات التصميم مركزية من خلال إدارة الأنماط والبرامج النصية في موقع واحد.
قبل البدء
عند ربط ملفات CSS وJavaScript الخارجية بأداة برمجية مخصصة، يجب أن تقرر:
- مكان تخزين ملفات الأداة البرمجية:
- على مستوى المقرر التعليمي، للأدوات البرمجية المستخدمة في مقرر تعليمي واحد.
- على مستوى المؤسسة (الملفات العامة)، للأدوات البرمجية المشتركة عبر مقررات تعليمية متعددة.
- كيفية الإشارة إلى هذه الملفات في تنسيق HTML الخاص بالأداة البرمجية باستخدام المسار النسبي الصحيح.
توفر الأقسام الآتية إرشادات خطوة بخطوة لكلا الخيارين.
تخزين الأدوات البرمجية على مستوى المقرر التعليمي
التخزين على مستوى المقرر التعليمي هو الأفضل للأدوات البرمجية المستخدمة في مضمون مقرر تعليمي واحد.
الخطوة 1: تحميل ملفاتك
- انتقل إلى إدارة المقرر التعليمي > إدارة الملفات.
- أنشئ مجلدًا جديدًا لتخزين ملفات الأداة البرمجية (على سبيل المثال، ClickAndReveal).
- حمّل ملفات CSS وJavaScript.
|
تلميح: أنشئ ملفاتك في محرر الأكواد قبل التحميل (على سبيل المثال، click-reveal.css وclick-reveal.js). |
الخطوة 2: فتح محرر الأداة البرمجية HTML
- انتقل إلى إدارة المقرر التعليمي > الأدوات البرمجية.
- أنشئ أداة برمجية مخصصة جديدة أو حرر أداة برمجية موجودة.
- حدد علامة تبويب المحتوى.
- بدّل إلى محرر مصدر HTML.
الخطوة 3: ربط ملفات CSS وJavaScript الخارجية
- انتقل إلى إدارة المقرر التعليمي > معلومات مضمون المقرر التعليمي.
- انسخ مسار مضمون المقرر التعليمي المعروض في الصفحة.
- في مقطع <head> الخاص بالأداة البرمجية HTML، اربط ملفاتك باستخدام مسار مضمون المقرر التعليمي تتبعه بنية المجلد.
الشكل: مثال على ربط ملفات CSS وJavaScript خارجية في مقطع <head> الخاص بالأداة البرمجية HTML باستخدام مسار مضمون المقرر التعليمي.
الخطوة 4: إنشاء أداة برمجية خاصة بك
استخدم محرر HTML لإضافة أداة برمجية خاصة بك. تتحكم ملفات CSS وJavaScript المرتبطة في نمط الأداة البرمجية وسلوكها.
تخزين الأدوات البرمجية في الملفات العامة (على مستوى المؤسسة)
يسمح لك تخزين الأدوات البرمجية في الملفات العامة بإعادة استخدامها عبر مقررات تعليمية متعددة. يتطلب هذا الخيار عادةً أذونات المسؤول.
الخطوة 1: تحميل ملفاتك
- انقر فوق رمز ترس المسؤول على الشريط الصغير في Brightspace.
- حدد الملفات العامة.
- أنشئ مجلدًا جديدًا لتخزين ملفات الأداة البرمجية (على سبيل المثال، ClickAndReveal).
- حمّل ملفات CSS وJavaScript.
|
تلميح: أنشئ ملفاتك في محرر الأكواد قبل التحميل (على سبيل المثال، click-reveal.css وclick-reveal.js). |
الخطوة 2: فتح محرر الأداة البرمجية HTML
- انتقل إلى إدارة الصفحة الرئيسية.
- حدد علامة تبويب الأدوات البرمجية.
- أنشئ أداة برمجية مخصصة جديدة أو حرر أداة برمجية موجودة.
- في علامة التبويب الخصائص، حدد موقع توفير الأداة البرمجية لـ وانقر فوق إضافة وحدات تنظيمية.
- حدد الوحدات التنظيمية التي تريد أن تتوفر فيها الأداة البرمجية.
- حدد علامة التبويب المحتوى وبدّل إلى محرر مصدر HTML.
الخطوة 3: ربط ملفات CSS وJavaScript الخارجية
في مقطع <head> الخاص بالأداة البرمجية HTML، اربط ملفاتك المخزنة في الملفات العامة باستخدام مسار نسبي يبدأ بـ /مشترك، تتبعه بنية المجلد.
|
تلميح: المسار /المشترك حساس لحالة الأحرف. |
الشكل: مثال على ربط ملفات CSS وJavaScript الخارجية المخزنة في الملفات العامة باستخدام مسار /مشترك.
الخطوة 4: إنشاء أداة برمجية خاصة بك ونشرها
استخدم محرر HTML لإضافة أداة برمجية خاصة بك. بمجرد الانتهاء، أضف الأداة البرمجية إلى الصفحة الرئيسية المناسبة بحيث تظهر للمتعلّمين أو المعلّمين.