113

Hotpotatosarabic

  • Upload
    svtice

  • View
    217

  • Download
    2

Embed Size (px)

DESCRIPTION

tutoriel sur hotpotaetos en arabe

Citation preview

Page 1: Hotpotatosarabic

1 إعداد و تنسیق األستاذ امبارك محبوب

Page 2: Hotpotatosarabic

2 إعداد و تنسیق األستاذ امبارك محبوب

إاء

اي ا اب إ إام و ز ا؛

ا ا م ،بون ا ا ،اة اا إ

ا اة ؛م و ام

ا ؛إ ة أل ان ا

إ ا ن اوف و ن أن ما أدا؛

إ ا ن إ ا؛

ا ر؛

و ا ؛

إ ا ن ، و ون ا أن ؛

إ ا أ إ أن ؛

أذ و و ظ و أ اح ا؛إ

أي ا اب إ روح ا اذ ا؛

اي ر ت ا اا و ا؛

أي ا اب إ روح ا اذ ا ؛

دون أن ر و ي ا؛اا

إ ا اا وا أ م ا و طق ار؛

دة اا إ

Page 3: Hotpotatosarabic

3 إعداد و تنسیق األستاذ امبارك محبوب

عزیزي األستاذ Hotpotatosج ـــــــــــأقدم لك ھذا الكتاب المتواضع، و المخصص لتعلم اإلشتغال على برنام

اخنة، بغیـة إعداد و خلق دروس و تمارین و تقویمات بیداغوجیة، یمكن استعمالھا البطاطس الس .واستغاللھا في العملیة التعلیمیة التعلمیــــة

ب ــلقد تبلورت ھذه الفكرة وجاھدنا في إخراجھا للوجود، رغبة منا في إغناء المكتبة العربیة بكتي اشتغالنا الیومي في الفصل الدراسي، ومن جھة عربیة تعلیمیــــــة لبرامج معلوماتیة نحتاجھا ف

ذي ــــــأخرى، محاولة منا لالرتقـــــــــــاء بمنظومتنا التربویة وجعلھا تواكب التطور الرقمي ال .وصل إلیھ الغرب، و الذي یجتاحنا دون أن یترك لنـــــــا خیارا لالنخراط فیھ

دان ـــــــــتسحت كل المیادین والمجاالت بما فیھا المیإن الطفرة المعلوماتیة والرقمیة الحالیة، اكاج ــــــالتربوي و الذي یعانـي أصال من نظم وطرق تعلیمیة تقلیدیة حان الوقت لتطویرھا وإلدم

