اذهب الي المحتوي
أوفيسنا

درس | تصميم مسابقة صح وخطأ تفاعلية مميزة + ملف الدرس بصيغة pptx


الردود الموصى بها

   السلام عليكم، سنتعرف في هذا الدرس على أحد طرق تصميم مسابقة ثقافية أجوبتها صح وخطأ بطريقة تفاعلية مميزة.

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

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

   وطبعًا بالعكس في حال الجواب الخطأ، ستختفي صورة الوضع العادي وتظهر صورة الوضع الحزين ولمدة ثانية ونصف أيضًا، ثم تعود صورة الوضع العادي وإعطاء فرصة أخرى للجواب الصحيح.

d08qjyrz94k2cit6g.jpg

   الآن سنقوم بإعادة تسمية الصور الثلاث من قائمة الاختيار (Selection Pane)؛ وهذا أمر مهم لتمييز الصور عند إضافة التأثيرات والإرتباط التشعبي فيما بعد، لمعرفة طريقة إعادة تسمية الكائنات من قائمة الاختيار يرجى مراجعة درس: شرح جزء التحديد (Selection Pane) في البوربوينت.

   سنقوم بتسمية صورة الوضع العادي (عادي)، والوضع السعيد (صحيح)، والوضع الحزين (خطأ).

34rrgvctj48nrv56g.jpg

   والآن سنقوم بوضع الصور الثلاث فوق بعد تمامًا؛ حتى تظهر بشكل صحيح عند إضافة الحركات عليها، وأسهل طريقة لذلك نقوم بتحديد الصور الثلاث، ثم نذهب إلى قائمة تنسيق (FORMAT) ونختار منها محاذاة (Align)، ثم نحدد محاذاة للمنتصف (Align Center)، ثم محاذاة وسط (Align Middle).

kykp28mwo20m6vk6g.jpg

c0myi2y0cg4cse46g.jpg

   الآن سنحرك الصور للجهة اليسرى السفلى؛ وهذا لترك مساحة لوضع مربع السؤال ومربعا الجواب الصحيح والخطأ، وبعد ذلك سنضع خلفية تناسب موضوع المسابقة.

34cnnb4z1o4zz396g.jpg

   بعد ذلك سنقوم بإضافة حركات ظهور (Appear) وإخفاء (Disappear) على الصور الثلاث على النحو التالي:

1) الوضع العادي (عادي): ظهور (Appear) ثلاث مرات، إخفاء (Disappear) مرتين.

2) الوضع السعيد (صحيح): ظهور (Appear) مرة واحدة، إخفاء (Disappear) مرة واحدة.

3) الوضع الحزين (خطأ): ظهور (Appear) مرة واحدة، إخفاء (Disappear) مرة واحدة.

jgru2cscwhp7x7l6g.jpg

   ثم نقوم باختيار جميع الحركات، ومن قائمة الحركات (Animation) نحدد من الخيار بدء (Start) بعد السابق (With Previous)؛ وهذا سيُسهّل عملية التصميم فيما بعد.

6cs102q0l8c1q0u6g.jpg

   والآن سنقوم باختيار حركات صورة (عادي) ظهور (Appear) وإخفاء (Disappear)، وحركات (صحيح) ظهور (Appear) وإخفاء (Disappear)، ثم نذهب إلى زر التشغيل (Trigger) ونختار منها (جواب صحيح).

2jbbx3biv74ix6c6g.jpg

   بعد ذلك ستصبح هذه الحركات أسفل زر التشغيل (جواب صحيح).

cqklcjc72hrt5776g.jpg

   والآن سنعيد ترتيب الحركات وذلك بسحبها لأعلى وأسفل بواسطة زر الفأرة الأيمن وكالتالي:

1) حركة (عادي) إخفاء (Disappear).

2) حركة (صحيح( ظهور (Appear).

3) حركة (صحيح) إخفاء (Disappear)، بتأخير قدره (Delay) ثانية ونصف (01.50).

3) حركة (عادي) ظهور (Appear)، بتأخير قدره (Delay) ثانية ونصف (01.50).

