‫‪4141‬هـ‬

‫التصميم الرقمي للمقررات املدرسية‬

‫إعداد األستاذ ‪ /‬أمحد بن حممد املعارك‬

‫‪4141‬هـ‬
 ‫‪2‬‬
‫التصميم الرقمي ‪CourseLab‬‬

‫وصف الربنامج التدريبي‬

‫إن التوجه العاملي احلالي يف التعليم اآلن ينحو حنو التعليم اإللكرتوني وقد ظهرت يف اآلونة األخرية‬
‫العديد من برامج التعليم االلكرتوني ومنها برنامج الكورس الب ( ‪ ) CourseLab‬وهذا الربنامج‬
‫يساعدك يف بناء وتصميم مقرر تعليمي يف صورة مقررات إلكرتونية حتتوي عروض تقدميية و وسائط‬
‫متعددة واختبارات كل ذلك يف شكل تفاعلي ‪ ،‬ثم حتويلها إىل أشكال خمتلفة كمواقع الويب و‬
‫نظم التعليم اإللكرتوني املختلفة طبقا للمعايري العاملية ‪.‬‬

‫متطلبات البرنامج التدريبي‪:‬‬

‫‪ ‬خربة جيدة يف استخدام احلاسب اآللي واالنرتنت‪.‬‬

‫‪ ‬خربة جيدة يف استخدام برامج األوفيس وخاصة برنامج العروض التقدميية‪.‬‬
‫‪ ‬توفر حمتوى تعليمي ألحد مقررات املتدرب ( نصوص‪ ،‬صور‪ ،‬مقاطع مرئية – صوتيه –‬
‫فالشية ‪ ..‬اخل)‪.‬‬

‫الفئة المستهدفة‪:‬‬

‫‪ ‬مربجمي و مصممي املقررات‪.‬‬

‫‪‬‬ ‫‪‬‬
‫‪ ‬املعلمني ‪.‬‬
‫‪ ‬املهتمني مبجال التعلم اإللكرتوني ‪.‬‬

‫الحد األعلى للحضور‪:‬‬

‫‪61‬متدربا‬
‫المخرجات‪:‬‬

‫يف نهاية الربنامج التدرييب سيتمكن املتدرب من ‪:‬‬

‫‪ .6‬التعرف على املقرر الرقمي وهيكلته‪.‬‬

‫‪ .2‬التعرف على برنامج (‪ )Course Lab‬وأبرز مميزاته‪.‬‬
‫‪ .3‬التطبيق العملي خطوة خبطوة لعملية بناء مقرر ‪ ،‬ووحدة تعليمية ‪.‬‬
‫‪ .4‬التطبيق العملي خطوة خبطوة لتصميم اختبار إلكرتوني‪.‬‬
‫‪ .5‬تنفيذ مشروع نهائي‪ :‬سيقوم كل متدرب بتصميم متكامل لوحدة تعليمية ألحد مقرراته ‪.‬‬
 ‫‪3‬‬
‫التصميم الرقمي ‪CourseLab‬‬

‫املنهاج‬

‫عدد‬
‫الساعات‬
‫الهدف السلوكي‬ ‫الوحدة التدريبية‬ ‫م‬

‫‪ ‬أن يعرّ ف المتدرب مفهوم الوسائط‬

‫المتعددة‬
‫‪ ‬أن يعدد مراحل إنتاج الوسائط‬
‫‪2‬‬ ‫‪ 4‬الوسائط المتعددة والتصميم‬
‫المتعددة وأهم مستلزمات التنفيذ‬
‫التعليمي‬
‫‪ ‬أن يحدد أفضل أنواع التصميم‬
‫التعليمي وأهم مراحله‬

‫‪ ‬أن يعدد أبرز خصائص البرنامج‬

‫‪2‬‬ ‫ومميزاته‬ ‫‪ 2‬التعرف على برنامج‬
‫‪ ‬أن ينصب البرنامج ويفعله‬ ‫‪CourseLab‬‬

‫‪ ‬أن يدددددرج الكائنددددات ويعدددددل علدددد‬

‫خصائصدددها لتتناسدددب مددد العدددر‬
‫‪6‬‬ ‫‪ 4‬التعامل مع الكائنات وتصميم‬
‫المطلوب‬
‫األسئلة‬
‫‪ ‬أن يصمم أسئلة‬

‫‪ ‬أن يصدددددمم ا سدددددئلة وا ختبدددددارات‬

‫ويتحكم بخصائصها‬
‫‪2‬‬ ‫‪ 1‬تصميم االختبارات ونشر‬
‫‪ ‬أن ينشدددددددددر البرندددددددددامج ويدددددددددتحكم‬
‫البرنامج‬
‫بخصائصه‬

‫‪42‬‬
‫المجموع‬
 ‫‪4‬‬
‫التصميم الرقمي ‪CourseLab‬‬

‫اجلدول الزمني للربنامج التدريبي‬

‫عدد الساعات‬ ‫الموضوع‬ ‫رقم‬ ‫اليوم‬

‫الجلسة‬ ‫الوحدة‬
‫النشاط‬
‫‪ ‬التعارف‪.‬‬
‫‪4/4/4‬‬
‫‪ ‬الوسائط المتعددة‬
‫‪2‬‬ ‫‪2/4/4‬‬ ‫ا ول‬ ‫األولى‬
‫‪ ‬مراحل إنتاج الوسائط المتعددة‬
‫‪4/4/4‬‬
‫‪ ‬التصميم التعليمي‬
‫‪ ‬تحميل البرنامج وتنصيبه‬ ‫‪4‬‬ ‫الثانية‬
‫‪4/2/4‬‬
‫‪ ‬بداية العمل عل البرنامج‬
‫‪2‬‬ ‫‪2/2/4‬‬ ‫الثانية‬
‫‪ ‬التعرف عل الشاشة الرئيسية‬
‫‪4/2/4‬‬
‫‪ ‬أنواع الشرائح‬
‫‪ ‬مقدمة في التعامل م الكائنات‬
‫‪4/4/2‬‬
‫‪ ‬التعامدددددل مددددد الصدددددور مربددددد‬
‫‪2‬‬ ‫‪2/4/2‬‬ ‫الثالثة‬
‫النص الجداول‬
‫‪4/4/2‬‬
‫‪ ‬إضافة حدث ‪Action‬‬
‫‪2‬‬
‫التعامل م البالونات‬ ‫‪4/1/2‬‬
‫الددتحكم فددي الصددورة التفاعليددة ‪Agent‬‬ ‫‪2/1/2‬‬
‫‪2‬‬ ‫الرابعة‬
‫‪Control‬‬ ‫‪4/1/2‬‬ ‫الثالثة‬
‫التعامل م النوافذ المنبثقة‬ ‫‪1/1/2‬‬

‫‪4/5/4‬‬
‫التعامل م الكائنات الخارجية‬ ‫‪2/5/4‬‬
‫‪2‬‬ ‫الخامسة‬
‫إضافة أسئلة‬ ‫‪4/5/4‬‬
‫‪1/5/4‬‬ ‫‪4‬‬
‫‪4/6/4‬‬
‫تصميم ا ختبارات‬
‫‪2‬‬ ‫‪2/6/4‬‬ ‫السادسة‬ ‫الرابعة‬
‫نشر العر‬
‫‪4/6/4‬‬
‫‪42‬‬ ‫المجموع‬
 ‫‪5‬‬
‫التصميم الرقمي ‪CourseLab‬‬

‫النسب املئوية إلجراءات اجللسات التدريبية‬

‫النسبة‬ ‫اإلجراء‬ ‫م‬

‫‪%4.1‬‬ ‫التعارف وتوزي المجموعات‬ ‫مقدمة‬ ‫‪4‬‬
‫‪%11.5‬‬ ‫المدرب المناقشة‬ ‫عر‬
‫‪2‬‬
‫‪%5‬‬ ‫النشاطات الجماعي‬ ‫‪1‬‬
‫‪%15.4‬‬ ‫النشاط الفردي‬ ‫‪5‬‬
‫‪%411‬‬ ‫المجموع‬

‫المعارف ‪%41‬‬
‫المهارات ‪%01‬‬
 ‫‪6‬‬
‫التصميم الرقمي ‪CourseLab‬‬

‫إرشادات للمتدربني‬
‫أخي املتدرب الفاضل ‪ ..‬نأمل مراعاة اإلرشادات التالية ألهميتها يف حتقيق أهداف الربنامج‬
‫التدرييب‪:‬‬
‫ننصح بوجود قرص مرن أو قلم ذاكرة (‪ )Flash Disk‬معك خالل اجللسات حلفظ ملفاتك‬ ‫‪.6‬‬
‫واالستفادة من ملفات زمالئك‪.‬‬
‫يفضل إحضار دفرت التحضري ألحد املواد اليت تدرسها إىل اجللسات‪.‬‬ ‫‪.2‬‬
‫ال بد من وجود احلقيبة التدريبية معك يف مجيع اجللسات التدريبية‪.‬‬ ‫‪.3‬‬
‫اإلطالع على احلقيبة التدريبية واإلعداد اجليد للجلسات‪.‬‬ ‫‪.4‬‬
‫يبدأ الربنامج التدرييب الساعة الثامنة صباحاً وينتهي الساعة‪66:51‬دقيقة‪.‬‬ ‫‪.5‬‬
‫يبدأ التحضري بعد مخس دقائق من بداية اجللسة التدريبية‪.‬‬ ‫‪.1‬‬
‫املشاركة الفعالة وتبادل اخلربات هدف أساسي للربنامج التدرييب‪.‬‬ ‫‪.7‬‬
‫التأخر عن اجللسات قد حيجب الشهادة عن املتدرب‪.‬‬ ‫‪.8‬‬
‫حضور مجيع اجللسات شرط للحصول على الشهادة ‪ ،‬كما أن املادة العلمية تراكمية‬ ‫‪.9‬‬
‫فغياب جلسة واحدة يؤثر على فهمك للمعارف يف اجللسات اليت تليها‬
‫إغالق أجهزة اجلوال والنداء داخل القاعة التدريبية‪.‬‬ ‫‪.61‬‬
‫املالحظات واالقرتاحات ميكن تقدميها إىل املدرب أو الشئون التدريبية‪.‬‬ ‫‪.66‬‬
‫تعبئة منوذج تقييم الربنامج بدقة يساعد على تطويره وجناحه‪.‬‬ ‫‪.62‬‬
‫استالم شهادة الربنامج إلكرتونية عرب موقع إدارة التدريب‪.‬‬ ‫‪.63‬‬
‫إن املمارسة العملية املستمرة للمهارات املكتسبة يف الربنامج التدرييب يضمن عدم فقدانها‪.‬‬ ‫‪.64‬‬
‫عند انتهاء اجللسة اتبع اخلطوات التالية‪:‬‬ ‫‪.65‬‬
‫احفظ العرض الذي مت تصميمه يف الفالش ميموري لكي تتمكن من إكمال مامل تكمله‬ ‫‪‬‬
‫أثناء اليوم التدرييب يف املنزل‪.‬‬
‫أغلق مجيع التطبيقات وامللفات املفتوحة‪.‬‬ ‫‪‬‬
‫أوقف تشغيل اجلهاز باستخدام األمر "إيقاف التشغيل" يف القائمة "ابدأ"‪.‬‬ ‫‪‬‬
‫‪7‬‬
‫التصميم الرقمي ‪CourseLab‬‬

