Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Course lab

1,201 views

Published on

Published in: Education
  • Be the first to comment

  • Be the first to like this

Course lab

  1. 1. مركز تقنية المعلومات Course Lab برنامج مبتدئ -CourseLab إعداد وتصميم برامج تعلم إلكترونية باستخدام ١ برنامج تدريبي لإعداد وتصميم ونشر مقررات التعليم الإلكتروني وفق معيار سكورم إعداد أخصائي التعليم الإلكتروني أ.مصطفى أحمد غزيل أخصائية التعليم الإلكتروني أ. نوف محمد السيف تعريب : أ. مصطفى أحمد غزيل إشراف مركز تقنية المعلومات
  2. 2. مركز تقنية المعلومات Course Lab برنامج مبتدئ -CourseLab إعداد وتصميم برامج تعلم إلكترونية باستخدام ٢ اسم الموضوع إعداد وتصميم ونشر مقررات التعليم الإلكتروني وفق معيار سكورم . الهدف العام : إكــساب المتــدربين المهــارات الفنيــة والتربويــة لإعــداد وتــصميم ونــشر محتــوى مقــررات التعلــيم الإلكترونــي وربطه بنظام التعليم الإلكتروني (تدارس) أو استعماله منفصلاً . الأهداف الخاصة : يتوقع من المتدرب في نهاية البرنامج التدريبي أن يكون قادرًا على : ١. أن يعرف مفهوم التصميم التعليمي . ٢. أن يعد نموذج لتصميم مقرر تعليمي . ٣. أن يصمم مقرر تعليمي . ٤. أن يصمم وحدة تعليمية . ٥. أن يصمم دروس في الوحدة التعليمية . ٦. أن يصمم صفحات في الدروس . مع نظام تدارس. (Course Lab) ٧. أن يربط المحتوى الذي قام بتصميمه فيكورس لاب المستهدفون من البرنامج : أعضاء هيئة التدريس في جامعة الملكسعود . الأساليب التدريبية : - محاضرات . - ورش عمل . - معمل الحاسب الآلي للتدريب. - أوراق عمل وأنشطة. التقويم : استمارة لتقويم أنشطة المتدرب في مجال التصميم التعليمي وفي مجال نشر المقرر الدراسي علـى أنظمة إدارة المحتوى . مدة البرنامج: ٣ ساعات تدريبية
  3. 3. مركز تقنية المعلومات Course Lab برنامج مبتدئ -CourseLab إعداد وتصميم برامج تعلم إلكترونية باستخدام ٣ مقدمة: هذا البرنامج يساعدك في بناء وتكوين ، Course Lab مرحبًا بك عزيزي المستخدم في برنامج المقررات الدراسية في صورة مقررات إلكترونية ، حيث يمكنك تحويل المقررات الدراسية من صورتها التقليدية إلى صورة مقررات إلكترونية تستطيع التعامل معها من خلال نظم التعليم الإلكتروني . لإنشاء وإعداد محتويات المناهج أو المقررات الدراسية والتدريبية ، حيث يتم من Course Lab يستخدم برنامج خلاله إنشاء الدروس والمحاضرات وإعداد الصفحات الخاصة بها في هيئة صفحات إنترنت ، مع إمكانية بناء التدريبات أو التمارين علىكل درس . : Course Lab ومن أهم ما يميز برنامج من أقوى البرامج لإنشاء مقرر تعليم الكتروني اعتمادًا على المعيار سكورم . لا يحتاج أي مهارات برمجية لإنشاء المقرر . يعتمد بناء أي مقرر على استخدام مجموعة من الأغراضالموجهة . و التي تقدم إمكانية استيراد مجموعات من الكائنات الجاهزة . (open object model) يمتلكإمكانية الكائنات المتحركة .
  4. 4. مركز تقنية المعلومات Course Lab برنامج مبتدئ -CourseLab إعداد وتصميم برامج تعلم إلكترونية باستخدام ٤ أولاً : إنشاء مقرر جديد : Course مقرر -- (New) اختر جديد (File) - من قائمة ملف - سوف تفتح لكالعديد من النوافذ ، اتبع الخطوات التالية لإنشاء المحتوى الجديد : Course -- اكتب اسم الملف - Next - اضغط My Course -- - اكتب اسم المجلد C: Courses -- - حدد مكان التخزين . Next - اضغط My Module - اكتب اسم النموذج - حدد نمط النموذج الموحد لصفحات . Standard المقرر وليكن . Finish ثم Next - اضغط - و بذلكيكون قد تم إنشاء المقرر بنجاح ، و يظهر القالب بالشكل التالي : ملحوظة : بعد الانتهاء من إنشاء المقرر يقوم البرنامج آليًا بإنشاء شجرة بشرائح المقرر ، تظهر في الجانب الأيسر من الشاشة وتحتوي على اسم الملف الذي يتضمن داخله اسم النموذج الذي تم إنشائه وبداخله شرائح المقرر الأساسية .
  5. 5. مركز تقنية المعلومات Course Lab برنامج مبتدئ -CourseLab إعداد وتصميم برامج تعلم إلكترونية باستخدام ٥ ثانيًا:ترتيب الشرائح وطريقة عرضها - عرضالشرائح .. :(Normal) - قسم الشرائح العادي (slides) - و يتضمن شرائح المقرر الرئيسية يتم تحديدها وتحديد محتوياتها و يتضمن : (Title) - قسم العنوان الشريحة الأولى للمقرر أثناء العرض. (slides) و يتضمن الشرائح : (Master) - قسم الرئيسة الفرعية التي ترتبط بالشرائح الرئيسية الموجودة في (Master) و يمكن وجود أكثر من ، (Normal) قسم الـ خاصلكل شريحة . (Master) حيث يمكن تحديد كل إطار له تصميم مختلف عن الآخر Frame لاحظ : كل شريحة فرعية قد تتكون من عدة شرائح أخرى تسمى إطار على الشريحة المحددة ثم اختر "تغيير الاسم " (Normal) - لتغيير اسم الشريحة:اضغط بالزر الأيمن في لوحة الشرائح العادي - اضــغط بــالزر الأيمــن علــى أحــد الــشرائح فــي لوحــة ثـــــــــــم اختـــــــــــر (Normal) الـــــــــــشرائح العـــــــــــادي فتظهـــر النافـــذة التاليـــة و التـــي ،(Master) الرئيــسة الموجـــودة ضـــمن النمـــوذج (Masters) تتـــضمن الــــ الحالي . مـــن أكثـــر مـــن (slide) - ممكـــن أن تتـــألف الـــشريحة معـــــين (Master) و عنـــــد اختيـــــار ، (Frame) إطـــــار (Master) يـتم إسـقاط إعـدادات الــ (slide) للشريحة و ، (slide) التـي تـشكل الــ (Frames) على جميع الــ . (slide) التابعة لكل (Frames) لعرضالـ (Frame) و الإطار (slide) الفرق بين الـشريحة ١. إن الإطار هو عبارة عن شريحة تتبع الشريحة الأم التي ربطت بها. .(Frame) ٢. يمكن تعيين فترة زمنية لعرضكل إطار
  6. 6. مركز تقنية المعلومات Course Lab برنامج مبتدئ -CourseLab إعداد وتصميم برامج تعلم إلكترونية باستخدام ٦ تنويه : - عند إنشاء شريحة جديدة يقوم البرنامج تلقائيًا بإعطاء اسم للشريحة . - لاحظ انه عند إضافة شريحة فرعية جديدة فإنها تأخذ تصميم آخر شريحة رئيسية . - في حال رغبتكبتغيير الاسم لأحد الشرائح الرئيسية اضغط على الشريحة في لوحة الشرائح بالزر الأيمن واختر الخيار . (Identifier) المعرف ملاحظة هامة : ١. يجب أن يبدأ الاسم بحرف وليس برقم أو رمز خاصكما يمكن أن يحتوي على أرقام. ٢. تغيير الاسم يتطلب منكتعديل العلاقات والأحداث المتعلقة بهذه الشريحة . ٣. يجب أن يكون الاسم منفردًا لكل الشرائح والإطارات والمواضيع داخل الوحدة. ثالثًا:استعراضالكائنات في لوحة المهام Object Library أ: مكتبة المصادر شخصية تمثيلية - شخصيات متحركة يمكن من خلالها تحديد حركات معينة بناء على أحداث معينة في الإطار لاحظ : هذه الأداة مصممة ببرنامج الفلاش لذا يجب أن يكون مشغل الفلاش مثبت على جهازك . لا يعود الشخصإلى وضعه السابق إلا من خلال حدث جديد ،كما Wait for return action - عند اختيار يمكن إضافة أحداث أخرى للكائن من خلال لوحة الأحداث فينفذها بالترتيب . بالونات - بالونات حوار لتحديد مفهوم معين عند الوقوف على مكان معين يعرضالبالون معلومات معينه ،كما يمكن تحديد لون واتجاه السهم ونصالرسالة داخل البالون وحجم إطار البالون .
  7. 7. مركز تقنية المعلومات Course Lab برنامج مبتدئ -CourseLab إعداد وتصميم برامج تعلم إلكترونية باستخدام ٧ تصميم مجموعة من الكائنات تستخدم للتصميم : تستخدم للتصميم ويتم وضعها في مساحة العمل . : Gradient areas - تستخدم لتحديد مكان النقر في الإطار وتكون شفافة أو ملونة ويمكن تحديد : Click Area - مساحة الوميضوزمنه ودرجة الشفافية ولون الإطار من الخصائص. يستخدم لجذب انتباه المتعلم لجزء من الإطار وهناك ٣ أشكال منها وهي السهم أو : Notifier - المستطيل الشفاف أو الملون. روابط يمكن إدراج ملفات خارجية إلى إطار العمل من خلال الضغط المزدوج على : External File - أو بالضغط والسحب إلى مساحة العمل فتظهر أيقونة على مساحة العمل ولتحديد External File وحدد مكان Properties الملف اضغط مزدوجا على الأيقونة أو اضغط بالزر الأيمن للفأرة واختر الملف وعنوانه وموقعه وطريقة النقر كما يمكنك External File يمكن إدراج عنوان موقع انترنتكما هو في : External URL - تحديد شكل الأيقونة للرابط وعنوان الموقع وحجم النافذة التي يظهر بها و ما يظهر في مستعرض الانترنت وما لا يظهر. عرضالملف أو موقع الانترنت على مساحة العمل داخل الإطار وليس في مستعرض : IFRAME - الانترنت مستقلا عن إطار العمل الحاليكما سبق. نموذج إدخال النصإلى الكائن أثناء عمل البرنامج ، ويستخدم لكتابة نصطويل . :Text Field - يستخدم لإخفاء النصكأن تدخلكلمة المرور مثلا . : Hidden Text Field - حيث يتم التحكم في Display يستخدم لكتابة نصطويل ، وفي علامة التبويب : Text Area - شكل الكائن والنصوكيفيه الكتابة وهل سيكمل النصتلقائيا عند الوصول إلى نهاية السطر أم يكمل مع ظهور شريط التمرير الأفقي . يمكن تحديد الشكل الذي يظهر به صندوق الاختيار فنحدد أولا النصالذي : Checkbox - يصف الصندوق والهامش واتجاه صندوق الاختيار هل يمين أم يسار .
  8. 8. مركز تقنية المعلومات Course Lab برنامج مبتدئ -CourseLab إعداد وتصميم برامج تعلم إلكترونية باستخدام ٨ يتم إضافة خيار جديد بالضغط على علامة + وتحديد النص : Group of Radio Buttons - يمكن تحديد الشكل الذي Display وتحديد القيمة وحالتها مختارة أم لا ، في علامة التبويب يظهر به صندوق الاختيار فنحدد أولا الهامشواتجاه صندوق الاختيار هل يمين أم يسار . تشبه السابقة في خصائصها . : Drop-down Menu - نحدد شكل Display زر أمر حدد نصهذا الزر في نافذة خصائصوفي علامة التبويب : Button - الزر . قوائم يستخدم لإنشاء قائمة عناصر يمكن التنقل من العنصر الأول ثم الثاني وهكذا : Bulleted List - باستخدام زر التالي ،كما يمكن إضافة العناصر والتحكم في شكل القائمة . نفس السابقة مع اختلاف الشكل . : Simple - نفس السابقة مع اختلاف الشكل : Standard - نفس الكائن السابق إلا أنه يعرضكل القوائم مرة واحدة في إطار واحد. : Standard Block - نفس الكائن السابق إلا أنه يعرضقائمة واحدة فقط. : Standard Item - نفس الكائن السابق مع اختلاف الشكل . : Simple Item - وسائط متعددة كائن الفلاش يعرضملفات فلاش ( لاحظ لابد من وجود مشغل الفلاش على جهازك : Flash - ليعمل العرضبشكل صحيح ) . وهو اكبر dcr. التي تأخذ الامتداد Adobe Shockwave يستعمل لتشغيل أفلام : Shockwave - حجما واقل شهرة من فلاش ولابد من وجود مشغل له على جهازك. يقوم بتشغيل ملفات الملتيميديا المختلفة مع ملاحظة ضرورة وجود مشغل الملتيميديا : Video - مثبت على الجهاز .
  9. 9. مركز تقنية المعلومات Course Lab برنامج مبتدئ -CourseLab إعداد وتصميم برامج تعلم إلكترونية باستخدام ٩ 17.gif يمكن إضافة برامج جافا إلى الشريحة ويجب أن يكون على الجهاز برنامج الجافا : Java Applet - ملف class نحدد أرشيف ملف الجافا و Files حتى يعمل العرضومن الخصائصمن علامة التبويب يمكن تحديد الهامش الطولي والهامش العرضي ( المسافة Parameter البدء وفي علامة التبويب النصالذي يعرضللمستخدم في alternate text ، ( بين إطار الكائن وبرنامج الجافا المعروض تحتاجها قبل البدء applet معاملات للـ applet parameters ، حالة عدم وجود الجافا على الجهاز . (Sun or Microsoft) نحدد برنامج الجافا الموجود على الجهاز Java ، وفي علامة التبويب عنوان زر يظهر عند بدء تحميل النموذج و بعد التحميل يمكن الضغط على الزر : Start Module .١ لإعادة التحميل مرة أخرى . تستخدم عند الضغط عليها لعرض وصف النموذج أو تستخدم : Title‐Slide Popup .٢ كمساعده لتوضيح أمر ما . أدوات الملاحة - كائنات الملاحة (الإبحار) تمكنكمن الإبحار بين الشرائح والإطارات ومعظمها لها إمكانات محدودة فيجب الانتباه عند استخدامها . يمكنكالانتقال بين الشرائح المختلفة باختيارها من قائمة الشرائح . : Navigation Menu .١ يمكنكتحديد رقم الشريحة الحالية من مجمل الشرائح ويمكن أن توضع : Current Position .٢ على الشريحة الرئيسية لتظهر علىكل الشرائح . تبويب المحتويات يقوم بعرضشرائح النموذج لكي تختار الشريحة التي يتم : Contents tab .٣ الانتقال إليهاكما يمكن أن يوضع في الشريحة الرئيسية ليظهر فيكل الشرائح الأخرى. نحدد نص العنوان لصفحة المساعدة ونص المساعدة Parameters في علامة تبويب : Help tab .٤ في الصفحة . علامة تبويب الحاسبة تظهر الآلة الحاسبة . : Calculator tab .٥ علامة تبويب الإعدادات تعرض إعداد النموذج الحالي ، و يجب أن يوضع على : Settings tab .٦ الشريحة الرئيسية . علامة التبويب التعريفية . : About tab .٧ زر التالي للانتقال إلى الشريحة التالية . : Next Button .٨ . Next Buttone زر التحركللشريحة السابقةكما في : Previous Button .٩
  10. 10. مركز تقنية المعلومات Course Lab برنامج مبتدئ -CourseLab إعداد وتصميم برامج تعلم إلكترونية باستخدام ١٠ يعرضاسم الشريحة الحالية وفي نافذة الخصائصيمكنكتحديد اللون والخط : Slide Name .١٠ وحجمهكما تتعامل مع النصوصالعادية . لإيقاف وتشغيل الصوت . : Sound Button .١١ كائن زر الإغلاق للنموذج . : Close Module Button .١٢ زر إعادة تشغيل الشريحة . : Replay Slide Button .١٣ تشير إلى رقم الشريحة المعروضة من جميع الشرائح في النموذج . : Simple Progress Bar .١٤ مثل السابقة تماما ويضاف عليها عدد الشرائح المعروضة إلى عدد : Extended Progress Bar .١٥ الشرائح الكلي . زر المساعدة يعرضشرح للنموذج أو الشريحة . : Help Popup Window .١٦ يعرضشرائح النموذج . : Contents Popup Window .١٧ يستخدم في التنقل بين إطارات الشريحة الواحدة داخل النموذج . : Frame Navigator .١٨ كائن التعليقات والملاحظات على الشريحة يعرضتعليقات مؤلف الشريحة : Comments Object .١٩ داخلها . كائن تبويب الملاحظات والتعليقات يعرضالتعليقات مثل الكائن : Comments Tab Object .٢٠ السابق تماما . نافذة منبثقة - نافذة نصية نحصل عليها بالنقر على رابط أو زر للحصول على نافذة بها تعليمات وهي تشبه بالون الحوار إلى حد ما إلا أنها لا تغلق تلقائيا ولكن يتم غلقها من قبل المستخدم . نافذة حوار تضاف إلى مساحة العمل لتوضيح مفهوم معين . : Relief .١ كما في العنصر السابق . : Standard .٢ أسئلة - تحوي عدد من الأسئلة وهي : الاختيار الوحيد : يمكنكاختيار عنصر واحد فقط صحيح من قائمة من Single Choice .١ الاختيارات . الاختيارات المتعددة : كما في الكائن السابق . Multiple Select .٢ ترتيب العناصر : في هذا النوع يتطلب من المستخدم ترتيب العناصر بشكل صحيح Ordering .٣ . رقم الإجابة الصحيح : يجب إدخال رقم الإجابة الصحيح . Numeric .٤ الفراغ النصي : يتطلب من المستخدمكتابة الإجابة الصحيحة . Text .٥ الأزواج المتماثلة ( صل ) : يتطلب من المستخدم ربط المجموعة الأولى Matching Pairs .٦ بالمجموعة الثانية . محاآاة - تمكننا من إنشاء اختبار للأحداث المتسلسلة الصحيحة ، وتشتمل : يحتوي على السيناريو الصحيح لخطوات المهام التفاعلية كما انه لا : Task controller .١ يظهر للمستخدم . لإيضاح حالة المعلومات حول اكتمال التمرين ولا يوضع غيركائن واحد : Test Structure .٢ فقط لكل شريحة .
  11. 11. مركز تقنية المعلومات Course Lab برنامج مبتدئ -CourseLab إعداد وتصميم برامج تعلم إلكترونية باستخدام ١١ اختبارات يستخدم لعمل اختبار من عدة أنواع من الأسئلة كما مر بنا في المجموعة السابقة ، : Test .١ تستخدم لعرض نتيجة التقدم الحالي للمستخدم وما حققه من نقاط : Current Results كما يعرضالنقاط الكلية للأهداف . كائن يعرضنتائج أهداف متعددة ، ويمكنكأن تضيف الأهداف : Results by objectives .٢ المراد عرضنتائجها ويتم اختيار عرضها بالنسبة المئوية . مربعات نص صندوق نصله ظل . : Shadow .١ مثل الكائن السابق إلا أنها إذا كان النص اكبر من الحجم المخصص للكائن يظهر : Relief .٢ أشرطة تمرير للوصول إلى النص. تجمع بين خصائصالكائنين السابقين . : Simple .٣ Clip Art ب : صور جاهزة فـي Browser - يمكنكمن خلالها إدراج أي قصاصة فنية أو ملف صورة موجود علـى جهـازكمـن خـلال الـضغط علـى الأسفل . Autoshapes ج : الأشكال التلقائية - تتــضمن العديــد مــن الأشــكال التلقائيــةكمــا هــو الحــال فــي برنــامج الــوورد علــى ســبيل المثــال : ( خطــوط الرســم ، الأشكال الأساسية ، الأسهم الممتلئة ، المخططات الانسيابية ، وسائل الشرح والنجوم والشعارات ...) . Scenarios د : السيناريو
  12. 12. مركز تقنية المعلومات Course Lab برنامج - يستخدم لبناء التفاعلات بين كائنات متعددة ، وتمكن مؤلف القرص من التحديد الناجح للمعاملات وتملأ الشريحة بطريقة صحيحة بالرغم من أن نفس المهمة يمكن انجازها بوضع نص و صورة و تحديد علاقات بينهم فاستخدام مبتدئ -CourseLab إعداد وتصميم برامج تعلم إلكترونية باستخدام ١٢ . Simple والبسيط Complex السيناريوهات يسرع من العملية ،كما أن هناكنوعان منها المعقد Templates هـ: القوالب والقياسي empty والفارغة clouds - تتضمن القوالب المختلفة التي يوفرها البرنامج وهناك أنواع مختلفة منها الغيوم وغيرهاكثير .. standard Frame Structure تنويه: بنية (هيكل) الإطار - عبارة عن شجرة تتضمنكل ما يحتويه النموذج من ملفات ونصوصوصور ..... الخ . رابعًا : مهام بعضالتأثيرات مع الكائنات المختلفة الأحداث والتأثيرات متى تحدث ؟ يحدث بعد حدوث حدث الشريحة الأساسي . - Beforedisplay Afterdisplay قبل حدوث حدث ، frame - يحدث عند الانتهاء من تشغيل آخركائن في قائمة الخاصبالشريحة الأخيرة . end display يحدث عند النقر على زر الفأرة . - On click Ondblclick - يحدث عند النقر المزدوج على الفأرة والفترة بين النقرتين هي التي سوف توضح إن كانت هي نقرة واحدة أم نقرتين. يحدث عند النقر على الزر الأيسر للفأرة . - Onlmousedow يحدث عند تركالنقر على الزر الأيسر للفأرة . - Onlmouseup
  13. 13. مركز تقنية المعلومات Course Lab برنامج مبتدئ -CourseLab إعداد وتصميم برامج تعلم إلكترونية باستخدام ١٣ يحدث عند الضغط على الزر الأيمن للفأرة . - Onrmousedown يحدث عند تركالضغط على الزر الأيمن للفأرة . - Onrmouseup يحدث عندما يكون مؤشر الفأرة على حدود الكائن. - Onmouseover يحدث عندما يكون مؤشر الفأرة خارج حدود الكائن. - onmouseout Ondrop - يحدث عند سحب الكائن ثم تركه ، الكائن الذي سوف يجرى عليه الأحداث هو الثاني. يحدث قبل تشغيل الكائن الحالي. - Beforedisplay يحدث بعد الانتهاء من تشغيل الحدث. - Afterdisplay يحدث إذاكانت الإجابة صحيحة . - onsuccess يحدث إذاكانت الإجابة خاطئة . - onfailure يحدث مع عدد المحاولات . - onattempt . call الانتقال إلى الشريحة عند تنفيذ الحدث - RETERN EXTERNAL URL - تمكن المصادر الخارجية المفتوحة من المشاركة في العمل ، وتتمكتابة الرابط الخاصبالعمل لتتم المشاركة . ROTATE-START - يدور الكائن حول نفسهكالنجمة ، ويحدده مجموعة عناصر : تعريف الكائن الذي سوف يدور وهذا المعرف إما أن نختاره من : Object Id .١ أو أن يدخل ضمن النص. next بالنقر على select object dialog يحدد الزاوية واتجاهاتها بالدرجات (ولا يسمح هنا إلا بالأرقام) ، : ANGLE .٢ لاحظ : القيمة الموجبة سيكون باتجاه عقارب الساعة أما القيمة السالبة فستكون بعكس اتجاه عقارب الساعة . يعرف وقت الدوران بالثواني ، القيمة صفر تشير إلى لحظة بدأ : DURATION .٣ الدوران. لإيقاف الدوران . - ROTATE-START يتم من خلالها استدعاء أحد الشرائح . - CALL يتم من خلالها استدعاء أحد الكائنات الفرعية الموجودة في أحد الشرائح . - CHECKHIT تقوم بتأخير حدوث حدث ما . - DELAY لعرضكائن معين أو شريحة معينة . - DISPLAY للذهاب إلى مكان معين في العمل . - GOTO لتحديد طريقة عمل أحد الكائنات . - METHOD لإجراء أمر طباعة . - PRINT
  14. 14. مركز تقنية المعلومات Course Lab برنامج مبتدئ -CourseLab إعداد وتصميم برامج تعلم إلكترونية باستخدام ١٤ تطبيق CourseLab كيف أستطيع إنشاء درس باستخدام برنامج مقدمة : إنشاء مقرر جديد و صفحة العنوان .. - افتح البرنامج من خلال أيقونة البرنامج على سطح المكتب ، أو من خلال الدخول على قائمة إبدأ واختيار البرنامج من قائمة البرامج . (١) - من قائمة ملف اختر > جديد > مقرر ، سوف تفتح . ( لكالنافذة ( ١ تفتح لكالنافذة الثانية كما في < Next < - اضغط على ( الصورة ( ٢ - اكتب اسم المقرر ، واسم المجلد وحدد مسارًا لحفظ . Next المقرر الجديد > اضغط (٢) - اكتب اسم النموذج ( أنواع الفعل) ، ثم حدد قالب معين للنموذج ، لاحظ : يمكنك اختيار أحد النماذج اضغط < Next المختلفة من القائمة المنسدلة > اضغط (٣) . ( الصورة ( ٣ . Finish - سوف يكون الشكل النهائي بعد إنشاء المقرر ، (٤) . ( كما في الصورة ( ٤
  15. 15. مركز تقنية المعلومات Course Lab برنامج مبتدئ -CourseLab إعداد وتصميم برامج تعلم إلكترونية باستخدام ١٥ ١. في البداية قم بإعداد صفحة العنوان من خلال النقر على ، لنبدأ معًا بناء صفحة العنوان من خلال الخطوات التالية : ، Design ٢. من خلال مكتبة المصادر في أعلى اليمين اختر واسحبه إلى شريحة العنوان . Gradient اختر العنصر ٣. انقر نقرًا مزدوجًا على المربع الملون لتفتح لك النافذة الصورة ( ٥) ، من خلالها قم بتغيير لون (Gradient Area) إلى اللون الأسود ، Color و 2 Color الكائن في 1 بالضغط على المربع الصغير بجوارها صورة ( ٦) ، ثم اضغط تطبيق ثم موافق . ٤. اسحب عنصرًا آخر كالسابق واتبع معه نفس الخطوات وحدد اللون الأبيض. ٥. من القائمة > إدراج > اختر صورة من ملف ، حدد صورة مناسبة من جهازكلإدراجها في صفحة العنوان . ٦. من القائمة > إدراج > اختر مربع نص ، أو من خلال الضغط على الزر الأيمن للفأرة ثم تحرير النص. ٧. انقر نقرًا مزدوجًا على مربع النص لتفتح لكنافذة تحرير النص ، اكتب عنوان المقرر وليكن ( الأفعال - الصف ( الرابع الابتدائي). صورة ( ٧ (٥) (٦) (٧) بذلك، تم الانتهاء من إنشاء الصفحة الأولى للمقرر والتي تمثل عنوان المقرر . أولاً : إنشاء شرائح المقرر .. الجزء الأول ١. ( الشريحة الأولى ) .. عنوان الدرس ..
  16. 16. مركز تقنية المعلومات Course Lab برنامج مبتدئ -CourseLab إعداد وتصميم برامج تعلم إلكترونية باستخدام ١٦ - لنبدأ معًا بناء شرائح المقرر من خلال الخطوات التالية : ١. سوف نحدد الشريحة الأولىكمقدمة تتضمن عنوان الدرس . ٢. قم بإدراج صورة من قائمة إدراج أو من أيقونة إدراج صورة في شريط الأدوات في أعلى الشريحة اختر صوره مناسبة كخلفية للشريحة ، قم بتغيير حجمها من خلال سحب حدود الصورة حتى تتلاءم مع حدود الشريحة ، يمكنك إدراج ( أكثر من صورةكما تريد . صورة ( ١ ٣. من القائمة > إدراج > اختر مربع نص ، أو من خلال أيقونة إدراج نص في شريط الأدوات في أعلى الشريحة انقر نقرًا مزدوجًا على مربع النص لتفتح لك نافذة تحرير النص ، ( اكتب عنوان الدرس وليكن (الفعل الماضي). صورة ( ٢ Navigation ٤. من خلال مكتبة المصادر في أعلى اليمين اختر واسحبه إلى الشريحة في الأسفل ، Next slide ، اختر العنصر هذا العنصر سوف يمكننا من الانتقال إلى الصفحة الفعلية ( للدرس . صورة ( ٣ لاحظ : يمكنكتحديد شكل الزر في وضعه الطبيعي وعند مرور الفأرة عليه وعند عدم التمكن من الضغط عليه كأن تكون في الشريحة الأخيرة وعند الضغط عليه على الترتيب ٥. من القائمة > ملف > اختر حفظ ، أو من خلال أيقونة حفظ في شريط الأدوات في أعلى الشريحة ليتم حفظ العمل الذي قمت به . (١) (٢) (٣) بذلك، تم الانتهاء من إنشاء الشريحة الأولى للمقرر والتي تمثل عنوان الدرس . ٢. ( الشريحة الثانية ) .. محتويات الدرس ..
  17. 17. مركز تقنية المعلومات Course Lab برنامج مبتدئ -CourseLab إعداد وتصميم برامج تعلم إلكترونية باستخدام ١٧ - لنبدأ معًا بناء شرائح المقرر من خلال الخطوات التالية : ١. سوف تتضمن الشريحة الثانية محتويات الدرس . ، Design ٢. من خلال مكتبة المصادر في أعلى اليمين اختر واسحبه إلى شريحة العنوان . Gradient اختر العنصر ٣. انقر نقرًا مزدوجًا على المربع الملون لتفتح لك النافذة من خلالها قم بتغيير لون الكائن في ، (Gradient Area) إلى اللون الأزرق والأبيض على التوالي ، Color و 2 Color 1 بالضغط على المربع الصغير بجوارها ، ثم اضغط تطبيق ثم ( موافق . صورة ( ١ ٤. من القائمة > إدراج > اختر مربع نص ، انقر نقرًا مزدوجًا على مربع النص لتفتح لك نافذة تحرير النص ، اكتب ( عنوان الشريحة وليكن (الفعل الماضي). صورة ( ٢ ٥. قم بإدراج مجموعة من الصور تمثل أيقونات ترتبط ببقية شرائح الدرس ، من أيقونة إدراج صورة اختر الصور ، ( يمكنكإدراج أكثر من صورةكما تريد . صورة ( ٣ ٦. قم بإدراج مربع نص بالقرب من كل صورة تم إدراجها ، انقر نقرًا مزدوجًا على مربع النص لتفتح لكنافذة تحرير النص ، اكتب عنوانًا يمثل عنوان الشريحة التي سوف يتم الربط معها ولتكن (القطعة ، الشرح ، القاعدة ، فائدة ، تدريبات ) ( على سبيل المثال . صورة ( ٤ ٧. سوف تقوم الآن بربط كل صورة تم إدراجها بالشريحة التي تمثلها ، ولكن قبل ذلك عليك بإدراج الشرائح أولاً وتسميتها بالاسم المناسب ليتم ربطها بشكل صحيح . ٨. لإدراج شريحة جديدة : من قائمة إدراج اختر شريحة جديدة أو من لوحة الشرائح اضغط بالزر الأيمن للفأرة ثم اختر شريحة جديدة فيتم إضافة شريحة جديدة . (١) (٢) (٣) (٤)
  18. 18. مركز تقنية المعلومات Course Lab برنامج مبتدئ -CourseLab إعداد وتصميم برامج تعلم إلكترونية باستخدام ١٨ ٩. عليك الآن بتغيير أسماء الشرائح الجديدة التي أضفتها ، ويمكنك عمل ذلك من خلال الضغط بالزر الأيمن للفأرة على كل شريحة واختيار تغيير الاسم ، افعل ذلك مع ( جميع الشرائح التي أضفتها لتغيير الاسم . صورة ( ٥ ١٠ . تبقى الآن ربط كل صورة بالشريحة المناسبة لها ، ويمكنك عمل ذلك من خلال الضغط بالزر الأيمن للفأرة على كل صورة واختيار تأثيرات ، سوف تفتح لك النافذة كما في الصورة ( ٦) اختر من قائمة الأحداث في اليسار أي عند النقر ، بعد ذلكاختر من قائمة (onclick) الحدث سوف يعرض لك (GOTO ) التأثيرات في اليمين التأثير الشفرة البرمجية في قائمة مصدر ، انقر نقرًا مزدوجًا عليها قم بتحديد الشريحة المناسبة ، GOTO لتفتح لك نافذة < Specified Frame ثم حدد الخيار ، Frame من خلال ( موافق > موافق . صورة ( ٧ ١١ . كرر ذلك مع بقية الصور التي أدرجتها ، وفي كل مرة تأكد من اختيار الشريحة المناسبة مع كل صورة ليتم الربط بشكل صحيح . Close Module اختر العنصر ، Navigation ١٢ . من خلال واسحبه إلى الشريحة في الأسفل ، هذا العنصر سوف ( يمكننا من الخروج من الدرس . صورة ( ٨ ١٣ . عليك الآن بحفظ العمل الذي قمت به ، للانتقال إلى الدرس التالي . (٥) (٦) (٧) (٨) بذلك، تم الانتهاء من إنشاء الشريحة الثانية للمقرر والتي تمثل محتويات الدرس .
  19. 19. مركز تقنية المعلومات Course Lab برنامج مبتدئ -CourseLab إعداد وتصميم برامج تعلم إلكترونية باستخدام ١٩ ثانيًا : إنشاء شرائح المقرر .. الجزء الثاني ١. ( الشريحة الثالثة ) .. القطعة .. ١. سوف نحدد الشريحة الثالثة (القطعة) تتضمن نصًا وصورة . ، Design ٢. من خلال مكتبة المصادر في أعلى اليمين اختر واسحبه إلى شريحة القطعة . Gradient اختر العنصر ٣. انقر نقرًا مزدوجًا على المربع الملون لتفتح لك النافذة من خلالها قم بتغيير لون الكائن في ، (Gradient Area) إلى اللون الوردي والأبيض على التوالي ، Color و 2 Color 1 بالضغط على المربع الصغير بجوارها ، ثم اضغط تطبيق ثم ( موافق . صورة ( ١ (١) ٤. من القائمة > إدراج > اختر مربع نص ، انقر نقرًا مزدوجًا على مربع النص لتفتح لكنافذة تحرير النص ، اكتب نص القطعة الذي تريد ، وقم بإجراء التنسيق المطلوب . ( صورة ( ٢ (٢) ٥. قم بإدراج الصور التي تريد من أيقونة إدراج صورة اختر الصور ، يمكنك إدراج أكثر من صورة كما تريد . ( صورة ( ٣ (٣) بذلك، تم الانتهاء من إنشاء الشريحة الثالثة للمقرر والتي تمثل - القطعة . .. ٢. ( الشريحة الرابعة ) .. الشرح ١
  20. 20. مركز تقنية المعلومات Course Lab برنامج مبتدئ -CourseLab إعداد وتصميم برامج تعلم إلكترونية باستخدام ٢٠ ١. سوف نحدد الشريحة الرابعة لشرح الدرس . اختر ، Design ٢. من خلال مكتبة المصادر في أعلى اليمين اختر واسحبه إلى شريحة الشرح ١ ، ثم انقر نقرًا Gradient العنصر (Gradient Area) مزدوجًا على المربع الملون لتفتح لكالنافذة إلى Color و 2 Color ، من خلالها قم بتغيير لون الكائن في 1 اللون الأخضر والأبيض ، بالضغط على المربع الصغير بجوارها ، ثم اضغط تطبيق ثم موافق ، كرر ذلك واختر اللون البرتقالي ( والأبيض. صورة ( ١ (١) Basic ٣. من خلال الأشكال التلقائية في أعلى اليمين اختر اختر العنصر المستطيل واسحبه إلى الشريحة ، ، Shapes انقر بزر الفأرة اليمين واختر تنسيق الشكل التلقائي ، سوف في القائمة (ملئ) حدد ، format تفتح لك نافذة الشفافية ٨٠ % ، وفي قائمة خطوط الرسم اختر اللون والسماكة ٤ ، ثم اضغط Solid الأحمر ، وحدد النمط صورة ( ٢) انقر بزر الفأرة اليمين واختر . OK ثم Apply . ( تحرير النص، اكتب الجمل الثلاثكما في الصورة ( ٣ ( ٤. ستقوم الآن بربط الفعل مع الشريحة الخامسة ( الشرح ٢ فيكل مرة تكتب الجملة قم بتظليل الفعل الماضي واختر من القائمة أيقونة التأثير ، سوف تفتح لك نافذة الأحداث اختر من قائمة الأحداث في اليسار الحدث بعد ذلكاختر من قائمة التأثيرات التأثير ( ، (onclick) سوف يعرض لك الشفرة البرمجية ، انقر نقرًا (GOTO قم بتحديد ، GOTO مزدوجًا عليها لتفتح لك نافذة ثم حدد ، Frame الشريحة الخامسة (الشرح ٢) من خلال موافق > موافق . < Specified Frame الخيار ٥. كرر ذلكمع بقية الأفعال ، وتأكد من الربط الصحيح . (٢) (٣)
  21. 21. مركز تقنية المعلومات Course Lab برنامج مبتدئ -CourseLab إعداد وتصميم برامج تعلم إلكترونية باستخدام ٢١ ٦. من القائمة > إدراج > اختر مربع نص ، انقر نقرًا مزدوجًا على مربع النص لتفتح لك نافذة تحرير النص ، اكتب عنوان الشريحة ( أملثة للملاحظة ) ، وقم بإجراء التنسيق .( المطلوب . صورة ( ٤ ٧. قم بإدراج بعض الصور لتنسيق الشريحة ، وذلك من خلال أيقونة إدراج صورة واختيار الصور التي تريد . (٤) ، Design ٨. من خلال مكتبة المصادر في أعلى اليمين اختر واسحبه إلى الشريحة ، سوف يعرض Notifier اختر العنصر لك كائن مربع انقر عليه نقر مزدوجًا لتفتح لك نافذة خصائص الكائن ، يمكنكمن خلالها تغيير شكل ظهور كما يمكنك تحديد ، corners الكائن اختر الشكل الارتفاع والعرض من خلال هذه النافذة وتحديد لون الكائن ، اضغط على تطبيق ثم موافق . لاحظ : يمكنك تغيير أبعاد الكائن من الشريحة نفسها بالنقر على الكائن وسحب أحد الزوايا . ٩. كرر هذه الخطوة مرتين ، ثم قم بوضعها كإطار على الأفعال الماضية فيكل جملة ،كما ذكرنا سابقًا يمكن تغيير حجم الكائن ليتناسب مع حجم الكلمة أو الكائن ( الآخر الذي تريد احتواءه . صورة ( ٦ (٥) (٦) . بذلك، تم الانتهاء من إنشاء الشريحة الرابعة للمقرر والتي تمثل - الشرح ١
  22. 22. مركز تقنية المعلومات Course Lab برنامج مبتدئ -CourseLab إعداد وتصميم برامج تعلم إلكترونية باستخدام ٢٢ .. ٣. ( الشريحة الخامسة ) .. الشرح ٢ ١. سوف نحدد الشريحة الخامسة لتكملة شرح الدرس . ، Design ٢. من خلال مكتبة المصادر في أعلى اليمين اختر واسحبه إلى شريحة الشرح ١ ، ثم Gradient اختر العنصر انقر نقرًا مزدوجًا على المربع الملون لتفتح لك النافذة من خلالها قم بتغيير لون الكائن في ، (Gradient Area) إلى اللون الأزرق والأبيض على التوالي ، Color و 2 Color 1 بالضغط على المربع الصغير بجوارها ، ثم اضغط تطبيق ثم ( موافق . صورة ( ١ ٣. اضغط بزر الفأرة اليمين على الكائن السابق واختر تنسيق مصدر ، في تبويب الألوان وخطوط الرسم حدد اللون الأزرق والسماكة ٥ ثم اضغط Solid لخطوط الرسم ونوع الخط ( الصورة ( ٢ . OK ثم Apply (١) (٢) ٤. من القائمة > إدراج > اختر مربع نص ، انقر نقرًا مزدوجًا على مربع النص لتفتح لك نافذة تحرير النص ، اكتب الأفعال الماضية التي كتبتها في الشريحة الرابعة ، وقم .( بإجراء التنسيق المطلوب . صورة ( ٣ ٥. قم بإدراج بعض الصور لتنسيق الشريحة ، وذلك من خلال أيقونة إدراج صورة واختيار الصور التي تريد . (٣) ، Lists ٦. من خلال مكتبة المصادر في أعلى اليمين اختر واسحبه إلى شريحة الشرح 2 ، من Bulleted اختر العنصر خلالها يمكن التنقل من العنصر الأول ثم الثاني وهكذا باستخدام زر التالي ، انقر نقرًا مزدوجًا على الكائن لتفتح ( لكنافذة الخصائصالخاصة بهذا الكائن. صورة ( ٤ (٤)
  23. 23. مركز تقنية المعلومات Course Lab برنامج مبتدئ -CourseLab إعداد وتصميم برامج تعلم إلكترونية باستخدام ٢٣ ٧. قم بالضغط على إشارة الجمع للبدء في إضافة الفقرات ، سوف تفتح لك نافذة من خلالها تستطيع كتابة الفقرات يفتح TE التي تريد وذلك بالضغط على الأيقونة الصغيرة لكمحرر النصوص اكتب الفقرة الأولى ثم اضغط موافق ، Bullet كما يمكنك تحديد علامة الفقرة من خلال ( صورة ( ٥ . OK ثم Apply ثم OK اضغط Type ٨. كرر هذه الخطوة حتى تنتهي منكتابة جميع الفقرات ٩. بعد ذلك انتقل إلى التبويب الثاني في الخصائص والذي هناك ٣ خيارات في ، Display Mode يمثل طريقة العرض الصندوق المركب وهيكالتالي : يتم التنقل إلى القائمة On user click .١ الجديدة بان يضغط المستخدم على زر التالي ويمكن في هذا الاختيار التحكم في شكل الزر . يتم عرضالقوائم تلقائيا بعد Delayed auto .٢ مدة زمنية يتم تحديدها . لا تعرضالقائمة إلا On external call .٣ باستخدام طرق وأحداث معينة ويمكن جعل القائمة الأولى تعرضتلقائيا . Button text وغير Delayed auto ١٠ . اختر الخيار الثاني ( صورة ( ٦ . OK إلى التالي ثم اضغط يمكنك تحديد Effect ١١ . باختيار علامة التبويب الحركة التي تظهر بها القوائم ومدتها الزمنية. ١٢ . عليك الآن بحفظ العمل الذي قمت به ، للانتقال إلى الدرس التالي . (٥) (٦) . بذلك، تم الانتهاء من إنشاء الشريحة الخامسة للمقرر والتي تمثل - الشرح ٢
  24. 24. مركز تقنية المعلومات Course Lab برنامج مبتدئ -CourseLab إعداد وتصميم برامج تعلم إلكترونية باستخدام ٢٤ ثالثًا : إنشاء شرائح المقرر .. الجزء الثالث ١. ( الشريحة السادسة ) .. القاعدة .. ١. سوف نحدد الشريحة السادسة لشرح القاعدة . ٢. من القائمة > إدراج > اختر مربع نص ، انقر نقرًا مزدوجًا على مربع النص لتفتح لك نافذة تحرير النص ، اكتب عنوان الشريحة ( القاعدة ) ، وقم بإجراء التنسيق المطلوب .( . صورة ( ١ ٣. قم بإدراج بعض الصور لتنسيق الشريحة ، وذلك من خلال ( أيقونة إدراج صورة واختيار الصور التي تريد . صورة ( ٢ ٤. من خلال مكتبة المصادر في أعلى اليمين اختر واسحبه إلى الشريحة Shadow اختر الكائن ، Textboxes ، انقر نقرًا مزدوجًا بزر الفأرة ، سوف تفتح لك نافذة اضغط على Main box في التبويب ، Shadow Textbox لكتابة النص ، أكتب النص وقم بتنسيقه TE الأيقونة . ( كما في الصورة ( ٣ ،Balloons ٥. من خلال مكتبة المصادر في أعلى اليمين اختر واسحبه إلى الشريحة ، انقر نقرًا مزدوجًا Idea اختر الكائن حدد لون ، Idea Balloos بزر الفأرة ، سوف تفتح لكنافذة TE خلفية البالون ولون الحدود ثم اضغط على الأيقونة لكتابة النص ، أكتب النص وقم Balloon text بجانب . ( بتنسيقه كما في الصورة ( ٤ (١) (٢) (٣) (٤)
  25. 25. مركز تقنية المعلومات Course Lab برنامج مبتدئ -CourseLab إعداد وتصميم برامج تعلم إلكترونية باستخدام ٢٥ ٦. ستقوم الآن بربط الفعل مع البالون الذي تم إدراجه ، قم بتظليل الفعل (فاز) ثم اختر من القائمة أيقونة التأثير ، سوف تفتح لكنافذة الأحداث اختر من قائمة الأحداث في بعد ذلك اختر من ، (onmouseover) اليسار الحدث سوف يعرض لك (DISPLAY) قائمة التأثيرات التأثير الشفرة البرمجية ، انقر نقرًا مزدوجًا عليها لتفتح لكنافذة < Object قم بتحديد كائن البالون من خلال ، DISPLAY ( موافق > تطبيق > موافق . صورة ( ٥ (٥) بذلك، تم الانتهاء من إنشاء الشريحة السادسة للمقرر والتي تمثل - القاعدة . ٢. ( الشريحة السابعة ) .. فائدة .. ١. سوف نحدد الشريحة السابعة لكتابة فائدة . ، Lists ٢. من خلال مكتبة المصادر في أعلى اليمين اختر واسحبه إلى شريحة فائدة ، Standard item اختر العنصر انقر نقرًا مزدوجًا على الكائن لتفتح لك نافذة الخصائص item الخاصة بهذا الكائن حدد لون الإطار وفي الجزء لكتابة العنوان فائدة ، وقم TE اضغط على الأيقونة text ( بتنسيقه كما في الصورة ( ٢ ٣. قم بإدراج بعض الصور لتنسيق الشريحة ، وذلك من خلال ( أيقونة إدراج صورة واختيار الصور التي تريد . صورة ( ٣ ٤. من خلال مكتبة المصادر في أعلى اليمين اختر واسحبه إلى الشريحة Shadow اختر الكائن ، Textboxes ، انقر نقرًا مزدوجًا بزر الفأرة ، سوف تفتح لك نافذة اضغط على Main box في التبويب ، Shadow Textbox لكتابة النص ، أكتب النص وقم بتنسيقه TE الأيقونة . ( كما في الصورة ( ٤ (١) (٢) (٣)
  26. 26. مركز تقنية المعلومات Course Lab برنامج مبتدئ -CourseLab إعداد وتصميم برامج تعلم إلكترونية باستخدام ٢٦ ،Popup ٥. من خلال مكتبة المصادر في أعلى اليمين اختر واسحبه إلى الشريحة ، انقر نقرًا Standard اختر الكائن Relife popup مزدوجًا بزر الفأرة ، سوف تفتح لك نافذة حدد لون الكائن اللون الأزرق ثم اضغط على ،window لكتابة العنوان الفعل Header text بجانب TE الأيقونة وقم بتنسيقه . window text الماضي ، أكتب النص في ( صورة ( ٤ ٦. تبقى لكربط الأفعال الماضية بهذا الكائن بحيث بمجرد النقر على الفعل يعرض لكرسالة صغير تتضمن المعلومات التي كتبتها في هذا الكائن ، قم بتظليل الفعل ثم اختر من القائمة أيقونة التأثير ، سوف تفتح لك نافذة الأحداث اختر من قائمة الأحداث في اليسار الحدث بعد ذلك اختر من قائمة التأثيرات التأثير ، (onclick) سوف يعرض لك الشفرة البرمجية ، انقر نقرًا (DISPLAY) قم بتحديد ، DISPLAY مزدوجًا عليها لتفتح لك نافذة موافق > تطبيق > < Object من خلال Popup كائن ( موافق . صورة ( ٥ (٤) (٥) بذلك، تم الانتهاء من إنشاء الشريحة السابعة للمقرر والتي تمثل - فائدة .
  27. 27. مركز تقنية المعلومات Course Lab برنامج مبتدئ -CourseLab إعداد وتصميم برامج تعلم إلكترونية باستخدام ٢٧ رابعًا : إنشاء شرائح المقرر .. الجزء الرابع ١. ( الشريحة الثامنة ) .. التدريبات .. ١. سوف نحدد الشريحة الثامنة للتدريبات . ٢. لاحظ : سوف استخدم في هذه الشريحة صورة تم تصميمها خارج البرنامج تتضمن قسمين من التمارين وزر الرجوع ،كل ما سأقوم به هو ربط الأقسام بشرائح الأسئلة ، من القائمة > إدراج > اختر صورة من ملف ، سأختار الصورة التي تم تصميمها مسبقا ، لاحظ : سأقوم بتغيير أبعاد الصورة حتى .( توافق حجم الشريحة . صورة ( ١ (١) اختر ،Design ستقوم الآن بربط القسمين بشرائح الأسئلة التالية ، من خلال مكتبة المصادر في أعلى اليمين اختر واسحبه إلى الشريحة ، طابق هذا الكائن بكل قسم بسحب حدود الكائن حتى يكون مطابقًا تماما Click Area الكائن لكل مربع في الصورة ،كرر ذلكمرة أخرى للقسم الآخر من الصورة ، وكذلكمع زر (رجوع) . ٣. قم بالنقر على القسم الأول ثم اختر من القائمة أيقونة التأثير ، سوف تفتح لك نافذة الأحداث اختر من قائمة سوف يعرض لك الشفرة (GOTO) بعد ذلك اختر من قائمة التأثيرات التأثير ، (onclick) الأحداث في اليسار الحدث قم بتحديد شريحة السؤال الأول (الشريحة ٩) > موافق > ، GOTO البرمجية ، انقر نقرًا مزدوجًا عليها لتفتح لكنافذة موافق . . ( ٤. كرر هذه الخطوة مع القسم الثاني لربطه مع شريحة السؤال الثاني (الشريحة ١٠ ٥. كرر هذه الخطوة مع زر الرجوع ولكن هذه المرة حدد الشريحة الثانية ( محتويات الدرس) ضمن الشفرة البرمجية . بذلك، تم الانتهاء من إنشاء الشريحة الثامنة للمقرر والتي تمثل - التدريبات .
  28. 28. مركز تقنية المعلومات Course Lab برنامج مبتدئ -CourseLab إعداد وتصميم برامج تعلم إلكترونية باستخدام ٢٨ ٢. ( الشريحة التاسعة ) .. السؤال الأول .. ١. سوف نحدد الشريحة التاسعة للسؤال الأول . ، Design ٢. من خلال مكتبة المصادر في أعلى اليمين اختر واسحبه إلى شريحة السؤال الأول ، Gradient اختر العنصر ثم انقر نقرًا مزدوجًا على المربع الملون لتفتح لك النافذة من خلالها قم بتغيير لون الكائن في ، (Gradient Area) إلى اللون الأحمر والأبيض ، بالضغط Color و 2 Color 1 على المربع الصغير بجوارها ، ثم اضغط تطبيق ثم موافق ، ( كرر ذلكواختر اللون الأخضر والأبيض. صورة ( ١ (١) ٣. قم بإدراج بعض الصور لتنسيق الشريحة ، وذلك من خلال ( أيقونة إدراج صورة واختيار الصور التي تريد . صورة ( ٢ ٤. من خلال مكتبة المصادر في أعلى اليمين اختر واسحبه إلى Single Choice اختر العنصر ، Questions شريحة السؤال الأول ، ثم انقر نقرًا مزدوجًا على الكائن من خلال ، (Single choice question) لتفتح لكالنافذة Question text في TE انقر على Question التبويب واكتب صيغة السؤالكما في الصورة ( ٣) ثم اضغط موافق اضغط على علامة Variants ٥. في نفس التبويب في الجزء الإضافة + لإضافة الخيارات ، ستفتح لك نافذة صغيرة من خلالها يمكنك إدخال كل خيار على حده ، اضغط على واكتب الخيار الأول وليكن (اسم) ثم موافق ، وهذا TE الخيار لا يمثل الإجابة الصحيحة لذلكلا تضع علامة أمام ( صورة ( ٤ . OK فقط اضغط Correct answer (٢) (٣) (٤)
  29. 29. مركز تقنية المعلومات Course Lab برنامج مبتدئ -CourseLab إعداد وتصميم برامج تعلم إلكترونية باستخدام ٢٩ ٦. كرر هذه الخطوة مع الخيارات الأخرى ، مع ملاحظة وضع في حال تمت كتابة الإجابة Correct answer إشارة عند الصحيحة . ٧. بعد الانتهاء من جميع الخيارات ، اضغط تطبيق ثم موافق . ( الصورة ( ٦ (٥) ، Agents ٨. من خلال مكتبة المصادر في أعلى اليمين اختر واسحبه إلى شريحة السؤال الأول ، ثم Agents اختر العنصر Guy) انقر نقرًا مزدوجًا عليه ، يمكنكاختيار الشخصية بعد ذلكحدد طريقة العرض ، Guy وهنا سنختار ( Girl أو ثم اضغط تطبيق ثم موافق . ، Display mode من خلال ( صورة ( ٦ ٩. الآن سنقوم بربط الحدث بالشخصية ، في حال تمت الإجابة بشكل صحيح فإن هذه الشخصية سوف تصفق ، ويمكنك عمل ذلككما يلي : - انقر على كائن السؤال ثم اختر من القائمة أيقونة التأثير ، سوف تفتح لك نافذة الأحداث اختر من قائمة بعد ذلك ، (On Success) الأحداث في اليسار الحدث سوف يعرض (METHOD) اختر من قائمة التأثيرات التأثير لك الشفرة البرمجية ، انقر نقرًا مزدوجًا عليها لتفتح لك Object قم بتحديد الشخصية من خلال ، METHOD نافذة ( ، ثم اضغط موافق ثم موافق . صورة ( ٧ (٦) (٧) بذلك، تم الانتهاء من إنشاء الشريحة التاسعة للمقرر والتي تمثل - السؤال الأول .
  30. 30. مركز تقنية المعلومات Course Lab برنامج مبتدئ -CourseLab إعداد وتصميم برامج تعلم إلكترونية باستخدام ٣٠ ٣. ( الشريحة العاشرة ) .. السؤال الثاني .. ١. سوف نحدد الشريحة التاسعة للسؤال الثاني . ، Design ٢. من خلال مكتبة المصادر في أعلى اليمين اختر واسحبه إلى شريحة السؤال الأول ، Gradient اختر العنصر ثم انقر نقرًا مزدوجًا على المربع الملون لتفتح لك النافذة من خلالها قم بتغيير لون الكائن في ، (Gradient Area) إلى اللون الأصفر والأبيضعلى التوالي ، Color و 2 Color 1 بالضغط على المربع الصغير بجوارها ، ثم اضغط تطبيق ثم ( موافق ،كرر ذلكواختر اللون الأزرق والأبيض. صورة ( ١ (١) ٣. قم بإدراج بعض الصور لتنسيق الشريحة ، وذلك من خلال ( أيقونة إدراج صورة واختيار الصور التي تريد . صورة ( ٢ ٤. من خلال مكتبة المصادر في أعلى اليمين اختر واسحبه إلى شريحة Text اختر العنصر ، Questions السؤال الثاني ، ثم انقر نقرًا مزدوجًا على الكائن لتفتح من خلال ، ( Text Fill‐in Blank Question ) لكالنافذة Question text في TE انقر على Question التبويب واكتب صيغة السؤال كما في الصورة ( ٣) ثم اضغط موافق . اضغط على علامة Variants ٥. في نفس التبويب في الجزء الإضافة + لإضافة الإجابة الصحيحة ، ستفتح لك نافذة صغيرة من خلالها يمكنك إدخال الإجابة الصحيحة ، اضغط على علامة الإضافة + لإضافة الإجابة الصحيحة في Value وفي الجزء Exactly equal اختر Condition الجزء ثم تطبيق ثم OK اكتب الإجابة الصحيحة ، ثم اضغط ( موافق . الصورة ( ٤ (٢) (٣) (٤)
  31. 31. مركز تقنية المعلومات Course Lab برنامج مبتدئ -CourseLab إعداد وتصميم برامج تعلم إلكترونية باستخدام ٣١ ، Agents ٦. من خلال مكتبة المصادر في أعلى اليمين اختر واسحبه إلى شريحة السؤال الأول ، ثم Agents اختر العنصر Guy) انقر نقرًا مزدوجًا عليه ، يمكنكاختيار الشخصية بعد ذلكحدد طريقة العرض ، Girl وهنا سنختار ( Girl أو ثم اضغط تطبيق ثم موافق . ، Display mode من خلال ( صورة ( ٥ ٧. الآن سنقوم بربط الحدث بالشخصية ، في حال تمت الإجابة بشكل صحيح فإن هذه الشخصية سوف تبتسم ، ويمكنك عمل ذلككما يلي : - انقر على كائن السؤال ثم اختر من القائمة أيقونة التأثير ، سوف تفتح لك نافذة الأحداث اختر من قائمة بعد ذلك ، (On Success) الأحداث في اليسار الحدث سوف يعرض (METHOD) اختر من قائمة التأثيرات التأثير لك الشفرة البرمجية ، انقر نقرًا مزدوجًا عليها لتفتح لك Object قم بتحديد الشخصية من خلال ، METHOD نافذة ثم اضغط موافق ثم موافق . صورة (Smile) Action ، وحدد (٦) (٥) (٦) بذلك، تم الانتهاء من إنشاء الشريحة العاشرة للمقرر والتي تمثل - السؤال الثاني .
  32. 32. مركز تقنية المعلومات Course Lab برنامج مبتدئ -CourseLab إعداد وتصميم برامج تعلم إلكترونية باستخدام ٣٢ ٤. ( الشريحة الحادية عشر ) .. المرفقات .. ١. سوف نحدد الشريحة الحادية عشر للمرفقات . ، Design ٢. من خلال مكتبة المصادر في أعلى اليمين اختر واسحبه إلى شريحة السؤال الأول ، Gradient اختر العنصر ثم انقر نقرًا مزدوجًا على المربع الملون لتفتح لك النافذة من خلالها قم بتغيير لون الكائن في ، (Gradient Area) إلى اللون الأزرق والأبيض على التوالي ، Color و 2 Color 1 بالضغط على المربع الصغير بجوارها ، ثم اضغط تطبيق ثم ( موافق . صورة ( ١ (١) ٣. من القائمة > إدراج > اختر مربع نص ، انقر نقرًا مزدوجًا على مربع النص لتفتح لك نافذة تحرير النص ، اكتب النصكما في الصورة ( ٢) ، وقم بإجراء التنسيق المطلوب . ، External ٤. من خلال مكتبة المصادر في أعلى اليمين اختر واسحبه إلى شريحة المرفقات ، External File اختر العنصر ثم انقر نقرًا مزدوجًا عليه ، قم بتحديد الملف من جهازك اكتب اسمًا ، File من خلال الأيقونة المربعة في الجزء ثم اضغط تطبيق ثم موافق . ، Caption للملف في الجزء ( الصورة ( ٣ (٢) (٣)
  33. 33. مركز تقنية المعلومات Course Lab برنامج مبتدئ -CourseLab إعداد وتصميم برامج تعلم إلكترونية باستخدام ٣٣ ، External ٥. من خلال مكتبة المصادر في أعلى اليمين اختر واسحبه إلى شريحة المرفقات ، External URL اختر العنصر ثم انقر نقرًا مزدوجًا عليه ، قم بكتابة الرابط في الجزء يمكنك تغيير شكل الأيقونة من خلال الجزء ، URL واختيار صورتكالتي تريد من جهازك ، ثم icon image ( اضغط تطبيق ثم موافق . صورة ( ٤ (٤) ٦. من القائمة > إدراج > اختر مربع نص ، انقر نقرًا مزدوجًا على مربع النص لتفتح لك نافذة تحرير النص ، اكتب النصكما في الصورة ( ٥) ، وقم بإجراء التنسيق المطلوب . ، External ٧. من خلال مكتبة المصادر في أعلى اليمين اختر واسحبه إلى شريحة المرفقات ، ثم IFRAME اختر العنصر URL انقر نقرًا مزدوجًا عليه ، قم بكتابة الرابط في الجزء ( ، ثم اضغط تطبيق ثم موافق . صورة ( 6 (٥) (٦) بذلك، تم الانتهاء من إنشاء الشريحة الحادية عشر للمقرر والتي تمثل - المرفقات .
  34. 34. مركز تقنية المعلومات Course Lab برنامج مبتدئ -CourseLab إعداد وتصميم برامج تعلم إلكترونية باستخدام ٣٤ خامسًا: عرض محتويات المقرر ومعلومات حول العمل من خلال Master ١. أولاً : انتقل إلى طريقة عرض الشرائح الضغط على الأيقونة في الأسفل . ٢. في هذا المقرر نحتاج فقط إلى شريحتين رئيسيتين ، الشريحة الأولى تتضمن محتويات المقرر ومعلومات حول العمل ، ليتم التوصل إليها في أغلب شرائح المقرر ، والأخرى ستكون فارغة فقد نحتاجها في بعضالشرائح . ٣. الشريحة الأولى ، من مكتبة المصادر في أعلى اليمين اختر واسحبه إلى CONTENTS اختر العنصر ، Navigation الشريحة الأولى ، ثم انقر نقرًا مزدوجًا عليه لتفتح لك من خلالها في التبويب ، (Contents Tab) النافذة واكتب Header text قم بتغيير Parameters ( (المحتويات) ثم تطبيق ثم موافق . صورة ( ١ (١) ، Navigation ٤. من مكتبة المصادر في أعلى اليمين اختر واسحبه إلى الشريحة الأولى ، ثم ABOUT اختر العنصر ، (About Tab) انقر نقرًا مزدوجًا عليه لتفتح لكالنافذة Header قم بتغيير Parameters من خلالها في التبويب اكتب Area text واكتب (حول العمل) وفي التبويب text ( معلومات عن معد العمل ، ثم تطبيق ثم موافق . صورة ( ٢ (٢)
  35. 35. مركز تقنية المعلومات Course Lab برنامج مبتدئ -CourseLab إعداد وتصميم برامج تعلم إلكترونية باستخدام ٣٥ سادسًا: عرضالمقرر ونشره - طرق عرضالمقرر : ١. لمشاهدة النموذج والشرائح اختر (النموذج - عرض النموذج) ، أو من شريط الأدوات اختر عرض النموذج أو من لوحة المفاتيح . F الضغط على زر 5 اضغط على الزر الأيمن للفأرة Course ٢. لإضافة نموذج جديد اختر (ملف – جديد – نموذج) ، أو من اللوحة واختر (جديد – نموذج) . اضغط على الزر الأيمن Course ٣. لإضافة مجلدات جديدة للمقرر اختر (ملف – جديد – مجلد) أو من اللوحة للفأرة واختر (جديد – مجلد) . ويتم وضع العنصر في Course ٤. يمكن ترتيب المجلدات أو النماذج بالسحب والإفلات فيما بينها داخل اللوحة نهاية القائمة المسحوب إليها . - خطوات نشر المقرر : - من قائمة ملف اختر نشر المقرر ، سوف تفتح لك النافذة التالية . للاستمرار ، في النافذة التالية أدخل Next - اضغط . Next عناصر المقرر ، المعرف والوصف ، ثم اضغط ( صورة ( ١ - اختر نوع النشر (سكورم ١,٢ في نظام إدارة التعلم) . Next ثم اضغط - اكتب اسمًا لحفظ السكورم وحدد مكان الحفظ ثم ( صورة ( ٢ . Next اضغط - سوف يقوم بالتأكيد عليك لبدأ النشر اضغط على ( لبدأ النشر . صورة ( ٣ Next (١) (٢) (٣)

×