☰ خطة العام · تكنولوجيا المعلومات والاتصالات (بالعربية)

الشفرة والصفحات المتغيرة وحل المشكلات

الأسبوع 21 · المحور الثالث، الدرس ٦ «البرمجة والمشكلات الرقمية وكيفية حلّها»: لغات البرمجة والمحتوى الثابت والمتغير وحلول المشكلات · 3 دروس
2

صفحة ثابتة أم صفحة متغيرة؟

ICT P6 Term 2, Theme 3: pp. 30–33
الهدفCompare HTML and JavaScript and decide which pages and apps need content that changes.
كلمات جديدة
مخطط فن · رسم بدوائر متداخلة يبيّن ما يختلف وما يتشابهالمستخدم · الشخص الذي يستخدم صفحة أو تطبيقًاالتفاعل · ما يفعله المستخدم في الصفحة، كالضغط على زرسلة التسوق · قائمة تكبر كلما أضاف المتسوق شيئًا
الشرح

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

HTMLجافا سكريبتأسهل للبدءمواقع أصغرصفحات تتغيرمع المستخدملغات لبناءالمواقع
أمثلة محلولة
محادثةلعبةتسوق
ثلاث صفحات يجب أن تتغير بحسب ما يفعل المستخدمون: صفحة محادثة لأن رسائل جديدة تصل، وصفحة لعبة لأن النتيجة تتحرك، وصفحة تسوق لأن السلة تكبر مع كل غرض.
يملأ كريم سلة تسوق. يضيف كتابين فتكتب الصفحة «الأغراض: ٢». ثم يضيف قلمًا فتكتب «الأغراض: ٣». يتغير الرقم بعد كل فعل، وهذا محتوى ديناميكي.
جزء الصفحةثابت أم ديناميكي؟
العنوان: طقس اليومثابت
درجة الحرارةديناميكي
ملاحظة: «انتبه»ثابت
صفحة طقس لبلدة خيالية. عبارة «طقس اليوم» ثابتة. أما درجة الحرارة فتُحدَّث طوال اليوم، فتحتاج إلى لغة قادرة على تغيير الصفحة.
نشاط الفصل

مخطط فن والاختيار. ارسم مخطط فن لـ HTML وجافا سكريبت وضع هذه العبارات في مكانها: «أسهل للبدء»، «يتفاعل مع المستخدم»، «يُستخدم لبناء المواقع»، «الأفضل لصفحة صغيرة ثابتة». ثم تخيل صفحة تعرض رحلات القوارب في النيل: ما الأجزاء التي تبقى ثابتة وما الأجزاء التي يجب أن تتغير حين يختار الزائر يومًا؟ وقل أي لغة تناسب كل جزء.

تدرّب
1
ما الذي تشترك فيه HTML وجافا سكريبت؟
2
أيهما أفضل للمحتوى الذي يتغير بحسب المستخدم؟
3
اذكر ثلاثة أمثلة على صفحات أو تطبيقات يجب أن تتغير بحسب ما يفعل المستخدمون.
4
هل ملصق قواعد المدرسة ثابت أم ديناميكي؟