تعلم برنامج Articulate Storyline لبناء المحتوى الالكتروني التفاعلي - زهير ناجي ( PDFDrive ).pdf

 Articulate Storyline Articulate Storyline 2  Articulate Storyline 3  Articulate Storyline 4  Articulate Storyline 5  Articulate Storyline 6  ‫‪Articulate Storyline‬‬...

 Articulate Storyline Articulate Storyline 2  Articulate Storyline 3  Articulate Storyline 4  Articulate Storyline 5  Articulate Storyline 6  ‫‪Articulate Storyline‬‬ ‫إهداء‬ ‫الى روح والدي ووالدتي المغفور لهما بإذن اهلل‬ ‫الحاج ناجي غنام خليف‬ ‫الحاجة نجيه حمدان خليف‬ ‫قناة اليوتيوب التعليمية لتعليم برنامج ‪ ARTICULATE STORYLINE‬لتصميم المحتوى االلكتروني وكتاب توظيف‬ ‫برنامج ‪ ARTICULATE STORYLINE‬لتصميم المحتوى االلكتروني التفاعلي باالضافة الى موقع التدريب عن بعد‬ ‫للبرنامج والمتوفر على الرابط التالي‪:‬‬ ‫تفضل بالدخول الى التدريب عبر االنترنت الخاص بالكتاب‬ ‫وللوصول الى قناة اليوتيوب الخاصة في البرنامج تفضل من هنا‬ ‫لتحميل األمثلة التطبيقية على البرنامج تفضل بالنقر هنـــا (يتم تحديثه باستمرار)‬ ‫موقع التواصل االجتماعي والدعم الفني المباشر‪ :‬انقر هنا‬ ‫لتحميل تحديثات الكتاب‪ :‬تفضل بالنقر هنـــا‬ ‫وما ابذل من جهد وتقديم مساعدة واستشارة لطالبيها واي تحديثات للمواقع والكتاب اعتبره وقفا هلل تعالى‬ ‫عن روح والدي " ناجي غنام خليف" المتوفي يوم الجمعه ‪ 2014-7-4‬الموافق ‪ 6‬رمضان ‪.143‬‬ ‫ووالدتي " نجيه يحيى خليف" المتوفاة يوم الخميس ‪.2015-3-5‬أسأل اهلل العلي القدير ان يتغمدهما‬ ‫برحمته ويغفر لهما ويدخلهما جنته باذن اهلل‪.‬ما اريده فقط الدعاء لهما بالمغفرة والرحمة ‪ ------‬ثواب‬ ‫الفاتحه على أرواحهم الطاهره‪.‬‬ ‫آمال منكم تعميم الكتاب لتعم الفائدة وليستفيد منه اكبر عدد ممكن من طالبي العلم‬ ‫‪7‬‬  Articulate Storyline ‫مقدمة‬ 8  ‫‪Articulate Storyline‬‬ ‫ملخص الكتاب‬ ‫الهدف االساسي من الكتاب تزويد الفئة المستهدفة بالمهارات االساسية لتصميم محتوى الكتروني‬ ‫تفاعلي باستخدام برنامج ‪ Articulate Storyline‬حيث تم توضيح المهارات بشيء من التفصيل‪ ،‬ومن اجل‬ ‫ان تعم الفائدة أقدم في هذا الملخص تحليال لمكونات المحتوى االلكتروني الذي سنقوم بتصميمه بواسطة‬ ‫البرنامج‪.‬فمن خالل الشكل التالي تستطيع تحديد مكونات المقرر وكيفية ترابط تلك المكونات مع بعضها‬ ‫البعض‪ ،‬ليس شرطا اساسيا استخدام جميع المكونات ولكن وبما اننا نتكلم عن محتوى الكتروني تفاعلي‬ ‫يفضل استخدام المكونات كافة من اجل تحقيق االهداف المرجوة منها‪.‬‬ ‫‪9‬‬  ‫‪Articulate Storyline‬‬ ‫الخارطة المفاهيمية لتصميم المحتوى التعليمي‬ ‫‪10‬‬  Articulate Storyline Articulate Storyline 11  ‫‪Articulate Storyline‬‬ ‫يعتبر برنامج ‪ Articulate Storyline‬احدى البرامج الهامة في تأليف ونشر الدروس االلكترونية والمحتوى االلكتروني‬ ‫التفاعلي فهو مناسب للمبتدئين والمحترفين في تصميم وانتاج المقررات االلكترونية‪.‬يساعد البرنامج في بناء المحتوى‬ ‫االلكتروني والمقررات االلكترونية التفاعلية التي تتصف بالمهنية العالية باالضافة الى العروض التقديمية المتطورة وكذلك‬ ‫االختبارات االلكترونيه‪.‬‬ ‫مخرجات البرنامج ال تحتاج ان يكون للمتعلم او الفئات المستهدفة برنامج ‪ Articulate Storyline‬النه يتم تشغيله‬ ‫بشكل منفرد على شكل ‪ Swf‬وهي الصيغة المشهورة لمخرجات برنامج الفالش‪.‬‬ ‫خصائص البرنامج‬ ‫يمتاز البرنامج بالعديد من الخصائص التي تميزه عن بقية أدوات تأليف ونشر المقررات االلكترونية‪ ،‬من هذه الميزات‪:‬‬ ‫‪ -‬سهولة التأليف‬ ‫‪ -‬سهولة استخدام واجهة المستخدم‬ ‫‪ -‬قوالب جاهزة كثيرة يمكن استخدامها في بناء االختبارات االلكترونية‪.‬‬ ‫‪ -‬توفر الشخصيات المتنوعة المدمجة في البرنامج حيث يمكن االستفادة منها في شرح المقرر االلكتروني‪.‬‬ ‫‪ -‬القدرة على استيراد المحتوى من المشاريع والتطبيقات االخرى‪.‬‬ ‫‪ -‬التقاط الصور من الشاشة ‪.Screenshot‬‬ ‫‪ -‬سهولة التفاعل عبر استخدام المشغالت‪ ،‬المتغيرات‪ ،‬الشريط الزمني‪ ،‬وطبقات الشرائح‪.‬‬ ‫‪ -‬مرونة تصميم االختبارات االلكترونية‬ ‫‪ -‬توفر خيارات متنوعة الختيار نمط اسئلة االختبارات االلكترونية‪.‬‬ ‫‪ -‬تسجيل لقطات فيديو مباشرة دون الحاجة الى ادوات وبرامج اضافية‪.‬‬ ‫‪ -‬يدعم اللغات المكتوبة من اليمين الى اليسار كاللغة العربية‪.‬‬ ‫‪ -‬مشاركة القوالب التفاعليه‪.‬‬ ‫‪ -‬سهولة اضافة خاصية السحب واالفالت التفاعلية‪.‬‬ ‫‪ -‬استيراد ملفات العروض التقديمية‪.‬‬ ‫‪ -‬امكانية نشر المقرر بصيغ متعددة‪.‬‬ ‫الحصول على البرنامج‬ ‫يمكنك الحصول على نسحه تجريبية من البرنامج من خالل زيارة موقع الشركه الرسمي‬ ‫وإذا اردت الحصول على نسحه كامله انقر هنا (إذا لم يعمل الرابط ارجو التواصل معنا عبر االيميالت من اجل تزويدكم‬ ‫بالنسخه‪.‬‬ ‫‪12‬‬  ‫‪Articulate Storyline‬‬ ‫‪Articulate Storyline‬‬ ‫‪Adobe Captivate‬‬ ‫هنالك العديد من االستفسارات واألسئلة حول برنامجي ‪Adobe Captivate‬و ‪Articulate Storyline‬من أهمها‪:‬‬ ‫أيهما أفضل لصناعة وتصميم المحتوى اإللكتروني؟ أيهما أفضل لتصميم األنشطة اإللكترونية المتنوعة؟‬ ‫الجواب هو‪ :‬يتوقف عليك أنت عزيزي المصمم‪ ،‬فأنت سيد الموقف وأنت أعلم من أي شخص آخر في األنشطة التي ستقوم‬ ‫بتضمينها في المحتوى اإللكتروني‪.‬لن نقول لك أن هذه األداة أفضل في بناء محتوى الكتروني تفاعلي من األداة األخرى‬ ‫ولكننا سوف نساعدك في اختيار المناسب من خالل تزويدك بجدول مقارنة بين األداتين ( ‪Adobe Captivate & Articulate‬‬ ‫‪ )Storyline‬وذلك إلبراز النقاط التي يمكن أن تأخذها في االعتبار والتي قد تساعدك على أن تقرر بنفسك األداة األفضل‬ ‫لتلبية االحتياجات الخاصة بتصميمك‪.‬‬ ‫كال البرنامجين يستخدمان في صناعة المحتوى اإللكتروني التفاعلي وتوجد بينهما العديد من الخصائص المشتركة‪.‬تسمح‬ ‫هذه األدوات للمستخدم بالتقاط الفيديو‪ ،‬إنشاء المحاكاة التجريبية للبرامج والتطبيقات األخرى والتي تستطيع توظيفها في‬ ‫العملية التعليمية‪ ،‬تصميم االختبارات وإنشاء محتوى قائم على السيناريو‪ ،‬باإلضافة إلى استخدامه في تقديم شروح لبرنامج‬ ‫‪ ، Macromedia Captivate‬ومن الخصائص المهمة أنك تستطيع تحويل المنتج إلى ملف ‪ Pdf‬تفاعلي أي تضمين ملفات فيديو‬ ‫أو ملفات فالش داخل المحتوى اإللكتروني حيث يتم عرض الفيلم أو الحركات وكأنها على موقع اإلنترنت بحيث تحتاج‬ ‫لتشغيل هذه الخاصية برنامج ‪ Adobe Acrobat Reader‬اإلصدار التاسع فما فوق‪.‬‬ ‫جدول المقارنة بين البرنامجين‬ ‫المصدر‪ :‬أنقر هنا‬ ‫‪13‬‬  Articulate Storyline 14  Articulate Storyline 15  ‫‪Articulate Storyline‬‬ ‫‪Launching Program‬‬ ‫تشغيل البرنامج‬ ‫من قائمة ابدأ أنقر مرتين على رمز البرنامج‪ ،‬يقوم البرنامج بتشغيل الشاشة الرئيسية في كل مرة عندما تدخل‬ ‫إليه‪ ،‬على اليسار لشاشة التشغيل تُظهر قائمة عليها خمسة خيارات حيث تستطيع من خاللها النفاذ إلى مكونات البرنامج‪.‬‬ ‫توفر الشاشة خيارات إلنشاء مشاريع جديدة‪ ،‬فتح المشاريع القائمة‪ ،‬استيراد المحتويات التي تم أنشاؤها مسبقا في ‪PowerPoint‬‬ ‫أو ‪ ،Quizmaker‬باإلضافة إلى ذلك ستجد سلسلة من الدروس األساسية والمتقدمة في كيفية االستفادة من امكانيات البرنامج‬ ‫في بناء محتوى الكتروني تفاعلي وكذلك مجموعة من القوالب الجاهزة والتي تستطيع تحميلها على جهاز الحاسوب الخاص‬ ‫بك‪.‬‬ ‫إنشاء سيناريو جديد‬ ‫يتيح هذا البرنامج إنشاء سيناريو جديد بطرق مختلفة منها‪:‬‬ ‫* إنشاء سيناريو خال من المحتوى والتنسيق‪.‬أنقر على إنشاء مشروع جديد ‪ New Project‬وهو أفضل الخيارات إذا أردت‬ ‫أن تقوم بإنشاء محتوى الكتروني من نقطة الصفر ومن تصميمك الخاص‪.‬‬ ‫* إنشاء سيناريو جديد يحتوي على نصوص وتنسيقات كنت قد قمت بإنشائها سابقا بواسطة برنامج العروض التقديمية أو‬ ‫صانع االختبارات أنقر على زر استيراد بوربوينت ‪ Import PowerPoint‬أو ‪Import Quizmaker.‬‬ ‫* إنشاء نماذج محاكاة إلحدى البرمجيات وتسجيل حركات الشاشة أنقر على ‪Record Screen‬‬ ‫‪16‬‬  ‫‪Articulate Storyline‬‬ ‫‪From Project‬‬‫* إنشاء محتوى يعتمد على القوالب الجاهزة المتوفرة في البرنامج‪.‬تستطيع التعديل عليها الحقا‪ ،‬أنقر على‬ ‫‪.Template‬‬ ‫باإلضافة إلى ما تقدم تستطيع العودة إلى المشاريع التي قمت بإنشائها سابقا من خالل النقر على اسم المشروع أو فتحه‬ ‫بالضغط على أيقونة استعراض ‪.Browse‬‬ ‫‪Main Interface‬‬ ‫لنقم باختيار فتح مشروع سابق تم أنشاؤه بالبرنامج‪ ،‬بعد النقر على إسم المشروع‪ ،‬ستشاهد الواجهة الرئيسية للبرنامج‬ ‫كما في الصورة التالية‪:‬‬ ‫هذا هو المظهر العام لواجهة البرنامج عند الدخول إليه‪ ،‬ربما يتساءل البعض هل سيكون المظهر العام للشاشة الرئيسية‬ ‫نفس المنظر لو اخترنا الخيارات األخرى‪ ،‬نعم بالتأكيد ستكون نفس المكونات مع اختالف في وجود المشهد ‪.Scene‬‬ ‫نطلق على هذا المنظر بمعاينة السيناريو ‪Story View‬‬ ‫‪1‬‬ ‫باالعتماد على الصورة السابقة‪ ،‬أكتب أهمية عرض السيناريو ‪ Story View‬في البرنامج من وجهة‬ ‫نظرك‪.‬‬ ‫‪17‬‬  ‫‪Articulate Storyline‬‬ ‫‪Story View‬‬ ‫عرض السيناريو عبارة عن مفهوم جديد يشير إلى االنتقال من ‪ Articulate Studio‬إلى ‪ Articulat Storyline‬وهو يشبه‬ ‫إلى حد كبير خاصية فارز الشرائح في برنامج العروض التقديمية‪ ،‬فمن خالل الصورة السابقة تالحظ أن عرض السيناريو‬ ‫يساهم في عرض كافة الشرائح التي يتكون منها المشروع باإلضافة إلى توضيح العالقة واالرتباطات بين هذه الشرائح وذلك‬ ‫من خالل الخطوط واألسهم التي تصل الشرائح مع بعضها البعض‪ ،‬فمن لمحة بسيطة على المشهد تستطيع الحصول على صورة‬ ‫شاملة لمكونات المشروع‪.‬‬ ‫المشاهد ‪:Scenes‬‬ ‫يتم تنظيم الشرائح داخل مجموعة يطلق عليها بالمشهد ‪ ،scene‬يساعد المشهد في تنظيم المحتوى بصريا من خالل‬ ‫تنظيمها في أجزاء صغيرة متماثلة منطقيا‪.‬تلعب المشاهد " ‪ " Scenes‬دورا مهما في بناء القوائم في المشروع حيث أن كل‬ ‫مشهد افتراضي يعتبر قائمة منسدلة مما يساعد في بناء نظام اإلبحار ‪ Navigation‬للمشروع‪ ،‬من هذا المنطلق نستطيع‬ ‫المشاهدة بوضوح كيفية تدفق المحتوى من شريحة إلى أخرى‪ ،‬فكلما زاد المشروع حجما وتعقيدا تزداد أهمية عرض السيناريو‬ ‫وتصبح أداة ال مفر منها لتنظيم وإدارة محتوى المشروع‪.‬‬ ‫تستطيع التحكم في شريط األدوات لمكونات الواجهة الرئيسة وذلك من خالل إخفاء أو إظهار وذلك بالنقر على الزر األيمن‬ ‫للماوس في أي مكان واختر منها تصغير الشريط‪.‬‬ ‫الصورة التالية توضح عرض ثالثة سيناريوهات مكونة للبرنامج الحظ وجود العلم األخضر على الزاوية العليا من جهة اليسار‬ ‫يشير أن بداية المشروع ستكون من هنا وباإلمكان تغيير بداية السيناريو‬ ‫من خالل شاشة عرض السيناريو نستطيع التحكم في العديد من الخصائص وأيضا نستطيع إضافة مشاهد جديدة ‪،New Scene‬‬ ‫شريحة جديدة‪ ،‬التنقل في عرض المشاهد‪ ،‬أنظرإلى الصورة التالية‪:‬‬ ‫‪18‬‬  ‫‪Articulate Storyline‬‬ ‫‪Managing Scenes in Story View‬‬ ‫من خالل الخيارات المتوفرة في عرص السيناريو نستطيع التحكم في المشهد وذلك‪:‬‬ ‫‪ ‬تمدد او تقلص ‪ Expand/Collapse‬المشهد وذلك من خالل النقر على ايقونة السهم الصغير او من خالل النقر بالزر‬ ‫األيمن للماوس على المشهد واختيار الخيار المناسب كما في الصوره التاليه‪:‬‬ ‫‪delete‬‬ ‫‪ ‬حذف المشهد‬ ‫‪ ‬نسخ‪ ،‬قص‪ ،‬لصق‪ ،‬وتكرار المشهد ‪duplicate‬‬ ‫‪Story View‬‬ ‫تنظيم الشرائح في عرض السيناريو‬ ‫تستطيع إعادة ترتيب الشرائح وتنظيمها عندما تكون في شاشة عرض السيناريو حيث يمكنك‪- :‬‬ ‫‪ -‬إعادة تسمية الشرائح والمشاهد الموجودة لديك‪.‬‬ ‫‪ -‬نقل الشريحة من مشهد إلى مشهد آخر وذلك بالنقر على الشريحة المراد نقلها وسحبها إلى المكان الجديد ثم اإلفالت‪.‬‬ ‫‪ -‬كذلك يمكنك تبديل وإعادة ترتيب الشرائح الموجودة في المشهد الواحد بنفس الطريقة السابقة‪.‬‬ ‫‪ -‬يمكنك أيضا إدراج شرائح جديدة ومشاهد جديدة‬ ‫‪19‬‬  ‫‪Articulate Storyline‬‬ ‫للعمل في منطقة عرض السيناريو يمكنك القيام بما يلي‪:‬‬ ‫‪ ‬اختيار الشريحة التي تريد مشاهدة المعلومات عنها حيث يتم عرض المعلومات في لوجة خصائص الشريحة‬ ‫الموجودة على يمين الشاشة‪.‬‬ ‫‪ ‬انقر نقرا مزدوجا لفتح الشريحه الجراء التعديل‬ ‫‪ ‬يمكنك التحكم بحجم المظهر (تكبير او تصغير) من خالل النقر على ‪Expand/Collapse‬‬ ‫التحكم في إرساء او عدم إرساء النوافذ في البرنامج ‪( Dock/Undock‬أضف صوره)‬ ‫تتيح هذه الخاصية بالسماح للمصمم في تغيير مواقع النوافذ الموجودة على الشاشة الرئيسيو للبرنامج مثل‪:‬‬ ‫‪ ‬نافذة المشاهد في حالة عرض الشرائح‪.‬‬ ‫‪ ‬نافذة الحاالت ‪States‬‬ ‫‪ ‬نافذة المالخظات ‪Notes‬‬ ‫‪ ‬نافذة الترايحرز ‪Triggers‬‬ ‫‪ ‬لوحة طبقات الشريحه ‪Slide Layers‬‬ ‫للتحكم في النافذة من خالل ‪ Dock/Undock‬اتبع الخطوات التالية‪:‬‬ ‫‪20‬‬  ‫‪Articulate Storyline‬‬ ‫يمتاز برنامج ‪ Articulate‬بسهولة إضافة المحتوى من خالل إضافة شرائح جديدة‪.‬إلدراج شريحة جديدة استخدم‬ ‫قائمة ‪ Insert------> New slide‬ستظهر نافذه جديدة تحتوي على العديد من الخيارات مثل شرائح تخطيط بسيط‪ ،‬قوالب‬ ‫جاهزة‪ ،‬اختبارات‪ ،‬تسجيل الشاشة وغيرها‪.‬‬ ‫فيما يلي وصفا لخيارات الشرائح في البرنامج‪:‬‬ ‫ القوالب الجاهزة ‪ Template‬التي يمكنك االستفادة من القوالب الجاهزة وإعادة تصميمها بما يناسب مقررك اإللكتروني‪،‬‬ ‫سيساهم ذلك في توفير الوقت والجهد‪.‬يوجد نوعين من القوالب ‪:Template‬‬ ‫‪ -‬هناك قوالب تكون موجودة مسبقا داخل البرنامج‬ ‫‪ -‬قوالب يتم تحميلها من موقع الشركة أو قوالب يقوم المستخدم بتصميمها‪.‬‬ ‫ شرائح ذات التخطيط البسيط ‪ :Basic Layout‬تتوفر هذه الشرائح على أساس الشرائح التي يتم تصميمها في المشروع أو‬ ‫حسب تصميم شريحة الماستر حيث يمكنك االستفادة من التصاميم الموجودة لها أو أن تقوم بتصميم شريحة حسب احتياجاتك‬ ‫‪21‬‬  ‫‪Articulate Storyline‬‬ ‫ شرائح االختبارات ‪ Quizzing:‬يتيح لك البرنامج إدراج شرائح لوضع أسئلة اختبار الكتروني‪ ،‬يوجد العديد من األسئلة‬ ‫المتنوعة والتي يمكنك إدراجها ضمن مقررك اإللكتروني‪.‬سيتم تخصيص جزء من المادة التدريبية لتصميم االختبارات‬ ‫اإللكترونية‪.‬‬ ‫ تسجيالت الشاشة ‪ :Screen Recording‬تستطيع تسجيل فيلم فيديو بسيط من الشاشة يوضح كيفية تنفيذ مهمة ما أو‬ ‫إنشاء محاكاة إلحدى برامج الحاسوب‬ ‫ استيراد ملفات ‪ Import:‬مثل استيراد ملفات العروض التقديمية‪ ،‬أو اختبارات جاهزة‪.‬‬ ‫كيفية اإلنتقال من العرض العادي ‪ Normal View‬إلى عرض السيناريو ‪Story View‬‬ ‫الوضع التقليدي أنه بمجرد تشغيل البرنامج يتم اإلنتقال إلى عرض السيناريو ولكن في بعض الحاالت نحتاج للعمل في‬ ‫العرض العادي والعودة إلى عرض السيناريو ‪ ،‬توجد عدة طرق من أهمها‪:‬‬ ‫في أسفل الشاشة من جهة اليمين توجد أيقونة تشبه أيقونة فارز الشرائح أنقر عليها أو أنقر على قائمة >‪View ----‬‬ ‫‪ Story View‬تستطيع تغيير اسم المشهد وذلك بالنقر على العنوان الخاص به‪.‬‬ ‫العرض العادي ( عرض الشرائح ‪) Normal Slide‬‬ ‫عند بدء العمل في مشروعك فإنك غالبا تعمل في الوضع العادي على شريحة محددة وهو يشبه العمل على شرائح‬ ‫العروض التقديمية‪ ،‬تستطيع الوصول إلى العرض العادي إما من خالل النقر مزدوجا على المشهد ‪ Scene‬المراد العمل‬ ‫عليه أو من خالل قائمة ‪ View -------> Normal View‬كما في الصورة التالية‪:‬‬ ‫‪22‬‬  ‫‪Articulate Storyline‬‬ ‫أو من خالل النقر على أيقونة الشريحة في أسفل الشاشة‬ ‫عندما تكون في العرض العادي يمكنك العودة إلى عرض السيناريو كما اسلفنا سابقا‪ ،‬أنظرإلى الصورة التالية‪:‬‬ ‫في كال الحالتين نجد أسفل الشاشة من جهة اليمين شريط التكبير والتصغير والذي يستخدم في تكبير أو تصغير الشاشة‬ ‫‪2‬‬ ‫فكّر مليا في أهمية إعدادات الشرائح قبل البدء بتصميم ووضع المحتوى على الشريحة علما بأن إعدادات‬ ‫الشرائح تشمل‪ :‬الطول‪ ،‬العرض‪ ،‬الخلفية‪ ،‬حجم الخطوط‪......... ،‬‬ ‫‪23‬‬  ‫‪Articulate Storyline‬‬ ‫قبل البدء بوضع المحتوى وتصميمه على الشرائح ال بد من القيام بضبط إعدادات الشرائح وذلك من خالل التحكم‬ ‫في الطول والعرض للشريحة باإلضافة إلى خلفية الشريحة والخطوط المستخدمة عليها‪.‬إن ضبط إعدادات الشرائح قبل البدء‬ ‫فعليا بتصميم المحتوى اإللكتروني ال شك بأنه سيساهم في توفير الوقت والجهد باإلضافةإلى ضبط الجودة للمقرر‪.‬‬ ‫من النقاط الواجب أخذها بعين اإلعتبار عند تعديل الشرائح هو ضبط حجم الشريحة‪ :‬الحجم االفتراضي للشاشه هو ‪720‬‬ ‫‪ 540 X‬بيكسل حيث تستطيع التحكم بالزيادة أو النقصان من خالل ‪ Design-------> Story Size‬كما في الشكل التالي‪:‬‬ ‫بعد فتح قائمة تصميم ‪ Design‬أنقر على أيقونة ‪ Story Size‬حيث تظهر نافذة إعدادات التحكم‪ ،‬تستطيع التحكم في كل‬ ‫خاصية على حدة من خالل األسهم الصغيرة‪ ،‬بعد اختيار الحجم المناسب أنقر على موافق العتماد ال إعدادات الجديدة‪.‬‬ ‫يمكنك ضبط حجم الشريحة في أي وقت‪ ،‬ولكن من األفضل القيام بذلك قبل إضافة المحتوى‪ ،‬ألن أي تعديل على الشريحة‬ ‫بعد إضافة المحتوى ربما يؤدي إلى إختالف التصميم مما يترتب على ذلك إعادة العمل على تصميم الشريحة من جديد‬ ‫وإعادة ترتيب محتواها ليناسب التغييرات الجديدة‪ ،‬ولتوفير الوقت والجهد‪ ،‬إعمل التعديالت الالزمة قبل البدء بالتصميم‪.‬‬ ‫‪24‬‬  ‫‪Articulate Storyline‬‬ ‫‪3‬‬ ‫باالعتماد على مهارة تغيير إعدادات حجم الشريحة‪ ،‬أنشئ شريحة جديدة ثم أضف نص وصورة ثم غيّر‬ ‫إعدادات الشريحة إلى ‪450 X 450‬‬ ‫‪25‬‬  ‫‪Articulate Storyline‬‬ ‫يقدم البرنامج العديد من الميزات لمساعدتك في التصميم المخصص للشرائح سواء كان التصميم للشرائح العادية أو‬ ‫لشريحة الماستر‪.‬العديد من الخيارات يمكن االستفادة منها في التصميم مثل‪ :‬القوالب الجاهزة‪ ،‬الخلفيات‪ ،‬الخطوط‪ ،‬االلوان‪.‬‬ ‫يمكنك تصميم الشريحة من نقطة الصفر أي ستقوم بالتصميم من األلف إلى الياء‪.‬ومن أجل توفير الوقت والجهد‬ ‫يفضل دائما تصميم شريحة تطبق على جميع شرائح المشروع وهي شريحة الماستر ‪.Master Slide‬‬ ‫تصميم الشريحة الرئيسية (الماستر)‬ ‫وظيفة شريحة الماستر في برنامج ‪Articulate‬تشبه وظيفتها في برنامج العروض التقديمية‪ ،‬توفر الكثير من الوقت‬ ‫والجهد من خالل توفير تصميم واحد لجميع الشرائح‪.‬تقوم الفكرة على تصميم وبناء المحتوى واألنشطة لعدة شرائح في‬ ‫شريحة واحدة وتكون هذه الشريحة هي الشريحة الرئيسية أو ما يطلق عليها بشريحة الماستر‪.‬وإذا أردنا إجراء تغيير على‬ ‫الشريحة يتم التعديل فقط على الشريحة الرئيسية دون الحاجة إلى الذهاب إلى الشرائح األخرى‪.‬‬ ‫يمكننا تصميم شريحة رئيسية واحدة (ماستر) أو أكثر للمشروع الواحد حيث تحتوي كل واحدة منها على عدد‬ ‫من الشرائح التي نستطيع إجراء التعديل عليها باستخدام مختلف األدوات الشائعة‪.‬‬ ‫للوصول إلى شريحة الماستر (الرئيسية)‪ :‬أنقر على قائمة ‪View-------->Slide Master‬‬ ‫عند النقر على ‪ Master Slide‬ستظهر النافذة التالية‬ ‫يمكننا إضافة مكان لوضع المحتوى بداخل شريحة الماستر وهو ‪ Placeholder‬ويتم تعديل اإلعدادات لقبول أنواع مختلفة‬ ‫من المحتوى مثل‪ :‬النص‪ ،‬الصور‪ ،‬الشخصيات المصورة‪ ،‬أفالم فيديو‪ ،‬فالش‪ ،‬أو كائنات شبكة اإلنترنت‪.‬كذلك يمكن تنسيقه‬ ‫باستخدام كافة التنسيقات القياسية‪.‬إلضافة ‪ placeholder‬أنقر على ‪ Slide Master‬حيث ستظهر مجموعة أيقونات كما في‬ ‫الصورة التالية‪:‬‬ ‫‪26‬‬  ‫‪Articulate Storyline‬‬ ‫يمكنك تصميم الشريحة الرئيسية باستخدام قائمة ‪ Design‬والقوالب باإلضافة إلى ألوان الخلفية وهي شبيهة بالخطوات‬ ‫المستخدمة في تصميم شرائح العروض التقديمية‬ ‫‪27‬‬  ‫‪Articulate Storyline‬‬ ‫قبل البدء بتصميم المحتوى على الشريحة يفضل أن تقوم بتصميم شريحة الماستر وهو شبيه بالماستر الموجود في برنامج‬ ‫‪ PowerPoint‬ولتصميم الماستر أنقر على ‪.View---->Slide Master‬نقوم بإضافة أزرار لإلبحار باإلضافة إلى قائمة‬ ‫المحتويات والخلفية للشرائح في شريحة الماستر‬ ‫أنظر إلى شريحة الماستر للمقرر التدريبي‬ ‫‪28‬‬  ‫‪Articulate Storyline‬‬ ‫‪Saving Project‬‬ ‫تخزين المشروع من أجل العودة إليه لعرضه أو الحقا إلجراء أي تعديل أو إضافات‪.‬توجد طريقتين للقيام بذلك‪:‬‬ ‫‪ -1‬أسرع طريقة لحفظ المشروع هو الضغط على ‪ ، ctrl+S‬إذا كانت هذه أول مرة تقوم بحفظ المشروع‪ ،‬سيظهر مربع حوار‬ ‫يطلب اختيار إسم الملف ومكان التخزين بعد إدخالهما أنقر موافق‪.‬‬ ‫‪ -2‬من القائمة الرئيسية للبرنامج أنقر على ‪Save‬‬ ‫‪4‬‬ ‫أنشئ مشروع جديد باسم ‪ Course‬على أن يكون حجم الشريحة ‪ 540 x 720‬بيكسل‪،‬‬ ‫خزن المشروع على سطح المكتب وذلك من أجل سهولة الوصول إليه حيث يتطلب منك إجراء التعديالت‬ ‫الحقا عليه‪ ،‬مراعيا ما يلي‪:‬‬ ‫‪ -1‬اسم المشهد ‪Scene Name: Chapter 1‬‬ ‫‪ -2‬اسم الشريحة‪Slide Name: Exercise 1 :‬‬ ‫في الجزء األول من المادة التدريبية تم توضيح المكونات األساسية لواجهة البرنامج باإلضافة إلى توضيح الواجهة‬ ‫الرئيسية لتشغيل البرنامج والخيارات المتوفرة بها‪.‬كذلك تم توضيح المقصود بعرض السيناريو وكيفية الوصول إلى عرض‬ ‫السيناريو ثم األنتقال إلى العرض العادي‪ ،‬ومن ثم تم التطرق إلى مفهوم شريحة الماستر وكيفية تصميمهاـ وأخيرا كيفية‬ ‫ضبط إعدادات الشريحة والتحكم بحجمها وحفظها للعودة اليها الحقا‪.‬‬ ‫‪29‬‬  ‫‪Articulate Storyline‬‬ ‫عند إنشاء مشروع جديد‪ ،‬ستظهر لك الشاشة الرئيسية للبرنامج محتوية على شريحة فارغة واحدة ومشهد واحد‬ ‫فقط‪ ،‬من هنا تبدأ مرحلة التفكير بتصميم جذاب لمشروع تعلم الكتروني قائم على التفاعلية وجذب اإلنتباه وذلك لتحقيق‬ ‫األهداف التربوية المرجوة من مقررك اإللكتروني‪.‬‬ ‫ليس من الضروري أن يكون عملك ومشروعك من األلف إلى الياء من تصميمك وحدك ربما تحصل على بعض‬ ‫العناصر التعليمية من شبكة اإلنترنت العالمية‪ ،‬يمكنك استخدامها وتضمينها في مقررك إذا كانت ذات عالقة مباشرة به‬ ‫ولكن عليك أن تقدر جهد اآلخرين‪ ،‬عليك أن تشير إلى أن هذا العنصر التعليمي حصلت عليه من إحدى المواقع اإللكترونية‬ ‫مع اإلشارة إلى صاحب العمل الرسمي‪ ،‬تأكد تماما أن ( األمانة العلمية) لن تنقص من قيمتك شيئا بالعكس فهذا سيزيدك‬ ‫احتراما وتقديرا من قبل طالبك ومستخدمي منتجك‪.‬‬ ‫في هذا الجزء من البرنامج التدريبي‪ ،‬ستكون قادرا بعون اهلل على‪:‬‬ ‫ العمل مع الجدول الزمني ‪Timeline‬‬ ‫ إدراج محتوى تعليمي على الشريحة‬ ‫ التعامل مع الشرائح وعرض السيناريو‬ ‫ التحكم في تصميم مقررك خالل الشرائح الرئيسية‪ ،‬الخلفيات‪ ،‬األلوان والخطوط‬ ‫ تحريك الكائنات على شريحة‬ ‫* التحكم في الحركة االنتقالية للشرائح‬ ‫ استخدام زر المعاينة ‪ Preview‬لمعاينة الشرائح قبل نشرها‬ ‫إن بناء المقررات اإللكترونية التفاعلية في برنامج ‪ Articulate Storyline‬عبارة عن مزيج من إضافة المحتوى وخلق عناصر‬ ‫تفاعلية مع هذا المحتوى‪ ،‬حيث يوفر البرنامج العديد من العناصر التفاعلية تزيد من دمج المتعلمين مع المحتوى وتساهم‬ ‫أيضا في جذب أنتباهم والمحافظة عليه طوال حالة التعلم للمقرر الدراسي‪.‬‬ ‫مع التذكير أن المحتوى التعليمي ممكن أن يشمل‪ :‬نصوص‪ ،‬صور‪ ،‬ملفات ملتميديا باإلضافة إلى إستيراد ملفات بوربوينت‪.‬‬ ‫يقسم المحتوى الذي يتم إضافته للشرائح إلى قسمين‪-:‬‬ ‫* محتوى ثابت حيث توجد عدة خيارات إلضافة هذا النوع من المحتوى مثل‪ :‬صورة‪ ،‬ملفات صوت‪ ،‬فيديو‪ ،‬فالش‪ ،‬نصوص‪،‬‬ ‫أشكال‪ ،‬شخصيات وغيرها‬ ‫* محتوى تفاعلي‪ :‬مثل ‪ ،Triggers‬األزرار‪ ،‬المحددات‪ ،‬وغيرها‪.‬تستطيع تحويل أي محتوى من الثابت إلى التفاعلي وذلك‬ ‫من خالل توظيف هذه الخيارات‪ ،‬سيكون معظم عملنا في المشروع من خالل قائمة إدراج ‪.Insert‬كما ترون في الصورة‬ ‫أدناه‪ ،‬يمكنك إدراج الشرائح؛ محتوى ثابت مثل الصور‪ ،‬والفيديو‪ ،‬والنص؛ ويمكنك إدراج عناصر التفاعلية‪.‬سوف نعود الحقا‬ ‫لتوضيح التعامل مع أنواع مختلفة من المحتوى خالل الدروس القادمة‪.‬‬ ‫‪30‬‬  ‫‪Articulate Storyline‬‬ ‫‪Timeline‬‬ ‫يقع شريط الزمن في الجزء السفلي من واجهة البرنامج الرئيسية وهو أسفل الشريحة مباشرة‪ ،‬يستخدم الشريط‬ ‫في ترتيب وتحريك العناصر التعليمية الموجودة على الشريحة‪ ،‬وكذلك يستخدم للتحكم بالفترة الزمنية لعرض تلك العناصر‪.‬‬ ‫يظهر مع شريط الزمن أيضا حاالت العناصر باإلضافة إلى المالحظات‪ ،‬أنظر إلى الصورة التالية‪:‬‬ ‫اذا لم تتمكن من مشاهدة شريط الزمن‪ ،‬تستطيع أن تظهره من خالل‪:‬‬ ‫‪ -1‬النقر على السهم الموجود في الجهة اليمنى من الشريط كما في الصورة التالية‪:‬‬ ‫‪-2‬‬ ‫‪ -3‬النقر على تبويب شريط الزمن‪ :‬أحيانا يكون العمل على حاالت العناصر ولعرض شريط الزمن أنقر على تبويب‬ ‫‪ Timeline‬أنظرإلى الصورة‬ ‫يوجد العديد من المهارات التي تستطيع تعلمها وتنفيذها لتسهيل العمل بشريط الزمن‪ ،‬فمنها على سبيل المثال ال الحصر‪:‬‬ ‫التحكم في حجم الشريط أو توسيع الشريط لجعله أسهل للعمل ومشاهدة جميع العناصر الموجودة عليه‪ ،‬كذلك يمكنك جعل‬ ‫الشريط أصغر من أجل توفير مساحة أكبر للشريحة‪.‬‬ ‫للقيام بذلك‪ ،‬حرّك الماوس ما بين منطقة الشريط والشريحة ستجد أن مؤشر الماوس اختلف وأصبح على شكل خطين‬ ‫متوازيين‪ ،‬إسحب حدود وصوال إلى توسيع لوحة الجدول الزمني‪ ،‬أو اسحب الحدود وصوال إلى جعل لوحة الزمن أصغر‪ ،‬أنظر‬ ‫إلى الصورة التالية‪:‬‬ ‫‪31‬‬  ‫‪Articulate Storyline‬‬ ‫كذلك تستطيع إظهار أو إخفاء العناصر من منطقة العمل حيث نستخدم هذه الخاصية عندما نقوم بوضع الكائنات فوق بعضها‬ ‫البعض أو قريبة من بعضها الب عض مما يصعب علينا العمل‪.‬الحظ إلخفاء العناصر من على الشريحة أنقر على العين‬ ‫الموجودة بالقرب من إسم العنصر وإذا أردت إظهاره أنقر مرة أخرى سوف يظهر العنصر أنظر إلى الصورة التالية‪:‬‬ ‫‪5‬‬ ‫أ ضف نص و صورة باإل ضافةإلى ثالثة م ستطيالت واكتب عليها‪ :‬الجل سة األولى‪ ،‬الجل سة الثانية‪ ،‬الجل سة‬ ‫الثالثة بالتوالي‪.‬ثم قم با ستعراض شريط الزمن واكتب ا سماء العنا صر الموجودة في ال شريط وما العالقة‬ ‫بينهما؟‬ ‫‪Renaming‬‬ ‫إعادة تسمية العناصر الموجودة على الشريحة لها دور هام وحيوي عندما نقوم بإضافة األحداث أو ما يسمى‬ ‫المشغالت ‪ Triggers‬من أجل تسهيل التعرف إليها‪.‬إلعادة تسمية كائن‪ ،‬أنقر نقرا مزدوجا فوق االسم الحالي له (أو أنقر‬ ‫بزر الماوس األيمن واختر إعادة تسمية)‪ ،‬حيث يفتح حقل نص قابل للتحرير‪.‬ثم اكتب إسما سهل اإلستعمال لهذا الكائن‪،‬‬ ‫ثم إضغط على مفتاح ‪ Enter‬على لوحة المفاتيح لحفظ التغيير‪.‬‬ ‫‪32‬‬  ‫‪Articulate Storyline‬‬ ‫‪Rearranging objects‬‬ ‫سيتم ترتيب مكونات الشريحة على شريط الزمن بما فيها النصوص‪ ،‬الصور‪ ،‬ملفات الفيديو وغيرها‪ ،‬يسمح شريط‬ ‫الزمن لك بإعادة ترتيب العناصر كما تشاء وذلك من خالل النقر على العنصر المراد نقله حيث يصبح لونه أصفر وتتغير‬ ‫إشارة الماوس‪ ،‬قم بالتحريك إلى أعلى أو أسفل كما تشاء‪.‬‬ ‫إغالق ‪ -‬تأمين العناصر ‪Locking Objects -‬‬ ‫أثناء العمل على الشريحة‪ ،‬يمكنك إغالق وتأمين العناصر ويقصد بذلك أنك ال تستطيع تحريكها أو تعديلها عن‬ ‫قصد أوغير قصد أثناء العمل مع العناصر األخرى‪.‬تأمين العناصر له أهمية كبيرة وخاصة عندما يكون لدينا عناصر كثيرة‬ ‫على الشاشة‪.‬لقفل كائن‪ ،‬أنقر المربع الفارغ على يسار اسمه على خط الزمن‪.‬سيظهر رمز القفل‪ ،‬مما يدل على أن الكائن‬ ‫قد تم في مكان مغلق‪.‬لفتح كائن (تحريره)‪ ،‬أنقر فوق رمز القفل‪.‬‬ ‫توسيع الكائنات المجمعة ‪Expanding grouped objects‬‬ ‫عندما نقوم بتجميع مجموعة عناصر مع بعضها البعض فإنه يتم عرضها على شكل كائن واحد على شريط الزمن‪.‬‬ ‫يتيح لنا شريط الزمن توسيع المجموعة للعمل على الكائنات بشكل فردي في شريط الزمن‪.‬ويساعدنا ذلك في إعادة تسمية‪،‬‬ ‫إعادة ترتيب‪ ،‬أو تحريك كل عنصر في المجموعة على حدة‪.‬لتوسيع الكائنات المجمعة‪ ،‬أنقر فوق المثلث الذي يظهر إلى‬ ‫اليسار من المجموعة خط الزمن‪.‬أنقر فوق المثلث مرة أخرى لتجميع المجموعة مرة أخرى‪.‬‬ ‫‪33‬‬  ‫‪Articulate Storyline‬‬ ‫‪Changing Time‬‬ ‫من خالل هذه الخاصية تستطيع التحكم في ظهور واختفاء العنصر على الشريحة وحتى مدة ظهوره على الشريحة‬ ‫من خالل تحريك مؤشر الزمن‪.‬في الصورة التالية نالحظ اختالف أوقات ظهور العناصر على الشريحة‬ ‫‪-‬ضع مؤشر الماوس تحت المؤشر األحمر حيث تالحظ تغيير مؤشر الماوس ثم حرك إلى اليسار أو اليمين بمقدار الزمن الذي‬ ‫تريده‪.‬‬ ‫‪-‬يمكنك أيضا ضبط الفترة الزمنية لعرض أو اختفاء الكائن‪.‬للقيام بذلك‪ ،‬اسحب الحافة اليمنى من هذا الكائن على طول‬ ‫الخط الزمني حتى تصل إلى النقطة التي تريد أن تختفي (أو تحريك الخروج)‪.‬‬ ‫‪-‬يوجد في شريط الزمن خيارات إضافية وهي تعتبر خيارات متقدمة وغالبا تستخدم عندما تقوم بمزامنة الصوت مع المحتوى‬ ‫الموجود في الشريحة وسيتم تطبيق هذه المهارات الحقا في درس منفصل ولكن ذلك ال يمنع اإلشارة إليها هنا ‪:‬‬ ‫أنقر بالزر األيمن للماوس على أي كائن في شريط الزمن وذلك لفتح القائمة المنسدلة التي تحتوي على العديد من الخصائص‬ ‫والتي يمكنك أن تستخدمها في ضبط الكائنات على شريط الزمن‪.‬‬ ‫‪34‬‬  ‫‪Articulate Storyline‬‬ ‫‪Align to Cue Point‬‬ ‫ويقصد بها تلميحات لتحريك جسم الكائن على طول الشريط إلى أن تصل إلى النقطة ‪Cue‬التي قمت بتحديدها وهذه غالبا‬ ‫تستخدم كما ذكرت سابقا لمزامنة الصوت مع المحتوى على الشريحة‪.‬‬ ‫خاصية ‪Align to Playhead‬‬ ‫وهي الترتيب مع الخط العمودي األحمر الموجود في شريط الزمن‪.‬‬ ‫‪Manage Cue Points‬‬ ‫بداية اعلم أنك تستطيع حذف أوإضافة نقاط ‪ Cue‬جديدة وذلك بالنقر بالزر األيمن للماوس في أي مكان تختاره‬ ‫في شريط الزمن إلظهار النافذة الظاهرة أدناه‪.‬فمثال إذا أردت حذف نقطة محددة أنقر عليها بالزر األيمن للماوس وإختر‬ ‫حذف‪.‬وتستطيع أيضا تحريك النقاط وتغيير مواضعها من خالل الضغط عليها أوتحريكها لليسار أو اليمين‬ ‫‪35‬‬  ‫‪Articulate Storyline‬‬ ‫‪ -1‬العرض للنهاية ‪ : Show Until End‬وهي عرض الكائن لغاية نهاية عرض الشريحة‬ ‫‪ -2‬العرض دائما‪ :‬عرض الكائن طوال عرض الشريحة‬ ‫‪ - 3‬التوقيت ‪Timing‬يسمح بتحديد وقت البدء والمدة الزمنية للعرض‬ ‫‪36‬‬  ‫‪Articulate Storyline‬‬ ‫وتسمح نقاط ‪ Cue‬بمحاذاة الكائنات بدقة على شريط الزمن‪.‬فهي مفيدة في مزامنة الرسوم المتحركة الخاصة لتظهر‬ ‫في أوقات محددة‪.‬أنظر إلى وضع النقاط في الشريط الزمني‬ ‫‪ - 4‬تكبير منظر شريط الزمن ‪Zooming‬‬ ‫تستطيع تكبير الشريط ‪ Zooming‬من خالل تحريك الزالق على مؤشر الشريط الموجود أسفله من جهة اليسار‬ ‫معاينة الشريحة من خالل شريط الزمن‪:‬‬ ‫تستطيع معاينة الشريحة من خالل النقر على زر تشغيل الموجود في شريط الزمن حيث يبدأ المؤشر األحمر بالحركة‬ ‫العمل على الصوت في شريط الزمن‬ ‫يوجد خيارين للتعامل مع الملفات الصوتية يوفرها شريط الزمن‪:‬‬ ‫* عند النقر بالزر األيمن للماوس على محرر الصوت "‪ "Audio Editor‬سنشاهد تحرير الصوت‬ ‫‪37‬‬  ‫‪Articulate Storyline‬‬ ‫عند فتح المحرر سوف تظهر نافذة تحرير الصوت وسوف نقوم بتوضيحها الحقا‬ ‫* اما الخيار الثاني فهو استيراد ملفات صوتية فعند النقر عليه ستظهر شاشه والتي تستطيع من خاللها اختيار الملف‬ ‫الصوتي والذي تم تخزينه سابقا‬ ‫‪6‬‬ ‫‪540 x 720‬‬ ‫‪38‬‬  ‫‪Articulate Storyline‬‬ ‫بناء المقررات اإللكترونية هو مزيج من إضافة المحتوى التعليمي الذي يشمل األشكال التالية صورة ‪ ،‬صوت‪ ،‬فلم‬ ‫فيديو‪ ،‬شخصيات‪....،‬ومن ثم خلق عناصر تفاعلية له ‪.‬‬ ‫من خالل فتح قائمة ‪Insert‬ستظهر العديد من األيقونات‪.‬إن عملية إدراج األشكال والنصوص‪ ،‬وغيرها من‬ ‫الكائنات على شريحة ما يشبه إدراج هذه الكائنات ضمن معالج النصوص‪ ،‬إكسل‪ ،‬وبرنامج العروض التقديمية‪.‬‬ ‫عند النقر على قائمة ‪ Insert‬سوف تظهر األيقونات المتنوعة والتي نستطيع استخدامها في إضافة المحتوى‪ ،‬فكما ذكرنا‬ ‫سابقا برنامج ‪ Articulate‬يوفر نوعين من المحتوى‪ :‬ثابت وتفاعلي ونستطيع تحويل أي محتوى ثابت إلى تفاعلي من‬ ‫خالل الخيارات التي يتيحها البرنامج وسوف يتم توضيحها الحقا‪.‬أنظر إلى قائمة ‪ Insert‬في الصورة التالية‪:‬‬ ‫بعد إدراج الكائنات على الشريحة يمكنك تحريرها وتغيير إعداداتها باإلضافة إلى تغيير التنسيق وذلك بالنقر نقرا مزدوجا‬ ‫على الكائن المراد تغيير تنسيقه ثم إختر التنسيق المناسب أنظر إلى الصورة التالية‪:‬‬ ‫أكثر التعديالت شيوعا التي قد نجريها على الكائنات في الشريحة هي‪:‬‬ ‫ تغيير الشكل‪ :‬مفيد إذا كنت ترغب في تغيير شكل كائن إلى شكل آخر‬ ‫ أنماط سريعة‪ :‬وسيلة سهلة لتغيير لون التعبئة والخط‪ ،‬الخطوط العريضة‪ ،‬وتأثير الشكل‪.‬وخيارات االلوان تعتمد على‬ ‫موضوع التصميم الحالي‪.‬‬ ‫‪39‬‬  Articulate Storyline 40  ‫‪Articulate Storyline‬‬ ‫سنقوم بإنشاء شريحة تتكون من نص وصورة وأشكال باإلضافة إلى ثالث أيقونات سيتم تحويلها الحقا إلى أزرار‬ ‫لتستخدم في اإلبحار واالنتقال من شريحة إلى أخرى في المقرر اإللكتروني‪.‬بشكل عام ستكون الشريحة كما هو موضح أدناه‬ ‫ابدأ مشروعك الخاص بفتح البرنامج بالنقر عليه مرتين ثم اختيار ‪New Project‬‬ ‫سيتم ظهور شريحة مصغرة أنقر مرتين عليها لفتحها‪ ،‬أو إدراج شريحة جديدة فارغة من قائمة ‪Insert‬‬ ‫إختر شريحة فارغة بالنقر عليها مرتين كما في الصورة التالية‪:‬‬ ‫* قم بتغيير خلفية الشريحة وذلك من خالل قائمة ‪ Design‬ثم إختر ‪ Background Styles‬واختر اللون المناسب أو‬ ‫التصميم المناسب‬ ‫* أنقر على قائمة ‪ Insert‬إختر إدراج صورة ثم اختر الصورة من المجلد المخصص لها لديك‪.‬‬ ‫* أدرج مربع نص من ‪ textBox‬لكتابة العنوان وإضافة نص آخر في يمين الشريحة‪.‬‬ ‫‪41‬‬  ‫‪Articulate Storyline‬‬ ‫* أضف مستطيل من ‪ Shapes‬واكتب في الشكل‪ :‬الجهاز العصبي‪.‬‬ ‫غيّر إعدادات المستطيل من خالل تغيير لون التعبئة ولون الخط‪.‬‬ ‫* أنقر على زر ‪ ctrl‬ومع زر الماوس األيسر إلى أسفل ثم اسحب المستطيل من أجل عمل نسختين واكتب على كل‬ ‫مستطيل الجهاز الهضمي والدوراني‪ ،‬سوف نستخدم هذه المستطيالت كأزرار الحقا‪.‬‬ ‫* غيّر حجم الخط وشكل الخط وتطبيق نمط شكل التدرج ضمن عالمة التبويب تنسيق‪.‬أنظر إلى الشكل التالي من أجل‬ ‫إضافة التنسيق للكائنات‪.‬‬ ‫أصبح لدينا اآلن شريحة تحتوي على محتوى بسيط‪ ،‬كرر المحاولة أكثر من مرة من أجل إتقان المهارة قبل االنتقال إلى‬ ‫مهارات متقدمة‪.‬‬ ‫‪7‬‬ ‫أدرج شريحة من القوالب الجاهزة ولتكن شريحة ‪ ،Flipchart‬ثم نفّذ الخطوات التالية‬ ‫‪ -‬قم بتغيير حجم صورة الشخص الموجود على الشريحة لجعلها كبيرة‪ ،‬ثم اعمل على تدوير الصورة وذلك بالنقر على‬ ‫المقبض األخضر لها واجعلها مائلة كما في الصورة التالية‪:‬‬ ‫‪ -‬حدد صورة الموظف والمستطيل ثم قم بتجميعها عن طريق الضغط على ‪.Ctrl + G‬‬ ‫‪-‬أعد تسمية هذه المجموعة من المجموعة ‪ 1‬من اسم ‪ groop1‬في الشريط الزمني إلى اسم موظف مثال‪.‬‬ ‫‪ -‬إدراج مربع نص واكتب فيه ‪ :‬تعلم برنامج ‪Articulate‬‬ ‫‪ -‬إعادة تسمية مربع النص من مربع نص ‪1‬إلى تعلم وذلك في شريط الزمن‪.‬‬ ‫‪ -‬إدراج شكل مستطيل‬ ‫‪42‬‬  ‫‪Articulate Storyline‬‬ ‫‪ -‬أنقر بزر األيمن للماوس‪ ،‬إختر تنسيق الشكل وتغيير السمات التالية‪:‬‬ ‫** تغيير تعبئة الشكل إلى األزرق‪.‬‬ ‫** إدارة الشكل‪.‬‬ ‫* اكتب ثالثة أسطر عن برنامج ‪ Articulate‬مع تعديل الخط وشكله ولونه‪.‬‬ ‫* أضف ثالث كائنات من ‪Shapes‬‬ ‫** تغيير شفافية الشريحة ‪ 60‬في المئة‪.‬ثم أنقر على إغالق مع حفظ التغييرات‬ ‫عرضنا سابقا كيفية إضافة محتوى مكون من نص‪ ،‬صورة‪ ،‬ومجموعة كائنات متنوعه‪ ،‬واألن سنقوم بتوضيح كيفية‬ ‫مزامنة الصوت مع النص المتحرك على الشريحة باإلضافةإلى تسجيل ملف صوتي ومن ثم تحريك الكائنات من خالل إستخدام‬ ‫شريط الزمن‪.‬سنقوم بإدراج شخصية من ‪ Character‬والتي سنقوم بتوضيح دورها الحقا‬ ‫لنبدأ بشريحة فارغة‪ ،‬من قائمة ‪ ، Insert‬ثم من قائمة ‪ Design‬غيّر إعدادت الشريحة من حيث الحجم والخلفيه يمكنك‬ ‫استخدام التصاميم الجاهزه كما تراه مناسبا‪.‬‬ ‫‪ -‬أدخل شخصية ‪ Character‬وذلك من خالل ‪Insert ----------> Character‬‬ ‫من القائمة العناصر إختر الشخصية المناسبة والوضعية المناسبة للمحتوى ولتكن شخص يحمل مؤشر ويلتفت إلى جهة‬ ‫اليمين ثم أنقر عليه نقرتين أو أنقر( ‪)insert‬‬ ‫‪ -‬ادرج شكل مستطيل من ‪ Insert ------->shapes‬ثم أنقر نقرا مزدوجا عليه لتغيير اإلعدادات من حيث التعبئة ولون‬ ‫الحدود الخارجية‬ ‫‪43‬‬  ‫‪Articulate Storyline‬‬ ‫‪ -‬أنقر بالزر األيمن للماوس على ‪ shape‬الذي بالشريحة وإختر ‪ Format Shape‬ثم نختار الشفافية لتكن ‪ %36‬ثم‬ ‫موافق‬ ‫‪ -‬نقوم بتغيير اسم المربع في شريط الزمن كما تعلمنا سابقا وذلك بالنقر بالزر األمن على الكائن واختيار تغيير االسم‬ ‫وليكن ‪Text‬‬ ‫‪ -‬إعادة ترتيب الكائنات من شريط الزمن من أجل أن تظهر صورة المؤشر فوق مربع النص‪.‬‬ ‫‪ -‬إدراج مربع نص من قائمة ‪ Insert‬ثم نكتب كلمة )(‪=lorem‬؟؟؟ وذلك من أجل تكبير مربع النص تلقائيا ثم نقوم‬ ‫بك تابة نص يتكون من ثالث فقرات‪.‬يمكنك عمل نسخ من ملف ورد ولصقه في مربع النص ثم نقوم بتعديل النص من حيث‬ ‫ضبط الخط‪ ،‬لونه‪ ،‬حجمه‬ ‫‪44‬‬  ‫‪Articulate Storyline‬‬ ‫سنقوم األن بإضافة الحركة للنص وذلك من خالل قائمة ‪Animations‬‬ ‫‪ -‬أنقر على مربع النص من أجل تحديده‬ ‫‪ -‬أنقر على قائمة ‪ Animations‬ستظهر األيقونات ( أنظرإلى الصورة التالية ثم أنقر على االيقونات المقابلة لالرقام‬ ‫الموجودة على الصورة)‬ ‫‪ -‬إختر ‪Fly In ---------By First Level Paragraph‬‬ ‫‪ -‬ثم أنقر على الدخول ‪ Enter‬الختيار مكان الدخول‬ ‫‪ -‬أنظرإلى شريط الزمن تجد أنه تغير وأصبح الكائن مقسمإلى ثالث طبقات‬ ‫من خالل شريط الزمن نستطيع تغيير وقت ظهور واختفاء الكائنات من على الشريحة وذلك بتحريك الكائنات على شريط‬ ‫الزمن‪:‬‬ ‫‪ -‬غيّر ظهور واختفاء الشخصية لتبدأ بعد الثانية الثانية وتختفي عند الثانية السابعة‪.‬‬ ‫‪45‬‬  ‫‪Articulate Storyline‬‬ ‫‪ -‬أيضا غيّر ظهور الفقرات لتبدأ األولى عند الثانية األولى‪ ،‬الفقرة الثانية تظهر عند الثانية الثالثة أما الفقرة الثالثة لتظهر‬ ‫عند الثانية الخامسة‪ ،‬أنظر الصورة‬ ‫‪Grouping Objects‬‬ ‫‪46‬‬  ‫‪Articulate Storyline‬‬ ‫‪ -‬أنقر على ‪Insert -------> Sound‬‬ ‫ستظهر شاشة التسجيل‬ ‫حيث تختار تسجيل الصوت كما يلي‬ ‫تقوم بتسجيل الصوت المراد إدخاله وليكن بداية كل فقرة ثم أنقر على ‪ Save‬سيتم إدراج الملف الصوتي في طبقة منفصلة‬ ‫في شريط الزمن اسمها ‪ Sound‬كما يلي‬ ‫‪ -‬تقوم األن بإضافة نقاط ‪ Cue‬لشريط الزمن وذلك بالنقر بتحديد المكان ثم النقر على حرف ‪ C‬في لوحة المفاتيح‬ ‫سيصبح شريط الزمن كما يلي‬ ‫‪47‬‬  ‫‪Articulate Storyline‬‬ ‫‪ -‬تقوم بمحاذاة الكائنات وهي الفقرات النصية مع النقاط ‪ Cues‬وذلك بالنقر بالزر األيمن للماوس على الكائن واختيار ‪Align‬‬ ‫‪ Object to Cue Point‬ثم نختار النقطة المخصصة‬ ‫نقوم بتكرار الخطوة السابقة لجميع النقاط وبعد اإلنتهاء نجد أنه تم محاذاة الكائن( النص) مع نقطة ‪ Cue‬كما يلي‬ ‫نقوم بمعاينة العمل وسنجد أن الصوت يكون متزامن مع عرض الفقرات الثالث‪.‬‬ ‫‪48‬‬  ‫‪Articulate Storyline‬‬ ‫لقد الحظت خالل قيامك بعملية إضافة النص إلى الشريحة بقيامك بالنسخ واللصق أو بالطباعة المباشرة عليها ‪.‬إن‬ ‫عملية إضافة النص تشبه إلى حد كبير التعامل مع النص في برنامج العروض التقديمية سواء كان ذلك من حيث تغيير‬ ‫التنسيق ‪ ،‬وغيره‪ ،.....‬وما يميز برنامج ‪ Articulate‬هنا توفر الوظائف اإلضافية التالية‪:‬‬ ‫* لوحة التمرير ‪Scrolling Panel‬‬ ‫* مالحظات الشرائح ‪Slide Notes‬‬ ‫لوحة التمرير ‪Scrolling Panel‬‬ ‫ميزة لوحة التمرير تساعد في عرض الصور الكبيرة‪ ،‬كميات كبيرة من النص‪ ،‬أو غيرها من األشياء التي ال تناسب‬ ‫بشكل جيد داخل مساحة الشريحة المحدودة‪ ،‬ولكن دون استهالك مساحة كبيرة من الشريحة‪.‬تسمح أداة التمرير المتعلمين‬ ‫على التمرير عموديا بحيث يمكن أن يشاهد المحتوى الموجود بداخلها‪.‬يمكننا إضافة العديد من الكائنات المتنوعة في أداة‬ ‫التمرير مثل‪ :‬صور‪ ،‬لقطات ‪ ،‬أشرطة الفيديو ‪،‬األشكال و التسميات ‪ ،‬وعالمات‪ ،‬وشخصيات‪ ،‬عناصر األنترنت‪ ،‬ومربعات النص‪،‬‬ ‫أزرار‪ ،‬والنقاط الساخنة‪ ،‬حقول إدخال البيانات والكائنات‪.‬ولكن ال يمكننا وضع اداة تمرير داخل اداة‪ ،‬فعند زيادة النص أكثر‬ ‫مما هو مسموح سيظهر شريط التمرير حيث يكون المتعلم قادرا على التمرير عموديا وافقيا لمشاهدة كامل النص‪.‬يمكننا‬ ‫إضافة العديد من لوحات التمرير في الشريحة الواحدة‪.‬إلضافة لوحة تمرير تتبع الخطوات التالية‪:‬‬ ‫‪ -‬أنقر على قائمة ‪ Insert ------ Scrolling Panel‬ثم أنقر على ‪Scrolling Panel‬‬ ‫‪ -‬ستتغير إشارة الماوس عند وضعها على الشاشة وتصبح على شكل إشارة ‪+‬‬ ‫‪ -‬أنقر على الماوس وحرك على الشاشة لرسم لوحة التمرير‬ ‫إضافة الكائنات إلى شريط التمرير‬ ‫‪ -‬اسحب الكائن الموجود على الشريحة وضعه داخل اداة التمرير‬ ‫‪ -‬سيظهر شريط التحريك_ التمرير ‪ -‬الحظ الصورة التالية‬ ‫‪49‬‬  ‫‪Articulate Storyline‬‬ ‫التحكم في أداة التمرير‬ ‫يمكنك تغيير حجم أو نقل لوحة التمرير قبل أو بعد وضع الكائنات في داخلها وذلك باتباع الخطوات التالية‪- :‬‬ ‫‪ -‬اختر لوحة التمرير بالنقر عليها حيث تجد أن إشارة الماوس تغيرت واصبحت على شكل‪.‬‬ ‫‪ -‬تغيير حجم اللوحة‪ ،‬اسحب أحد مقابض تغيير الحجم لجعل لوحة أكبر أو أصغر ‪.‬‬ ‫‪ -‬نقل لوحة التمرير‪ ،‬حرك الماوس على اللوحة بعد تحديدها وعندما يتغير المؤشرإلى سهم رباعي الرؤوس‪ ،‬أنقر‬ ‫واسحب لوحة التمرير إلى المكان الذي تريده‪.‬سيتم تحريك الكائنات التي قمت بإضافتها إلى اللوحة‪.‬‬ ‫إزالة الكائنات من لوحة التمرير‬ ‫‪ -‬إختر الكائن الموجود داخل اللوحة‬ ‫‪ -‬اسحب الكائنات بعيدا عن اللوحة‬ ‫تطبيق التنسيق على لوحة التمرير‬ ‫بشكل عام تكون لوحة التمرير شفافة‪ ،‬ولكننا نستطيع إجراء وتعديل التنسيق وذلك كما يلي‪:‬‬ ‫‪ -‬إختر لوحة التمرير‬ ‫‪50‬‬  ‫‪Articulate Storyline‬‬ ‫‪ -‬أنقر على قائمة التنسيق ‪Format‬‬ ‫‪ -‬إختر على النمط المناسب لك من األشكال الجاهزة أو إختر لون التعبئة ولون الخطوط العريضة الخاصة باستخدام الخيارات‬ ‫على الشريط‪.‬يمكنك النقر فوق السهم الصغير في الركن األيمن السفلي من الشريط للوصوإللى نافذة تنسيق الشكل كما في‬ ‫الصورة‬ ‫مالحظات الشرائح ‪Slide Notes‬‬ ‫برنامج ‪ Articulate‬يسمح بإضافة مالحظات إلى كل شريحة مثل النصوص‪ ،‬تعليق سرد أو تعليمات تتعلق‬ ‫بمحتويات كل شريحة‪.‬تكمن أهمية المالحظات في إضافة المزيد من المعلومات حول موضوع ما يتم معالجته في الشريحة‪.‬‬ ‫إلضافة المالحظات إلى شريحة ما‪ - :‬عندما تكون في الصفحة الواجهة الرئيسية لعرض السيناريو‪ ،‬أنقر نقرا مزدوجا على‬ ‫الشريحة المراد إضافة مالحظات لها حيث سيتم فتح الشريحة في العرض العادي‪ ،‬أما اذا كنت في العرض العادي حدد‬ ‫الشريحة المراد إضافة مالحظات لها ‪.‬‬ ‫‪ -‬توجد لوحة المالحظات مع شريط الزمن أنقر عليها‬ ‫يمكنك تنسيق المالحظات وذلك باستخدام العديد من خيارات تنسيق النص والفقرة من القائمة ‪ ،Home‬مثل‪:‬‬ ‫نوع الخط‪ ،‬حجم الخط‪ ،‬السمك‪ ،‬الميالن‪ ،‬وضع خط أسفله‪ ،‬إضافة النقاط‪ ،‬ترقيم‪ ،‬المحاذاة‪.‬‬ ‫اذا لم تظهر المالحظات أثناء عرض الشريحة‪ ،‬أنقر على ‪ Player‬ثم ضع إشارة صح في المربع الصغير الموجود أمام‬ ‫‪ Notes‬كما في الصورة التالية ‪:‬‬ ‫‪51‬‬  ‫‪Articulate Storyline‬‬ ‫عند المعاينة ستظهر المالحظات كما يلي‬ ‫عندما نقوم بكتابة المالحظات باللغة العربيه فإن البرنامج ال يظهرها كنص وإنما على شكل حروف لذلك يفضل أن تقوم‬ ‫باستخدام بعض البرامج لكتابة المالحظات‬ ‫‪52‬‬  ‫‪Articulate Storyline‬‬ ‫‪8‬‬ ‫من شاشة تشغيل البرنامج أنشئ مشروع جديد يتكون من ثالث شرائح على أن تقوم بإدراج شريحة من القوالب الجاهزة‬ ‫ثم نفّذ الحطوات التالية‪:‬‬ ‫‪ -‬أعد تسمية المشهد ‪ Scene‬إلى ‪ First session‬وكذلك أعد تسمية الشرائح كما يلي‪Introduction, Objectives, :‬‬ ‫‪Menu‬‬ ‫‪ -‬إختر تصميم مناسب للشرائح وذلك من قائمة ‪.Design‬‬ ‫‪ -‬أغلق طبقة الخلفيه ‪.Background‬‬ ‫‪ -‬أضف نص ‪ ،‬صور‪ ،‬ملف صوتي‪ ،‬شخصية من ‪ Character‬وكذلك أشكال متنوعه ‪.‬‬ ‫‪ -‬أعد تسمية الكائنات في شريط الزمن‪.‬‬ ‫‪ -‬تحكم في دخول النض من شريط الزمن‪.‬‬ ‫‪ -‬غيّر زمن دخول كل كائن من الكائنات الموجودة في شريط الزمن‪.‬‬ ‫‪ -‬في الشريحة الثالثة أضف تعليق على الشريحة وكذلك لوحة تمرير‪.‬‬ ‫‪ -‬أضف في شريط الزمن ‪ 3‬نقاط ‪ Cues‬في طبقة ملف الصوت‪.‬‬ ‫‪ -‬قم بتحرير النص الموجود في الشرائح‬ ‫‪ -‬إحفظ المشروع باسم ‪Course.story‬‬ ‫‪53‬‬  ‫‪Articulate Storyline‬‬ ‫لمعرفة كيفية تحويل المحتوى الثابت إلى محتوى الكتروني تفاعلي‪ ،‬ال بد أوال من توضيح كيفية التعامل مع الكائنات‬ ‫بمحتلف أنواعها‪ ،‬ويقصد بالتعامل‪ :‬اإلدراج والتحريك‪ ،‬والنقل ‪ ،‬وكما ذكرنا سابقا نستطيع إدراج كائنات متنوعة على نفس‬ ‫الشريحة بمعنى يمكننا إضافة نص‪ ،‬صورة‪ ،‬شخصية‪ ،‬ملف صوتي‪ ،‬ملف فيديو وهكذا على الشريحة الواحدة‪ ،‬حسب ما يتطلب‬ ‫تحضيرالشريحة علميا وتربويا‪.‬‬ ‫إدراج الصور ‪Picture‬‬ ‫تلعب الصور دورا مهما في تعزيز التعلم لما توفره من معلومات بصرية هامه تساعد في تقريب المفاهيم والمصطلحات‪ ،‬لذلك‬ ‫تضمين المقرر اإللكتروني بالصور يعتبر من الحاجات الملحة لتحقيق األهداف التربوية‪.‬إلدراج صورة إلى الشريحة تتبع‬ ‫الخطوات التالية‪:‬‬ ‫‪ -‬أنقر على قائمة ‪ Insert‬إلدراج الصورة‬ ‫‪ -‬أنقر على أيقونة ‪ Picture‬الختيار الصورة المراد إدراجها على الشريحة من المجلد المحفوظة به‪.‬‬ ‫علما بأن برنامج ‪ Articulate Storyline‬يدعم امتدادات الصور التالية‪BMP ،:‬‬ ‫‪EMF o‬‬ ‫‪GIF o‬‬ ‫‪GFA o‬‬ ‫‪JFIF o‬‬ ‫‪JPE o‬‬ ‫‪JPG o‬‬ ‫‪JPEG o‬‬ ‫‪PNG o‬‬ ‫‪TIF o‬‬ ‫‪TIFF o‬‬ ‫‪WMF o‬‬ ‫بعد إدراج الصورة إلى الشريحة يمكنك ضبط خصائصها حيث يوجد العديد من األدوات الستخدامها في تحسين الصورة‬ ‫وذلك كما يلي‪:‬‬ ‫‪ -‬أنقر على الصورة المراد تغيير خصائصها نقرا مزدوجا حيث يتم تفعيل قائمة ‪Format‬‬ ‫‪ -‬اختر الخصائص التي تريد تغييرها‬ ‫لضبط الصورة يمكنك العمل على القسم الخاص بذلك من قائمة ‪Format‬‬ ‫‪54‬‬  ‫‪Articulate Storyline‬‬ ‫حيث أن‬ ‫السطوع " ‪ " Brightness‬أنقر على القائمة المنسدلة له حيث ستظهر مجموعة من الخيارات اختر المناسب منها‬ ‫التباين‪ " Contrast”:‬أنقر على هذا الخيار واختار واحدا من الخيارات المدرجة على شريط التباين‬ ‫التلوين " ‪ : "color‬أنقر الختيار لون جديد‪.‬إذا لم تشاهد اللون الذي تريده‪ ،‬اختر مزيد من االألوان ‪More Variations‬‬ ‫المختلفة بحيث يمكنك االختيار من ألوان إضافية‪.‬يمكنك أيضا اختيار مجموعة ألوان شفافة إذا كنت تريد أن تجعل جزء‬ ‫محدد من الصورة شفاف‪ ،‬على أساس لونه‪.‬‬ ‫‪55‬‬  ‫‪Articulate Storyline‬‬ ‫تغيير الصورة "‪ : "change color‬أنقر فوق هذا الخيار إذا كنت ترغب في تغيير الصورة الحالية لصورة مختلفة‪.‬اي‬ ‫تطبيقات قمت سابقا بتطبيقها على الصورة السابقة سيتم تطبيقها على الصورة الجديدة تلقائيا‪.‬‬ ‫إعادة تعيين الصورة ‪ : Rest Picture‬أنقر فوق هذا الخيار للعودة إلى خصائص الصورة األصلية مثل ‪ :‬حجمها ومظهرها‬ ‫األصلي‪ ،‬أنقر فوق المثلث الصغير المجاور لخيار إعادة تعيين الصورة ثم اختر إعادة تعيين الصورة والحجم ‪.‬مالحظة أن‬ ‫إعادة تعيين الصورة والحجم استعادة أي مناطق من الصورة تم قصها‪.‬‬ ‫الجزء الثاني من قائمة ‪ Format‬يتعلق بنمط الصورة ‪Picture Style‬‬ ‫‪ -‬أنماط الصور الموجودة مسبقا توفر علينا الوقت والجهد من أجل تغيير سرعة ظهور الصورة‪.‬أنقر فوق أحد الصور‬ ‫المصغرة في أنماط الصور‪ ،‬يمكنك توسيع القائمة لالختيار وذلك بالنقر على المثلث الصغير الموجود في الشريط العمودي‬ ‫أسفل يمين القسم‬ ‫" شكل الصورة ‪ :" Picture shape‬أنقر فوق هذا الخيار ثم حدد شكل التغيير شكل الصورة‪.‬‬ ‫‪56‬‬  ‫‪Articulate Storyline‬‬ ‫حدود الصورة "‪ :" picture shape‬أنقر فوق هذا الخيار لتطبيق الحدود المختلفة على الصورة‪.‬تستطيع التحكم في ألوان‬ ‫الحدود الخارجية وذلك بالنقر على اللون المراد تطبيقه على الصورة‪ ،‬يمكنك أيضا تغيير سمك الحدود عن طريق تحديد‬ ‫الوزن‪ ،‬أو اختيار نمط الحدود‪.‬‬ ‫تأثيرات الصور" ‪ :"Picture Effect‬أنقر فوق هذا الخيار لتطبيق الظل‪ ،‬االنعكاس‪ ،‬توهج‪ ،‬أو حواف ناعمة‪،‬‬ ‫ترتيب الصور ‪Picture Arrange‬‬ ‫من خالل قسم ترتيب وتنظيم الصور في قائمة ‪Format‬‬ ‫‪57‬‬  ‫‪Articulate Storyline‬‬ ‫‪ -‬إحضار إلى األمام " ‪ : " Bring Forward‬أنقر على الخيار لفتح القائمة المنسدلة وإختر اما جعل الكائنإلى األمام طبقه‬ ‫واحده أو ارساإللى األمام‬ ‫إرسال إلى الخلف "‪ : "Bring Forward‬أنقر فوق هذا الخيار إلرسال كائن إلى الخلف طبقة واحدة على الشريحة‪ ،‬أو‬ ‫إلرسال الكائن إلى طبقة الخلف‪.‬‬ ‫محاذاة " ‪ : " Align‬نستخدم هذا الخيار لمحاذاة الكائنات مع بعضها البعض‪ ،‬أو لمحاذاة الكائنات مع الشريحة نفسها‪.‬‬ ‫أنقر فوق محاذاة واختر إما محاذاة إلى الشريحة أو محاذاة إلى كائنات المحددة‪.‬‬ ‫‪58‬‬  ‫‪Articulate Storyline‬‬ ‫إذ?