8un012n60rxoi3t6g.jpg

   وهذا يعني، عند الضغط على (جواب صحيح) ستختفي صورة (عادي) وتظهر صورة (سعيد) لمدة ثانية ونصف، ثم تختفي صورة (سعيد) وتظهر صورة (عادي) مرة أخرى.

   والآن سنقوم باختيار حركات صورة (عادي) ظهور (Appear) وإخفاء (Disappear)، وحركات (خطأ) ظهور (Appear) وإخفاء (Disappear)، ثم نذهب إلى زر التشغيل (Trigger) ونختار منها (جواب خطأ).

kjf2zxmimms6pcf6g.jpg

   والآن سنعيد ترتيب الحركات أيضًا كالتالي:

1) حركة (عادي) إخفاء (Disappear).

2) حركة (خطأ( ظهور (Appear).

3) حركة (خطأ) إخفاء (Disappear)، بتأخير قدره (Delay) ثانية ونصف (01.50).

3) حركة (عادي) ظهور (Appear)، بتأخير قدره (Delay) ثانية ونصف (01.50).

cmijv9piv3im6po6g.jpg

   وهذا يعني أنه عند الضغط على (جواب خطأ) ستختفي صورة (عادي) وتظهر صورة (خطأ) لمدة ثانية ونصف، ثم تختفي صورة (خطأ) وتظهر صورة (عادي) مرة أخرى.

   والآن سنضيف زر للإنتقال للسؤال التالي يظهر عند الضغط على الإجابة الصحيحة، نرسم مستطيل دائري الزوايا، ونقوم بتغيير اسمه إلى (التالي) من قائمة الاختيار (Selection Pane)، ثم نضيف له حركة تضاؤل (Fade) عند ظهوره، ونضع هذه الحركة أسفل زر التشغيل (جواب صحيح) بحيث يكون آخر حركة، مع الانتباه لجعل خاصية بدء (Start) الخاصة بها (With Previous).

tb11fqsdwoghywt6g.jpg

     سنقوم الآن بإضافة ارتباط تشعبي لزر (التالي)، وذلك بالذهاب إلى قائمة إدراج (INSERT)، ثم ضغط زر إجراء (Action).

ekz9ar29l9uk9qd6g.jpg

   الآن نحدد إرتباط إلى (Hyperlink to:) ثم الاختيار من القائمة الشريحة التالية (Next Slide)، وأخيرًا نضغط زر موافق (OK).

t78o06bcl9e3d5y6g.jpg

   والآن نكتب السؤال، ثم الجواب الصحيح (المربع اليمين)، والجواب الخطأ (المربع اليسار).

uqvjl0tybbitpkv6g.jpg

   هذا كل شيء الآن.. لنقم بالضغط على زر (F5) من لوحة المفاتيح للتأكد من صحة الخطوات التي قمنا بها.

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

   تحميل العرض الخاص بالدرس من المرفقات.

نهاية الدرس

مسابقة.pptx

تم تعديل بواسطه هاني العلي
  • Like 2
رابط هذا التعليق
شارك

بارك الله فيك أخ هاني وجزاك خير مجهود جباااار بس يبيلها شوية تركيز لأني مو كثير بالبوربوينت بس صراحة اول مرة اتعلم عمل مسابقة بالطريقة هاذي وبحاول اجربها وان شاء الله خير 😅😅

رابط هذا التعليق
شارك

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

تحياتي لك أخي الكريم.

رابط هذا التعليق
شارك

  • 2 weeks later...

جزاك الله خير كما عودتنا من نشاط

الاخ هانى نتمنى مراجعة اعمالك القديمة لرفع روابط جديدة ضفها اخر الموضوع

وسأقوم بوضعها فى مكان الرابط المنتهى

 

رابط هذا التعليق
شارك

   شكرًا لك أستاذ مجدي، بالنسبة للمواضيع القديمة، بصراحة لا أدري إن كنت سأستطيع عمل شيء لها؛ وذلك لأني لا أملك الصور والعروض الخاصة بها، وغير ذلك البحث عنها خلال الخمس سنوات السابقة ومراجعتها سيستغرق وقت طويل، وأنا لا أملك الوقت الكافي لذلك.

رابط هذا التعليق
شارك

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

زائر
اضف رد علي هذا الموضوع....

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • تصفح هذا الموضوع مؤخراً   0 اعضاء متواجدين الان

    • لايوجد اعضاء مسجلون يتصفحون هذه الصفحه
×
×
  • اضف...

Important Information