‫الرموز املستخدمة يف احلقيبة‬

‫المعن‬ ‫الرمز‬

‫زمن النشاط أو الجلسة‬

‫نشاط جماعي‬

‫نشاط فردي‬

‫مادة علمية‬
 ‫‪8‬‬
‫التصميم الرقمي ‪CourseLab‬‬

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

‫وتعددت أمناطه وطرقه ‪،‬ومن أبرزها منط التعلم الفردي أو الذاتي ‪ -‬الذي يسري فيه املتعلم حسب‬
‫‪ -‬وذلك كحل يف مواجهة هذه‬ ‫طاقته وقدرته وسرعة تعلمه ووفقاً ملا لديه من خربات ومهارات سابقة‬
‫التغريات ‪ ،‬فظهر مفهوم التعليم املربمج ‪ ،‬ومفهوم التعليم مبساعدة احلاسب اآللي ‪ ،‬ومفهوم التعليم من بعد‬
‫والذي يتعلم فيه الطالب يف أي مكان دون احلاجة لوجود املعلم بصفة دائمة وبشكل متزامن أو غري متزامن ‪.‬‬

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

‫وحنن يف هذا الربنامج التدرييب سنتطرق إىل منط من أمناط التعلم اإللكرتوني وهو التعليم املربمج ‪ ،‬ويعرفه‬
‫ولربشرام بأنه طريقة من طرائق التعلم الفردي متكن الفرد من أن يعلم نفسه بنفسه عن طريق‬
‫برنامج أعد هلذا الغرض وبأسلوب خاص وهذا الربنامج قد يكون كتاباً مربجماً أو آلة تعليمية أو فيلماً‬

‫وعليه فإن هذا الربنامج التدرييب سيشمل مهارات تتعلق بالتصميم الرقمي للمحتوى التعليمي ‪ ،‬على أن يتم‬
‫التطبيق وفق برنامج مت اختياره بعناية لعدد من املزايا اليت يتصف بها واليت سنتطرق هلا يف الصفحات املقبلة‬
‫وهو برنامج ‪CourseLab‬‬

‫آمل أن تقضي أخي املتدرب وقتا ممتعا مع برناجمنا التدرييب وأن جتد بغيتك ومقصودك من خالل املهارات‬
‫اليت ستطبقها من خالل األنشطة التدريبية املصاحبة ‪.‬‬
‫‪9‬‬
‫التصميم الرقمي ‪CourseLab‬‬

‫الوحدة األوىل‬

‫الوسائط املتعددة والتصميم التعليمي‬

‫األهداف السلوكية للوحدة‪:‬‬

‫‪ ‬أن يعرّف املتدرب مفهوم الوسائط املتعددة‬
‫‪ ‬أن يعدد مراحل إنتاج الوسائط املتعددة وأهم مستلزمات التنفيذ‬
‫‪ ‬أن حيدد أفضل أنواع التصميم التعليمي وأهم مراحله‬

‫الزمن‪ 2 :‬ساعة تدريبية‬

‫موضوعات الوحدة‪:‬‬
‫‪ ‬الوسائط املتعددة‬
‫‪ ‬مراحل إنتاج الوسائط املتعددة‬
‫‪ ‬التصميم التعليمي‬
‫‪01‬‬
‫التصميم الرقمي ‪CourseLab‬‬

‫الجلسة األولى‬
‫هدف اجللسة‪:‬‬
‫‪ ‬أن يعرّف املتدرب مفهوم الوسائط املتعددة‬
‫‪ ‬أن يعدد مراحل إنتاج الوسائط املتعددة وأهم مستلزمات التنفيذ‬
‫‪ ‬أن حيدد أفضل أنواع التصميم التعليمي وأهم مراحله‬

‫موضوعات اجللسة‪:‬‬
‫‪ ‬الوسائط املتعددة‬
‫‪ ‬مراحل إنتاج الوسائط املتعددة‬
‫‪ ‬التصميم التعليمي‬

‫املواد الالزمة‪:‬‬
‫‪ ‬حواسيب ‪ +‬جهاز عرض البيانات‪.‬‬
‫‪ ‬حقيبة املتدرب‪.‬‬

‫اجلدول الزمين‪:‬‬
 ‫‪00‬‬
‫التصميم الرقمي ‪CourseLab‬‬

‫التعارف‪:‬‬

‫‪ 41‬دقيقة‬

‫يتم توزيع بطاقة التعارف واليت حتتوي على‪:‬‬

‫االسم ‪ -‬الكنية ‪ -‬رقم اجلوال‪.‬‬
‫العمر ‪ -‬احلالة االجتماعية ‪ -‬عدد األوالد‪.‬‬
‫املؤهل وتارخيه ‪ -‬التخصص‪.‬‬
‫اجلامعة ‪ -‬الكلية‪.‬‬
‫اخلربات السابقة‪.‬‬
‫العمل احلالي ‪ -‬اهلاتف‪.‬‬
‫االهتمامات اخلاصة واهلوايات‪.‬‬
‫صفة ترغب أن يعرفها عنك اآلخرون‪.‬‬
‫يتم التعارف فردياً أو ثنائياً‪.‬‬

‫توزيع اجملموعات‪:‬‬
‫يتم توزيع املتدربني إىل جمموعات عدد أفراد كل منها ‪.6-1‬‬
‫ختتار كل جمموعة رئيساً لإلشراف عليها‪.‬‬
‫‪02‬‬
‫التصميم الرقمي ‪CourseLab‬‬

‫‪‬‬
‫‪ 41‬دقائق‬

‫(‪)1/1/1‬‬
‫آمل منك أخي الكريم كتابة ما تتوقع احلصول‬
‫عليه بعد نهاية الربنامج التدرييب ‪.‬‬

‫‪.....................................................................................................................‬‬

‫‪.....................................................................................................................‬‬

‫‪.....................................................................................................................‬‬

‫‪.....................................................................................................................‬‬

‫‪.....................................................................................................................‬‬

‫‪.....................................................................................................................‬‬

‫‪.....................................................................................................................‬‬

‫‪.....................................................................................................................‬‬

‫‪.....................................................................................................................‬‬

‫‪.....................................................................................................................‬‬

‫‪.....................................................................................................................‬‬

‫‪.....................................................................................................................‬‬

‫‪.....................................................................................................................‬‬
‫‪03‬‬
‫التصميم الرقمي ‪CourseLab‬‬

‫‪‬‬
‫‪ 45‬دقيقة‬

‫(‪)2/1/1‬‬
‫آمل منك أخي الكريم وبالتعاون مع جمموعتك‬
‫كتابة تصور واضح عن مفهوم الوسائط املتعددة‬
‫ومراحل إنتاجها‪.‬‬
‫‪.....................................................................................................................‬‬

‫‪.....................................................................................................................‬‬

‫‪.....................................................................................................................‬‬

‫‪.....................................................................................................................‬‬

‫‪.....................................................................................................................‬‬

‫‪.....................................................................................................................‬‬

‫‪.....................................................................................................................‬‬

‫‪.....................................................................................................................‬‬

‫‪.....................................................................................................................‬‬

‫‪.....................................................................................................................‬‬

‫‪.....................................................................................................................‬‬

‫‪.....................................................................................................................‬‬

‫‪.....................................................................................................................‬‬
 ‫‪04‬‬
‫التصميم الرقمي ‪CourseLab‬‬

‫تعريف الوسائط املتعددة ‪Multimedia‬‬