اوز ـــــولتج) المیدان التربوي(مضامین بیداغوجیة رقمیة حدیثة لتــــــدارك التأخیر الذي یعانیھ ).الجودة/ ربح الوقت / التواصل مع التلمیذ (ھ بعض العقبات التي تواجھ

.و قد غذا ھذا أمرا مستعجال ومفروضا نظرا الرتباط المیدان التربوي بمختلف المیادین األخرىم ال ـــــــــإذ ال یعقـــل أن یتم تخریج الطلبة كأساتذة ومھندسین و أطباء و حتى عمال نظافة، وھ

ـوب أو االشتغال على برامجھ المعلوماتیة المختلفة، علما أنھم یستطیعون تشغیل جھاز حاســــــــ .مقبلین على توظیف ھذه التكنولوجیا الحدیثة في عملھــم شاءوا أو كرھوا

ذه ــــــمن ھذا المنطلق، سعینا كأساتذة مجددین ومطورین لطرق ونظم التدریس، إلى استغالل ھ التكنولوجیــــــــــــــا

ذا ــلیة التعلیمیة التعلمیة، ومن ھذا المنطلق نظمنا تكوینات للسادة األساتذة في ھوإدماجھا في العم ).التكوینات(البرنامج و برامج أخرى، وأعددنا ھذا الكتاب لیكون سندا و دعما لھا

ورغبة منا في تقاسم العلم والمعرفة مع زمالئنا األستاذة أینما كانوا في وطننا العربي، وإیمانا منا ة ـــــــــــــر الجھــود والتعاون لتطویر نظامنا التعلیمي العربي، نشرنا ھذا الكتاب على شبكبتظاف

ـــــھ اإلنترنیت، لیتسنى لكل مھتم و مھتمـــــــة مطالعتھ و اإلستفادة منھ، بل و تصحیحھ و تنقیح .التعدیل علیة و إعادة نشرهو

ة ــــــــــیحة والمطلقة لتعلم البرنامج، بل ھو نتیجال یمثل الطریقة الصح) الكتاب(و نشیر إلى أنھ اء ــتجربتنا الشخصیـــــــة والعصامیة و التي أردنا مشاركة الجمیع لھا، كما أنھ یحتوي على أخطب ـــإمالئیة و نحویة و تعبیریة، نلتمس منكم العذر الرتكابھا عن غیر قصد، وندعوكم بصدر رح

على اإلیمیــــــل كم الحصول على ملــــــف الوورد عبر مراسلتنایمكن. (إلى تصحیحھا و تنقیحھا )[email protected]التالي

ن ـــــــــكما نشیر إلى أنھ كتاب مجاني االستعمال والتصحیح والتوزیع والطبع والنشر، و ال یمكم ــــسیخصص لدعاستغاللھ تجاریا كالبیع مثال إال بموافقة خطیة منا شخصیا، متعھدین أن ریعھ

.المجھودات الرامیة لنفس الھدف المنشــود من تألیفھ و نشره و هللا المعین

األستاذ امبارك محبوب

Page 4: Hotpotatosarabic

4 إعداد و تنسیق األستاذ امبارك محبوب

ا العنوان ............................................................................................................................01

02...............................................................................................................................اءإھد 03................................................................................................................................تقدیم

الفھرست ..........................................................................................................................04

المحور األول تثبت البرنامج و خلق اإلختصار

Hotpotatos ...........................................................................................06 تثبت برنامج -1.1

07......................................................................................الضغط عن النسخة المحمولة فك -3.1 09........................................................................ نقل مجلد البرنامج إلى مجلد برامج الوینداوز-4.1 21......................................................................خلق إختصار للبرنامج ونقلھ إلى سطح المكتب -5.1

المحور الثاني )البطاطس الساخنة (Hotpotatosالتشغیل و اإلعداد األولى لبرنامج

14.................................................................)البطاطس الساخنة (Hotpotatosیل برنامج تشغ-1.2 15............................................................)..البطاطس الساخنة (Hotpotatos تغییر لغة واجھة -2.2 17..............................................................)..البطاطس الساخنة (Hotpotatos تسجیل برنامج -3.2

المحور الثالث )البطاطس الساخنة (Hotpotatosاإلشتغال ببرنامج

JQuizبرنامج : الجزء األول 19............................................................................ و التعرف على واجھتھizJQu تشغیل -1.1.3 JQuiz….......................................................................20تسجیل مشرع في / خلق مشروع-2.1.3 JQuiz…....................................21معاین المشروع في /معاینة صفحة الویب/ خلق صفحة الویب-3.1.3 JQuiz…................................................................................23 األنماط أو الستایالت في -4.1.3 JQuiz...........................................................................................23 في QCM نمط -4.1.3.1 JQuiz............................................................................................23 في Quiz نمط -4.1.3.2 JQuiz…...................................................................................24 في Hybride نمط -4.1.3.3 JQuiz….......................................................................25في séléction - Multi نمط -4.1.3.4 JQuiz................................................................................….26 التمارین بالعربیة في -5.1.3.1 JQuiz…................................................................31 في 20/لى تغییر النقطة الجزائیة إ-5.1.3.2 JQuiz......................................................................….39 نافذة إعدادات صفحة الویب في -6.1.3 JQuiz…...............................41إعدادات صفحة الویب في فيConsignes / Titre التبویب -6.1.3.1 JQuiz…..........................................42إعدادات صفحة الویب في في Messages التبویب -6.1.3.2 JQuiz…............................................44إعدادات صفحة الویب في في Boutons لتبویب ا-6.1.3.3 JQuiz…........................................46إعدادات صفحة الویب في في Apparence التبویب -6.1.3.4 JQuiz…..........................................48إعدادات صفحة الویب في في Minuteur لتبویب ا-6.1.3.5 JQuiz…...............................................48إعدادات صفحة الویب في في Autres التبویب -6.1.3.6 JQuiz….......................................................................................51إدراج الصور في -7.1.3 JQuiz…....................................................................................57 إدراج األصوات في -8.1.3 JQuiz….......................................................................................61 إدراج الفیدیو في -9.1.3

JQuiz…....................................................................................66 إدراج الروابط في -10.1.3

المحور الثالث )البطاطس الساخنة (Hotpotatosاإلشتغال ببرنامج

JCloseبرنامج : الجزء الثاني 68.......................................................................... و التعرف على واجھتھJCloze تشغیل -1.2.3 JCloze…...................................................................69 خلق التمارین ذات الفراغات في -2.2.3

2.1- التعامل األول مع النسخة المحمولة....................................................................................06

Page 5: Hotpotatosarabic

5 إعداد و تنسیق األستاذ امبارك محبوب

JCloze…......................................................................72 نافذة إعدادات صفحة الویب في -3.2.3 JCloze…..............................73في نافذة إعدادات صفحة الویب في Consigne/ Titre التبویب -4.2.3 JCloze.........................................…74في نافذة إعدادات صفحة الویب في Boutons التبویب -5.2.3 JCloze…......................................75في نافذة إعدادات صفحة الویب في Messages التبویب -6.2.3 JCloze…...........................................76في نافذة إعدادات صفحة الویب في Autres التبویب -7.2.3 JCloze.............................................................................….78 في Indice زر التلمیح -8.2.3 lozeJC…..............................................80في / 20إلى ) معیار التقییم( تغییر النقطة الجزائیة -9.2.3

المحور الثالث )البطاطس الساخنة (Hotpotatosاإلشتغال ببرنامج

JMatchبرنامج : الجزء الثالث 82.......................................................................... و التعرف على واجھتھJMatch تشغیل -1.3.3 JMatch…................................................................................83 خلق تمارین الربط في -2.3.3 JMatch….....................................................................86 نافذة إعدادات صفحة الویب في -3.3.3 JMatch.............................................…88في / 20إلى ) معیار التقییم( تغییر النقطة الجزائیة -4.3.3

المحور الثالث )البطاطس الساخنة (Hotpotatosاإلشتغال ببرنامج

JMixبرنامج : الرابعالجزء 90............................................................................. و التعرف على واجھتھJMix تشغیل -1.4.3 JMix.............................................................................90 خلق تمارین إعادة الترتیب في -2.4.3 JMix…........................................................................94 نافذة إعدادات صفحة الویب في -3.4.3 JMix…......................................................................................96 التمارین العربیة في -4.4.3 JMix…..................................................98في / 20إلى ) معیار التقییم( تغییر النقطة الجزائیة -5.4.3

المحور الثالث )البطاطس الساخنة (Hotpotatosاإلشتغال ببرنامج

JCrossبرنامج : الجزء الخامس 99........................................................................... و التعرف على واجھتھJCross تشغیل -1.5.3 CrossJ…....................................................................99 خلق شبكة الكلمات المتقاطعة في -2.5.3 JCross…....................................................102 خلق شبكة الكلمات المتقاطعة أوتوماتیكیا في -3.5.3 JCross…....................................................................103دادات صفحة الویب في نافذة إع-4.5.3 JCross...................................................................104 العربیة في ة شبكة الكلمات المتقاطع-5.5.3 JCross..................................................104في / 20إلى ) معیار التقییم( تغییر النقطة الجزائیة -6.5.3

المحور الثالث )البطاطس الساخنة (Hotpotatosاإلشتغال ببرنامج

The Masherبرنامج : الجزء السادس 105................................................................. و التعرف على واجھتھThe Masherشغیل ت-1.6.3 The Masher...................................................................... 106 خلق تجمیعة التمارین في-2.6.3

Page 6: Hotpotatosarabic

6 إعداد و تنسیق األستاذ امبارك محبوب

ولار ا تثبت البرنامج و خلق اإلختصار

:Hotpotatoesتثبت برنامج -1.1

لتثبیت البرنامج، نتبع الطریقة الكالسیكیة و العادیة ،شأنھ كشأن جل البرامج و التي نثبتھا على الوینداوز،وذلك ...ائل و التي توجھ عبرھابالنقر مرتین على ملف البرنامج التنفیذي،ثم إتباع مراحل التثبیت بعد قراءتنا للرس

. األخیرة و ھي النسخة ما قبل (Hotpotatoes v6.0.3.43)ننھج ھذه الطریقة عندما نرید تثبیت النسخة .الصورة التالیة تبین جزءا من ھذه المرحلة

لمعتمدة بدایة من شھر و ھي النسخة ا(Hotpotatoes v6.3.0.0) بالنسبة للنسخة األخیرة من البرنامج أما،نالحظ أنھا نسخة محمولة أي أنھا ال تحتاج إلى تنصیب أو تثبیت ، و بالتالي یمكن و ضعھا على 2009ینایر

و االشتغال علیھا في أي جھاز USBالقرص الصلب ثم االشتغال علیھا مباشرة ، كما یمكن حملھا علة مفتاح .حاسوب آخر دون الحاجة إلى التثبیت

:لتعامل األول مع النسخة المحمولةا -2.1 الفكرة ھنا ھي تفادي كل ما یمكن أن یضر ھذه النسخة أو یتسبب في مسحھا أو مسح أحد ملفاتھا األساسیــــــة

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

بعد حصولنا على النسخة األخیرة من البرنامج، نالحظ أنھا مضغوطة، و ھذا یتطلب منا برنامج لفك الضغط كبرنامج الوینرار مثال

Page 7: Hotpotatosarabic

7 إعداد و تنسیق األستاذ امبارك محبوب

: فك الضغط عن النسخة المحمولة-3.1 القائمة التي نن الفأرة على الملف المضغوط ثم نختار م، وذلك بالنقر بیمیفك الضغط عن النسخة المحمولةن

.ستظھر برنامج الوینرار ثم نختار فك الضغط ھنا

. ما ھو إال نتیجة فك الضغط طبعا، ندخل إلیھمجلد جدید، ظھورنالحظ

غیرھا من األمور التي یحتاجھا ولبرامج و اإلیقونات ابعد دخولنا لھذا المجلد، سنجد كل المجلدات و الملفات وHotpotatoes للتشغیل .

Page 8: Hotpotatosarabic

8 إعداد و تنسیق األستاذ امبارك محبوب

ثم نجد مجموعة أخرى من البرامج المكونة لھ العام، Hotpotatoesمن بین ھذه الملفات ن نالحظ تواجد برنامج (JCloze,JMatch, JCrsoo,JQuiz,JMix,Mashers)و ھي ) تسمى تقنیا بالمصوغات (

و ال نشغل البرامج األخرى المكونة لھ Hotpotatoseفإننا نشغل دوما لكي نشتغل ببرنامجنا بشكل سلس ، لماذا؟

.ھألننا و بكل بساطة یمكننا تشغیلھا من ھذا األخیر عبر إختصارات یوفر لنا على و واجھت

Page 9: Hotpotatosarabic

9 إعداد و تنسیق األستاذ امبارك محبوب

:مجلد برامج الوینداوزنقل مجلد البرنامج إلى -4.1 المستھدف من بین البرامج المكونة Hotpotatoesاآلن و بعد تعرفنا على كیفیة فك الضغط ثم معرفة برنامج

مرحلة نقل مجلد البرنامج إلى مكان آخر غیر سطح المكتب ثم كیفیة خلق إختصار لھ على سطح إلىلھ، سنمر .المكتب

مولة و ال تحتاج إلى تثبیت و یمكن وضعھا في أي مكان ثم تشغیلھا ، إال أنـــھ كما قلنا سابقا ،بأن ھذه النسخة محو لكي تكون األمور مضبوطة جیدا ، فإننا عادة ما نتفادى و ضع ھذه النسخة في أي مكان إذ أن ذالك قد یعرضھا

المثبتة على الوینـــــــداوز فإننا سنضعھا في المجلد الذي یضم كل البرامج يللحذف أو عدم االنتباه لھا ن و بالتال Hotpotatoes ،بعدھا نخلق إختصارا لبرنامج Programmes filesو المسمي مجلد برامج الوینداوز

وننقلھ إلى سطح المكتب، ھكذا یمكننا تشغیل ھذا البرنامج بشكل سریع و سھل و آمن من الحذف أو عدم اإلنتباه .لھ

ألننا قد نحتاجھا الحقا أو إذا أردننا تمریرھا آمن،الت مضغوطة، في مكان نحتفظ بالنسخة األصلیة و التي ماز .ألحد زمالئنا في العمل

ثم من القائمة التي ) كلیك یمین ( علیھا بالزر األیمن للفأرة ر، ننقعملنا سیكون على النسخة المفكوك ضغطھا .قصستظھر نختار

و ھو الذي یضم الوینداوز، إما عبر الـــــــــــــــــــــــــــــــــــــزرC) البارتیشن( ص الصلب نذھب إلى القر Démarrer ثم Poste de travail أو بالنقر مرتین على Poste de travail من على سطح المكتب إذا

.كانت إیقونتھ متواجدة ھناك

Page 10: Hotpotatosarabic

10 إعداد و تنسیق األستاذ امبارك محبوب

Programmes files نالحظ مجموعة من المجلدات، نختار منھا مجلدا یحمل إسم Cبعد دخولنا إلى البارتیشن ى ــــرامج المثبتة علبندخل إلیھ ، بدوره سنجد بداخلھ مجموعة أخرى من المجلدات، و ھي المجلدات الخاصة بال

.الوینداوز بل ما، ینبغي النقر بالزر الیمن للفأرة على مجلد ھناك، الن فارغ على مكا) كلیك یمین(ننقر بالزر األیمن للفأرة

. لصق من القائمة التي ستظھر نختارفارغ ثمعلى مكان

حتما سنجد ھناك Poste de travailبعد الدخول إلى واحد أو إثنان أو أكثر) البارتیشنات(األقراص الصلبة

من ذلك ، كل على حسب تقسیمھ للقرص الصـــــــلب .األصلي

الحظ مثال كم لدینا من بارتیشن في ھذه الحالة

Page 11: Hotpotatosarabic

11 إعداد و تنسیق األستاذ امبارك محبوب

.اآلن قمنا بنقل مجلد البرنامج من المكان الذي كان فیھ سابقا، إلى مجلد برامج الوینداوز بنجاح

Page 12: Hotpotatosarabic

12 إعداد و تنسیق األستاذ امبارك محبوب

:خلق إختصار للبرنامج ونقلھ إلى سطح المكتب -5.1 .سنمر اآلن إلى عملیة خلق االختصار و نقلھ إلى سطح المكتب

.Hotpotatoesنتمم المرحلة و ذلك بالدخول إلى مجلد برنامج Hotpotatosج ــــــــــــ، نختار برنام طبعا سنجد فیھ كل البرامج و الملفات و اإلیقونات التي تعرفنا علیھا سابقا

ن ــــ، ننقر بالزر األیمو ینبغي أن نكون حذرین من التشابھ الذي قد یحصل بینھ و بین ملف آخر یحمل نفس اإلسم Créer un raccourci خلق إختصار، ثم نختار من القائمة التي ستظھر )كلیك یمین(للفأرة علیھ

جدید یحمل نفس اإلسم و یتمیز عن األصلي بتواجد عالمة االختصار علیھنالحظ ظھور ملف

Page 13: Hotpotatosarabic

13 إعداد و تنسیق األستاذ امبارك محبوب

قصكلیك یمین على ھذا اإلختصار ، ثم نختار

لصقنعود إلى سطح المكتب، ثم كلیك یمین و نختار

من قبیل فك Hotpotatoesلتي ھمت كیفیة التعامل الولي مع برنامجو ھكذا نكون قد إنتھینا من ھذه العملیات و ا لھ على سطحإختصارالضغط و معاینة محتویات مجلد البرنامج ثم نقلھ إلى مجلد برامج الوینداوز ثم إنشاء

للھم مرة، بل مرة واحدة فقط ، التشغیل البرنامج ك نرید انجریھا عندم ال المكتب، أشیر إلى أن ھذه العملیات .إذا إقتضت الظروف

و معناھا بالعربیة البطاطس الساخنة، و ھو إسم بسیط Hotpotatoesمالحظة أخرى و ھي أن برنامجنا إسمھ .شھیة العمل................................ جمیل و یفتح الشھیة ،

Page 14: Hotpotatosarabic

14 إعداد و تنسیق األستاذ امبارك محبوب

مار ا )خنةالبطاطس السا (Hotpotatoesالتشغیل و اإلعداد األولى لبرنامج

:)الساخنةالبطاطس ( Hotpotatoes برنامج تشغیل -1.2

قر مرتین متتالیتین على إیقونة البطاطس الساخنة المتواجدة على سطح المكتب، فیشتغل البرنامج و تظھر لنا نن الواجھة التالیة

ـــج ار لغة البرنامـــــلب منك اختیقد تظھر لك نوافذ أخرى قبل ھذه الواجھة و األكید أنھا نوافذ قد تتط: مالحظةأو أمور من ھذا القبیل ، كل ما علیك ھو قراءة الرسالة المتضمنة ثم تطبیق الخیار المناسب لك أو یمكنك قبول

.االقتراح االفتراضي و انتظار الشرح الذي سیأتي في المراحل التالیة

إضافة إلى قوائم علویة الساخنة،ستة المكون للبطاطس و ھي واجھة تضم مجموعة من االختصارات للبرامج ال تمكننا من الولوج إلى خدمات أخرى ، نستعرضھا باختصار عبر الشرح التالي فرعیة،

Page 15: Hotpotatosarabic

15 إعداد و تنسیق األستاذ امبارك محبوب

شرح مختصر للقوائم العلویة في واجھة البطاطس الساخنة

:)البطاطس الساخنة( Hotpotatoesتغییر لغة واجھة -2.2 .العربیـــــــــــــة من بینھا الفرنسیة و ،عدة انھ یقدم لنا واجھتھ بلغات الساخنة،من بین أھم خصائص البطاطس

نــــــــــــــــــــــــبكل بساطة ، یمكننا تغییر لغة و اجھة البطاطس الساخنة إنطالقا من القوائم العلویة و ذلك م .ثم نكمل العملیة بكل بساطةchanger une interface ثم Interfaceثم Option القائمة

سنختار منھ اللغة الفرنسیة ألنھا األنسب المدمجةبعدھا سینفتح مجلد معین یحتوي على الملفات الخاصة باللغات بالنسبة الختیار اللغـــــة مجلد ، اللغة العربیة من نفس الاختیارلنا حالیا وألنھا المعتمدة في ھذا الشرح، و یمكن

.اإلنتباه إلى التشابھ الحاصل بینھا و بین اللغة الفنلندیة في اإلسم جب الفرنسیة ی

Page 16: Hotpotatosarabic

16 إعداد و تنسیق األستاذ امبارك محبوب

.ذلك سنقبل الساخنة،البطاطس طبعا سیسألنا البرنامج إن كنا نرید اعتماد ھذه اللغة في كل البرامج األخرى في .و إن طلب منا إعادة تشغیل البرنامج نوافق على ذلك أیضا

Page 17: Hotpotatosarabic

17 إعداد و تنسیق األستاذ امبارك محبوب

:)البطاطس الساخنة( Hotpotatoes تسجیل برنامج -3.2 . التسجیل لواجھتھ،من األمور الھامة و التي ینبغي تنفیذھا بعد تثبیت البرنامج و إعداد اللغة المناسبة

ما ھو التسجیل ؟ . الخاصباسمك النسخةساطة ھو جعل ھذه بكل ب

ع ـــــو ھذه الخدمة مجانیة و بسیطة للغایة ،فبعد أن كان التسجیل بالنسبة للنسخ السابقة ، یقتضي الولوج إلى الموقم ــــــالرسمي للبرنامج و وضع طلب التسجیل ھناك ،ثم یصلك مفتاح التسجیل عبر رسالة بالبرید اإللكتروني، ت

. عن ذلك في النسخة األخیرة، و أصبح التسجیل یتم بشكل بسیط و دون إدخال أي مفتاح ءاالستغنا ما فائدة التسجیل ؟

:سأعطي مثاال بسیطا یبین فائدة و أھمیة التسجیل أین یوجد برج إیفل الشھیر ؟: نفترض أنك أعددت تمرینا یتضمن السؤال التالي

ن ــــ البرنامج الغیر مسجل یمكننا مالفرق،ھنا یكمن إحداھا، لیختار على التلمیذ مجموعة من األماكناقترحناو .االقتراحات من ذلك من أكثر البرنامج المسجل فیمنحك إمكانیة تقدیم عدد أما فقط، أماكن 4 اقتراح

:مثال آخرللفقرة، البرنامج قدمت للتلمیذ فقرة نصیة تتحدث عن البراكین، ثم مررت لتقدیم أسئلة تقوم مدى استیعابھ و فھمھ

الغیر مسجل یمنحني إمكانیة تقدیم سؤال و احد فقط مرافق للفقرة النصیة في حین أن البرنامج المسجـل یمنحنــي .إمكانیة تقدیم أكثر من سؤال

:مثال أخیرمـــــیذ أنتھي من إعداد التمارین ، یمكنني رفعھا على موقع على شبكة اإلنترنیت لكي یستفید منھا كل التالاعندم

و ذلك إما بتحمیلھا أو االشتغال علیھا مباشرة على النت ، البرنامج الغیر مسجل ال یضمن حقوقي كمنتج لھـــــذه التمارین و تبقى مجھولة المصدر ربما ، أما البرنامج المسجل فیضمن ھذه الحقوق و ذلك عبر إدماج اإلســــــــم

.صفحة الویب المسجل بھ البرنامج في الكود المصدري لAide، حیث أختار من القوائم العلویة نمر اآلن لعملیة تسجیل البطاطس الساخنة، و ھي عملیة بسیطة للغایة

ثم نكتب إسمنا الخاص في مربع الحوار الذي سیظھر ثم نوافق على ذلك s'Enregistrer ثم

Page 18: Hotpotatosarabic

18 إعداد و تنسیق األستاذ امبارك محبوب

سجیل مرت بنجاح، على الشكل التاليو یمكننا التأكد من أن عملیة الت

Page 19: Hotpotatosarabic

19 إعداد و تنسیق األستاذ امبارك محبوب

اار )البطاطس الساخنة (Hotpotatoesاإلشتغال ببرنامج

ولءابرنامج : اJQuiz

: و التعرف على واجھتھJQuizتشغیل -1.1.3 ذو إجابات قصیرة و محدودة ، و المقصود بذلك ، أنك كمعد Quistionnaire من إنجاز تساؤل JQuizیمكننا

للتمرین ، ستضع السؤال ثم تقترح على المتلقي مجموعة من األجوبة المقترحة أحدھا صحیح ، وكل ما على و في صیغة أخرى ،علیھ تحریر .التلمیذ ھو قراءة السؤال، فھمھ ثم تحدید الجواب الصحیح و المناسب لھ

.ح داخل خانة معدة لھذا الغرضالجواب الصحی، فالبرنامج یعتمد على المقارنة بین الجواب ھنا تجدر اإلشارة حول بعض األمور التقنیة و المرتبطة بھذه العملیة

المدخل من قبل التلمیذ و الجواب الصحیح المحدد من قبل المبرمج ن آخذا بعین اإلعتبار كل التفاصیل الدقیقة و علیھ ینبغي تفادي تحدید أجوبة ...) الفواصل ، النقط ، العوارض(یح السالف الذكر المحیطة بالجواب الصح

:صحیحة طویلة أو تتضمن فواصل و رموز و عوارض ، أمثلة كتـــــــــاب لیست ھي كتاب

أحمد،یلعب لیست ھي احمد یلعب و البحث عنھا ، و ھناك أمثلة عدیدة ال یتسع المجال لذكرھا و لكن یتسع المجال للتجربة

إن صح Styles كذلك من تقدیم التمرین للتلمیذ على مجموعة من الصیغ أو األشكال أو الستایل JQuizیمكننا ، حــمرفوقا باألجوبة المقترحة من طرف المبرمج ، إحداھا صحیفھناك الستایل المتمیز بعرض السؤال .التعبیر

ة ـا بخانة فارقة لكي یحرر فیھا التلمیذ الجواب الصحیح ، مع إمكانیوھناك الستایل المتمیز بعرض السؤال مرفوقو ھناك ستایالت ..الحصول على مساعدة و المتمثلة في عرض الحرف األول من الجواب الصحیح ، و ھكذا

.أخرى سیتم التطرق لھا في حینھاھ ــــة سیدة الموقف، فكل ما سیتم شرح العملیة على ھذا البرنامج ، أشیر إلى أن التجربتالتطبیقا ىالمرور إلقبل

ة ـــــــھنا خاضع لمنطق التجربة من طرفكم ، و یبقى دون أھمیة إذا لم یتم تجربتھ عبر تطبیقات عدة ،ألنھا الكفیل عبرھا یمكنكم اكتشاف أمور عدة غابت عن بالي أو لم أفھمھا جیدا و ،ھالمتعثر من و شرحي بتبیان الصحیح من

، و ھنیئا لكم على ما سنضاف على رصیدكم المعرفي إن أخطأت في أمر ما أو أغفلت عن شيء آخرفعذرا منكم .و العملي

نمر اآلن لتشغیل البرنامج ، نقوم بتشغیل البطاطس الساخنة إنطالقا من إیقونتھ على سطـــح المكتب، تظھر لنــــــا الواجھــة

شروحة سابقا، ننقر علـــــــى الم ، و المعــلوم أن JQuizبرنامج

إیقونتھ و إسمھ ظاھرین علـــــى .ھذه الواجھـــــــة

سیشتغل JQuizو المالحظ أن ، و تبقى البطاطس الساخنـــــــة مشتغلة كذلك ، لدي الخیار فـــي إغالقھا أو تركھا مشتغلــــــة إن

امــج كنت سأحتاجھا لتشغیل برن .آخر

علــى JQuizتظھر لنا واجھة . الشكل التالي

Page 20: Hotpotatosarabic

20 إعداد و تنسیق األستاذ امبارك محبوب

، إستعملنا فیھ سؤاال بسیطا ، مرفوقا بأربع إجابات قصیرة و محددة في ما یلي شرح مقتضب لھذه الواجھة إحداھا صحیحة

:JQuizتسجیل مشرع في /خلق مشروع -2.1.3 بشكل أوتوماتیكي عند تشغیل البرنامج ، و ال شك انك قد الحظت ذلك في الصورتین JQuizیخلق المشروع في

السابقتین أعاله، و إذا أردت خلق مشروع جدید ، فإنھ و بكل بساطة و كما اعتدنا في جل البرامج ، نتجھ إلــــــى ، أما إذا أردت فتح مشروع قدیم كنت قـــــــــــد Nouveau ثم ننقر على Fichier على القوائم العلویة ثم ننقر

Ouvrir.إشتغلت علیھ و سجلتھ سابقا ، فمن نفس القائمة سأختار بعد خلقنا لمشروع الجدید و بعد ملئنا للخانات المناسبة ، و ضع السؤال ثم اقتراح األجوبة و تحدید الجــــــــــواب

) QCMار ستایل ـــــــــــفي حالتنا المبدئیة ھذه سنخت(صحیح منھا ثم اختیار ستایل عرض التمرین على التلمیذالینبغي أن نفكر و قبل كل شيء في تسجیل المشروع ، و ھذا أمر طبیعي و مھم لتفادي ضیاع المشروع بفعــــــــل

.....لوینداوز بشكل مفاجئ أوغیــــر مقصود كانقطاع التیار الكھربائي مثال أو غلق ل مختلفة تخص كل برنامج على حدة مثال اإلمتــــــــــــــــداد (extensions)تسجیل المشروع یتم و فق امتدادات

(*.jmt) یخص برنامج JMatch و اإلمتداد (*.jqz) یخص برنامج JQuiz . Fichierھ للقوائم العلویة ، ثم ننقر على نتبع الطریقة المعتادة ككل البرامج لتسجیل المشروع ، نتج

ثم نختار المكان المناسب والذي نرغب في تسجیل المشروع فیھ ، كـــبارتیشن enregistrer sousثم نختار ، بعدھا نمنحھ إسما و الذي ینبغي أن یكون بسیطا و ذو معنــــــــــــى USBمن القرص الصلب مثال أو مفتاح

Enregistrer .ثم نختار . یفضل أن یتم خلق مجلد خاص لتسجیل المشروع و تفادي تسجیل في أي مكان : مالحظة

یمكن النقر على ھـــــــذه : مالحظة

اإلیقونة و المتواجدة على عارضة القوائم لتسجیل المشروع

Page 21: Hotpotatosarabic

21 إعداد و تنسیق األستاذ امبارك محبوب

:JQuizمعاین المشروع في /معاینة صفحة الویب/خلق صفحة الویب -3.1.3 ھي نفسھا،كیف ذلك ؟ JQuizمعاین المشروع في أو معاینة صفحة الویب أو خلق صفحة الویب إن

الساخنة ، فإن النتیجة النھائیة أو ما یقدم للتلمیذ ھو صفة ویب بصیغة ستمرینا ما في برنامج البطاطعندما ننجز HTML . تحمل كل األسئلة التي وضعناھا و األجوبة المقترحة ، و في حالة البرامج األخرى من البرامــــــــــج

یرة ،إذن كیف نخلق ھذه الصفحة ؟المكونة للبطاطس الساخنة ، نحصل على صفحة ویب تحمل أمورا مغا Créer page web ثم نختار من القائمة المنسدلــــــــــة Fichierبكل بساطة نختار من القوائم العلویة قائمة

Page web pour navigateur v6 ثم نختار

أو ننقر على اإلیقونة

. Le clavier في الملمس F6أو ننقر على المتاح

ذه ـــــتنفتح نافذة یطلب مني البرنامج من خاللھا تسجیل ھذه الصفحة ، نختار مكانا معینا ثم نمنحھا إسما داال ، وھى ـــساخنة، و تجب اإلشارة إل السالبطاطھي نفس المراحل التي شرحناھا سابقا حول كیفیة تسجیل المشروع في

وزا ــــــــــــــــمن فراغا بداخلھ و ال یتضمن رمالالتینیة و ال یتضأنھ ینبغي أن یكون إسم صفحة الویب باألحرف

# } ] + % ? §:أو عالمات كمثل التي نستعرضھا ھنا ، مثال

Page 22: Hotpotatosarabic

22 إعداد و تنسیق األستاذ امبارك محبوب

یدنا بأن صفحة الویب خلقت بنجاح ، ثم یقترح علي إما معاینتــــــھا بعد تسجینا لصفحة الویب ، سنتلقى تقریرا یف .أو رفعھا إلى موقع على شبكة اإلنترنیت أو عدم فعل أي شيء ، فنختار رؤیتھا في متصفح اإلنترنیت لــــــــــدي

.تعرض صفحة الویب

مجموعة من األوامر التفاعلیة التي كانت ستنفذ عبـــــــــــر Bloquerنشیر ھنا إلى أن الوینداوز یقوم بتعطیل صفحــة الویب ، وھذا من أمور الحمایة و المحافظة على النظام و ھي أمور تقنیة برمجیة ال داعي للخوض فیـھا

أنجزنـــــــــاه و بما أننا نعرف أن ھذه األوامر المعطلة ما ھي إال التفاعلیة التي یحتوي علیھا التمرین الذي . اآلن ..Autorisation d'exécutionفإننا سنمنحھا التصریح بالتنفیذ

autoriser les fichiersكلیك یمین على العارضة الصفراء التي ظھرت في أعلى صفحة الویب ، ثم نختـــار bloqués

.و نختار موافق إذا طلب مني ذلك

Page 23: Hotpotatosarabic

23 إعداد و تنسیق األستاذ امبارك محبوب

ملة بالتفاعلیة التي یتضمنھا التمرین ، اآلن كل ما على التلمیذ ھو قراءة الســؤال و ھكذا ستظھر صفحة الویب كاجیدا ثم اختیار الجواب المناسب و الصحیح و ذلك بالنقر علیة من األجوبة المقترحة ، بعد ذلك یقوم المتصــــفح

لمبرمج، ثم یقوم بعملیة حسابیــــــة المحدد من قبل احبالمقارنة بین الجواب الذي اختاره التلمیذ و الجواب الصحی .و یعرض بعدھا النقطة المناسبة و التي سنتطرق لھا في موضوع خاص إنشاء هللا

وھو الستایل المتمیز تقدیم السؤال و عرض كل األجوبـــــــــة QCMتذكروا أننا اخترننا سابقا ستایل : مالحظة .المقترحة على التلمیذ لكي ختار الصحیح منھا

:JQuizفي األنماط أو الستایالت -4.1.3 ماذا یحدث لو اخترنا ستایل آخر ؟ .في الحقیقة لن یحدث تغیر كبیر

و األجوبة المقترحة ستبقى في قاعدة البیانات الخاصة بالبرنامـــج كذلك، كما ھو، السؤال لعنوان التمرین سیظ .لك للتلمیذما سیتغیر ھو طریقة تقدیم ذ

:JQuiz في QCMنمط -.4.1.31 .و ھو النمط الذي تطرقنا لھ سابقا ، و یمكنك مراجعة الصور أعاله و الشروحات المرافقة لھا

:JQuiz في Quizنمط -.4.1.32ـذ یقدم ھذا النمط واجھة للتمرین تحتوي على السؤال المطروح ومكانا فارغا أسفلھ ، أعد لكي یحرر فیھ التلمیــــ

یطرح السؤال مرفوقا باألجوبـــــــة QCMالجواب الصحیح ، ھنا سنستحضر الفرق بین ھذه النمطین حیث في فیطرح السؤال مرفوقا بمكان لتحریر الجواب الصحیح فیـــــــــــھ Quizالمقترحة ظاھرة للعیان ، أما في نمط

ابي قد یحصل معھ ، ھنا نعرف اآلن لماذا ینبــــــغي وعلى التلمیذ تذكر الجواب الصحیح و كذا تفادي أي خطا كتاقتراح أجوبة قصیرة ومحددة و ال تحتوي على فواصل أو ما شابھ ذلك، حیث نبتعد عن كل ما قد یغیب عن بــال التلمیذ من األمور الشكلیة أو البسیطة ، كما یقدم ھذا النمط زرا یمكن التلمیذ من الحصول على مساعدة و المتمثلة في إظھار الحرف األول من الجواب الصحیح ، و إذا نقر علیھ ثانیة سیظھر لھ الحرف الثاني و ھكذا دوالیــــــك كما یقدم لھ النمط زرا آخر یمكنھ من إظھار الجواب الصحیح إذ لم تسعفھ الذاكرة في تذكر الجواب الصحیـــــــح

.حریر الجواب و أخیرا ھناك زر یتوجب النقر علیھ إذا انتھى من ت الحظ الصورة أسفلھ و التي تبین نموذجا للتمرین السابق بھذا النمط

+

Page 24: Hotpotatosarabic

24 إعداد و تنسیق األستاذ امبارك محبوب

:JQuiz في Hybrideنمط -.4.1.33 Quiz الثاني حیث تعرض صفة التمرین على الشكل Quiz و QCMھو تركیب بین النمطین السالفي الذكر

المعدة لذلك دون خطأ ثم النقر على زر التحقق مــــن ة الصحیح في الخانبوامما یتوجب على التلمیذ تحریر الج و عرض النقطة كما ذكرنا سالفا، فإذا كانت اإلجابة صحیحة فأھال و سھال بالنقطة ةالجواب ، بعدھا تتم المقارن

الالحقة سنرى كیــف في الشروحات (المشرفة ، أما إذا كانت اإلجابة غیر صحیحة فیمنحھ البرنامج فرصة ثانیةى ـــــ، و إذا أعاد التلمیذ تحریر جواب آخر غیر صحیح یتم االنتقال أوتوماتكیا إل) یمكننا تحدید عدد ھذه الفرص

و ھو النمط الذي یظھر للتلمیذ كل األجوبة المقترحـــــــــــة و یمنحھ فرصة االختیار، و الھدف من QCMنمطإن ـــــــــــكرة التلمیذ على مستوى المعرفة و الكتابــة فإن خانتھ الذاكرة اإلمالئیة فھذا النمط ھو امتحان قوة و ذا

. ینتقل إلى النمط الذي یظھر لھ الكتابات الصحیحة دون أخطاءجالبرنام

Page 25: Hotpotatosarabic

25 إعداد و تنسیق األستاذ امبارك محبوب

:JQuizفي Multi-séléctionنمط -.4.1.34 محاذیـــــــــــة Case à cocherالتمرین على شكل خانات صغیرة للتحدید ھو نمط یعرض على التلمیذ صفحة

، مما یتوجب على التلمیذ قراءة السؤال ثم تحدید الجواب أو األجوبة صحیحة بوضح إشـــارة ةلألجوبة المقترح .... لھا ، ویمكننا ھذا النمط من تحدید أكثر من جواب صحیح لنفس السؤال ةفي الخانة المحاذی

، نالحظ أن الجـــواب مكناس – آسفي -الصویرة–مراكش : حدد من بین المدن التالیة، الساحلیة منھا :مثال الصحیح في ھذه الحالة یحتوي على مدینتین ، یعني تحدیدھما معا ، و ھذا أمر ال یمكن تحقیقھ ال في ھذا النمـــط

.....نتین معا و لیس إحداھما فقط علما أن النقطة الجزائیة الكاملة تتوجب تحدید المدی

Page 26: Hotpotatosarabic

26 إعداد و تنسیق األستاذ امبارك محبوب

:JQuiz فيالتمارین بالعربیة -.5.1.31و یتم ذلـــك ) ھنا ال أتحدث عن تعریب واجھة البرنامج ( من خلق تمارین باللغة العربیة JQuizیمكننا برنامج

بة إلى العربیة إنطالقا من عارضة المھـــــــــام بشكل بسیط و سھل للغایة ، فكل ما عل فعلھ ھو تغییر لغة الكتا )الصورة التالیة تبین ذلك .(Clavierأو مباشرة من الملمس

. ثم تحریر العنوان و السؤال و األجوبة المقترحة و كل ما سبق شرحـــــــــــھ صفحة الویب حسب ما أ سلفـنا الذكر قم نمر إلى خلبعد إعدادنا للتمرین و فق ما رأینا سابقا ، نسجل المشروع ث

نشیر ھنا إلى أنھ من األفضل أن نمنح إسما لصفحة الویب باألحرف الالتینیة رغم أنھا تتضمن تمرینـــــــــــــــــا لماذا؟..باللغــــــــة العربیة

اء برمجیة قد تظھر الحقا إذا تم دمج ھذه یمكن تسمیتھا باألحرف لعربیة ولكن باألحرف الالتینیة أسلم تفادیا ألخط .الصفحة في برنامج ال یدعم اللغة العربیة أو موقع من ھذا القبیل

Page 27: Hotpotatosarabic

27 إعداد و تنسیق األستاذ امبارك محبوب

ــؤال محاذاة الســـــــ أن ، یتبین لنا ظھور الكتابة العربیة دون مشكل أو أخطاء، ونالحظ أعالهمن خالل المعاینة م ــــــــــیشكل أي عائق على فھ ى الیسار، شخصیا أعتقد أن ذلك الـتزال إل الالمطروح و األجوبة المقترحة لھ ،

و التي سیتـــــــم ط جدا یتم في نافذة إعدادات صفحة الویب ـــلكن یمكن معالجة ذلك بتعدیل بسی و إدراك التلمیذ ، . 39الصفحة التطرق لھا بشكل مفصل جدا إبتداءا من

السؤال و األجوبة المقترحة لــــــــھ ع وأثناء ملئنا للخانات الخاصة بوضالبرنامج،أما على مستوى االشتغال في ـــتـــــــھكن معالجــ ویم، لنافإننا نالحظ أن الكتابة تحاذي الیسار دوما، ھذا كذلك أمر ال یشكل أي عائق بالنسبة

ابالطریقة التالیة لو أردن

Page 28: Hotpotatosarabic

28 إعداد و تنسیق األستاذ امبارك محبوب

انطالقا من القوائم العلویة ، نعمل تغییر للمحاذاة بالشكل التالي

اذاة ـــــــبعد ھذا التعدیل ، نالحظ أن الكتابات العربیة قد أصبحت تحاذي ناحیة الیمین ، نشیر ھنا إلى أن ھذه المح ة تتعلق بالنتیجة النھائیة على صفحة الویب و التي یمكننا تغییر محاذاتھا بالطریقمتعلقة بواجھة البرنامج فقط و ال ).27الصفحة (األخرى و التي أشرنا لھا سابقا

نعاین صفحة الویب انجدھا كالتالي ، المثال أسفلھ

Page 29: Hotpotatosarabic

29 إعداد و تنسیق األستاذ امبارك محبوب

نمر أوال إلى تغییر .یة لدینا مالحظة علیھا ، ولو أن ھذه العمل )les fonts( كما یمكننا تغییر أشكال الخطوط كما یلي Police ثم Options ةیتم ذلك من نفس القائمة السابق الخطوط ،

Page 30: Hotpotatosarabic

30 إعداد و تنسیق األستاذ امبارك محبوب

بعد اختیارنا لشكل الخط الذي نراه مناسبا و بعد النقر على الزر موافق ، تتغیر أشكال الخطوط على واجھـــــــــة حظ المثال التالي في حالتنا ھذهالبرنامج، ال

بعد معاینة صفحة الویب، نجد أن أشكال خطوطھا تغیرت كذلك بالشكل نفسھ الذي اخترناه

مالحظتنا على ھذه العملیة و التي من المستحب تفادي إجراءھا ، ھي أن المشكل یكمن في توفر شكل الخط الــذي ي ــــــخترتھ ، في الحاسوب المستقبل للتمرین ، إذ یمكن أن ابحث عن خطوط عربیة جمیلة ثم أثبتھا على حاسوبا

اعندمة علیھ ، و لكن ی رغبة في إضفاء الجمالیة و الجاذبھ الشخصي ، و أختار ھذه الخطوط للتمرین الذي أنجزت المستفید من التمرین من عدم ظھور ھذه الخطـــوط ئفا ج، یت اإلنترنیتأسلم التمرین للتلمیذ أو أنشره على شبكة

Arabic Transparentو بالتالي فاألفضل ھو اختیار أشكال الخطوط العربیة األكثر تواجدا و األكثر شعبیة ك . أو ترك األمور دون تغییر Andalusأو

Page 31: Hotpotatosarabic

31 إعداد و تنسیق األستاذ امبارك محبوب

:JQuiz في 20/تغییر النقطة الجزائیة إلى -.5.1.32

للتلمیذ و التي من شأنھا جلب اھتمامھ الكامل لالشتغال على التمرین ، مسألة التقییم أو النقطة ةفزمن األمور المحالتي تمنح لھ عند االنتھاء من التمرین ، طبعا وضع مبرمجو البطاطس الساخنة قواعد و نظم متكاملة لحساب ھذه

و أمــور ...ت التلمیذ بالنسبة المخصصة للجوابالنقطة ، یتداخل فیھا عدد األسئلة بعدد األجوبة المقترحة بمحاوالأخرى ال داعي لإلثقال علیكم بھا ما دام الھدف ھنا ھو التعامل المحدود مع البرنامج و المتمثل في تعلم مـــــــــا

.نحتاجھ في الوقت الراھن فقط ماذا لدینا ھنا إذن ؟

الصحیح و بالتالي نرى ھذه الرسالةوابالمئویة للجلى حساب النسبة علدینا معیار تنقیط یعتمد

ا ــفي ھذا المثال قمنواب ـــــباختیار الج النقرة يالصحیح ف

األولى

ا ــفي ھذا المثال قمنواب ـــــباختیار الج النقرة يالصحیح ف

لثانیة مما یؤثــــــر اطبعا على قیمـــــــة

مالتقیی

Page 32: Hotpotatosarabic

32 إعداد و تنسیق األستاذ امبارك محبوب

x/20)( نظامنا التقییمي و المتمیز بمنح نقطة عشرینیة كي یتماشى ھذا المعیار معو ل le Code source فإننا سنجري تعدیال على الشفرة المصدریة أو الكود المصدري لصفحة الویب

ا ــــو بحر ال قرار لھ ، و معنى كالمنا ھذا أنن نا ، نطرق بابا یؤدي إلى طریق ال نھایة لھا و ینبغي أن نعلم أننا ھاز ـ أي أنك ستتعلم التحدث إلى ھذا الجھ le langage de programmation ندخل إلى ما یسمى لغة البرمجة

ره ـــفل في الثانیة أو الثالثة من عماألمر ربما أشبھ بالتحدث إلى ط. بلغتھ الخاصة ) الحاسوب(و الذي ھو أمامك ھ ــــفلن تتحدث معھ بما تفھمھ أنت و لكن و لكي تتواصل معھ ، فإنك تجد نفسك مجبرا على التحدث معھ بما یفھم

.ھو رق ــ ولكن تقاطعت الطالساخنة،طبعا نحن لن نتعلم لغة البرمجة في ھذا الكتاب إذ أنھ مخصص لتعلم البطاطس

غات لھو ال نحو جنس آخر واالتجاه و عاإلقال مجبرین على تقدیم ھذا التوضیح لمن أراد تغییر دفة و جدنا أنفسنا ..........البرمجیة و التي تتعدد و تختلف أنواعھا

سأورد األمور بشكل مبسطة ــــــفحتعرفنا مما سبق على أن التمرین یتم إنجازه في البطاطس الساخنة، ثم نحصل في النتیجة النھائیة على ص

ا ــــ التي تعطینراألزرا و األجوبة المقترحة و نظام التنقیط و ألسئلة التي أدرجناھااویب ، تختزن بین طیاتھا كل .ؤدي مھام مختلفة عند النقر علیھا، األمر أشبھ بمتاھة كبیرة ترسائل متنوعة و مختلفة و التي بدورھا

وامر؟من یتحكم في تنظیم كل ھذا و ینفذ كل ھذه األ ثانیة ؛الوینداوزثم كلمة ....... .قلیالالجواب المبدئي ھو التردد للتفكیر les codes باألكوادى ـــــــــ في ھذه العملیة كل یقدم شقا منھا ، و تسمتتداخلفي الحقیقة ھناك منظومة متكاملة

ا في الوقت ــــــــــ بالنسبة لنأھمھا علیھا، و ھذه األكواد تشكل ما یسمى باللغة البرمجیة و ھي لغة اآللة التي نعتمد . ، لغة صفحات الویب الناتجة عن البطاطس الساخنةHTMLالراھن لغة اإلتش تي إم إل ھل یمكنني تعلم ھذه اللغة؟

اإلنترنیتة ــــــ جولة بسیطة على شبك و لغات أخرى إن شئتةاللغنعم ، ھناك كتب و برامج تعلیمیة خاصة بھذه ة ـــــــــــ لك ما تشاء، لكن تعلمھا لیس باألمر السھل، فھي كما لو أنك ترید تعلم لغة أجنبیة أخرى كاإلنجلیزیتوفر

.تتطلب منك وقتا و مجھودا وإصرارا و تطبیقا...أو األلمانیة أو ؟)الشفرة المصدریة/الكود المصدري( الساخنة سكیف ألج إلى لغة صفحة الویب الخاصة بالبطاط

Afficher la sourceعلى صفحة الویب بالزر األیمن للفأرة ، ومن القائمة المنسدلة تختارتنقر

Page 33: Hotpotatosarabic

33 إعداد و تنسیق األستاذ امبارك محبوب

یتحكم بكل دقة و ثبات في كل ألسئلة التي أدرجناھا و األجوبة یظھر الكود المصدري للصفحة ، والذي یتضمن نــــا رسائل متنوعة و مختلفة و التي بدورھا تؤدي مھام مختلفة التي تعطیرالمقترحة و نظام التنقیــــط و األزرا

معاینة للكود المصدري. عند النقر علیھا

بعد تعرفنا على جزء بسیط من ھذا العالم الجدید ، نمر اآلن لبیت القصید ، إنطالقا من ھذا الكود یمكننا التعدیــــل .نقطة ، ومن ھنا یمكننا تغییرھا من النسبة المئویة إلى النقطة العشرینیة ھنا على طریقة إظھار ال

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

، فإن ذلك سیضر بصفحة الویب ، و من شأنھ أن یھد بناھا من أساسھ ، لـذا حذف فاصلة أو نقطة أو حرف مھمل .وجب التنبیھ

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

من بین البرامج المضمونة و التي ترفق مع الوینداوز و تثبت معھ بشكل أوتوماتیكي ن برنامج . و التعدیل علیھاBloc note و برنامج Word Pad

یب ، برنامـــــــــــــــــــــــج و ھناك برامج األخرى ، و ھذا بالنسبة لمن لدیھم درایة ببرامج تحریر صفحات الوDreamweaver و FrontPage و Adobe Golive......

choisir un autre programmeفي القائمة المنسدلة ، حاول مع Bloc Note إذا لم یتواجد برنامج : مالحظة Word pad أو bloc note ثم ابحث عن

Page 34: Hotpotatosarabic

34 إعداد و تنسیق األستاذ امبارك محبوب

Bloc Noteفي الصورة أسفلھ نالحظ أن الكود المصدري لصفحة الویب فتح بواسطة

Page 35: Hotpotatosarabic

35 إعداد و تنسیق األستاذ امبارك محبوب

نحث اآلن عن السطر البرمجي الخاص بمعیار نقطة التقییم صغیرة نحرر فیھا رمز النسبة ة تنفتح نافذRechercher ثم Edition نختار bloc noteمن القوائم العلویة ل

تابع الصور . ثم نبدأ البحث باستعمال زري األسفل أو األعلى %المئویة

و نالحظ أنھ كلما عثر محرك البحث على Suivantبعد تحدیدنا إلعدادات البحث المطلوبة ،نبدأ بالنقر على الزر ننقر مرة أخرى علیــھ سأفعلھ،توقف منتظرا ما ی.. ...... أو عبارة أو سطر في جملة ما% رمز النسبة المئویة

لیستمر البحث

Page 36: Hotpotatosarabic

36 إعداد و تنسیق األستاذ امبارك محبوب

ما لذي أبحث عنھ بالضبط ؟ نحن نبحث عن سطر برمجي یتضمن العبارة التالیة أو ما شابھھاوجیھ،سؤال

ن ـــ آخریو سنعر كذلك على سطرین ) الصورة أعاله (متتالیینبعد تمعننا جیدا لھذا الكود، سنعثر على سطرین كن دقیقا في بحثك )البطاطس الساخنة قد تختلف ھذه العملیة من برنامج إلى آخر من( مثلھما

بعد تحدیدنا لھذه السطر البرمجیة و معرفتھا جیدا ، سنمر على التغییر علیھا، التغییر بسیط جدا ، بقدر ما ینبغي لوحده فقط ھناك فاصلة علویة قبلھ و نقطة ( %أن یكون حذرا مع الفواصل و النقط المحیطة بھ، سنغیر الرمز

الحظ الصور20/، نغیره بــ ) من بعده و ذلك بتظلیلھ لوحده % نحدد الرمز

مع االنتباه إلى الفاصلة العلویة التي قبلھ و النقطة التي بعده 20/نمسحھ ثم نعوضھ بالرمز

و كما قلنا حسب عدد األسطر التي وجدنا(ھذه العملیة ، سنكررھا على األسطر الثالثة المتبقیة بعد إتمامنا بنجاح لیمكن لھذه األسطر أن تختلف حسب كل برنامج من البرامج المكونة للبطاطس الساخنة و حسب نوعیة التمریــــن

)و النمط المختار

Page 37: Hotpotatosarabic

37 إعداد و تنسیق األستاذ امبارك محبوب

العبارة التالیة أو ما شابھھا ، و المالحظ أننا ، سنطبق نفس العملیة مرة ثانیة ، نبحث عن بعد القیام بھذه التغییرات سنجد واحد فقط

20 بالرقم 100نعوض الرقم

ثــــــــم Bloc noteھكذا نكون قد إنتھینا من ھذه المرحلة ، سنجل الملف اآلن و ذلك إنطالقا منالقوائم العلویة لـ نغلقھ

Page 38: Hotpotatosarabic

38 إعداد و تنسیق األستاذ امبارك محبوب

معاینة لصفحة الویب بعد إجراء التغییرات

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

.یعني آخر مرحلة ھي مسالة تغییر معیار التقییم. حتى نكمل التمرین و ننتھي منھ نھائیا )الحظ في الصورة أعاله ثم أسفلھ( نعم OKأحیانا قد تتبقى ھذه الرسالة ، وھي تظھر بعد نقرنا على زر : مالحظة

، ثم نفتح محرك البحث ، نحرر فیھ عبــــــارة Bloc Noteبقة ، نفتح صفحة الویب بـ كما في نفس المراحل الساScore تابع الصور( ثم نبدأ في البحث حتى نعثر على السطر البرمجي التالي ، فنغیره بما یناسب(

Page 39: Hotpotatosarabic

39 إعداد و تنسیق األستاذ امبارك محبوب

OK صحیحة و النقر على الزر نعم نسجل الملف ثم نغلق البرنامج، نعاین صفحة الویب ن و بعد اإلجابة ال نجد الرسالة قد تغیرت

:JQuiz فيإعدادات صفحة الویب نافذة -6.1.3بعد إتمامنا بنجاح لھذه المراحل من الشرح ال شك أنكم اآلن قادرین على خلق تمرین بھذا البرنامج، و ال شـــــك

ار و الرسائل و الكلمات ،التي تعرض على صفحة الویب بین الفینــــــــــة في أنكم قد الحظتم مجموعة من األزرھنا سأجیبكم عن ھــــــــــذه التساؤالت إنشاء هللا . حذفھا أو تعدیلھا ةو األخرى ، وقد تساءلتم عن جدواھا أو كیفی

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

كیف سألج إلى نافذة إعدادات صفحة الویب ؟ ثم من القائمة المنسدلة نختار Optionإنطالقا من القوائم العلویة ، نختار القائمة

Configurer la page web)الحظ الصورة أسفلھ( . أو ننقر على المتواجدة على عارضة اإلیقونات

Page 40: Hotpotatosarabic

40 إعداد و تنسیق األستاذ امبارك محبوب

.تظھر لنا نافذة إعدادات صفحة الویب التالیة علـــى دطبعا لن یم شرحھا بالكامل ن و لكننا سنقتصر على األمور المھمة و التي تتحكم مباشرة في كل ما یتواج

.صفحة الویب

ق ــكل تبویب یجمع أو یختص بش. Onglets اتالمالحظة األولى ھو أن ھذه النافذة تتضمن مجموعة من التبویب االتفــــــــاق شرحنا ھنا سیخص كل تبویب على حدة ن على أساس ما تم العملیات أو األمور البرمجیة،معین من

رق ــــ معاینتھا في كل مرة على صفحة الویب مع مالحظ الفوھو تجربة كل االختیارات و الشروح و. سابقاعلیھ .الذي سیحصل و تدوین ذلك كمالحظات یتم االستفادة منھا الحقا

Page 41: Hotpotatosarabic

41 إعداد و تنسیق األستاذ امبارك محبوب

:JQuiz فيإعدادات صفحة الویب فيTitre/Consignes التبویب -6.1.3.1نھا ، ثم نعاین صفحة الویب نستطیع إفراغھا من الكتابة التي تتضم) المساحة األعلى(یقدم ھذا التبویب مساحة

أو تحریر نص بداخلھا أستثمره كعنوان فرعي للتمرین ) و ھذا ھو الھدف(،ذلك لن یضر شیئا، كما أستطیع .كمالحظات و إرشادات أوجھھا للتلمیذ

في .تؤدي نفس الغرض و ینطبق نفس الشرح السابق علیھا ) المساحة السفلى(كما یقدم لي مساحة ثانیة التالیتین ، ستالحظ أین حررنا النصین ، كما ستالحظ أین ظھرا على صفحة الویب ، ومن ھنا یمكنك الصورتین

.الخروج باستراتیجیھ ما حول كیفیة استثمار ذلك

Page 42: Hotpotatosarabic

42 إعداد و تنسیق األستاذ امبارك محبوب

:JQuiz فيإعدادات صفحة الویب فيMessagesالتبویب -6.1.3.2ة ـــــــ ھذا التبویب كل ما یتعلق بالرسائل و المالحظات التي نرید توجیھھا للتلمیذ عند اشتغالھ على صفحیتضمن

الویب و ھي رسائل تفاعلیة و فق ما ینقر علیھ التلمیذ ، كالرسالة التي تظھر عند نقره على الزر الخاصة باعتماد .اإلجابة واحتساب النقطة الجزائیة

التبویب أماكن مخصصة لتوجیھ رسائل معینة لكنھا ال تظھر على صفحة الویب ، في الواقع و قد نصادف في ھذاج ــمن البرام (JQuiz) ھذا المكان ھو فعال مخصص لتوجیھ رسالة ما ، لكن غیر قابلة للظھور في ھذا البرنامج

ت الویب الخاصة برنامــج بل ستظھر على صفحا. للبطاطس الساخنة لعد توافقیتھا مع خصوصیا تمارینھالمكونةJMix أو JClose مثال ...

تابع معنا ھذا الشرح المختصر و الذي حاولنا من خاللھ وضع شروحات مناسبة و أدرجنا صورا توضیحیــــــــة .تقارن التغیرات المدخلة في نافذة إعدادات صفحة الویب مع ما سیظھر على صفحة الویب

Page 43: Hotpotatosarabic

43 إعداد و تنسیق األستاذ امبارك محبوب

Page 44: Hotpotatosarabic

44 إعداد و تنسیق األستاذ امبارك محبوب

:JQuiz فيإعدادات صفحة الویب فيBoutonsالتبویب -6.1.3.3 اـــــــــیختص ھذا التبویب بالتعدیل على األزرار التي تظھر على صفحة الویب ، من حیث األسماء التي تمنح لھ

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

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

.تنظیم ھذه الشروحات

Page 45: Hotpotatosarabic

45 إعداد و تنسیق األستاذ امبارك محبوب

لكي نفھم و نطبق الشروحات التالیة ، ینبغي أوال خلق بشكل سلیم و فعال

تمرین یحتوي على أكثـــــــــــــــــر من سؤال ، و یتأتى ذلك بالنقر على

إضافة سؤال آخر إلى التمرین الزر جانبـــــــــــــھفي الصورة . الحالي

ن ـــــظ تمرینا واحدا یتضمــــــــنالحذي ــــــ كما یظھر الزر ال.ثالثة أسئلة

. آخرنعتمد علیھ إلضافة سؤالQCMمع اختیار نمط

و نقوم بمسح الكلمات التالیــــــــة و نزیل Boutonsاآلن سندخل إلى نافذة إعدادات صفحة الویب ثم نتوجھ إلى التبویب ألنھا و بكل بساطة لن تظھر و لن تفیدنا في صفحة الویب الخاصة بھذا النمط البرنامج . من على الخانات المبینة لالتفعی

JQuizو بالتحدید النمط QCM . و لكن إذا إخترنا نمطQuiz ینبغي تفعیلھا و ملء خاناتھ بما یناسب ذلك من العبارات لتعاین األزرار التي ستظھر و من تم یمكنك إیجاد العبارات المناسبة لھا 24 و 23راجع الصفحة

Page 46: Hotpotatosarabic

46 إعداد و تنسیق األستاذ امبارك محبوب

بعد إتمامنا لھذه العملیات و بعد نقرنا على زر المعاینة، تظھر لنا صفحة الویب و علیھا األزرار التي عدلنا علــى .نصوصھا ، و التي تؤدي الروابط المشروحة

:JQuiz فيإعدادات صفحة الویب فيApparenceالتبویب -6.1.3.4ة التعدیل على الشكل الكرافیكي لصفحة الویب و ذلك بتغییر و تعدیل األلوان االفتراضیة إمكانی JQuizیمنحني

.و الخلفیة و أمور شتىة ــــــــــعلى ھذا التبویب إلجراء ھذه التعدیالت ، كما یمكن بالنسب االعتماد ایمكن: ھنا سندون بعض المالحظات

لصفحة الویب Code Sourceلك بالدخول إلى الكود المصدري للمحترفین ، فعل الشيء نفسھ ، بل و أكثر ، و ذ . HTMLو إجراء التعدیالت وفقا للغة البرمجة

و ھذا أمر سھل و بسیط ال یقتضي سوى النقر علــــى .و یمكننا جعل صورة أو خامة ما ، كخلفیة لصفحة الویب مع العلم و ھذا أمــــــــر . الكالسیكیة للتغییر ثم البحث عن الصورة أو الخامة وإتمام العملیاتParcourirالزر

ضروري ، أنھ ینبغـــــــي الحرص على و ضع ھذا العنصر المستعمل كخلفیة في المجلد الذي یتضمن صفــــحة !!الویب جنبا إلى جنب ، و أینما حلت و ارتحلت الصفحة وجب إرفاقھا بھذا العنصر

Page 47: Hotpotatosarabic

47 إعداد و تنسیق األستاذ امبارك محبوب

...أما الجانب األسفل من ھذا التبویب ،فھو خاص بالتعدیل على ألوان الكتابة و النصوص و عوارض اإلبحار ستظھر ) Coloursعند النقر على الزر ( في الخانة الرقمیة الخاصة الختیار اللون إیكزادیسمالیمكن إدخال قیمة

.یسمال الموافقة لھاصفحة تحتوي على مجموعة ألوان مرفقة بقیم اإلیكزادن ـــــــــكما یمكن النقر على زر یفتح نافذة خاصة باختیار اللون بشكل مباشر ، في حین یمكنني الجانب األیسر م

.المعاینة األولیة للتغییرات التي ستطرأ على صفحة الویب

Page 48: Hotpotatosarabic

48 إعداد و تنسیق األستاذ امبارك محبوب

:JQuiz فيإعدادات صفحة الویب فيMinuteurالتبویب -6.1.3.5ار ـ، و یمكن استثم إمكانیة وضع عداد یمنح للتلمیذ وقتا محددا قبل إیقاف التمرین JQuizمن األمور الجمیلة في

.ھذه الخاصیة لجعل التلمیذ یتقید بوقت محدد أثناء اإلجابة لتشغیل ھذه الخاصیة و تحدید الوقت الذي نراه كافیا لإلجابة ن نؤشر على الخانة

Limiter la durée de l'exercice ثم نحدد قیمة للدقائق و أخرى للثواني ، مع كتابة رسالة ستظھر لدي انتھاء الوقت المحدد ، و المالحظ أنھ و حتى

.بعد انقضاء الوقت ، یمكن للتلمیذ أن یستمر في اإلجابة ، و لكن النقطة الجزائیة لن تمنح لھ

:JQuiz فيإعدادات صفحة الویب فيAutresالتبویب -6.1.3.6ن ــ كل ما یتعلق باألسئلة المدرجة في التمرین الحالي ، و ھنا أتحدث في حالة التمرین المتضمیخص ھذا التبویب

ل ــأكثر من سؤال ، حیث یمكننا ھذا التبویب من اإلبقاء على الطریقة االفتراضیة للتمرین و المتمثلة في عرض كة ــــــالصورة أعاله تمثل ذلك ، حیث یظھر لنا زر عند النقر علیھ ستظھر كل األسئل( على صفحة الویب ةاألسئل

من العودة إلى النمط الذي یظھر سؤال واحد مع إمكانیـة على الصفحة ، و یمكنني زر آخر سیظھر في ھذه الحالة . )االنتقال إلى األسئلة األخرى بنقرة زر

التبویب من اإلبقاء على ھذه الطریقة أو طریقة أخرى تتمیز بظھور سؤال واحد فقط ، دون التمكـــــن یمكنني ھذا Actualisation de la page web لصفحة الویب تحیینمن االنتقال إلى األسئلة األخرى ، إال في حالة عمل

Page 49: Hotpotatosarabic

49 إعداد و تنسیق األستاذ امبارك محبوب

یمكن أن یستغل ذلك كتحایـــل (رة أخرى فالمعلوم أنھ یمكننا تحیین صفحة الویب و بالتالي یعاد تحمیل التمرین م ) .على التمرین و نتیجتھ

ھما معا عند كــــل أوونجد اختیارات أخرى في ھذا التبویب تمكن من تغییر ترتیب األسئلة أو األجوبة المقترحة .تحیین للصفحة

لتلمیذ قبل المرور علـــى و یتضمن ھذا التبویب الخاصیة التي تحدد عدد مرات المحاوالت الغیر ناجحة من قبل ا .Hybrideالنمط الثاني من نمط

في الوقت الراھن أو ألنھا تتطلب احترافیـة تھمناو طبعا ھناك اختیارات أخرى لن یتم التطرق لھا نظرا ألنھا ال .نمر اآلن لتقدیم أمثلة تطبیقیة عما شرحناه أعاله. أكثر للتعامل معھا

. ، نسجل المشروع أوال ثم نعاین صفحة الویب ، نراھا كما یلي أسئلة10نخلق تمرینا یحتوي على

نحدد االختیار التالي في نافذة إعدادات صفحة الویب

Page 50: Hotpotatosarabic

50 إعداد و تنسیق األستاذ امبارك محبوب

،علما ) في الصورة في األعلى1وھو متعلق باختیار رقم (نعاین صفحة الویب ، نالحظ ظھور سؤال و احد فقـــط أسئلة ، أین ذھبت البقیة إذن ؟10فحة تحتوي على أن الص

إذا نقرنا على زر تحیین الصفحة سیظھـــــــــر وبما أننا اخترنا ھذه الخاصیة، فلن یظھر سوى سؤال واحد فقط، .سؤال آخر من التسعة المتبقیة و ھكذا دوالیك

.اذبیة أكثر للتمرین و مقاومة الملل الناتج عن التكراریمكن استثمار ھذه العملیة لخلق تنوعیھ و جأو كلتیھما فإن ذلك سیؤدي إلى إعادة ترتیب األسئــــــــلة ) المبینتین في الصورة أسفلھ (إذا حددنا إحدى الخانتین

. أو األجوبة المقترحة لھا ، عند كل تحیین للصفحة

رقم معین ، یعتبر عدد المحاوالت الخطأ المدخلة من قبل التلمیذ قبل المرور إلى في المثال أسفلھ ، یمكننا تحدید )22راجع الصفحة ( Hybride في QCMنمط

Page 51: Hotpotatosarabic

51 إعداد و تنسیق األستاذ امبارك محبوب

ھنا یمكننا عمل محاذاة للیمین لألسئلة المعروضة على صفحة الویب ، وھي خاصیة مھمة بالنسبة للتماریــــــــن العربیة

و ھناك مجموعة أخرى من الخصائص و االختیارات في ھذه الصفحة و التي أغفلنا عنھا إما ألنھا ال تھمنا في .الوقت الراھن أو ألنھا تتطلب اإللمام بلغات برمجیة أخرى للتعامل معھا

:JQuiz فيإدراج الصور -7.1.3ي صفحة الویب مما یزید من رونقھا و جمالـھا من إدراج الصور و ملفات الملتیمیدیا فةتمكنني البطاطس الساخن

و یضیف إلیھا میزات أخرى توظف لجعل اإلشتغال علیھا أمرا ممتعا ، و بما أننا نحصل على ملف صفحة ویـب ، فینبغي التعامل مع ھذه الملفات الدخیلة بقدر مــــــــــن Java و لغة HTMLذم كود مصدري تتداخل فیھ لغة

إلعداد ھـــــــذه ...طة ، وقد یتطلب األمر االستعمال القبلي لبرامج تحریر الصور أو الصوت أواالحتراف و الحی .الملفات قبل توظیفھا في البرنامج

؛ JQuizفي المثال الحالي سنتطرق إلى كیفیة إدراج الصور في برنامج، و أشرنا إلى أمر ھام و ھــــــــو ) 32 راجع الصفحة( فیما سبق كیفیة إدراج صورة كخلفیة لصفحة الویب رأینا

و ینبغي تطبیق ھـذا . ضرورة وضع الصورة المستعملة كخلفیة في نفس المجلد جنبا إلى جنب مع صفحة الویب لماذا؟. التي سنستعملھا في صفحتنا الویب االمعطى مع كل الصور أو ملفات الملتیمیدی

ن إف) صورة مثال(لق رابط بین الصفحة و الملف المستعمل ألن الكود المصدري الخاص بصفحة الویب ، یقوم بخ لــد أما إذا لم یجد ھذا الملف في نفس المج ،و جد ھذا الملف جنبا على جنب مع الصفحة ، فسیقوم بإظھارھا علیھا

.الذي توجد بھ الصفحة فلن یظھرھا طبعا .نمر اآلن لتطبیق ذلك خلقنا التمرین التالي

Page 52: Hotpotatosarabic

52 إعداد و تنسیق األستاذ امبارك محبوب

)عالم الحیوانات(نالحظ معاینة لصفحة الویب الخاصة بھ الحظ ذلك عنوان التمرین و مكان تواجده

ى ـــــو قد اعتمدنا عل. ) عالم الحیوانات(حیث سندرج صورة تحل محل ھذا العنــــوان ،اآلن سنقوم بتعدیل بسیط .داعھا بشكل یتناسب و رؤیتنــا لھابرنامج الفوتوشوب إلعداد ھذه الصورة و إب

الصورة المنجزة

إدراج الصورة سیتم على الطریقة التالیة، نمسح عنوان التمرین أوال ،

Page 53: Hotpotatosarabic

53 إعداد و تنسیق األستاذ امبارك محبوب

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

ة ـــــــة كالمعتاد مع ضرورة التذكیر بأن الصورة ینبغي أن تكون في نفس المجلد الذي یتضمن صفحو نتمم العملی .الویب

Page 54: Hotpotatosarabic

54 إعداد و تنسیق األستاذ امبارك محبوب

نا للمعاینة ، تظھر صفحة الویب بھذا الشكل، الحظ جیدا أن العنوان اختفــــــــــى بعد إتمامنا للعملیة و بعد اختیار .و حلت محلھ الصورة

Page 55: Hotpotatosarabic

55 إعداد و تنسیق األستاذ امبارك محبوب

ماذا یحدث لو لم أمسح العنوان؟لى ـــــــ یكون العنوان في األع لكيEntrer سیظھر العنوان و الصورة معا، لكن علي أن استخدم زر بساطة،بكل

.و الصورة أسفلھ كعملیة تنظیمیة الحظ المثال

:مالحظةیمكن إدراج الصورة بنفس المراحل السابقة و لكن ھذه المرة إنطالقا من القوائم العلویة، الحظ المثال

، في المثال التالي ستالحظ أننــــا یمكننا استغالل ھذه الخاصیة الفریدة ، إلضافة صور أخرى و في أماكن مختلفةأدرجنا صورة جنبا إلى جانب مع األجوبة المقترحة، كل شيء ممكن ، لكن ینبغي التفكیر في مدى أھمیـــــــة ذلك

.و ما الجدوى من توظیفھ طبعا .للتمرینیمكنك استثمار ھذا المثال حسب ما تراه مناسبا كقیمة مضافة

Page 56: Hotpotatosarabic

56 إعداد و تنسیق األستاذ امبارك محبوب

نةالمعای

Page 57: Hotpotatosarabic

57 إعداد و تنسیق األستاذ امبارك محبوب

:JQuiz فيإدراج األصوات -8.1.3 ملفات أضفنــــــــــــایمكننا إضافة ملفات الصوت إلى التمارین في برنامج البطاطس الساخنة بالسھولة نفسھا كما

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

....MP3- WMA- OGG- RM جموعة من أنواع ملفات الصوت ك نوع ملف الصوت، كما نعلم ھناك م و الذي MP3ھنا ینبغي اعتماد ملف صوتي یمكن تشغیلھ و قراءتھ من طرف برامج قراءة ملفات الصوت كنوع

.شعبیةیعتبر األكثر ، ما الغرض من ھذا التوظیف؟قبل توظیفنا لملف الصوت في تمریننا ،نطرح التساؤل التالي

ملء فراغ ما ؟ أو إلضافة جاذبیة للصفحة ؟ أو لخلق نوع جدید من التواصل مع التلمیذ ؟ھل تم لم ـــــ ثقراءتھ، وھي خلق تمرین یقتضي من التلمیذ االستماع إلى نص بدل جدیدة، نطرح تجربة التالي،في المثال

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

،ةالتالی حسب الطریقة تمریننا یتم التالي في الصوتملفف نوظ

تنفتح النافذة التالیة فنختار ما یلي

Page 58: Hotpotatosarabic

58 إعداد و تنسیق األستاذ امبارك محبوب

ملف الصوت، و كما سبق اإلشارة إلیھ ، نبغي أن یتواجد ھذا الملف في نفس المجلد و الذي تنفتح نافذة البحث عن یتضمن صفحة الویب

تظھر النافذة التالیة ،نتمم بما یليOuvrirبعد النقر على الزر

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

.طبعا غیرنا إسمھ بما رأیناه مناسبا) یظھر أسفل السؤال المطروح(رابط للصوت على صفحة الویب ، ما الذي سیحدث عندما ینقر التلمیذ على ھذا السؤال؟

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

Page 59: Hotpotatosarabic

59 إعداد و تنسیق األستاذ امبارك محبوب

اشتغل لقراءة ملف الصوت ھو من وینذاوز میدیا بالییرفي حلتنا ھذه ، الحظ أن :مالحظةــل ــ یشتغ، ؛ ومعنى ذك أن البرنامج القارئ للملفبقراءة الصوت الخارجیة لصفحة الویب اسمي ھذه شخصیا

.بشكل مستقل ، منفتحا في نافذتھ الخاصة

Page 60: Hotpotatosarabic

60 إعداد و تنسیق األستاذ امبارك محبوب

تشغیل الملف ، تفعیل ھذه الخاصیة یتم خالل في الطریقة التالیة ،سنفعل خاصیة بسیطة من شأنھا أن تعدل طریقة مرحلة إدراج الصوت ، لذا سنعید العملیة من جدید ، و ذلك بمسح ملف الصوت من الخانة التي أدرج فیھا ثـــــم

.نعید حملھ من جدید

حظ أننا نقرنا علــــى الصوت ، و التي أخذت عنھا فكرة في الشرح السابق، الففي النافذة التي تحدد معلومات مل Ajouter Windows Media Playerزر

ثم تمت إضافة البرنامج على الخانة على الیمین

بالوییلي على صفحة ما ظھوربعد إتمام العملیات و معاینة صفحة الویب ،نالحظ

Page 61: Hotpotatosarabic

61 إعداد و تنسیق األستاذ امبارك محبوب

ما الذي حصل؟ ا الخاص بالمیدیا بالییر والذي یشغل ملــــــــــف الكودیكمعقدة ، أدمجنا في الحقیقة و دون الدخول في تفاصیل

وذلك لتفــــــــــادي . ، مع المتصفح الذي یشغل صفحة الویب و الذي ھو إنترنیت إكسبلوررإم بي ثريالصوت ننقر على الـــــــــــزر تشغیل الصوت بواسطة المیدیا بالییر في نافذة مستقلة، ألن الذي سیحصل اآلن ھو ما إن

.الخاص بالقراءة ن حتى یشتغل الصوت دون الحاجة لظھور نافذة مستقلة للمیدیا بالییر : مالحظة

، علما أن المصفح سیشغلھا حسب تواجدھا بالحاســــوب یمكن إضافة الكویك تایم أو الریال بالییر أو الثالثة معا .و حسب األولویات التي حددناھا

؛ ومعنى ذك أن البرنامج القارئ للملف ، یشتغــــل لصفحة الویبالداخلیة بقراءة الصوت اسمي ھذه اشخصی .بشكل مدمج في صفحة الویب ، و ال ینفتح في نافذتھ الخاصة

:JQuiz فيإدراج الفیدیو -9.1.3ولة نفسھا كما أضفنــــــــــــا ملفــات یمكننا إضافة ملفات الفیدیو إلى التمارین في برنامج البطاطس الساخنة بالسھ

و لكن األمر ھنا یقتضي منا معرفة شاملة و عامة ألنواع ملفات الفیدیو و المشغالت األنســـب . الصور و الصوتلھا ، ثم من بین ھذه المشغالت ما المتوافق منھا مع نظم اإلنترنیت و متصفحاتھا، األمر قد یبدو لنا معقــــــــــــدا

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

ما قیل عن ملفات الصوت و عن طریقة إدماجھا في التمرین ، نفسھ سنعید تكراره ھنا مع فـــــارق . اآلن للتطبیق ا تطبیق قاعدة ما بسیط و ھو مراعاة الحجم ، ال ینبغي اعتماد فیدیوھات طویلة المدة و كبیرة الحجم ، ینبغي دوم

مع اإلشارة إلى ضرورة توفر مشغالتھا علـــــــــــــى Move أو SWFقل و دل مع اعتماد فیدیوھات من نوع یشغل من قبـــــــــــــــــــــــل Move و النوع Flash Player یشغل من قبل SWFالحاسوب طبعا ، فالنوع

Quick Times .لماذا ھذین النوعین ؟ .) مع مراعاة مدة الفیدیو الزمنیة و قیاسات أبعاده(نظرا لحجمھا و الذي عادة ما یتمیز الصغر

.ةإلمكانیة دمجھما في المتصفح أو ما أسمیھ شخصیا بالقراءة الداخلیAnimation Flash على ملف فیدیو من نوع فالش ندرج ھنا مثاال ناجحا تمت تجربتھ من طرفنا شخصیا

Page 62: Hotpotatosarabic

62 إعداد و تنسیق األستاذ امبارك محبوب

تلقائیا دون الحاجة اشتغل من معاینتنا لصفحة الویب ، نالحظ أن ملف الفیدیو و الذي ھو من نوع فالش ، انطالقاك ـــلكودی عدم إدماج ااخترناللنقر على الرابط ، ھذا األخیر الذي لن یظھر على صفحة الویب ،ماذا یحدث لو أننا

في المتصفح ، أي أننا لو أردنا أن یشتغل الفیدیو بشكل مستقل؟في ھذه الحالة سیظھر الرابط، وعند النقر علیھ سیشتغل الفیدیو في المتصفح بعد أن یفتح صفحة أخرى مستقلة ،

.Plug In Flash Playerأن تحتوي على ما یسمى ب) المتصفح (و ھذا یتوجب منھ Moveتمت تجربتھ على نس الملف وھو من نوع وھذا مثال آخر

إلى المتصفح ، و الكودیك ملف الفیدیونضیف

Page 63: Hotpotatosarabic

63 إعداد و تنسیق األستاذ امبارك محبوب

معاینة صفحة الویب ثم اشتغال ملف الفیدیو على المتصفح بشكل مباشرالرابط،الحظ عدم ظھور

قراءة داخلیة للفیدیو

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

غیـــــل علما أنھ و في حالتنا ھذه ن یعتبر برنامج كویك تایم ھو البرنامج االفتراضي لتش للفیدیو ، قراءة خارجیة Moveملفات الفیدیو من نوع

Page 64: Hotpotatosarabic

64 إعداد و تنسیق األستاذ امبارك محبوب

و ھذه أمثلة أخرى أضعھا ھنا بإیجاز رغبة في التوضیح أكثر، و قد تم تطبیقھا بنفس الطرق السابقة الذكر

Page 65: Hotpotatosarabic

65 إعداد و تنسیق األستاذ امبارك محبوب

Moveأو SWFساءلت عن كیف أحصل على ملف الشك ونحن نحدثك عن ھذه األنواع من الملفات ، أنك تفي الحقیقة ھذا موضوع یطول الحدیث فیھ وكلما تحدثنا عنھ كلما وجدناه ممتعا للغایة و غیر ممل ،ال یمكنني ھنا

اول ـــ یستوجب كتابا خاصا بھ ، و سأحألنھأن أتحدث عنھ ألنھ لیس بیت القصید و إن تقاطع فعال مع موضوعنا، إلى برنامج أو برامج محوالت األنساق االلتجاء بھ ھو أنصحعداده عما قریب ، ما إنشاء هللا إ

les convertisseurs وم ــــــــــ الحجم و استعمالھا سھل و بسیط للغایة ، تقصغیرة تكون و ھي برامج عادة ما .ىأنواع أخر أو SWF إلى WMVبتحویل ملف من نسق أو نوع إلى آخر مثل التحویل من

- Vidéo convert mater -SWF convertمن بین ھذه البرامج Total vidéo convert Magic Vidéo Converterو ھذه صورة ألحدھا مع شرح مختصر جدا

Page 66: Hotpotatosarabic

66 إعداد و تنسیق األستاذ امبارك محبوب

:JQuiz فيإدراج الروابط - 10.1.3نقر علیھا إلى تنفیذ ما تتضمنھ ھـــــــــذه تمكنني البطاطس الساخنة من إدراج روابط على صفحة الویب ، یؤدي ال

....یمكن وضع رابط لملف صوت أو لملف فیدیو أو لصورة أو لملف وورد أو لموع معین أو. الروابط وكما سبق أن قلنا ، فإن أي ملف اعتمدنا لھ رابطا على صفحة الویب ، ینبغي وضع ھذا الملف في نفس المجلـــــد

المتضمن للصفحة، ، یمكن أن أضع رابطا لھذا العرض على صفحة الویب لكي تتـــــــــــم PowerPointلدي ملف عرض : مثال

ـــد ــــــــ في نفس المجلد حیث توجPowerPoint من طرف التلمیذ، لكن نبغي أوال و ضع ھذا العرض ھمشاھدت . ھذه القاعدة مع كل الملفاتونحافظ على. الصفحة ،ھكذا نضمن تشغیل ھذا الملف عند النقر على الرابط

یمكن أن نضع روابط لملفات صوت أو فیدیو، و في حالة النقر على ھذه الروابط سیتم تشغیل ھذه الملفات بشكــل .مستقل حسب البرامج المعتمدة لتشغیلھا افتراضیا

طریقة إضافة رابط كالتالي

ة بالبحث عن مكان الملف، بعد تحدید الملف ثم الموافقة ،تظھر النافـــــــذة طبعا تنفتح النافذة التي ألفناھا و الخاصالتالیة و التي من خاللھا یمكننا اختیار اسم للرابط و الذي سیظھر على صفحة الویب مع إمكانیة اختیار صــــورة

صغیرة لھذا الرابط أو عدم ذلك

Page 67: Hotpotatosarabic

67 إعداد و تنسیق األستاذ امبارك محبوب

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

على صفحة الویــــب PowerPointاآلن و بعد أن طبقنا ھذه العملیة بنجاح ن وبعد تمكننا من إدراج رابط لملف الشك أنك اآلن قادر على إدراج روابط لملفات مختلفة و في أماكن مختلفة من صفحة الویب، یمكنك إدراج رابـط

كل ما علیك الحرص علیھ ،ھو وضع ھذه الملفات جنبـــا ...... أو لملف إكسل PDFلصفحة ویب مثال أو لكتاب .مجلدإلى جنب مع صفحة الویب في نفس ال

Page 68: Hotpotatosarabic

68 إعداد و تنسیق األستاذ امبارك محبوب

اار )البطاطس الساخنة (Hotpotatosاإلشتغال ببرنامج

JCloseبرنامج :اماأ

: و التعرف على واجھتھJClozeتشغیل -1.2.3ــة فارغـــــــــ وھو برنامج مختص بخلق تمارین تحتوي على أماكن الساخنة، أحد برامج البطاطس JCloseیعد

des éxercices à trous ن ـــكالفقرات النصیة و المتضمنة ألماكن فارغة على التلمیذ ملئھا بما یناسب ذلك م تنوعا یمنح تكامال بینھ و بین بقیة برامج البطاطس الساخنة و التي JCloze،یشكل االختصاصالعبارات، و بھذا

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

ن ـفقط نشیر إلى أننا لن نعید تكرار شرح بعض األمور ، و التي نح .الحدیث و إیصال المعلومة بشكل ال لبس فیھتعثر أو أخطاء، وفي حالـــــــــــة بالكامل دون جیدا ، وغدوتم قادرین عل تطبیقھا استوعبتموھامتأكدین بأنكم قد

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

و سھلة التعاملةة البرنامج كالشكل التالي، و ھي واجھة بسیطفتظھر لنا واجھ

Page 69: Hotpotatosarabic

69 إعداد و تنسیق األستاذ امبارك محبوب

. للخانات و الخصائص الممیزة لھذه الواجھةرو في ما یلي شرح سریع و مختص

:JClozeخلق التمارین ذات الفراغات في -2.2.3ا ــــ مسایرة الشرح ھنمنكم، و المطلوب العربیة، سنقدم شرحا لتمرین باللغة عملي،نمر اآلن إلى إنجاز تطبیق

ع ـــاأللوان و الذي من خاللھ سترون كیفیة التعامل موع ــــــــسأقترح نصا بسیطا یتناول موضمماثل، بتطبیق JCloze.

:لدینا النص التالي األصفرو األحمر: الثالثـة األلوان تعتبـر التـي و تشكیلیـا لأللوان المنظمة النظریة وضع تم ،20ال القرن بدایات مع و

.األلوان جمیع أصل واألزرق.الرئیسیة أو األصلیة أو أواألساسیة األولیة باأللوان سمیت

.المزج و الخلط بعملیة علیھا الحصول یستحیل ألوان ھي و:كالتالي ثانویةال األلوان عنھا ینتجف مثنى، مثني البعض بعضھا مع مزجھا عند أما

برتقالي = أصفر+ أحمربنفسجي = أزرق+ أحمرأخضر = أزرق+ أصفر

Page 70: Hotpotatosarabic

70 إعداد و تنسیق األستاذ امبارك محبوب

..... لھ إنطالقا من ملف وورد أوcopier/collerنحرر النص في المكان المخصص لھ أو نعمل

)29 و 28جع الصفحة را( یمكن جعل محاذاتھ للیمین كما رأینا سابقا .یظھر النص ھنا محاذیا للیسار Arabic Transparent بعد أن عملنا محاذاة للیمین و غیرنا نوع الخط إلى ھنا،الحظ النتیجة

.14ثم زدنا في قیاس الحروف إلى

. وذلك تجانب لفقدانھ نتیجة طارئ ماJCloze في مجلد خاص بمشاریع تسجیل المشروعال تنسى ب ــــــــــ، بل األمر یتوجاق الفراغات، نشیر ھنا إلى أنھ ال ینبغي أن تتم ھذه العملیة عشوائینمر اآلن لعملیة خل

.، ولكم واسع النظر في ھذا األمر ، أي التي أرید تقییم التلمیذ في شأنھا المفتاحإستھذاف الكلمات و المصطلحات .ظریة األلوان و اإلسم الذي منح لھا نعرف وضع في حالتنا ھذه، نود تقییم التلمیذ حول القرن الذي

تابع الصور

Page 71: Hotpotatosarabic

71 إعداد و تنسیق األستاذ امبارك محبوب

. الرقم أو العبارة مظللة، ننقر على الزر الخاص بخلق فراغنحرص على بقاء

مباشرة بعد النقر على زر خلق الفراغ أو باألحرى تعویض العبارة المظللة بفراغ، ستظھر لنا النافذة التالیـــــة دادات ــــــــــ بإجراء بعض اإلعن منمكت و .إنجازھادنا بمعلومات عن العملیة التي نحن بصدد و ھي نافذة تزو

األخرى و التي تعتبر بالنسبة لي كمبرمج صحیحة إذا تــــم ) اإلحتماالت(منھا اقتراح بعض العبارات .األخرىل ــــب) مثال23 أ22 أو 21(رى صحیحة لم نحدد احتماالت أخھذه، أنناالحظ في حالتنا . إدخالھا من قبل التلمیذ

) الصورة( .20حصرت القیمة الوحید و الصحیحة ھي

. التمرین كالتاليابعد النقر على موافق، سیظھر لن

بعد تطبیقنا بنجاح لھذه العملیات، نعتقد اآلن أنكم أصبحتم قادرین على خلق الفراغ، إذن نتمم التمرین بنفس النتیجة النھائیةظ، الحراحلالم

Page 72: Hotpotatosarabic

72 إعداد و تنسیق األستاذ امبارك محبوب

. تسجیلھااطبعا بعد تسجیلنا للمشروع، و بعد نقرنا على زر معاینة صفحة الویب و التي بدورھا تتطلب من نعاینھا كالتالي)نسجلھا في نفس المجلد و یفضل أحرفا التینیة(

ـص ـــــتعجلوا ألننا سنقوم بتوضیح كل ما یخــساینة األولیة، ال تستطرحون مجموعة من التساؤالت لدى ھذه المع . شیئا فشیئا JClose اإلشتغال على

،حیث یتضح لنا أن الكلمات التي ظللناھا و جعلنا منـــــھا JCloseنعین الصفحة فنفھم طبیعة التمارین المنجزة بفیھا ، وطبعـــــــــــــا جب من التلمیذ تحریر نص خانة تتو،حل محلھاتفراغات، ال تظھر على صفحة الویب، بل

.ـود ھنا ھو تحریر الجواب الصحیح أو تتمة لما سبقالمقص

:JClozeنافذة إعدادات صفحة الویب في -3.2.3 ال یحتوي على فراغات أكثر لكي نفھم األمور اإلعدادیـــــــة ،حسنا ، سنمر اآلن إلى تمرین عربي آخر ، بسیط

. و بالتحدید كل ما یھم صفحة الویب.JCloseبالخاصة

.ھذه الصورة التمرین الذي خلقت، یمكنك ـحریر مثلھ إن شئت و اإلشتغال علیھـدادات ـــنسجل المشروع، نسجل صفحة الویب ثم نعاینھا لتظھر بھذا الشكل ، و مما سبق شرحھ ، تمكننا نافذة إع

ذه ــــ صفحة الویب، والكل یعلم اآلن كیف نلج إلى ھــىو تكییف كل ما یظھر علصفحة الویب من تعدیل و تغییر ا ــــــمن اإلنجلیزیة إلى العربیة ، طبع) على صفحة الویب( علیھ ناالنافذة، إذن و انطالقا منھا، سنغیر كل ما أطر

ب ــــــــــة إعدادات صفحة الوی البسیط بین نافذاالختالفو لربما ستكتشف . ا یناسب من الكلمات و العباراتـــبم ... الحظ الصورة واإلطاراتJQuiz و JCloseفي

Page 73: Hotpotatosarabic

73 إعداد و تنسیق األستاذ امبارك محبوب

:JClozeفي نافذة إعدادات صفحة الویب في Titre/Consigne التبویب -4.2.3

نلج إلى نافذة إعدادات صفحة الویب ثم نغیر ما یلي

.نراھا بھذا الشكل و بعد معاینة صفحة الویب ،بعد الموافقة على ھذه التعدیالت ، ، مبروك علیكم نجاح ھذه المرحلة. قرب أكثرن یمكنك المقارنة بین الصورتین لفھم األمر ع

Page 74: Hotpotatosarabic

74 إعداد و تنسیق األستاذ امبارك محبوب

:JClozeفي نافذة إعدادات صفحة الویب في Boutonsالتبویب -5.2.3 .فحة الویبدائما في نافذة إعدادات ص نمر إلى التعدیل التالي،

على التعدیالت، نعاین الصفحة التي ستظھر كالتاليةبعد الموافق

أعتمد(نقر على الزر ال حقول الكتابة بالعبارات المناسبة ثم تخص زرا سیظھر بعد ملء)موافق( العبارة .ة كما یمكنك القیام بتجربة تطبیقیالصورة،أنظر ) اإلجابة

Page 75: Hotpotatosarabic

75 إعداد و تنسیق األستاذ امبارك محبوب

:JClozeفي نافذة إعدادات صفحة الویب في Messagesالتبویب -6.2.3 .خاص بالرسائل التي تظھر بعد النقر على األزرارقلنا، و الذي كما Messagesنمر اآلن للتبویب

، تظھر ) في حالة كانت اإلجابات كلھا صحیحة( ال شك أنك الحظت أنھ و خالل النقر على الزر أعتمد اإلجابة )الصورة السابقة(رسالة تمنح للتلمیذ النقطة الجزائیة ، و تتضمن كذلك رسالة تفید أن كل أجوبتھ صحیحة

)الصورة أسفلھ(الحظ كیف و أین نحرر ھذه الرسائل

)رةالصو( رسالة أخرى تفید ذلكرصحیحة، تظھأما في حالة إذا كانت بعض أو كل األجوبة المدخلة غیر

. الرسالةهعلى ھذفي نفس التبویب ، نعدل

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

Page 76: Hotpotatosarabic

76 إعداد و تنسیق األستاذ امبارك محبوب

النقر على الزر مساعدةدمعاین الرسالة بع

:JClozeفي نافذة إعدادات صفحة الویب في Autresالتبویب -7.2.3 یمكننا من خالل ھذا التبویب، تفعیل مجموعة من الخصائص الممیزة لطریقة إجابة التلمیذ على الســــــــــــؤال

كننا إضافة و سائل مساعدة جدیدة من شأنھا أن تعین التلمیذ على تفادي بعـــــــض أو األسئلة المطروحة ، كما یم طریقة تعامل التلمیذ مع تحریر الجوابالعقبات أثناء اشتغالھ على التمرین، أول خاصیة یمكننا تفعیلھا ھي تغییر

ییر ذلك إلى أخرى لتفـــــادي حیث أنھ یتوجب علیھ كتابة ذلك في الخانة المخصصة لھذا الغرض، لكننا یمكننا تغ Les menu déroulanst .الكتابة و ما قد تطرح من صعوبات، و ھي خاصیة القوائم المنسدلة

و بعد معاینتنا لصفحة الویب ، نلف ما یلي

النقر على السھم في أیسر حیث أن التلمیذ لم یعد مضطرا لكتابة الجواب داخل الخانة، ولكن كل ما علیھ اآلن ھو القائمة، فتنفتح أمامھ قائمة تحتوي على مجموعة من الكلمات و التي ما ھي إال الكلمات و العبارات التي جعلناھا

وء ــــــ، یمكنك القول أن ھذه الخاصیة لتفادي المشاكل التي قد تنتج عن س)جمیعھا(فراغات أثناء برمجة التمرین .ة و الكاملة لما ینبغي أن یكتبأو نسیان الحروف الصحیح

ھذه الخاصیةالتبویب، من خالل ھذا للتلمیذ،من المساعدات التي یمكننا تقدیمھا

Page 77: Hotpotatosarabic

77 إعداد و تنسیق األستاذ امبارك محبوب

المعاینة

ى ــــــ ھذه الخاصیة كوسیلة مساعدة للتلمیذ، فإنھ من المستحسن تعدیل النص الموجود في األعلاعتمادإذا فضلنا إمأل "النص ھو المتضمن للعبارة .( اإلجابة من بین الكلمات المعروضة أمامھاختیارأنھ یمكنھ بشكل یذكر التلمیذ ب

لصق ، و یفضــل / و یمكن لھ استعمال عملیة نسخ.....")لمات المناسبة ، ثم انقر على زر أعتمد اإلجابةالفراغات بالك المستھدف، إذ أن الكلمات أمامھ و ال عدم تفعیل زر مساعدة و الذي یضیف الحرف األول الصحیح إلى الخانة

.جدوى من تكرار األمر نفسھحة ف على صالحروف األبجدیةمن أدوات المساعدة و تسھیل استعمال ھذا التمرین من قبل التلمیذ ، إمكانیة عرض

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

المعاینة

يء ــــطبعا لم نشرح جمیع الخصائص، و كما أشرنا سابقا ، تبقى أبحاثكم و تجاربكم على ھذه الخصائص،أھم ش .و ھي السبیل األمثل لتعلم و اكتشاف كل خبایا البرنامج

نوردھا لكم بالصورة التالیةالتبویب،ینا مالحظة أخیرة حول ھذا تبقى لد

Page 78: Hotpotatosarabic

78 إعداد و تنسیق األستاذ امبارك محبوب

:JClozeفي Indiceزر التلمیح -8.2.3و یخص زرا آخر، یقدم مساعدة للتلمیذ و یحفزه على تذكر الجواب . ألمر غاب عن بالنا وتداركناه اآلنانعود ھن

).72راجع الصفحة . (الصحیح رة بعد تظلیل العبارة المستھدفة و النقر على زر خلق فراغ، تظھر لنا نافذة تزودنا بتقریر ذكرنا بأنھ و مباش

....یتضمن معلومات عن ھذا الفراغ من قبیل الكلمة التي تحولت إلى فراغ و الرقم الممنوح لھا و

تھ؟ما وظیف. ) (Indice ھناك حقل بقي فارغا عنوانھ نطیب األمر فھمناه، لكوى تـلن یظھر ھذا المحت. یمكننا تحریر عبارة أو في ھذا الحقل ، من شأنھ الدفع بالتلمیذ لتذكــر الجواب الصحیح

الخانة المخصصة لتحریر الجواب، وإذا بعلى صفحة الویب في بادئ األمر، بل سیظھر ھناك زر صغیر بجانر ــــــ قررت إدراج ھذه المساعدة، من األفضل أن أشیو في حالة ما إذا.نقر التلمیذ علیھ ،حینھا سیظھر المحتوى

ب ــو أشیر إلى أنھ یتوجب تفعیل ظھورھا علــــى صفحة الویب إنطالقا من التبوی. للتلمیذ انھ یمكن لھ استغاللھاboutons في نافذة إعدادات صفحة الویب .

.تابع معنا الشرح المصور و الذي طبقتھ على التمرین السابق

صورة للنافذة

ھذا ھو التمرین، طبعا یمكنك اآلن تدبر األمور

األخرى

Page 79: Hotpotatosarabic

79 إعداد و تنسیق األستاذ امبارك محبوب

طبعا ستظھر لنا النافذة التالیةVoir les mots enlevés بعد النقر على الزر

"!!ھو لون یتواجد في السماء و في البحر"، سنقترح اإلیحاء التالي )األزرق(الفراغ ھي /بما أن الكلمة )!!!!!! یفھم دابا شإیوا غیر لي مل بغا(، ثم نفعل الخیـــــــــار boutonsب، و بالضبط التبویب ـة الویـھ إلى نافذة إعدادات صفحـم نتوج ثokقر على ـنن

.التالي مع إرفاقھ بعبارة أو رمز مناسب

اآلن سنعاین صفحة الویب

ائل المساعدة، إذا نقر على وساستعمالطبعا إذا و جد التلمیذ صعوبة في معرفة الجواب الصحیح، سیضطر إلى سیظھر لھ الحرف األول من الكلمة الصحیحة، نعرف ذلك، لكن إذا استعمل وسیلة المساعـــــدة ) مساعدة(الزر

الجدیدة و ذلك بنقره على عالمة االستفھام، ما الذي سیحصل؟ ستظھر الرسالة التالیة

Page 80: Hotpotatosarabic

80 إعداد و تنسیق األستاذ امبارك محبوب

قط غیرت عالمة االستفھام بعبارة تلمیح و ذلك في المكان المخصص وھذا مثال آخر،نفس التمرین و اإلعدادات ف لھا في نافذة إعدادات صفحة الویب

:JClozeفي / 20إلى ) معیار التقییم( تغییر النقطة الجزائیة -9.2.3ـــة تعمد على النسبة المئویــــنقطة ثنا سابقا عن معیار التقویم في البطاطس الساخنة، وأشرنا بأنھ یمنح للتلمیذ دتح

الخطأ مع األخذ بعین اإلعتبار االحتمــــــــــاالت ى خالل حساب اإلجابات الصحیحة و األخرنالمحصل علیھا م ...و....المطروحة والنقرات و النسبة الممنوحة لكل اقتراح و

نطیل الشرح ھنا، ألننا افترضنا بأنكـم و كیفیة تغییره، لن ذلك األمرنع لمعرفة أكثر 32یمكنك مراجعة الصفحة .تمرینناقد أنجزتم األمر، لكن ال بأس من تذكیر و إعطاء أمثلة توضیحیة بالصور لما أنجزناه على

Word Pade أو Bloc noteإخترنا فتح صفحة الویب ب ناك حتما ھناك سطر وحید یماثـــــل ، طبعا ھنا العشرات منھ في ھذا الكود المصدري، لكن ھ%بحثنا عن الرمز

و نعرف أننا سنبحث عن سطر برمجي .، نعرف اآلن ماذا سنغیر) السطر البرمجي الثاني في الصورة أسفلھ (ھذا ، لحسن الحظ ،ھذین السطرین متقاربین في الكود المصدري لھذه الصفحةScore = Mathآخر یتضمن عبارة

أنھ لدیك تصور واضح حول ما ستبحث عنھ وكیف ینبغي أن یكون، مـــــما ، نعتقد اآلن)الحظ ذلك في الصورة(یوفر علیك مجھودا إضافیة ن تأكد جید أنك عثرت على نفس الشيء ثم غیر ما نحن بصدد شرحھ بكل دقة و فــي

ـــــــادة ،علیك إعJCloseكل مرة، قم بتسجیل الملف ثم معاینة الصفحة، و إذا أعدت معاینة الصفحة إنطالقا من .تغییر المعیار من جدید في الكود المصدري

Page 81: Hotpotatosarabic

81 إعداد و تنسیق األستاذ امبارك محبوب

Page 82: Hotpotatosarabic

82 إعداد و تنسیق األستاذ امبارك محبوب

اار )البطاطس الساخنة (Hotpotatosاإلشتغال ببرنامج

JMatchبرنامج :ااأ

: و التعرف على واجھتھJMatchتشغیل -1.3.3 Jeu d'associationة ب ـ أو ما یصطلح علیھ باللغة الفرنسی و بإنجاز تمارین الربطJMatchیختص برنامج

جواب بل تقدم لنا عناصر یتوجب الربط فیما بینھا وفق مفھوم /و المقصود ھنا، تلك التمارین التي ال تطرح سؤالھا، إنھا أمور نوظفھا عادة ما، كالصورة التي تعبیر عن معنى معین،و كل ما علیك ھو ربطھا بالمعنى المناسب ل

.... أثناء الحصص الدراسیة لقیاس مدى استیعاب التلمیذ للدرس أو للكشف عن التعثرات التي تحتاج إلى تصحیح

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

و ھـــــذا JMatchفي سیتغیر من حیث الشكل ال الجوھر، ،تقریبا نفس الشيء و لو أن األمر JMatch ببرنامجعموما یمكن القول أنھ یمكن لنا أن ننجز تمرینــا .ةج المعلوماتیبسبب ما تفرضھ علینا طرق اإلشتغال على البرام

مشابھا للمثال األول ، لكن التلمیذ لن یقوم برسم خط یربط بین السمكة و النورس مثال،و لكنھ سیقوم بسحـــــــــب لتلمیذ لن یشطــــب السمكة للنورس دلیال على الرابط الذي یجمعھما ، و في المثال الثاني ، سننجز التمرین، لكن ا

.، بل یقوم باختیار ھذه العبارة مباشرة من قائمة منسدلة)من أدوات الكاتب(على جمیع العبارات تاركا JMatch.نتمنى لكم التوفیق و النجاح في تعلم .JMatchھذه ھي طبیعة التمارین التي ننجزھا اعتمادا على

.اجھة الرئیسیة للبطاطس الساخنة، تظھر لنا واجھتھ كالتالي بالنقر على إسمھ على الوJMatchنشغل البرنامج

تأمل جیدا الصورة في الجانب، یمكن أن تكون جزءا ا من تمرین یقدم للتلمیذ، و قد صادفنا شـخصیـــــــــــمجموعة من التمارین على ھذه الشاكلة، المطــلوب من التلمیذ ھو إیجاد صلة ما ، تربط الصور علــــى الجانب األیمن بالتي على األیسر، و الصلة ھنا ھي نوع السلسلة الغذائیة لكل حیوان من الحیوانـــــــات

.الموجودة على الیسار

صورة أخرى تبین لنا نموذج لتطبیــــــقتمرینـي قدم لتلمیذ ، لیقوم مكتسباتھ حول

.درس لــــــھ عالقة بالمھن و أدواتھا

Page 83: Hotpotatosarabic

83 إعداد و تنسیق األستاذ امبارك محبوب

في ما یلي شرح مختصر و سریع لھذه الواجھة

. األخرىكما ألفناھا في البرامجطبعا األمور األخرى و التي لم تشرح في الصورة أعاله، تبقى أمور دون تغییر و الل ــحظ أن ھناك إیقونتان لخلق صفحة الویب و سنتعرف على االختالف بینھما من خالمستجد فیھا، ھو أننا نال

.التطبیقات الالحقة

:JMatchخلق تمارین الربط في -2.3.3أوال، الحظ أننا أعددنا ھذه الصور ببرنامج لتحریر الصور ، بحیث أن قیاساتھا متساویة وتظھر حیوانات مختلفة

تدل علیھا أو على الغرض من توظیفھا ذات أسماء و بشكل جلي

Page 84: Hotpotatosarabic

84 إعداد و تنسیق األستاذ امبارك محبوب

ثم نقوم بإدراج ھذه الصور بنفس الطرق التي تعرفنا علیھا سابقا، في JMatchبعدھا نقوم بخلق المشروع في ).حسب رؤیتنا للتمرین(الخانات التي على الیسار، أما في الخانات الیمنى فنحرر كلمات أو جمل

ا ـثم نمر اآلن لخلق صفحة الویب، نتوقف ھنا لنشیر إلى المستجد حول ھذه العملیة، إذا كن بعا نسجل المشروع،طد ــــفي العارضة في األعلى، فإننا ھنا نج ألفنا أن خلق صفحة الویب یتم بالنقر على اإلیقونة المسؤولة عن ذلكقد

لماذا لدینا إیقونتان مادام أننا سنحصل على نفس النتیجة صفحة ویب،ان ستخلقیھماكل إیقونتان، JMatchھنا في و ھي صفحة ویب؟أال

ألن ھناك اختالف بین ھذین الصفحتین في الشكلاإلیقونة األولى تخلق صفحة تتمیز بالقوائم المنسدلة، و اإلیقونة الثانیة تخلق صفحة تتمیز بخاصیة السحــــــــــب

Drag"n"Dropو اإلفالت )كما ھو مبین في الصورة في األعلى(ألمثلة التالیة، الصفحة التالیة نخلقھا بالنقر على اإلیقونة في الیسارتابع ا

Page 85: Hotpotatosarabic

85 إعداد و تنسیق األستاذ امبارك محبوب

، ینقر التلمیذ على الزر في القائمة المقابلة اإلشتغال علیھ واضحةوأالتمرین الفكرة ھنا سواء الخاصة بعتقد أن أـــــــة المنسدلة، یختار جوابا صحیحا، وعند االنتھاء من كل االختیارات یقوم بالنقر للصورة، تنفتح أمامھ القائمـ

.على الزر أعتمد اإلجابةطبعا لم نقم بشرح كیف و أین نحرر السؤال أو اإلرشاد الموجھ للتلمیذ في األعلى و كیف و أین نعدل على الـزر

.ر من خالل البرامج و الشروحات السابقةلیتضمن عبارة أعتمد اإلجابة، ألنكم قد احترفتم األم ، و نختار خلق صفحة الویب بالنقر على اإلیقونة الثانیــــة JMatchفي المثال التالي ،سنعود لنفس التمرین في

)أنظر الصورة(و المتواجدة على الیمین

Drag"n"Drop ین صفحة الویب بشكل ثان، یتمیز بخاصیة السحب و اإلفالتاحینھا سنع . صغیرةالقیاساتذات و ة، فمن األفضل استعمال صور قلیلاعتماد ھذا النمط من الصفحات ارتأیناإذا : مالحظة

إذا كانت العناصر كثیــــــرة .(ھور التمرین كامال على شاشة الحاسوب و تفادي ظھور المصعد ظالفكرة ھنا ھي ) ألعلى الصفحة أو أسفلھاعلى صفحة الویب یظھر مصعد جانبي یمكن من االنتقال

Case à cochéeنعود مرة أخرى لواجھة البرنامج، نالحظ أقصى الیمین مجموعة من الخانات الخاصة بالتأشیر . و تصلح ھذه الخانات إذا أردت أن أثبت اختیار ما، یعني إظھار حالتھ الصحیحة كعینة أو لغرض ما

)حیوان كاسر(ن ثم حددنا تثبیت الخانة األولى، ویوافقھا النص )التمرین نفسھ(التمرین في المثال التالي، أعددنا انظر الصورة) نسر(و الصورة التي تتضمن

Page 86: Hotpotatosarabic

86 إعداد و تنسیق األستاذ امبارك محبوب

:JMatchنافذة إعدادات صفحة الویب في -3.3.3 . و ذلك ألنكم قد احترفتمJMatchة الویب الخاصة بمر بشكل سریع و مختصر على نافذة إعدادات صفحنس

التعامل مع ھذه النافذة نظرا للتشابھ الكبیر بینھا و بین مختلف البرامج األخرى المكونة للبطاطس الساخنة

الحظ المعاینة الثانیة و ھي لصفـــــــحة .من نوع السحب و اإلفالت

الحظ المعاینة األولى و ھي لصفحة من نوع القوائم المنسدلة

Page 87: Hotpotatosarabic

87 إعداد و تنسیق األستاذ امبارك محبوب

Page 88: Hotpotatosarabic

88 إعداد و تنسیق األستاذ امبارك محبوب

ة ـــ عشرة، مما یعني ظھورھا كامل10لدینا تمرین یحتوي ، نفترض أنھ Autresبخصوص التبویب : مالحظةن ــــ مثال، فإنھ ل2و حددنا رقم ) (…Afficher un nombre limitéعلى صفحة الویب، لكن إذا فعلنا الخیار

ة ـتظھر على صفحة الویب سوى صورتان وإذا قمنا بتحیین صفحة الویب ستظھر صورتان أخریتان من الثمانی .JQuiz حد ما ببرنامجإلى شبیھ فاألمر عن ذلك ، ألخذ فكرة عامة49یمكنك مراجعة الصفحة . االمتبقیة و ھكذ

.ن وذلك لمحاذاة المحتوى ناحیة الیمین)الصورة (أما إذا كان التمرین باللغة العربیة، فینبغي تحدید الخانة التالیة

:JMatchفي / 20إلى ) معیار التقییم( تغییر النقطة الجزائیة -4.3.3كما أشرنا سابقا، یمكننا إجراء التعدیل الخاص بتغییر معیار التقییم من النسبة المئویة إلى النقطة العشرینیة و ذلك

. ھناكتبالدخول إلى الكود المصدري الخاص بصفحة الویب ، ثم إجراء التعدیال العثور على السطر البرمجي المماثل للتالي أیا شئنا المھم لدینا ھو YourScoreIs أو عبارة %نبحث عن الرمز

.مع اإلنتباه للفاصلة العلویة قبلھا و النقطة بعدھا/ 20ثم تغیر عالمة النسبة المئویة ب

Math.floorبعد قیامنا بھذا التغییر ، نعود من جدید للبحث عن السطر البرمجي التالي و المتضمن لعبارة أیھم تشاء، لكن تأكد أنك عثرت على Math.floor أو Score = Math أوScoreن اإلسم یمكنك البحث ع

السطر البرمجي المماثل لھذا

لیصبح 20 بالرقم 100نغیر الرقم

Page 89: Hotpotatosarabic

89 إعداد و تنسیق األستاذ امبارك محبوب

النتیجة النھائیة بعض عرض صفحة الویب و اإلجابة على األسئلة

:مالحظة و بالتالي یتوجب) النسبة المئویة( سیرجع معیار التقییم إلى أصلھ ،JMatchإذا أعدت معاینة الصفحة إنطالقا من

تغییر (،أي انـھ من األفضل أن تكون ھذه العملیة دري ـود المصـد في الكـار من جدیـیر المعیـعلیك إعـــــــادة تغی .آخر ما تفعلھ) المصدري معیار التقییم إنطالقا من الملف

Page 90: Hotpotatosarabic

90 إعداد و تنسیق األستاذ امبارك محبوب

اار )البطاطس الساخنة (Hotpotatosاإلشتغال ببرنامج

ءا ابرنامج :اJMix

: و التعرف على واجھتھJMixتشغیل -1.4.3 وھو خاص بخلق تمارین إعادة ترتیب الجمــــــــل من أكثر برامج البطاطس الساخنة سھولة من حیث االشتغال،

Des éxercises de remise en ordre de phrases. ھذا النوع من التمارین بكثرة خالل المرحلة االبتدائیة من التعلیم، تلك المرحلة التي یتعلم فیھا التلمیـــذ فو نصاد

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

. مواد كیمیائیة على شاكلة تمرین بھذا البرنامجلالزمني لتجربة فیزیائیة تتضمن تفاع .نتعرف معا على حبة البطاطس ھذه

التالیةنشغل البرنامج بالشكل المعتاد فتظھر لنا الواجھة

:JMixخلق تمارین إعادة الترتیب في -2.4.3إذن یتوجب على . خاص بخلق تمرین یقتضي من التلمیذ إعادة ترتیب جملة ترتیبا صحیحاJMixذكرنا سابقا أن

.تحریر الجملة، في حین یقوم البرنامج بعرضھا على التلمیذ بشكل عشوائي غیر مرتب .ة قبل االنتقال للتمرین العربي و ذلك رغبة منا في إیضاح إشكال ھامسنبدأ بتمرین بالفرنسی) (Jasmin chante bien: نقترح الجملة التالیة

Phrase principale كالتالي، نقوم بتحریرھا في الخانة التي تحمل االســـــم JMixطریقة تحریر الجملة في بشكل عشوائي و غیـــــــر JMixألجزاء ھي التي سیعرضھا و ذلك بتقسیمھا إلى مجموعة من األجزاء، ھذه ا

الحظ المثال. مرتب، أي أني أتحكم في عشوائیة العرض بشكل مسبق

Page 91: Hotpotatosarabic

91 إعداد و تنسیق األستاذ امبارك محبوب

ا سمت إلیھ عندما نقارن بین عدد األجزاء التي قا ف حررن ین كی ب وب فحة الوی ى ص ة عل الجملا ا حررن ھ كلم م أن ـج نفھ ي البرنامــ ة ف الجملي ودي ف شكل عم ة ب ة للجمل ات المكون الكلمفحة ي ص زاء ف دد األج ا زاد ع امج كلم البرنال ي المث ظ ف حیح الح س ص ـب و العك الویـ

نفس الجملة و قارنھ باألولالتالي ل

ائل طبعا سنشرح كیفیة التعدیل على األزرار و الرسق ة خل ى كیفی ز اآلن عل د، نرك ا بع ة فیم التفاعلی

ب فحة الوی امج . ص ا بالبرن د م ى ح بیھ إل ر ش األمسابق ق JMatchال ان لخل اك إیقونت ظ أن ھن ، نالح

ز ب تتمی فحة وی ـق ص صفحة الویب، األولى لخلـــــی ـالبخاص سحب و اإلفــــــ Drag"n"Drop تة ال

و الثانیة تتمیز بخلق صفحة ویب تتمیز بالنقـــر

بالنـــــقر ) السحب و اإلفالت(نختار اإلیقونة األولى علیھا، نسجل صفحة الویب، ثم نرى المعاینة كالتالي

Page 92: Hotpotatosarabic

92 إعداد و تنسیق األستاذ امبارك محبوب

كلمة ثم سحبھا و بعد ذلك إفالتھا اآلن یتوجب على التلمیذ إعادة ترتیب الجملة بشكل صحیح و ذلك بالنقر على ال . أن الجملة التینیة األحرف و فرنسیة المعنى، فإن ترتیبھا یكون من الیسار إلى الیمیـــــــناعلى أحد األسطر، بم

:مالحظات .تباعد الكلمات عن بعضھا البعض في الترتیب ال یطرح مشكل

كل عمودي أنظر األمثلة التالیة المكونة للجملة بشتیمكن ترتیب الكلما

كما یمكنــــھ . ة للتحقق من الجواب الصحیح و لمعرفة النتیجActiverطبعا بعد االنتھاء ، ینقر التلمیذ على الزر . التمرین من جدیدة إلعاد Relancer للحصول على مساعدة أو الزر Aideالنقر على الزر

قد نحتاجھ أثناء إعدادنا للتمرین، ھناك خانة على یمین البرنامج تحمل اســـــــــــــــــمنمر اآلن ألمر مھم والذيVariantes acceptées في ھذه الخانة نقوم بتحریر احتمال آخر یعتبر مقبوال و صحیحا إذا تم ترتیب كلمـات ،

.الجملة على نحوه إذن ینبغي ترتیبھا من طرف التلمیــذ Jasmin chante bien اعتبرنا أن الجملة التالیة صحیحة : سنعطي مثاال

على ھذا الشكل و كل ترتیب مغایر لھ یعتبر خطأ، نفترض أن الجملة صحیحة على ھذا الشكــــــــــــــــــــــــــــل Jasmin bien chante . إذن ترتیبھا من طرف التلمیذ على ھذا الشكل مقبول و صحیح، في ھذه الحالة یتوجب

تابـــــع .علینا برمجة ھذا االحتمال في البرنامج على أساس أنھ مقبول و صحیح و ھذا یتم في الخانة السالفة الذكر الشرح التالي

Page 93: Hotpotatosarabic

93 إعداد و تنسیق األستاذ امبارك محبوب

المعاینة التي تثبیت أن الترتیبین مقبولین

حب و اإلفالت و التي نخلقھا بعد تعرفنا على ھذه األمور، تذكروا أننا نعاین الصفحات المتمیزة بخاصیة الس )91راجع الصفحة (بالنقر على اإلیقونة األولى

ننتقل اآلن إلى الصفحات المتمیزة بخاصیة النقر فقط و التي نخلقھا بالنقر على اإلیقونة الثانیة، نذكركم بذلك عبر ھذا المثال

سابق، لكي یعید التلمیذ ترتیب الجملة بشكل صحیح فتظھر لنا صفحة الویب على ھذا الشكل، و ھو مغایر قلیال للة ـــ أن الجملة التینیابمو. وفق الترتیب الذي یراه صحیحا و منطقیایتوجب علیھ النقر على الكلمات بشكل متتالي

.األحرف و فرنسیة المعنى، فإن ترتیبھا یكون من الیسار إلى الیمیـــــــن

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

Page 94: Hotpotatosarabic

94 إعداد و تنسیق األستاذ امبارك محبوب

:JMix نافذة إعدادات صفحة الویب في -3.4.3بھا بعــــــــــــد لدرایتكم ا و ذلك مختصر نظرJMix نافذة إعدادات صفحة الویب الخاصة بنتطرق اآلن لشرح .الشروحات السابقة

، نقوم بالتعدیالت التالیة ثم نعاین صفحة الویب بعد نلج إلى ھذه النافذة بالنقر على إیقونتھا على عارضة اإلیقونات كل تعدیل، أنظر الصور و المعاینات جانبھا

Page 95: Hotpotatosarabic

95 إعداد و تنسیق األستاذ امبارك محبوب

Page 96: Hotpotatosarabic

96 إعداد و تنسیق األستاذ امبارك محبوب

:JMix التمارین العربیة في -4.4.3 بعدم قدرتھ على تقییم صحیح لتمرین عربي مرتب ترتیبا ةال شك وأنكم صادفتم مشكلة البرنامج و المتعلق

.بیة، فإنھ یخبرنا بأن الترتیب غیر صحیحصحیحا، إذ انھ و بالرغم من إنجازنا ترتیبا صحیحا للجملة العر ال حظ المثال التالي

و عند النقر على الزر أعتمد اإلجابة، تظھر لنا الرسالة التالیة

Page 97: Hotpotatosarabic

97 إعداد و تنسیق األستاذ امبارك محبوب

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

الحیلة في تحریر الجملة بشكل مقلوب و ذلك من األسفل نحو األعلى، المثال

المعاینة

المثال. قلوبة كاحتمال آخر صحیحكما یمكن عمل نفس الحیلة بطریقة أخرى، و ھي كتابة الجملة م

Page 98: Hotpotatosarabic

98 إعداد و تنسیق األستاذ امبارك محبوب

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

.ویب ذات النقر على الكلمات فإننا لن نواجھھ

:JMixفي / 20إلى ) معیار التقییم(غییر النقطة الجزائیة ت -5.4.3 .ة التالیةسطر البرمجیثم نبحث عن األ) كما رأینا سابقا(نلج إلى الكود المصدري لصفحة الویب

مع إحترام شروط ذلك،/20 بالرمز %و كما نعلم سیتم تغییر الرمز، ما یھم ھو أیا شئناScore = Mathأو Math أو Score ةبر عبار التالي عنعود لنبحث عن السطر البرمجي

المثال. العثور على سطر برمجي یماثل ما وجدناه

.مل تحیین لصفحة الویب و نتحقق من أن العملیة كللت بنجاحع، نسجل الملف ثم ن20 بالرقم 100ثم نغیر الرقم

Page 99: Hotpotatosarabic

99 إعداد و تنسیق األستاذ امبارك محبوب

اار )البطاطس الساخنة (Hotpotatosل ببرنامج اإلشتغا

ءا برنامج :اJCross

: و التعرف على واجھتھJCrossتشغیل -1.5.3 بخلق تمارین على شاكلة كلمات متقاطعة ، نعلم بأن ھذه األخیرة تنتشر بشكل كبیر فــي JCrossیختص برنامج

ف منھا عادة ھو كسر الروتین المتمثل في القراءة و متابعـــة والھد... الجرائد و المطبوعات الیومیة و الشھریة و فإننا نمنح بعدا آخــر JCrossالمستجدات، وذلك بمنح مساحة للترویح واالستفادة و أحیانا ملء الفراغ، إال أنھ في

ن جلب انتبــــاه لھذه الكلمات المتقاطعة ، وھو بعد بیداغوجي تعلیمي ترفیھي تثقیفي، إذ تمكنني ھذه البیداغوجیا م .ٌالتلمیذ و الدفع بھ إلى اإلقبال على التحصیل و المراجعة بطریقة مغایرة لما یألفھ

.نبدأ على بركة هللا تعلم ھذا البرنامج . بالشكل المعتاد، تظھر لنا الواجھة التالیةJCrossنشغل برنامج

:JCrossخلق شبكة الكلمات المتقاطعة في -2.5.3بعد تعرفنا على واجھة البرنامج وأخذنا لفكرة مختصرة عنھا، نمر اآلن لكیفیة االشتغال على البرنامج و خــــــلق الكلمات المتقاطعة، قبل اإلقدام على ذلك، ینبغي أن نفكر أوال في التصور العام و الشامل للتمرین ، إذ ال مجــــال

إذن نضـــــــــع . اد أو تحضیر للمسودة األولى لشبكة الكلمات المتقاطعةلالشتغال علیھ مباشرة و دون أدنى استعدالمسودة األولى لشبكة الكلمات المتقاطعة و طبعا نحاول ما أمكن عدم اإلكثار من المربعات السوداء، قد نجــــــــد

.كن فارغة كثیرةصعوبة في ذلك لكن نحاول البحث عن الكلمات المناسبة و التي تمأل الشبكة دون ترك أما . في اختیارھاقھذه محاولة متواضعة منا باللغة الفرنسیة، الحظ الكلمات األفقیة والعمودیة التي حاولنا التوفی

الكلمات العمودیة المختارةالكلمات األفقیة المختارة

Page 100: Hotpotatosarabic

100 إعداد و تنسیق األستاذ امبارك محبوب

بعد إنجازنا لھذه المسودة، نمر اآلن إلنجاز و مأل الشبكة على البرنامج

المرحلة الموالیة وھي الخاصة بوضع التعریفات الخاصة بالكلمات المستعملة بعد إنھائنا من ھذه العملیة، نمر إلىفي الشبكة ، أو باألحرى األسئلة التي ستوجھ للتلمیذ بغیة ملء الشبكة بالكلمات، ننقر على الزر التالي في واجھــة

البرنامج

بعده ندخل إلى النافذة المستھدفة و التي تظھر لنا كالتالي

Page 101: Hotpotatosarabic

101 إعداد و تنسیق األستاذ امبارك محبوب

ونقوم بتحدید التعریفات كما یلي

نعتقد اآلن أنكم قادرین على إتمام باقي العملیة بنجاح

، ثم ننقر على زر معاینة صفحة الویب، فتظھر لنا بھذا الشكلOKننقر على الزر

Page 102: Hotpotatosarabic

102 إعداد و تنسیق األستاذ امبارك محبوب

النقر على إحدى الخانات و التي تحمل رقما معینا، بعدھا سیظھر التعریف الذي یتم بةالتعامل األولي مع الشبك تحددناه سابقا أو التساؤل المطروح، مرفقا بخانات خاصة بتحر یر الكلمة المناسبة، بعد ملء الخانات بالكلمـا

.ة و ذلك العتماد الكلمة و إدخالھا إلى الشبك(entrer)المناسبة یتم النقر على الزر ملء

:JCrossخلق شبكة الكلمات المتقاطعة أوتوماتیكیا في -3.5.3ویتم ذلك بالنقر على . من خلق شبكة كلمات متقاطعة بشكل تلقائي، حیث یتحمل جزءا من إنجازھاJCrossیمكننا

ھذه اإلیقونة في عارضة اإلیقونات

Page 103: Hotpotatosarabic

103 إعداد و تنسیق األستاذ امبارك محبوب

.لیة و ھي خاصة بتحریر الكلمات التي ستشكل شبكتنا تظھر النافذة التا Générer Grille.نكتب الكلمات و ذلك بوضع كل كلمة في سطر خاص، ثم ننقر على زر خلق الشبكة

بعد النقر على زر خلق الشبكة، سیقوم البرنامج بخلقھا مع محاولة التقلیل من الخانات الفارغة، و ال بد أن نشیر ا، انھ مھما حاول البرنامج فھو یبقى آلة و ال یستطیع الوصول إلى درجة اإلنسان و بالتالي فبمجرد معاینتـــنا ھن

األولیة للشبكة سنكتشف انھ ترك خانات كثیرة فارغة و انھ یمكن ملؤھا بھذه الكلمات بشكل أفضل، حینھا یمكننا . إتمام و تعدیل وتصحیح ما بدأ

.شرحنالیة كما سبق ومراحل التاثم نتمم ال

:JCross نافذة إعدادات صفحة الویب في -4.5.3ل ـــ ال تختلف كثیرا عن التي رأیناھا سابقا ، نلج إلى ھذه النافذة بالشكJCrossنافذة إعدادات صفحة الویب في

: حسب ما یليتالمعتاد، ثم نغیر اإلعدادا

Page 104: Hotpotatosarabic

104 إعداد و تنسیق األستاذ امبارك محبوب

:JCross العربیة في ة شبكة الكلمات المتقاطع-5.5.3 انھ تواجھنا بعض الصعوبات أثناء إعداد و معاینة شبكة كلمات متقاطعة باللغة العربیة، و یتمثل ذلك من المؤسف

ل ـــــفي عدم دعم البرنامج لعرض الترقیم الخاص بالخانات من الیمین إلى الیسار، یمكن محاولة تفادي ھذا المشك، لكن األمر سیزداد و یتطلب تنظیم ھذه الحیل بشكل دقیق، الشيء الذي نراه غیر مناسب في الوقـت بعض الحیلب

الراھن لعرضھ علیكم، لكننا سنحاول إنشاء هللا رفقة بعض الزمالء المبرمجین و المھتمین بتطویر و تعریــــــــب ثم عرضھا علیكم في المنتدیات العربیة ، البرامج من إیجاد صیغة بسیطة و ممكنة لتدارك ھذا األمر

.و هللا المعین

:JCrossفي / 20إلى ) معیار التقییم(تغییر النقطة الجزائیة -6.5.3 .ثم نبحث عن األسطر البرمجیة التالیة) كما رأینا سابقا(نلج إلى الكود المصدري لصفحة الویب

/20 بالرمز %ز والرم20 بالرقم 100نغیر الرقم

Page 105: Hotpotatosarabic

105 إعداد و تنسیق األستاذ امبارك محبوب

اار )البطاطس الساخنة (Hotpotatosاإلشتغال ببرنامج

ءادس ا: برنامجThe Masher

: و التعرف على واجھتھThe Masherتشغیل -1.6.3تماریــن دورا مكمال ومنظما مھما في توزیعھ البطاطس الساخنة، فھو لیس لخلق ال The Masherیلعب برنامج

كبقیة البرامج و لكن یتمثل دوره في تنظیم ھذه التمارین لعرضھا على صفحة الویب بشكل متتال ومترابط حتـــى .یسھل استخدامھا من طرف التلمیذ

نعلم أننا عندما نخلق تمرینا بأحد برامج البطاطس الساخنة، فإن نتیجتھ تكون عبارة عن صفحة ویب، ھــــــــــذه للتلمیـــــذ JQuizملف مشروع أو JClosي كل ما یقدم للتلمیذ، إذا ال جدوى من تقدیم ملف مشروع األخیرة ھ

و لكن نقدم لھ صفحة الویب التي سیشتغل علیھا، و إذا أنجزنا مجموعة من التمارین ببرنامج واحد أو برامــــــــج د واحد مما یتوجب علیھ العودة للمجلد و النقر في مختلفة، سأضطر لتقدیم كل ھذه الصفحات الویب للتلمیذ في مجل

و ال ذكل مرة على صفحة ویب جدیدة، وھذا قد یؤثر على سیرورة العملیة و قد تختلط الصفحات على التلمیـــــــ إذ یتكلف بترتیب الصفحات و إظھارھا للتلمیذ The Masherھنا یظھر دور . یعرف من أین بدأ أو ما الذي أنجز

.ظمبشكل من تتذكرون جیدا أننا كنا نغفل عن شرح إحدى الخصائص في كل نافذة إعدادات صفحة الویب، ال حظ ھذه الصور

ثم الحظ الجانب الذي نغفل عن شرحھ

نافذة إعدادات صفحة الویب JQuizفي

نافذة إعدادات صفحة الویب JClozeفي

Page 106: Hotpotatosarabic

106 إعداد و تنسیق األستاذ امبارك محبوب

الربط بین صفحات ویــــــــب لقد أغفلنا عن شرح ھذه األزرار، ألنھ لم یكن مھما حینھا الدور الذي تؤدیھ، و ھو و ھو نفس الدور الذي یقوم بـــــــــــــھ متعددة، بل و حتى الربط مع صفحات ویب تتواجد على شبكة اإلنترنیت،

The Masher و لكن بشكل أكثر دقة وتنظیم و احترافیة. .ر و سریعلذا فإننا سنتطرق لھذا البرنامج و في النھایة سنشیر لتلك األزرار بشكل مختص

بالنقر علیھ في واجھة البطاطس الساخنة، فتظھر لنا واجھتھ بالشكل التاليThe Masherنقوم بتشغیل

:The Masher في خلق تجمیعة التمارین -2.6.3ت التي تضم صورا أو ملفاتأوال نقوم بجمع كل صفحات الویب التي أنجزنا في مجلد واحد، و ال ننسى الصفحا

صوت أو فیدیو، ینبغي وضع كل ھذه العناصر في نفس المجلد، الحظ ھذا المثال، حیث أنجزنا مجموعة مــــــن .التمارین، ببرامج مختلفة ، ثم جمعنا صفحات الویب الخاصة بھا في نفس المجلد

نافذة إعدادات صفحة الویب JMatchفي

Page 107: Hotpotatosarabic

107 إعداد و تنسیق األستاذ امبارك محبوب

كما یلي The Masher فيبعده ندرج ھذه الصفحات

Page 108: Hotpotatosarabic

108 إعداد و تنسیق األستاذ امبارك محبوب

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

التنقل بین الصفحات من ھناذو نغیر في األزرار التي ستظھر و تسمح للتلمی

Page 109: Hotpotatosarabic

109 إعداد و تنسیق األستاذ امبارك محبوب

Créer بعد االنتھاء من كل العملیات، ننقر على الزر خلق

بأنھ سیتم إضافة عوارض اإلبحار إلى أعلى كل تمرین، نوافق اقد تظھر لنا مجموعة من النوافذ و التي تخبرن على ذلك، فتظھر لنا النافذة كالتالي

و نكون قد فھمنا جزءا من تخصصھ، وكما قلنا سابقا فھو یؤدي The Masherه المرحلة نكون قد إنتھینا من بھذ .نفس الدور الذي تؤدیھ تلك األزرار التي أغفلنا عن شرحھا سابقا و سنستدركھ حالیا

JCloze وأخرى لتمرین بJQuizنأخذ عل سبیل المثال مجلد یتضمن صفحة ویب لتمرین ب

، یعني أننا نجھز مجموعة تمارین سنسلمھا JMatchنفترض اننا اآلن بصدد اإلشتغال على تمرین في برنامج و في نافذه إعدادات صفحة الویب سنفل تلك األزرار على JMatch.للتلمیذ لیشتغل علیھا، بعد إنھائنا للتمرین في

الشكل التالي

Page 110: Hotpotatosarabic

110 إعداد و تنسیق األستاذ امبارك محبوب

ھذا التمرین على الشكل التاليستظھر صفحة الویب الخاصة ب

أما إذا عدنا و فعلنا األزرار

الحظ ما الذي سیظھر على صفحة الویب

:مادام قد تعرفنا على كیفیة إظھار أو إخفاء أو حتى التعدیل على نصوصھا، السؤال المطروح اآلن ھو

Page 111: Hotpotatosarabic

111 إعداد و تنسیق األستاذ امبارك محبوب

ما دورھا؟دا، عند النقر علیھا تؤدي إلى الرابط المدرج في الخانة المقابلة لھا، و یمكنكم معرفة ھذه الروابط دورھا بسیط ج

من خالل الصورة التي نفعل أو نعطل منھا ھذه األزرار، ھل رأیتھا ؟ ، وأین ھي ھذه الصفحة؟ nextpage.htm فأنھ سیقودنا إلى الصفحة التالیة والمسماة=>عندما ننقر على الزر

سیظھر لنا المتصفح فارغا، اآلن یمكننا تعدیل ھذا المر بنجاح، حیث أنھ یحتوي المجلد المعلوم يال توجد و بالتال على صفحتي ویب تحتویان عل تمرینین إذن سنضع الرابط لھما ھنا، تابع معنا المثال التالي

الیة في نفس المجلد، لدى معاینتنا للعمل، ننقر على األزرار فنجدھا بعون نحرص على تسجیل صفحة الویب الح .هللا تؤدي المھمة بنجاح

The Masherكان ھذا شرحا مختصرا لھذه األزرار، و كما قلنا فإنھ من األفضل إنجاز ھذه العملیة ببرنامج . ذكرنا للتوألنھ یتخصص فیھا و یؤدي باحترافیة أكبر و بخصائص كثیرة و أفضل من التي

عا ألنــ، طبعا شرحنا لھ كان متواض)The Masher (نرجو أن تكونوا قد وفقتم في االشتغال على ھذا البرنامج یوفر لنا جلم یتم شرحھا، و لو أردنا ذلك الحتجنا إلى كتاب آخر، فالبرنامھناك مجموعة من األمور یختص فیھا

تحكم في أمور شتى، زد على ذلك أنھ یمكننا إجراء مجموعة كمدرسین إمكانات كثیرة و خصائص جد متنوعة للات ـــــــــمن التعدیالت على الكود المصدري انطالقا من البرنامج، من شئنھا التحكم في الكود المصدري للصفح

Page 112: Hotpotatosarabic

112 إعداد و تنسیق األستاذ امبارك محبوب

لھذه compile لعمل ةالمدرجة فیھ، كما یمكننا من خلق ھذه الصفحات انطالقا من المشاریع نفسھا و دون الحاج ....لصفحات في برامجھا الخاصةا

و لم نتناول منھ إلى القلیل و ما یھم في ھذه المرحلة، فمستوانا The Masher نباختصار ھناك الكثیر ما یقال عاس ــــــالمتواضع وھدفنا الحالي ال یسمحان لنا بالولوج و شرح األكواد الكثیرة والمعقدة، المھم حالیا ھو االستئن

.شتغال علیھ رفقة تالمذتنا األعزاء بشكل بسیط و سھل و ممتع بالبرنامج و اال

تم بحمد هللا و عونھ ھذا الكتاب

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

Page 113: Hotpotatosarabic

113 إعداد و تنسیق األستاذ امبارك محبوب