‫تعرف الوسائط املتعددة كمصطلح عام بأنها‪ " :‬استخدام عدة وسائط لتقديم املعلومات‪ .‬و قد يتضمن ذلك‬
‫دجما بني النصوص‪ ،‬و الرسوميات‪ ،‬و احلركة ‪ ،‬و الصور‪ ،‬والفيديو‪ ،‬و الصوت"‪( .‬قصري‪ ،2110،‬ص‪(44.‬‬
‫و يعرف نصر (‪ )4124‬الوسائط املتعددة بأنها‪ " :‬استخدام منظومة متكاملة من الوسائط الكمبيوترية‬
‫التفاعلية مثل الرسوم الثابتة و املتحركة ثنائية و ثالثية األبعاد‪ ،‬والتسجيالت الصوتية و املوسيقية‪ ،‬و األلوان‬
‫‪ ،‬و لقطات الفيديو‪ ،‬إىل جانب النص املكتوب بأشكاله املختلفة ‪ ،‬حبيث يتم توظيف تكنولوجيا تلك‬
‫الوسائط بطريقة تفاعلية إىل أقصى حد ممكن حتت حتكم الكمبيوتر باستخدام برامج التأليف‬
‫الكمبيوترية لتصميم برنامج تعليمي‪ ،‬ميكن أن يتعلمه التلميذ بطريقة فردية من خالل كمبيوتر‬
‫شخصي‪ ،‬أو بطريقة مجاعية من خالل مواقف تعليم يديرها املعلم من خالل شاشة عرض خارجية تعرض‬
‫حمتويات الربنامج باستخدام جهاز العرض فوق الرأس املتصل بالكمبيوتر بواسطة جهاز)‪ ، (LCD‬أو جهاز‬
‫العرض املتصل باحلاسب ذلك بهدف تنمية حتصيل التالميذ و تفكريهم االبتكاري‪".‬‬
‫و يشري هوفستيرت إىل الوسائط املتعددة بأنها‪ " :‬استخدام الكمبيوتر يف عرض و تكوين النص املكتوب‪ ،‬و‬
‫الرسومات اخلطية‪ ،‬و الصوت ‪ ،‬و الفيديو ‪ ،‬مع الوصالت و األدوات اليت جتعل املستخدم يتجول و يتفاعل و‬
‫يبتكر و يتصل" (عتمان‪ ،‬و عوض‪)2114،‬‬
‫كما تعرف الوسائط املتعددة بأنها‪ " :‬تطبيقات احلاسب اآللي اليت تدمج الصور و الرسوم الثابتة و‬
‫املتحركة‪ ،‬بنظام تشعيب و على حنو متكامل ‪ ،‬و يتفاعل معها املستخدم (املتعلم) وفق حاجته و قدراته‪".‬‬
‫وتتضح أهمية الوسائط املتعددة يف التعليم مبساعدتها على ثبات املعلومة حيث ينت الدراسات املختلفة أن‬
‫اإلنسان يستطيع أن يتذكر ‪ %21‬مما يسمعه‪ ،‬ويتذكر ‪ % 11‬مما يسمعه ويراه‪ ،‬أما إن مسع ورأى وعمل فان‬
‫هذه النسبة ترتفع إىل حوالي ‪ .%11‬بينما تزداد هذه النسبة يف حالة تفاعل اإلنسان مع ما يتعلمه من خالل هذه‬
‫الطرق (تراسي ‪)1002، Traci‬‬

‫مراحل إنتاج الوسائط املتعددة‪:‬‬

‫يشري بينزل و موريس إىل مراحل إنتاج برامج الوسائط املتعددة بأنها‪:‬‬
‫‪ .6‬مرحلة التصميم ‪Design‬‬
‫‪ .2‬مرحلة االنتاج ‪Production‬‬
‫‪ .3‬مرحلة الربجمة ‪Programming‬‬
‫‪ .4‬مرحلة اختبار املنتج ‪Product Testing‬‬
‫‪ .5‬مرحلة التوثيق ‪Documentation‬‬
 ‫‪05‬‬
‫التصميم الرقمي ‪CourseLab‬‬

‫وهناك من يرى بأن مراحل إعداد برجميات الوسائط املتعددة يتضمن املراحل التالية‪:‬‬
‫‪ ‬مرحلة التصميم و التحليل ‪ : Analysis & Design‬ويتم فيها وضع تصور كامل ملشروع‬
‫الربجمية‪ ،‬و تتضمن عدة خطوات فرعية كتقدير احلاجات‪ ،‬و حتديد األهداف العامة و السلوكية‬
‫‪ ،‬و حتديد طرق التعزيز و طرق عرض الربجمية‪.‬‬
‫‪ ‬مرحلة تصميم السيناريو ‪ : Scenario Design‬يتم فيها حتويل ما مت تصميمه على خطوط‬
‫عريضة إىل إجراءات تفصيلية مسجلة على الورق‪.‬‬
‫‪ ‬مرحلة اإلنتاج (التنفيذ) ‪ : Executing‬هي حملة االنتاج الفعلي و اليت يتم فيها اختيار نظام‬
‫التأليف املناسب و توفري األجهزة املطلوبة و التجريب املبدئي‪( .‬سالمة‪4121 ،‬هـ)‬
‫إن إنتاج برامج الوسائط املتعددة و تصميمها يتضمنان مراحل رئيسة و فرعية تتطلب التعاون بني أعضاء فريق‬
‫ذو اختصاصات متعددة توزع بينهم مسؤوليات العمل‪.‬‬
‫فريق العمل إلنتاج برجميات الوسائط املتعددة ‪:‬‬
‫إن شخصا واحدا ال ميكنه القيام مبهمة إنتاج برجمية الوسائط املتعددة‪ ،‬بل يكلف بهذه املهمة كادر‬
‫بشري يتفاوت يف مؤهالته األكادميية والرتبوية و املهمات اليت يقوم بها يف هذه العملية ‪ .‬و يشري نصر‬
‫(‪ )4124‬بأن فريق الربجمية يف حقيقته عبارة عن ثالث فرق متفاوتة هي ‪:‬‬
‫فريق التصميم ‪ :‬و الذي يتوىل حتويل املادة العلمية إىل نص تعليمي أو سيناريو قابل لإلنتاج‪ ،‬ويضم معد املادة‬
‫العلمية أو املؤلف و كاتب النص التعليمي (السيناريست) و خبري تربوي‪.‬‬
‫فريق اإلنتاج ‪ :‬و الذي يتوىل حتويل النص التعليمي إىل برنامج صوت و صورة ثابتة أو متحركة على خمتلف‬
‫قوالب االنتاج‪ ،‬و يضم املخرج و املصور و مهندس الصوت و مهندس اإلضاءة و الرسام و اخلطاط و مشغل‬
‫كمبيوتر برامج الرسام و خبري القطع و الرتكيب (املونتري) الذي يقوم باملونتاج و القص و الرتكيب و إعادة‬
‫الطبع‪.‬‬
‫فريق االستخدام ‪ :‬يهتم بتقديم الربامج للدارسني سواء يف نظام التعليم الفردي أو اجلمعي‪ ،‬و يشرف على‬
‫العرض و األنشطة التعليمية و االختبارات‪ ،‬ويضم مدرس املادة و مشرف العمل و مسؤول التداول و أمني‬
‫مكتبة املواد التعليمية‪.‬‬

‫لوحة القصة ‪Storyboard‬‬

‫يرد هذا املصطلح كثريا ملن يقوم بتصميم الربامج التفاعلية ونقصد بلوحة القصة أنها عبارة عن رسوم أو‬
‫صور مرتبة بصورة متسلسلة الغرض منها عرض تصوير مبدئي للمَشاهد يف األفالم والرسوم‬
‫املتحركة واملواد اإلعالمية واملواقع التفاعلية‪.‬‬
‫طورت عملية رسم لوحة القصة ‪-‬بالشكل املتعارف عليه حالياً ‪ -‬يف ستوديو ديزني ببداية العقد الثالث من‬
‫القرن العشرين‪ .‬وبعد عدة سنوات من استخدام عمليات مشابهة‪ ،‬بدأ استخدام لوحة القصة يف ستوديوهات‬
‫ديزني واالستوديوهات أخرى‪.‬‬
 ‫‪06‬‬
‫التصميم الرقمي ‪CourseLab‬‬

‫‪ 45‬دقيقة‬

‫(‪)3/1/1‬‬
‫آمل منك أخي الكريم وبالتعاون مع جمموعتك شرح‬
‫مفهوم التصميم التعليمي وأبرز مراحله‪.‬‬

‫‪.....................................................................................................................‬‬

‫‪.....................................................................................................................‬‬

‫‪.....................................................................................................................‬‬

‫‪.....................................................................................................................‬‬

‫‪.....................................................................................................................‬‬

‫‪.....................................................................................................................‬‬

‫‪.....................................................................................................................‬‬

‫‪.....................................................................................................................‬‬

‫‪.....................................................................................................................‬‬

‫‪.....................................................................................................................‬‬

‫‪.....................................................................................................................‬‬

‫‪.....................................................................................................................‬‬

‫‪.....................................................................................................................‬‬
 ‫‪07‬‬
‫التصميم الرقمي ‪CourseLab‬‬

‫التصميم التعليمي‬
‫حتدثنا عن تصميم الوسائط املتعددة بشكل عام وهنا نسلط الضوء‬
‫على تصميم تلك الوسائط لتحقيق أهداف تعليمية وقد تعددت مناذج‬
‫التصميم التعليمي ولعل من أبرزها منوذج جانيه و يرمز له بـ ‪ADDIE‬‬
‫ويعترب النموذج النموذج العام الذي تشتق منه مجيع النماذج األخرى‪ .‬وقد‬
‫أخذ النموذج احلروف األوىل من كل من مراحله اخلمسة‪.‬‬

‫يتضح من الشكل أن العملية تبدأ من التحليل إىل التقويم حيث توضح اخلطوط املتصلة مسار العملية‬
‫واخلطوط املتقطعة مسار التغذية الراجعة‪.‬‬

‫وتنقسم أنواع الربجميات التعليمية إىل قسمني هما ‪:‬‬

‫‪ ‬التصميم اخلطى ‪: Linear Design‬‬
‫من أبسط أساليب تصميم الربامج ولكنه يُلزم مجيع املتعلمني بالسري يف نفس اخلطوات التعليمية يف‬
‫الربنامج‪ .‬فلكي يتعلم الطالب مفهوماً معيناً البد له من املرور بكل اإلجراءات اليت يقررها الربنامج ويف‬
‫نفس الرتتيب للمعلومات واألمثلة والتدريبات‪.‬‬
‫التصميم املتفرع ‪: Branching Design‬‬ ‫‪‬‬
‫تعد اختيارات التفرع يف الربنامج من أهم العوامل اليت تعتمد عليها قدرة الربنامج على تقديم تعليم فردى‪.‬‬
‫ويقصد بالتفرع داخل الربنامج قدرته على التقدم لألمام أو الرجوع للخلف أو الذهاب إىل أي نقطة يف‬
‫الربنامج بناءً على طلب املستخدم‪ .‬وتستخدم إجراءات التفرع داخل الربنامج عندما يراد ختطى بعض‬
‫التدريبات للوصول إىل االختبار البعدي أو دراسة موضوع دون املرور باملوضوعات األخرى‪.‬‬
‫‪08‬‬
‫التصميم الرقمي ‪CourseLab‬‬

‫الوحدة الثانية‬

‫التعرف على برنامج الكورس الب‬

‫األهداف السلوكية للوحدة‪:‬‬

‫‪ ‬أن يعدد أبرز خصائص الربنامج ومميزاته‬

‫‪ ‬أن ينصب الربنامج ويفعله‬

‫الزمن‪ 2 :‬ساعة تدريبية‬

‫موضوعات الوحدة‪:‬‬
‫‪ ‬بعض املصطلحات املستخدمة يف الربنامج‬
‫‪ ‬احلصول على الربنامج وتنصيبه‬
‫‪ ‬بداية العمل على الربنامج‬
‫‪ ‬التعرف على الشاشة الرئيسية‬
‫‪09‬‬
‫التصميم الرقمي ‪CourseLab‬‬

‫الجلسة الثانية‬
‫هدف اجللسة‪:‬‬
‫‪ ‬أن يعدد أبرز خصائص الربنامج ومميزاته‬

‫‪ ‬أن ينصب الربنامج ويفعله‬

‫موضوعات اجللسة‪:‬‬
‫‪ ‬بعض املصطلحات املستخدمة يف الربنامج‬
‫‪ ‬احلصول على الربنامج وتنصيبه‬
‫‪ ‬بداية العمل على الربنامج‬
‫‪ ‬التعرف على الشاشة الرئيسية‬

‫املواد الالزمة‪:‬‬
‫‪ ‬حواسيب ‪ +‬جهاز عرض البيانات‪.‬‬
‫‪ ‬حقيبة املتدرب‪.‬‬

‫اجلدول الزمين‪:‬‬
‫‪21‬‬
‫التصميم الرقمي ‪CourseLab‬‬

‫‪‬‬
‫‪ 21‬دقيقة‬

‫(‪)1/2/1‬‬
‫آمل منك أخي الكريم البحث عن برنامج‬
‫‪ CourseLab‬وتنصيبه‬
 ‫‪20‬‬
‫التصميم الرقمي ‪CourseLab‬‬

‫بعض املصطلحات املستخدمة يف الربنامج‬

‫قبل البدء بالتعرف على برنامج جيدر بنا التعرف على بعض املصطلحات يف الربنامج لكي يسهل التعامل‬
‫معها منها ‪:‬‬

‫‪:Course‬‬
‫جمموعة دروس يف موضوع واحد ‪ ،‬ويقصد به هنا املوضوع الرئيسي الذي يتكون من وحدة أو أكثر من‬
‫الوحدات التعليمية‪.‬‬
‫‪: Chapter‬‬
‫باب أو فصل تعليمي ‪ ،‬ويقصد به هنا اجمللد الذي يضم وحدة تعليمية أو أكثر ‪.‬‬
‫‪: Module‬‬
‫وحدة تعليمية مصغرة ‪ ،‬وهي املكون الرئيسي للكورس ‪ Course‬فكل كورس البد أن حيتوي على وحدة‬
‫أو أكثر ‪.‬‬
‫‪: Frame‬‬
‫إطار عرض ‪ ،‬فكل شرحية تتكون من إطار يوضح املادة أو فريم واحد على األقل ‪ ،‬وميكن إضافة‬
‫اإلطارات للشرحية الواحدة‪.‬‬
‫‪: Timeline‬‬
‫اخلط الزمين للعرض ‪ ،‬وهو عبارة عن حقل جمدول مبسطرة زمنية يف أعاله لتوضيح التوقيت الزمين لعرض‬
‫الكائنات التعليمية والعناصر املكونة لنافذة العرض ‪.‬‬
‫‪: Learning Object‬‬
‫الكائنات التعليمية اليت ميكن إدراجها إىل اإلطار ‪ ،‬وهي النصوص املكتوبة ‪ ،‬والنصوص املسموعة‪،‬‬
‫واملؤثرات الصوتية‪ ،‬والصور الثابتة‪ ،‬والصور املتحركة‪ ،‬والرسوم الثابتة ‪ ،‬والرسوم‬
‫املتحركة‪.‬‬
‫وعند إدراج كائن يف برنامج ‪ CorseLab‬يقوم الربنامج بتسمية الكائن ‪ ،‬فيقوم بوضع ثالثة حروف األوىل‬
‫من كلمة كائن ‪ Object‬ويقوم أيضا بإعطائه رقما تسلسليا ‪ ،‬فيكون اسم الكائن مكون من احلروف‬
‫‪ OBJ‬والرقم التسلسلي متل (‪ (OBJ_425( ، (OBJ_65( ، (OBJ_24‬وهكذا‪.‬‬

‫‪ : Slide‬وهي الشرحية املكونة للدرس ‪.‬‬

‫‪ :Title Slide‬شرحية العنوان ‪.‬‬
‫‪ :Master Slide‬الشرحية الرئيسية ‪.‬‬
‫‪ :Normal Slide‬شرحية العرض ‪.‬‬
 ‫‪22‬‬
‫التصميم الرقمي ‪CourseLab‬‬

‫احلصول على برنامج ‪Courselab‬‬

‫مبا أن برنامج ‪ Courselab‬من الربامج اجملانية لذا فإنه ميكن احلصول عليه من شبكة اإلنرتنت‬
‫بالدخول املباشر على موقع الربنامج ‪ www.courselab.com‬واختيار تنزيل الربنامج ‪ Download‬واختيار‬
‫اإلصدار مدفوع الثمن ‪ CourseLab 2.7‬أو اجملاني ‪.‬‬

‫بعد ذلك ستظهر لك شاشة توضح متطلبات تشغيل الربنامج ‪ ،‬ومتطلبات العرض بعد التصميم وكذلك زر‬
‫لتحميل الربنامج إىل جهازك‪.‬‬

‫بعد النقر على زر حتميل الربنامج ستظهر لك النافذة التالية فباختيارك لألمر ‪ Save‬يتم حتميل الربنامج‬
‫حسب املوقع الذي حتدده أنت يف جهازك ‪:‬‬
 ‫‪23‬‬
‫التصميم الرقمي ‪CourseLab‬‬

‫وبعد حتميل الربنامج وتشغيله سرتشدك نوافذ الربنامج لتنصيبه ‪ Install‬يف جهازك ‪ ،‬وعند تشغيل الربنامج‬
‫ألول مرة سيطلب منك تسجيل الربنامج كالتالي ‪:‬‬

‫وبعد النقر على زر التالي ‪ Next‬سيتم إرسال رمز التفعيل على بريدك اإللكرتوني ويطلب منك الربنامج‬
‫إدخاله وعندها يتم تفعيل الربنامج بنجاح ‪.‬‬
‫‪24‬‬
‫التصميم الرقمي ‪CourseLab‬‬

‫‪‬‬

‫‪ 21‬دقيقة‬
‫(‪)2/2/1‬‬
‫آمل منك أخي الكريم إنشاء مقرر تعليمي يتكون‬
‫من وحدة تدريسية واحدة فقط بواسطة برنامج‬
‫>‪CourseLap‬‬
 ‫‪25‬‬
‫التصميم الرقمي ‪CourseLab‬‬

‫بداية العمل بربنامج ‪CourseLab‬‬

‫عند بدء التشغيل ستظهر شاشة البداية وإلنشاء مقرر جديد ‪ Create a New Course‬ميكن اختيار‬
‫األمر ‪ New‬من قائمة ملف ‪File‬‬

‫فستظهر لك شاشة الرتحيب وبالنقر على التالي تظهر لك نافذة بيانات املقرر كالتالي ‪:‬‬

‫وبعد ذلك خترج نافذة تتعلق ببيانات الوحدة التعليمية ‪:‬‬

 ‫‪26‬‬
‫التصميم الرقمي ‪CourseLab‬‬

‫الشاشة الرئيسية لربنامج ‪CourseLab‬‬

‫عند تشغيل برنامج ‪ CourseLab‬تظهر الشاشة الرئيسية اليت ميكن تقسيمها إىل أربعة أقسام هي ‪:‬‬

‫‪4‬‬ ‫‪2‬‬ ‫‪4‬‬ ‫‪1‬‬

‫‪ .6‬اهليكل التنظيمي للدرس ويضم اسم الفصل (‪ )Chapter‬واسم الوحدة ( ‪ ، )Module‬فبعد‬

‫إنشاء املقرر يقوم الربنامج آليا بإنشاء شجرة بالوحدات التعليمية فكل فصل حيوي وحدات وكل‬
‫وحدة حتوي عدد من الدروس‪.‬‬
‫‪ .2‬قائمة بالشرائح اليت حيويها الربنامج التعليمي وشبيهة باملستخدمة يف برنامج البوربوينت وميكن‬
‫تصنيفها لثالثة أنواع ‪:‬‬

‫‪a‬‬ ‫‪b‬‬ ‫‪c‬‬

‫‪ .a‬شرحية العنوان (‪ : )Title‬وهي اليت تظهر فقط عند بداية تشغيل الربنامج‬
‫‪ .b‬الشرحية الرئيسية (‪ : )Master‬وهي شرحية رئيسية بالنسبة لشرائح العرض بعدها ‪،‬‬
‫فكل التنسيق على هذه الشرحية سينطبق على مجيع شرائح العرض اليت تندرج حتتها ‪،‬‬
‫علما أنه باإلمكان إدراج أكثر من شرحية رئيسية يف الدرس الواحد‬
‫‪ .c‬شرحية العرض (‪ : )Normal‬وهي الشرحية اليت حتوي الكائنات التعليمية ومبجموع هذه‬
‫الشرائح يتكون الدرس التعليمي ‪.‬‬
‫‪ .3‬مساحة العمل الرئيسية‬
‫‪ .4‬الوصول السريع لعدد من األوامر واخليارات التفاعلية ‪ ،‬ومن أهمها مكتبة الكائنات ‪Object‬‬
‫)‪)Library‬‬
 ‫‪27‬‬
‫التصميم الرقمي ‪CourseLab‬‬

‫مفاهيم عامة للتصميم الرقمي‬

‫يرتكب احملتوي التعليمي االلكرتوني الذي يتم تصميمه بواسطة الربنامج‪:-‬‬

‫أ ‪-‬األبواب أو الفصول ويفضل عدم اإلكثار من الفصول لالبتعاد عن التعقيد يف عملية التعلم‪.‬‬
‫ب‪-‬الوحدات وهي عبارة عن درس حيتوي على جمموعة من األنشطة التفاعلية ينتهي بتمارين واختبارات‬
‫متنوعة وذلك لتعزيز عملية التعلم ‪ .‬تتكون الوحدات من‪:-‬‬
‫‪ Slides - 6‬وهي املكونات األساسية للوحدة الواحدة حيث يتم فيها الكتابة وإدراج الكائنات‬
‫مبختلف الشرائح مصادرها وأنواعها ‪ ،‬باإلضافة إىل االختبارات والتمارين‪.‬‬
‫‪ Frames -2‬وهي شبيهة باإلطارات املوجودة يف برامج التصميم كالفالش وهي تعترب الوحدة‬
‫اهليكلية األصغر ويوصى بأن يكون عدد اإلطارات بني ‪ 41 – 31‬إطار وذلك الن زيادة عدد‬
‫اإلطارات يؤدي إىل أن يكون العمل بطيء ويكون غري مناسب‬
 ‫‪28‬‬
‫التصميم الرقمي ‪CourseLab‬‬

‫‪‬‬
‫‪ 21‬دقيقة‬

‫(‪)3/2/1‬‬
‫باستخدام برنامج ‪ CourseLab‬أنشئ درسا ضمن وحدة تعليمية وقم باالتي ‪:‬‬

‫‪ ‬تسمية الوحدة‬
‫‪ ‬تسمية الدرس‬
‫‪ ‬تصميم الواجهة الرئيسية للدرس حبيث يكون ضمن تفريعات الواجهة الرئيسية متارين ‪،‬و‬
‫اختبار‬

‫الصورة أدناه قد تفيدك يف تنفيذ املطلوب‬

‫لتشغيل العر‬

‫اسم الوحدة‬

‫اسم الشريحة‬

‫مكتبة الكائنات‬

‫إلدراج صورة‬

‫شريحة العنوان‬ ‫الشريحة الرئيسية‬ ‫شريحة العر‬

‫‪Title‬‬ ‫‪Master‬‬ ‫‪Normal‬‬
 ‫‪29‬‬
‫التصميم الرقمي ‪CourseLab‬‬

‫التعديل على شرحية العنوان ‪Title‬‬

‫كما نالحظ من الصورة العلوية اننا نستطيع‪:-‬‬

‫عند النقراملزدوج على‪ insertLogo‬إلدخال الشعار‬

‫أو النقر املزدوج على ‪Insert course and/or‬‬
‫‪ Module Name‬إلدخال اسم الدرس أو الوحدة‬
‫التعليمية فإنه سيفتح لك نافذة لتحرير النص أو‬
‫إضافة صورة‬

‫التعديل على الشرحية الرئيسية ‪Master‬‬

‫من أهم ما جيب القيام بتعديله يف الشرحية الرئيسية هو اسم الوحدة ‪ ،‬والشعار حيث سيظهر هذا التعديل‬
‫على مجيع شرائح العرض ‪ ،‬كما ميكنك وضع أي تنسيقات أو إدراج أي صور تريد ظهورها يف مجيع‬
‫الشرائح‬

‫التعديل والعمل على شرحية العرض ‪Normal‬‬

‫متثل شرحية العرض درس أو معلومة حمددة ولذلك سنتعلم‬
‫أوال كيف ميكن تسمية هذه الشرحية باسم يناسب الدرس‬
‫‪ ،‬علما أن االسم التلقائي واالفرتاضي ألي شرحية جديدة هو‬
‫‪ Untitled‬وميكن تغيريه عرب نقر زر الفأرة األمين على‬
‫الشرحية املراد تغيري امسها واختيار األمر ‪ Rename‬من‬
‫القائمة املنسدلة‪.‬‬

‫وعندها سيظهر مربع حوار لكتابة اسم الشرحية‬

 ‫‪31‬‬
‫التصميم الرقمي ‪CourseLab‬‬

‫ملحوظات ‪:‬‬

‫‪ ‬بعد تغيري اسم الشرحية ال نالحظ وجود االسم يف شريط الشرحية فقط يظهر االسم عندما‬
‫نقوم بعرض الشرحية يف املتصفح‪.‬‬
‫‪ ‬يظهر اسم الشرحية يف مجيع إطارات الشرحية‪.‬‬
‫‪ ‬يظهر اسم الشرحية يف قائمة احملتويات للمشروع وهذا يساعدنا يف التعرف على عناوين املواضيع‬
‫اليت يتكون منها املشروع بشكل كامل‪.‬‬
‫‪30‬‬
‫التصميم الرقمي ‪CourseLab‬‬

‫الوحدة الثالثة‬

‫التعامل مع الكائنات وتصميم األسئلة‬

‫األهداف السلوكية للوحدة‪:‬‬

‫المطلوب‬ ‫‪ ‬أن يدرج الكائنات ويعدل عل خصائصها لتتناسب م العر‬

‫الزمن‪ 6 :‬ساعة تدريبية‬

‫موضوعات الوحدة‪:‬‬
‫مقدمة في التعامل م الكائنات‬ ‫‪‬‬
‫التعامل م الصور مرب النص الجداول‬ ‫‪‬‬
‫إضافة حدث ‪Action‬‬ ‫‪‬‬
‫التعامل م البالونات‬ ‫‪‬‬
‫التحكم في الصورة التفاعلية ‪Agent Control‬‬ ‫‪‬‬
‫التعامل م النوافذ المنبثقة‬ ‫‪‬‬
‫التعامل م الكائنات الخارجية‬ ‫‪‬‬
‫إضافة أسئلة‬ ‫‪‬‬
‫‪32‬‬
‫التصميم الرقمي ‪CourseLab‬‬

‫الجلسة الثالثة‬
‫هدف اجللسة‪:‬‬

‫‪ ‬أن ينشئ شرحية تعليمية بسيطة باستخدام بعض الكائنات البسيطة‬

‫موضوعات اجللسة‪:‬‬
‫‪ ‬مقدمة في التعامل م الكائنات‬
‫‪ ‬التعامل م الصور مرب النص الجداول‬
‫‪ ‬إضافة حدث ‪Action‬‬

‫املواد الالزمة‪:‬‬
‫‪ ‬حواسيب ‪ +‬جهاز عرض البيانات‪.‬‬
‫‪ ‬حقيبة املتدرب‪.‬‬

‫اجلدول الزمين‪:‬‬
 ‫‪33‬‬
‫التصميم الرقمي ‪CourseLab‬‬

‫‪‬‬

‫‪ 45‬دقيقة‬ ‫(‪)1/3/2‬‬
‫أخي الكريم آمل منك رسم لوحة القصة ‪ storyboard‬للدرس األول الذي ترغب بتصميمه عرب برنامج‬
‫‪ CourseLab‬وفق النموذج الذي سيتم توزيعه من قبل املدرب ‪.‬‬
‫‪34‬‬
‫التصميم الرقمي ‪CourseLab‬‬

‫‪‬‬

‫‪ 21‬دقيقة‬ ‫(‪)2/3/2‬‬
‫أخي الكريم آمل منك حتويل ما رمسته يف لوحة القصة ‪ storyboard‬للدرس األول إىل تصميم‬
‫إلكرتوني باستخدام برنامج ‪. CourseLab‬‬
‫‪35‬‬
‫التصميم الرقمي ‪CourseLab‬‬

‫إضافة كائنات ‪Objects‬‬

‫كبقية الربامج هناك عدة طرق إلدراج كائن ‪ Object‬ومنها استخدام‬
‫قائمة إدراج ‪ insert‬واختيار األمر ‪Object‬‬

‫وأما الطريقة اليت سنعتمدها يف اإلدراج وهي يف نظري الطريقة األسهل أن‬
‫نستخدم مكتبة الكائنات ‪ Object Library‬يف اجلزء األمين يف الشاشة‬
‫الرئيسية‬
‫‪36‬‬
‫التصميم الرقمي ‪CourseLab‬‬

‫التعامل مع الكائنات ‪Objects‬‬

‫تنسيق الصورة املدرجة ‪:‬‬

‫بعد إدراج صورة ورغبتنا يف التعديل عليها فيما يتعلق‬

‫بألوان احلدود وألوان التعبئة ‪ ،‬وحجمها وموقعها ‪،‬‬
‫وإضافة صوت مصاحب لظهورها أو ألسلوب وطريقة‬
‫عرضها أو حالة كونها خمفية أو ظاهرة فإننا نقوم‬
‫بالنقر املزدوج على الصورة ليظهر لنا مربع احلوار‬
‫التالي ‪:‬‬

‫وإلضافة حركة خنتار التبويب ‪ Display‬وإلضافة‬

‫حركة دخول خنتار ‪ Effect‬من ‪Entrance‬‬
‫والختيار حركة خروج وإنهاء خنتار ‪ Effect‬من‬
‫‪Exit‬‬

‫مربع النص ‪Text Box‬‬

‫وهو أحد الكائنات الداخلية وميكن أن يتضمن إما نص أو جدول أوصورة‬
‫إدخال مربع نص ‪Inserting Text Box‬‬

‫نستطيع إضافة مربع نص لإلطار باختيار ‪ Text Box‬من قائمة‬

‫‪Insert‬‬

‫أو من شريط األدوات انقر على مربع نص‬

‫‪37‬‬
‫التصميم الرقمي ‪CourseLab‬‬

‫ولتحرير النص قم بالنقر املزدوج على الشكل‬

‫لتظهر لك نافذة التحرير كما يف الشكل‬
‫املقابل لكتابة النص وإجراء كافة التنسيقات‬
‫عليه‬

‫إدخال جدول داخل النص ‪Insert Table‬‬

‫‪into Text‬‬

‫إلدخال جدول داخل النص انقر على إدراج‬

‫جدول‬
‫يف نافذة التحرير حيث تظهر نافذة جديدة‬
‫إلدخال‬

‫عدد الصفوف واألعمدة كما يلي‬

‫بعد حتديد خصائص اجلدول وخصائص‬

‫اخلاليا انقر على ‪ OK‬حيث جتد اجلدول يف‬
‫نافذة حترير النص‬

‫يوجد على ميني زر إدخال اجلدول جمموعة‬

‫من األزرار اليت نستطيع من خالهلا‬
‫التحكم السريع يف إضافة صفوف أو أعمدة‬
 ‫‪38‬‬
‫التصميم الرقمي ‪CourseLab‬‬

‫‪‬‬

‫‪ 21‬دقيقة‬
‫(‪)3/3/2‬‬
‫أخي الكريم آمل منك إضافة مؤثرات التفرع من الشاشة الرئيسية للوحدة التعليمية إىل الشاشات‬
‫األخرى املتعلقة بالدروس أو التمارين أو االختبارات‬
 ‫‪39‬‬
‫التصميم الرقمي ‪CourseLab‬‬

‫إضافة أحداث ‪Action‬‬

‫عند الرغبة يف إضافة حدث على أحد‬

‫الكائنات املدرجة يف شرحية العرض‬
‫فيمكن حتديد الكائن بعدها النقر على‬
‫الزر األمين للفأرة واختيار أمر ‪ Action‬من‬
‫القائمة املنسدلة‬

‫سيفتح لك نافذة لتحرير احلدث وهي‬

‫مكونة جدول له من ثالثة حقول ‪:‬‬

‫‪ .6‬حقل األحداث ‪: Event‬‬

‫ويقصد بها الوضع املطلوب لتنفيذ احلدث كالنقر على الكائن ‪ ،‬أو النقر املزدوج أو مرور مؤشر الفأرة‬
‫فوق الكائن ‪ ...‬اخل ‪.‬‬

‫‪ .2‬حقل التأثريات ‪: Action‬‬

‫ويقصد بها التأثر أو الفعل املطلوب‬

‫دوثه عند تنفيذ النقر ‪ ،‬أو النقر‬
‫املزدوج ‪ ،‬أو مرور مؤشر الفأرة فوق‬
‫احلدث ‪ ..‬اخل ‪ ،‬ومن تلك التأثريات أو‬

‫‪4‬‬ ‫‪4‬‬ ‫األفعال ما يلي ‪ :‬ذهاب إىل شرحية‬

‫‪2‬‬
‫معينة ‪ ،‬إظهار كائن أو إخفاء كائن‬
‫آخر أو استدعاء ملفات أخرى وتشغيلها‬
‫‪ ...‬اخل ‪.‬‬

‫‪ .3‬حقل حترير احلدث ‪:‬‬

‫وهنا يتم حترير احلدث املطلوب بكل تفاصيله عرب النقر املزدوج على املصدر ليتم نقلك إىل جمموعة من‬
‫النوافذ وحتديد املطلوب ‪.‬‬
 ‫‪41‬‬
‫التصميم الرقمي ‪CourseLab‬‬

‫مثال ‪:‬إذا أدرجنا مربع نص وحنتاج ربطه بشرحية أخرى عند النقر عليه نتبع اخلطوات التالية ‪:‬‬

‫‪ .6‬حندد مربع النص وننقر عليه بزر الفأرة األمين وخنتار أمر ‪Action‬‬
‫‪ .2‬من حقل األحداث ‪ Event‬خنتار األمر ‪ Onclick‬ومن حقل التأثريات ‪ Action‬خنتار ‪Goto‬‬
‫بالنقر املزدوج لتالحظ إضافته يف حقل حترير احلدث ‪Objet‬‬
‫‪ .3‬ويف حقل حترير احلدث ‪ Object‬نقوم بالنقر املزدوج على املصدر ومتابعة النوافذ التالية‬
‫‪40‬‬
‫التصميم الرقمي ‪CourseLab‬‬

‫الجلسة الرابعة‬
‫هدف اجللسة‪:‬‬

‫‪ ‬أن ينشئ شرحية تعليمية بسيطة ويستخدم فيها البالونات التوضيحية‬

‫والنوافذ املنبثقة والصورة التفاعلية ‪Agent‬‬

‫موضوعات اجللسة‪:‬‬
‫‪ ‬التعامل مع البالونات‬
‫‪ ‬التحكم يف الصورة التفاعلية ‪Agent Control‬‬

‫‪ ‬التعامل مع النوافذ املنبثقة‬

‫املواد الالزمة‪:‬‬
‫‪ ‬حواسيب ‪ +‬جهاز عرض البيانات‪.‬‬
‫‪ ‬حقيبة املتدرب‪.‬‬

‫اجلدول الزمين‪:‬‬
 ‫‪42‬‬
‫التصميم الرقمي ‪CourseLab‬‬

‫‪‬‬

‫‪ 21‬دقيقة‬

‫(‪)1/4/2‬‬
‫أخي الكريم أرغب منك استخدام ‪:‬‬

‫‪ - 6‬البالونات التوضيحية ‪ :‬لتظهر فقط عند مرور مؤشر الفأرة على العنصر وختتفي عند ابتعادها عنه‬

‫‪ - 2‬النوافذ املنبثقة ‪ :‬لتظهر عند النقر على أحد العناصر والغرض منها التنبيه ألمر ما ‪.‬‬

‫ميكن إدراج بالونات التوضيح والنوافذ املنبثقة من مكتبة الكائنات‬

‫‪43‬‬
‫التصميم الرقمي ‪CourseLab‬‬

‫البالونات ‪Balloons‬‬
‫يف بعص الدروس التعليمية حيتاج املتعلم لشرح‬
‫بسيط عن بعص أجزاء الدرس الظاهرة على‬
‫الشاشة‪ ،‬وهذا الشرح أو العنوان يكون بسيط‬
‫حبيث ال حيتاج لفتح شاشة جديدة أو تفرع من‬
‫لذا ميكن عرضه‬ ‫الشاشة املعروضة‪،‬‬
‫باستخدام البالونات التوضيحية واليت حتوي‬
‫معلومة يسرية عن اجلزء املراد شرحه‪.‬‬

‫تتم إضافة البالون من قائمة الكائنات ‪،‬‬

‫وبعدها ميكن إدراجها يف شرحية العرض إما‬
‫بالسحب واإلفالت أو النقر املزدوج‬

‫ولتنسيق البالون وإضافة النص نقوم بالنقر‬

‫املزدوج على البالون املدرج يف شرحية العرض‬
‫النبثاق نافذة ميكن عن طريقها تنفيذ ذلك‬
‫كما هو موضح يف الشكل املقابل‬
‫‪44‬‬
‫التصميم الرقمي ‪CourseLab‬‬

‫إضافة حدث إلهظهار وإففاء البالون‬

‫عند إضافة البالون ميكن أن يكون عند‬
‫العرض خمفيا حتى يقوم املستخدم بإجراء‬
‫معني ليتم إظهاره ‪ ،‬فمثال لو أردنا إضافة‬
‫بالون حيوي تعريف وحدات اإلدخال حبيث‬
‫يظهر فقط يف حال مرور مؤشر الفأرة على‬
‫عنوان "تعريف وحدات اإلدخال" كما هو‬
‫موضح بالشكل املقابل‬

‫أوال جيب أن يكون البالون يف الوضع املخفي‬

‫‪ ،‬وميكن التأكد من ذلك بالنقر على زر‬
‫الفأرة األمين على البالون واختيار ‪Format‬‬
‫‪ Object‬ومن النافذة خنتار تبويب ‪Display‬‬
‫ويف قائمة ‪ Display‬خنتار ‪No‬‬

‫حينها سيكون البالون خمفيا حني تنفيذ‬

‫العرض‪.‬‬

‫وإلظهار البالون عند مرور مؤشر الفأرة على عنوان "تعريف وحدات اإلدخال" نقوم باالتي ‪:‬‬

‫حتديد مربع النص الذي حيوي عنوان "تعريف‬

‫وحدات اإلدخال"‬
‫نقر الزر األمين للفأرة واختيار ‪ Action‬من‬
‫القائمة املنسدلة‬
‫تنبثق نافذة لتحرير احلدث تستطيع من خالهلا‬
‫تنفيذ املطلوب كما هو موضح يف الشكل‬
‫املقابل‬
‫‪45‬‬
‫التصميم الرقمي ‪CourseLab‬‬

‫‪‬‬
‫‪ 21‬دقيقة‬

‫(‪)2/4/2‬‬
‫أخي الكريم أرغب منك إدراج سؤال باملواصفات التالي ‪:‬‬

‫‪ - 6‬عند إجابة املستخدم يظهر له تغذية راجعة مناسبة‬

‫‪ - 2‬إدراج شخصية تفاعلية تتفاعل بشكل مناسب مع إجابة املستخدم ‪.‬‬

 ‫‪46‬‬
‫التصميم الرقمي ‪CourseLab‬‬

‫التحكم يف األداة ‪Agent Control‬‬

‫تظهر األداة بشكل تلقائي يف وضع اخلمول لفرتة من الوقت ‪ ،‬وميكن التحكم بها عرب إضافة حدث‬
‫للكائن املطلوب أن تتفاعل معه الصورة ‪ ،‬وذلك باختيار التأثري ‪ Method‬حيث تستخدم يف التعديل أو يف‬
‫على الشخصية املختارة ‪،‬‬ ‫السيطرة‬
‫وتستخدم الشخصيات كثريا يف القسم‬
‫واالمتحانات‬ ‫لالختبارات‬ ‫اخلاص‬
‫االلكرتونية وذلك إلضفاء نوعا من‬
‫التفاعل كحركة الرأس أو العينني أو‬
‫الكالم أو التصفيق أو احلركة الدائرية‬
‫وخاصة عندما نريد االنتقال إىل سؤال‬
‫آخر أو تقديم مادة جديدة ‪ ،‬انظر إىل‬
‫الشخصية يف الشكل التالي‬

‫إلضافة حركة رضا مع حتدث عند اإلجابة الصحيحة نقوم بالنقر على الزر األمين للفأرة على منوذج السؤال‬
‫‪ ،‬ومنها خنتار ‪ Action‬سوف نتبع اخلطوات املوضحة بالشكل املقابل ‪.‬‬

‫عند اخلطوة (‪ )6‬سيظهر لنا نافذة ‪Select‬‬

‫‪ Method‬خنتار منها ‪Action‬‬

‫سيظهر لنا حقالن جديدان يف نافذة‬

‫‪ Method‬أحدهما ميثل قائمة باحلركات‬
‫املطلوبة عند وقوع احلدث ‪.‬‬

‫عندها نكون قد أنهينا كافة اإلجراءات فنختار ‪ OK‬إلغالق النوافذ ‪ ،‬وننفذ مجيع اخلطوات إذا أردنا‬
‫الصورة أن تتفاعل أيضا مع اإلجابة اخلاطئة وخنتار هلا االختيارات اليت تناسب ذلك ‪.‬‬
 ‫‪47‬‬
‫التصميم الرقمي ‪CourseLab‬‬

‫‪‬‬
‫‪ 41‬دقيقة‬

‫(‪)3/4/2‬‬
‫أخي الكريم أرغب منك تنفيذ تنبيه يظهر يف نافذة منبثقة عند الضغط على أحد األزرار بشكل خاطئ‬
 ‫‪48‬‬
‫التصميم الرقمي ‪CourseLab‬‬

‫النوافذ املنبثقة ‪Popup‬‬

‫تستخدم النوافذ املنبثقة لعرض شرح‬

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

‫مثال ‪:‬‬
‫نود إضافة نافذة منبثقة للنص املوجود يف شرحية‬
‫العرض "أمثلة على وحدات اإلدخال"‬
‫‪ .6‬من قائمة الكائنات نضيف نافذة منبثقة‬
‫لشرحية العرض‬
‫‪ .2‬ننقر الزر األمين للفأرة على النافذة املدرجة‬
‫وخنتار ‪Format‬‬
‫‪ .3‬من تبويب ‪ Display‬جنعل العرض خمفي‬
‫كما تعلمناه سابقا يف البالونات‬
‫‪ .4‬نعود مرة أخرى للنافذة املنبثقة وننقر نقرا‬
‫مزدوجا إلظهار صندوق حوار خلصائص‬
‫النافذة‬
‫‪ .5‬نقوم بإضافة عنوان النافذة والنص املطلوب أو‬
‫الصورة‬

‫‪ .1‬نقوم بعدها بتحديد النص املطلوب ربط النافذة املنبثقة به ‪ ،‬وخنتار ‪ Action‬ونقوم خبطوات إظهار‬
‫النافذة بالضبط كما فعلنا يف إظهار البالون سابقا‪.‬‬
‫‪49‬‬
‫التصميم الرقمي ‪CourseLab‬‬

‫(يتبع) الوحدة الثالثة ‪:‬‬

‫الجلسة الخامسة‬
‫هدف اجللسة‪:‬‬

‫‪ ‬أن ينشئ شرحية تعليمية ويستخدم فيها واحد على األقل من الكائنات اخلارجية‬
‫أن ينشئ شرحية لتنفيذ مترين واحد على األقل ويتحكم خبصائص السؤال‬

‫موضوعات اجللسة‪:‬‬

‫‪ ‬التعامل مع الكائنات اخلارجية‬

‫‪ ‬إضافة أسئلة‬

‫املواد الالزمة‪:‬‬
‫‪ ‬حواسيب ‪ +‬جهاز عرض البيانات‪.‬‬
‫‪ ‬حقيبة املتدرب‪.‬‬

‫اجلدول الزمين‪:‬‬
 ‫‪51‬‬
‫التصميم الرقمي ‪CourseLab‬‬

‫‪ 21‬دقيقة‬

‫‪‬‬

‫(‪)1/5/3‬‬
‫أخي الكريم أرغب منك إدراج عنصر خارجي (ملف وورد ‪ ،‬أكسل ‪ ،‬فالش ‪ ،‬صوت ‪ ،‬فيديو‪.. ،‬اخل)‬
‫‪50‬‬
‫التصميم الرقمي ‪CourseLab‬‬

‫ملف الكائن اخلارجي ‪External File Object‬‬

‫كائنات امللفات اخلارجية تسمح بفتح ملفات خارجية كملفات ‪Word , Excel ,‬‬
‫‪ Movie :‬يف نافذة متصفح خارجي ‪ ،‬وامللفات املدعومة غري حمددة ‪ ،‬ولكن‬
‫املتصفح حيدد بعض أنواع امللفات اليت يستطيع فتحها وكذلك تستطيع فتح أي‬
‫ملف يف نافذة منفصلة ‪ ،‬وإلدراج ملف خارجي‪:-‬‬
‫‪ ‬من قائمة مكتبة الكائنات ‪Object Library‬‬
‫‪ ‬ومن القائمة اليت تظهر اخرت ‪ External‬حيث تظهر القائمة التالية‬

‫‪ ‬ومن نافذة امللف اخلارجي‪:-‬‬

‫‪ -‬حدد مسار امللف‪.‬‬
‫‪ -‬اكتب وصف للملف‪.‬‬
‫‪ -‬موضع امللف وذلك من القائمة املنسدلة‪.‬‬
‫‪ -‬اخرت املربعات الصغرية لتفعيل حدث فتح امللف وهي‬
‫‪:‬‬
‫‪ - 4‬النقر باملاوس فقط على االيقونه ‪ ،‬النقر‬
‫‪ - 2‬باملاوس فقط الوصف ‪ ،‬النقر باملاوس على‬
‫االيقونة او الوصف‬

‫االرتباط اخلارجي ‪External URL‬‬

‫تستخدم الوصلة اخلارجية أو االرتباط اخلارجي لفتح‬
‫رابط خارجي يف نافذة متصفح مستقلة‪.‬‬
‫نستطيع إدراج ارتباط خارجي وذلك بنفس طريقة إدراج‬
‫ملف خارجي ‪ ،‬مع اختالف اختيار ‪External URL‬‬
‫حيث تظهر نافذة اخلصائص و نالحظ أننا نستطيع‬
‫التحكم بشكل كامل يف حجم نافذة املتصفح‬
‫واستكشاف املتصفح بعد إدخال االرتباط يف اإلطار‬
‫تظهر اإليقونة كما يلي‬
 ‫‪52‬‬
‫التصميم الرقمي ‪CourseLab‬‬

‫إطار االنرتنت ‪IFRAME‬‬

‫كائن ‪ IFRAME‬يستخدم لفتح صفحة انرتنت ومشاهدة حمتوياتها سواء على سريفر أو من ملف‬
‫داخل اإلطار ‪ .‬تستطيع التحكم يف ‪ IFRAME‬من نافذة الكائن كما يلي‬

‫ادخل الرابط ‪ URL‬املطلوب‬

‫التعامل مع الوسائط املتعددة يف الربنامج‬

‫تقسم الوسائط املتعددة يف الربنامج اىل ‪ :‬فالش ‪ ،‬أفالم فيديو ‪،‬‬
‫الصوت‬
‫جيب ان يتوفر لديك برامج لتشغيل صيغ ملفات الفيديو املختلفة‬
‫وكذلك مشغل الفالش الذي يعمل على تشغيل ملفات ‪. swf‬‬

‫إضافة ملف فالش‬

‫انقر على إيقونة ‪ . Flash -‬املوجودة يف قائمة الوسائط املتعددة‬
‫اسحب اإليقونة إىل منطقة العمل حيث تظهر بالشكل التالي‬
‫انقر نقرا مزدوجا على اإليقونة لفتح نافذة اخلصائص كما يلي‬
 ‫‪53‬‬
‫التصميم الرقمي ‪CourseLab‬‬

‫توجد ثالثة مصادر متنوعة للفالش الذي تود إضافته وهي‪:-‬‬

‫‪ -‬اختيار امللف من جهازك حيث يتم إضافته‬

‫مباشرة إىل جملد ‪ file‬املوجود يف‬
‫مشروعك ‪. image‬‬
‫‪ -‬ميكنك إضافة فالش من خالل وضع‬
‫رابط لذلك الفالش حيث يتم تشغيل‬
‫الفالش من موقع انرتنت ‪.‬‬
‫‪ -‬املصدر الثالث الكود وهو عبارة عن كود‬
‫الفالش والذي غالبا حتصل عليه من بعض‬
‫املواقع كاليوتيوب‬

‫إضافة فيلم فيديو‬

‫بنفس اخلطوات السابقة يف إضافة ملف الفالش يتم إضافة فيلم الفيديو حيث نتمكن من تشغيل الفيلم‬

‫مبختلف االمتدادات ولفتح نافذة اخلصائص انقر نقرا مزدوجا على اإليقونة‪:-‬‬

‫‪ - 4‬اخرت ملف الفيديو من جهازك‬

‫‪- 2‬حدد نوع مشغل ملفات الفيديو إذا‬

‫كنت تعلمه ويفضل أن يكون تلقائيا‬
‫‪Automatic‬‬

‫‪ - 3‬حدد هل تريد عرض أو إخفاء أدوات‬

‫التحكم يف التشغيل‪.‬‬

‫‪ - 4‬التشغيل مباشرة عند فتح النافذة‬

‫‪Movie Auto start‬‬

‫‪ – 5‬التشغيل يف الوضع املخفي ولكن‬

‫يفضل هذا اخليار للملفات الصوتية‪.‬‬

‫‪ - 1‬بعد ذلك انقر موافق‬

 ‫‪54‬‬
‫التصميم الرقمي ‪CourseLab‬‬

‫‪ 25‬دقيقة‬

‫(‪)2/5/3‬‬
‫أخي الكريم أرغب منك إدراج أسئلة ‪ questions‬حبيث خيتلف منط كل سؤال عن اآلخر ‪ ،‬مع‬
‫‪‬‬ ‫تعريب التغذية الراجعة املناسبة لكل استجابة ‪.‬‬
‫‪55‬‬
‫التصميم الرقمي ‪CourseLab‬‬

‫إضافة األسئلة االفتيارية‬

‫ميتاز الربنامج بوجود أمناط خمتلفة من األسئلة االختيارية اليت نستطيع‬
‫استخدامها يف تعزيز املادة التعليمية واملواقف التعليمية املتنوعة ‪ ،‬كما تعلمنا‬
‫‪Objects‬‬ ‫سابقا يف إدراج الكائنات نتوجه لنافذة مكتبة الكائنات‬
‫‪Library‬وخنتار منها ‪ Questions‬حيث حتتوي على أمناط عديدة من‬
‫األسئلة‬

‫سأقوم بتوضيح حالة واحدة وما ينطبق عليها ينطبق على مجيع األسئلة‬
‫فإلضافة سؤال من منط االختيار املتعدد يفضل وضع هذا النوع من األسئلة‬
‫كل سؤال يف شرحية منفصلة ولتنفيذ ذلك اتبع اخلطوات التالية‪:-‬‬
‫‪،‬‬ ‫العمل‬ ‫منطقة‬ ‫إىل‬ ‫السؤال‬ ‫إيقونة‬ ‫‪-‬اسحب‬
‫ثم انقر نقرا مزدوجا على اإليقونة حيث تظهر النافذة التالية ‪:‬‬
‫‪ ‬تبويب األسئلة ‪Question‬‬
‫وتعين األرقام املوجودة على الصورة ما يلي‪:-‬‬
‫‪- 6‬لسان تبويب السؤال‪.‬‬
‫‪- 2‬انقر هنا لكتابة السؤال‬
‫‪- 3‬النقر هنا لكتابة اإلجابة‬
‫‪- 4‬انقر هنا حلذف اإلجابة‬
‫‪- 5‬ترتيب اإلجابات وتغيريه‬
‫‪- 1‬ضع عالمة ليقوم الربنامج بتغيري ترتيب اإلجابات يف‬
‫كل تشغيل جديد‪.‬‬

‫ومتثل الشاشة املقابلة شاشة كتابة اإلجابة كما وردت يف‬

‫اخلطوة (‪)4‬‬
‫‪56‬‬
‫التصميم الرقمي ‪CourseLab‬‬

‫‪ ‬تبويب عدد احملاوالت ‪Limitations‬‬

‫انقر على ‪ Limitations‬ستظهر نافذة جديدة ويقصد‬
‫باألرقام املوجودة على الصورة ما يلي‪:‬‬

‫‪-6‬انقر على تبويب ‪Limitation‬‬

‫‪- 2‬عند تفعيل هذا العنصر يقوم الربنامج بإعطاء املتعلم‬
‫عدد حماوالت إجابة مساوي لعدد اخليارات ناقص واحد‪.‬‬
‫‪ - 3‬كتابة عدد احملاوالت‬
‫‪- 4‬حتديد زمن اإلجابة بالثواني‬
‫‪- 5‬السماح بتجاوز السؤال وطريقة حسابه حيث يوجد خيار‬
‫جتاوز فقط وميكن العودة له أو اعتباره إجابة خاطئة‬
‫وال ميكن اإلجابة عليه مرة أخرى‪.‬‬
‫‪- 1‬عند تفعيل هذا العنصر يسمح الربنامج للمتعلم أن يعيد الربنامج‬
‫حساب اجملموع من جديد والعكس عند عدم تفعيله‪.‬‬

‫تبويب التغذية الراجعة ‪:Feedback‬‬

‫ميكن عن طريق هذه النافذة كتابة العبارات اليت ترغب‬
‫بظهورها عند اإلجابة الصحيحة واخلاطئة ‪ ،‬وعند انتهاء عدد‬
‫احملاوالت أو انتهاء الوقت ‪.‬‬

‫تبويب الرسائل على السؤال ‪: Messages‬‬

‫بنفس الطريقة السابقة يف حترير رسائل التغذية الراجعة حنرر‬

‫كافة الرسائل املوجودة يف تبويب الرسائل اخلاصة بالسؤال ‪.‬‬
‫‪57‬‬
‫التصميم الرقمي ‪CourseLab‬‬

‫الوحدة الرابعة‬

‫التعامل مع الكائنات وتصميم األسئلة‬

‫األهداف السلوكية للوحدة‪:‬‬

‫‪ ‬أن يصمم األسئلة واالختبارات ويتحكم خبصائصها‬

‫‪ ‬أن ينشر الربنامج ويتحكم خبصائصه‬

‫موضوعات الوحدة‪:‬‬
‫‪ ‬تصميم االختبارات‬
‫‪ ‬نشر العرض‬
‫‪58‬‬
‫التصميم الرقمي ‪CourseLab‬‬

‫الجلسة السادسة‬
‫هدف اجللسة‪:‬‬
‫‪ ‬أن يصمم ا سئلة وا ختبارات ويتحكم بخصائصها‬
‫‪ ‬أن ينشر البرنامج ويتحكم بخصائصه‬

‫موضوعات اجللسة‪:‬‬
‫‪ ‬تصميم ا ختبارات‬
‫‪ ‬نشر العر‬

‫املواد الالزمة‪:‬‬
‫‪ ‬حواسيب ‪ +‬جهاز عرض البيانات‪.‬‬
‫‪ ‬حقيبة املتدرب‪.‬‬

‫اجلدول الزمين‪:‬‬
 ‫‪59‬‬
‫التصميم الرقمي ‪CourseLab‬‬

‫‪ 25‬دقيقة‬

‫(‪)1/6/3‬‬
‫أخي الكريم أرغب منك إدراج اختبار نهائي ‪ ،‬تشمل أسئلته اختبار الوحدة التعليمية ‪ ،‬مراعيا يف ذلك‬
‫االتي ‪:‬‬

‫‪ ‬أن يتم احتساب درجات كل سؤال من ‪ 41‬وإخراج اجملموع النهائي وتقرير التجاوز من عدمه ‪.‬‬
‫‪ ‬أن يتم تعريب كافة الرسائل اليت تظهر للمستخدم‬
‫‪ ‬أن تدرج شخصية تفاعلية مع أسئلة االختبار‬
 ‫‪61‬‬
‫التصميم الرقمي ‪CourseLab‬‬

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

‫انقر نقرا مزدوجا عليها لتفتح نافذة جديدة تستطيع من خالهلا حتديد واختيار منط األسئلة املراد‬
‫إضافتها مع نص السؤال وإجابته علما بان منط األسئلة اليت تستطيع إضافتها هي‪:-‬‬

‫التقييم ‪Scoring‬‬
 ‫‪60‬‬
‫التصميم الرقمي ‪CourseLab‬‬

‫‪ 21‬دقيقة‬

‫(‪)2/6/3‬‬
‫أخي الكريم نبارك لك االنتهاء من العرض التعليمي ونرغب بتنفيذ خطوات نشره على قرص ضوئي ‪.‬‬
 ‫‪62‬‬
‫التصميم الرقمي ‪CourseLab‬‬

‫نشر العرض ‪Publish Course‬‬

‫بعد االنتهاء من التصميم وحترير املواضيع يبقى لديك خطوة هامة وهي مشاهدة ما قمت بإجنازه‬

‫نشر املشروع ‪ Publishing Course‬يقصد بذلك إنشاء ملفات تشغيلية ملشروعك ليتم تصفحه من أي‬
‫مكان دون احلاجة إىل برنامج ‪ Course lab‬وهناك عدة خيارات لعملية النشر‬

‫‪ - 4‬تشغيل من خالل سي دي ‪CD‬‬

‫‪ - 2‬التوزيع من خالل أنظمة التحكم يف التعليم املتوافقة مع نظام‪ AICC‬مجعية التدريب على الطريان‬
‫من خالل احلاسوب اآللي‬

‫ويقصد بذلك املتوافقة‬ ‫‪- 4‬التوزيع يف أنظمة التحكم يف التعليم واملتوافقة مع ‪SCORM 6.2 , 2114‬‬
‫مع مناذج املشاركة يف احملتوى واألشياء ‪ ،‬وكلمة ‪ SCORM‬هي اختصار لـ ‪:‬‬

‫‪Sharabel Content Object Reference Model‬‬

‫خطوات النشر ‪:‬‬

‫من قائمة ‪ File‬خنتار األمر ‪Publish Course‬‬ ‫‪4‬‬

‫ستظهر شاشة الرتحيب التالية لنختار منها‬

‫‪2‬‬
‫التالي ‪Next‬‬
‫‪63‬‬
‫التصميم الرقمي ‪CourseLab‬‬

‫‪4‬‬ ‫‪2‬‬

‫عنوان الدرس‬ ‫عنوان المقرر‬

‫وصف الدرس‬ ‫وصف المقرر‬

‫‪5‬‬ ‫‪1‬‬

‫النشر على قرص ضوئي‬

‫لنشره على نظام إدارة التعلم‬

‫اختيار اسم ومكان حفظ المجلد‬ ‫متوافق مع جمعية التدريب على الطيران من خالل الحاسوب‬
‫الي يحتوي البرنامج بعد نشره‬ ‫اآللي‬

‫نشره ضمن موقع البرنامج ‪CourseLab.com‬‬

‫‪6‬‬

‫تم نشر البرنامج بنجاح‬

 64
CourseLab ‫التصميم الرقمي‬

: ‫المراج‬

‫هـ‬4144 ، ‫أحمد بن عبدهللا الدريويش‬.‫ د‬، ‫ التأليف اإللكتروني‬.4

‫م‬2141، ‫ السيد عبد المول السيد أبو خطوة‬.‫ د‬، ‫ مبادئ تصميم المقررات اإللكترونية‬.2
Gagne, R., Briggs, L. & Wager, W. (4002). Principles of Instructional Design .4
(5th Ed.). Fort Worth, TX: HBJ College Publishers.
www.Courselabe.com ‫ الموق الرسمي للبرنامج‬.1
wikipedia.org ‫ موق‬.5
http://www.smartway- ‫ كتاب الكورس ب من مؤسسة ا سلوب الذكي‬.6
me.com/files/documents/Brochure-Courslab.pdf
 ‫‪65‬‬
‫التصميم الرقمي ‪CourseLab‬‬

‫جدول المحتويات‬
‫‪2‬‬ ‫وصف البرنامج التدريبي‬
‫‪4‬‬ ‫المنهاج‬
‫‪1‬‬ ‫الجدول الزمني للبرنامج التدريبي‬
‫‪5‬‬ ‫النسب المئوية إلجراءات الجلسات التدريبية‬
‫‪6‬‬ ‫إرشادات للمتدربين‬
‫‪1‬‬ ‫الرموز المستخدمة في الحقيبة‬
‫‪4‬‬ ‫مقدمة‬
‫‪0‬‬ ‫الوحدة ا ول الوسائط المتعددة والتصميم التعليمي‬
‫‪41‬‬ ‫الجلسة ا ول‬
‫‪41‬‬ ‫تعريف الوسائط المتعددة‪Multimedia‬‬
‫‪45‬‬ ‫لوحة القصة ‪Storyboard‬‬
‫‪41‬‬ ‫التصميم التعليمي‬
‫‪44‬‬ ‫الوحدة الثانية التعرف عل برنامج الكورس ب‬
‫‪40‬‬ ‫الجلسة الثانية‬
‫‪24‬‬ ‫المصطلحات المستخدمة في البرنامج‬ ‫بع‬
‫‪22‬‬ ‫الحصول عل برنامج ‪Courselab‬‬
‫‪25‬‬ ‫بداية العمل ببرنامج ‪CourseLab‬‬
‫‪26‬‬ ‫الشاشة الرئيسية لبرنامج ‪CourseLab‬‬
‫‪21‬‬ ‫مفاهيم عامة للتصميم الرقمي‬
‫‪20‬‬ ‫التعديل عل شريحة العنوان ‪Title‬‬
‫‪20‬‬ ‫التعديل عل الشريحة الرئيسية ‪Master‬‬
‫‪20‬‬ ‫‪Normal‬‬ ‫التعديل والعمل عل شريحة العر‬
‫‪44‬‬ ‫الوحدة الثالثة التعامل م الكائنات وتصميم ا سئلة‬
‫‪42‬‬ ‫الجلسة الثالثة‬
‫‪45‬‬ ‫إضافة كائنات ‪Objects‬‬
‫‪46‬‬ ‫التعامل م الكائنات ‪Objects‬‬
‫‪46‬‬ ‫مرب النص ‪Text Box‬‬
‫‪40‬‬ ‫إضافة أحداث ‪Action‬‬
‫‪14‬‬ ‫الجلسة الرابعة‬
‫‪14‬‬ ‫البالونات ‪Balloons‬‬
‫‪11‬‬ ‫إضافة حدث إلظهار وإخفاء البالون‬
‫‪16‬‬ ‫التحكم في ا داة ‪Agent Control‬‬
‫‪14‬‬ ‫النوافذ المنبثقة ‪Popup‬‬
 ‫‪66‬‬
‫التصميم الرقمي ‪CourseLab‬‬
‫‪10‬‬ ‫(يتب ) الوحدة الثالثة ‪:‬‬
‫‪10‬‬ ‫الجلسة الخامسة‬
‫‪54‬‬ ‫ملف الكائن الخارجي ‪External File Object‬‬
‫‪54‬‬ ‫ا رتباط الخارجي ‪External URL‬‬
‫‪52‬‬ ‫إطار ا نترنت‪IFRAME‬‬
‫‪52‬‬ ‫التعامل م الوسائط المتعددة في البرنامج‬
‫‪52‬‬ ‫إضافة ملف فالش‬
‫‪54‬‬ ‫إضافة فيلم فيديو‬
‫‪55‬‬ ‫إضافة ا سئلة ا ختيارية‬
‫‪51‬‬ ‫الوحدة الرابعة التعامل م الكائنات وتصميم ا سئلة‬
‫‪54‬‬ ‫الجلسة السادسة‬
‫‪61‬‬ ‫إنشاء ا ختبار‬
‫‪62‬‬ ‫‪Publish Course‬‬ ‫نشر العر‬