البداية

المهارات الرقمية · الوحدة الثالثة

مقدمة في البرمجة

ثلاثة دروس في رحلة واحدة: ما البرنامج؟ · الخوارزمية والمخططات الانسيابية · لنطبّق معًا

# برنامجي الأول
name = input("ما اسمكِ؟ ")
print("أهلًا بكِ يا", name)
أهلًا! أنا بِتّة، روبوتة صغيرة تنفّذ الأوامر.
هيا نتعلّم كيف نكتبها معًا!
حللتُنَّ أهلًا ونزلتُنَّ سهلًا إعداد المعلمة: أمل الثقفي للتنقل: الأسهم أو المسافة · اضغطي أي محطة للاقتراب منها
ابدئي

الانطلاقة

# نهيّئ عقولنا للرحلة

نبدأ باسم الله

بسم الله الرحمن الرحيماللهمّ افتح لنا أبواب رحمتك وعظيم سلطانك، اللهمّ علّمنا ما ينفعنا، وانفعنا بما علّمتنا، وزدنا علمًا

اذكري اللهلا إله إلا الله
دليل الرحلة

تعرّفي على بِتّة

أنا بِتّة، روبوتة لا أفعل شيئًا من تلقاء نفسي! أنفّذ البرنامج الذي تكتبينه لي، خطوةً بعد خطوة.
  • ← للتالي، → للسابق
  • «الخريطة» تعرض الرحلة مخططًا انسيابيًا
  • اجمعي النجوم من الأنشطة
  • «المختبر» لرسم المخططات وتشغيلها
  • بطاقة بنفسجية = تفكير عليا
  • بطاقة زرقاء = تفكير حاسوبي

انقري على بِتّة لتسمعي نصيحة جديدة.

خطة الوحدة

محاور اللقاء

——

أهداف الوحدة

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

دروس هذه الرحلة

  1. ما البرنامج؟ البرنامج، وكيف أكتب برنامجًا، والتعليمات البرمجية بلغات مختلفة.
  2. الخوارزمية والمخططات الانسيابية: الخوارزمية، والمخطط الانسيابي، ومراحل إنشاء البرنامج.
  3. لنطبّق معًا: حلّ تمارين، ثم تطبيقها في مختبر المخططات.

لاحظي: أهداف الوحدة نفسها مرسومة مخططًا انسيابيًا!

الواجب

كتاب الطالبة ص ٩٧

التسليم في رابط المهام.

ما سأطبّقه: تبسيط المفاهيم، وحلّ التمارين في المختبر.

مراجعة الدرس السابق

اختاري الإجابة الصحيحة

تذكّر
فكّري

كيف استطاع روبوت الحرم أن يقوم بعمله؟

تفكير عليا · استنتاجتفكير حاسوبي · خوارزمية

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

هل أستطيع أن أعطيه أوامر أخرى لتنفيذ أعمال أخرى؟

نعم! الروبوت لا يفكّر وحده، بل ينفّذ برنامجًا كتبه مبرمج. وإذا تغيّر البرنامج تغيّر العمل: يرشد الزوار، أو يجيب عن الأسئلة، أو يعقّم المكان.

الدرس ١

ما البرنامج؟

# أوامر… بلغة… لمهمة محددة

ما هو برنامج اليوم؟

هل تستطيع الأجهزة أن تتخذ قرارات بنفسها؟

تفكير عليا · تقييم

إشارة المرور تتحوّل إلى الأحمر وحدها. هل قرّرت ذلك بنفسها؟

هل للأجهزة الإلكترونية فائدة بلا برامج؟

أحيانًا نحتاج إلى وضع قواعد جديدة واتخاذ قرارات جديدة وفقًا لمواقف محددة… وهذا عمل البرنامج.

نشاط ١ · المفاهيم الكرتونية

ما هو البرنامج؟ من على حق؟

تفكير عليا · تقييم

اقرئي آراء الأصدقاء الأربعة، ثم اختاري صاحب الإجابة الأدقّ. (الزمن: دقيقتان)

الدرس الأول · المفهوم

من المبرمجة إلى الحاسب

تفكير حاسوبي · تمثيل البيانات
البرنامج: مجموعة من الأوامر المكتوبة بلغة برمجة معيّنة لتنفيذ مهمة محددة.
المبرمجةتكتب البرنامج بلغة برمجة
print("سلام")البرنامج
المترجميترجم الأوامر إلى لغة الآلة
0110 1011لغة الآلة: 0 و 1
الحاسبيفهمها وينفّذ

لغة الآلة هي اللغة الوحيدة التي يفهمها الحاسب، حتى الحروف تُخزَّن داخله أرقامًا ثنائية من 0 و 1.

نشاط ٢ · الترتيب المنطقي

كيف أكتب برنامجًا (أصبح مبرمجة)؟

تفكير عليا · قياسخوارزمية

تذكّري أولًا: كيف أصبح مترجمة؟

  1. أختار اللغة المناسبة.
  2. أتعلّم قواعد اللغة ومفرداتها حتى الإتقان.
  3. أبدأ في الترجمة.

المبرمجة مثل المترجمة تمامًا… لكن لغتها لغة برمجة!

رتّبي الخطوات ترتيبًا منطقيًا (اسحبي أو استخدمي الأسهم):

  1. أبدأ في تصميم البرنامج
  2. أختار لغة برمجة مناسبة
  3. أتعلّم قواعد لغة البرمجة ومفرداتها حتى الإتقان

الدرس ١

لغات البرمجة

# أمر واحد… بلغات كثيرة

التعليمات البرمجية بلغات مختلفة

الأمر نفسه… بلغات مختلفة

تفكير عليا · مقارنة
بابdoorportepuertaTür

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

جرّبي الأمر «اعرض Hello world!» في أربع لغات برمجة.

لغة برمجة بايثون Python

جرّبي بايثون بنفسكِ

تفكير حاسوبي · تجريب
عالية المستوىقريبة من لغة الإنسان
سهلة وممتعةللمبتدئين في البرمجة
مفتوحة المصدريمكن التعديل على أوامرها البرمجية
عالميةتعتمد على كتابة الأكواد (التعليمات البرمجية)
لغة الإنسانبايثون (عالية المستوى)0101 لغة الآلة
Python
>>>

نشاط ٣ · طالبتي المجتهدة

حدّدي العبارة الصحيحة والخاطئة

تفكير عليا · تقييم

الشخص الذي يكتب البرنامج يُسمّى مبرمجًا.

اللغة التي يفهمها جهاز الحاسب هي الإنجليزية.

اللغات العالية المستوى قريبة من فهم الحاسب.

المقصود بمفتوح المصدر: يمكن التعديل على الأوامر البرمجية.

البرمجة تساعد على كتابة أوامر البرنامج.

نحتاج إلى مترجم لتحويل لغة البرمجة إلى لغة الآلة.

الدرس ٢

الخوارزمية

# خطوات واضحة لحل مشكلة

الدرس الثاني · تذكّري

قاعدة برمجية تحمل اسم عالم مسلم

تفكير عليا · ربط

سبق أن تعرّفتِ على قاعدة من قواعد البرمجة تذكّرنا باسم عالم رياضيات مسلم. ما هي؟

محمد بن موسىالخوارزمي

عالم رياضيات مسلم طوّر طرقًا سريعة لضرب الأعداد وقسمتها، فعُرفت هذه الطرق باسمه: Algorithm أي الخوارزمية، وعليها تعمل أجهزة الحاسب اليوم.

الجبرالمثلثاتالفلكالجغرافيارسم الخرائط

اطّلع على العلوم اليونانية والهندية، وما زالت البشرية تستفيد من أعماله حتى الآن.

الدرس الثاني · المفهوم

الخوارزمية: خطوات واضحة لحل مشكلة

تفكير حاسوبي · تجريد
الخوارزمية قائمة من التعليمات يتم اتباعها لحل مشكلة معيّنة خطوة بخطوة، ومن المهم أن تكون التعليمات واضحة وسهلة لتُنفَّذ دون أخطاء.
شغّلي الآلة مع المثالين

المدخلات

الخوارزمية

    المخرجات

    ؟
    نشاط ٢ · طالبتي المحبّة للعلم

    رتّبي خطوات خوارزمية جمع عددين

    تفكير حاسوبي · خوارزمية
    1. اجمع الرقم الأول مع الثاني، واحفظ الناتج
    2. استقبل الرقم الأول واحفظه
    3. استقبل الرقم الثاني واحفظه

    المدخلاتالعدد الأول، العدد الثاني
    الخوارزميةالخطوات ١ ← ٢ ← ٣
    المخرجاتالنتيجة (المجموع)

    لو بدّلنا مكان الخطوتين الأولى والثالثة، ماذا يحدث؟

    الخوارزمية في حياتنا

    وصفة الفطيرة المحلّاة خوارزمية!

    تفكير حاسوبي · تجزئة

    صنّفي كل بطاقة: هل هي من المدخلات، أم من الخوارزمية (إجراءات الطهي)، أم من المخرجات؟ اضغطي البطاقة ثم الصندوق.

    المدخلات

    الخوارزمية

    المخرجات

    ما هذه الخطوات؟

    خطوات حلّ المشكلة

    تفكير عليا · تحليلتجزئة
    تحديد المشكلةتحليل المشكلةابتكار الحلولالتنفيذ

    مشكلة من مدرستنا: طابور المقصف طويل والفسحة قصيرة. صِلي كل خطوة بما يناسبها:

    الدرس ٢

    المخطط الانسيابي

    # نرسم الخوارزمية بالأشكال

    الدرس الثاني · Flowchart

    المخطط الانسيابي وأشكاله

    تفكير حاسوبي · تمثيل
    المخطط الانسيابي نوع من المخططات البيانية يُستخدم لتمثيل الخوارزمية، ويعرض الخطوات التي نتّبعها بالترتيب الصحيح، ويقسّم المشكلة إلى مهام أصغر.

    اضغطي شكلًا لتجديه في هذا المخطط: هل نجحت الطالبة؟

    تحدّي الأشكال

    صِلي الشكل بوظيفته

    فهم وربط

    اضغطي الشكل، ثم اضغطي ما يُكتب داخله.

    مخطط انسيابي فيه قرار وتكرار

    نفّذي مخطط الفطيرة خطوة بخطوة

    تتبّعتفكير عليا
    الخطوة الحاليةاضغطي «ابدئي التنفيذ»

    عندما كان الجواب «لا» عاد السهم إلى الخلف. لماذا؟

    نشاط ٣ · التعليم الذاتي

    أريد حساب مساحة المستطيل

    تفكير حاسوبي · تجزئة

    علمًا أن: مساحة المستطيل = الطول × العرض

    مثال: طول ٥ وعرض ٣ ← المساحة ١٥ مربعًا.

    المدخلات

    الخوارزمية

    المخرجات

    نشاط ٣ · المخطط الانسيابي

    عبّري عن خوارزمية المساحة بمخطط

    تفكير حاسوبي · تمثيل

    اضغطي البطاقة، ثم الشكل المناسب لها في المخطط.

    تلميح: متوازي الأضلاع للإدخال والإخراج، والمستطيل للعمليات.

    البداية
    النهاية
    الدرس ٢

    من المخطط إلى البرنامج

    # مراحل إنشاء البرنامج

    الدرس الثاني · مراحل إنشاء البرنامج

    ما خطوات إنشاء البرنامج؟

    تفكير حاسوبي · خوارزمية

    رتّبي المراحل الأربع:

    1. رسم المخطط الانسيابي بناءً على الخطوات الخوارزمية
    2. كتابة البرنامج بلغة البرمجة
    3. تحديد المشكلة
    4. كتابة الخطوات الخوارزمية اللازمة لحلها بترتيب متسلسل

    رتّبي المراحل أولًا… ليظهر المثال

    المشكلةنريد مساحة مستطيل.
    الخوارزميةأدخل الطول والعرض، اضربهما، اعرض الناتج.
    المخططبداية ← إدخال ← عملية ← إخراج ← نهاية.
    البرنامجarea = length * width

    مثال من نشاط المستطيل… لاحظي أن كل مرحلة تبني على التي قبلها.

    المرحلة الرابعة · كتابة البرنامج

    من المخطط إلى بايثون

    تفكير حاسوبي · تجريد
    البداية
    أدخل الطول
    أدخل العرض
    المساحة = الطول × العرض
    اعرض المساحة
    النهاية
    # البداية
    length = int(input("الطول: "))
    width = int(input("العرض: "))
    area = length * width
    print("المساحة =", area)
    # النهاية

    انقري أي شكل أو سطر لتري ما يقابله. int(…) تحوّل ما تكتبه المستخدمة إلى عدد صحيح.

    فكّري كالحاسب

    تتبّعي البرنامج سطرًا سطرًا

    تفكير حاسوبي · تتبّع
    x = 8
    y = 4
    avg = (x + y) / 2
    print(avg)

    تذكّري: ما بين القوسين يُحسب أولًا، ثم القسمة.

    بعد تنفيذ السطر ٣، ما قيمة avg؟

    أيّ سطر يعرض النتيجة على الشاشة (المخرجات)؟

    لو غيّرنا السطر الأول إلى x = 10، كم تصبح avg؟

    الدرس ٣

    لنطبّق معًا

    # نحلّ التمارين… ونشغّلها في المختبر

    الدرس الثالث · التفكير الحاسوبي

    فكّري كـمبرمجة

    تفكير حاسوبي

    مهارات التفكير الحاسوبي الأربع في تمارين اليوم:

    التجزئة

    نقسّم المسألة: إدخال ← معالجة ← إخراج.

    التعرّف على الأنماط

    متوسط رقمين وثلاثة: المجموع ÷ العدد في كل مرة.

    التجريد

    نهتم بالطول والعرض فقط، لا بلون المستطيل!

    الخوارزمية

    خطوات مرتّبة نرسمها مخططًا ثم نكتبها برنامجًا.

    عند حساب مساحة المستطيل لا نهتم بلونه ولا بمادته. هذا مثال على:

    نشاط ١ · الدرس الثالث

    رتّبي خطوات حساب متوسط رقمين

    خوارزمية

    ١) اكتبي السؤال في دفتركِ. ٢) رتّبي الخطوات الخوارزمية:

    1. اعرض النتيجة على الشاشة
    2. أدخل الرقمين
    3. احسب متوسط الرقمين

    ٣) المخطط الانسيابي:

    رتّبي الخطوات أولًا… ليظهر المخطط

    البداية
    أدخل الرقمين x , y
    المتوسط = (x + y) / 2
    اعرض النتيجة على الشاشة
    النهاية
    نشاط ٢ و ٣ · التعرّف على الأنماط

    اكتشفي النمط

    أنماطتفكير عليا · تعميم
    متوسط رقمين(x + y) / 2
    متوسط ثلاث درجات(x + y + z) / 3
    متوسط أربع درجات?
    تحويل الكيلومترات إلى أميالmiles = km / 1.61

    ما صيغة متوسط أربع درجات a , b , c , d؟

    كم ميلًا تساوي 161 كيلومترًا؟ (الأميال = الكيلومترات ÷ 1.61)

    الدرس الثالث · التطبيق العملي

    طبّقي في مختبر المخططات

    خوارزميةتطبيق

    ارسمي المخططات الانسيابية، وشغّليها، وشاهدي برنامجها بلغة بايثون. يرشدكِ المختبر خطوة بخطوة، ويمكنكِ مشاهدة الطريقة قبل أن تطبّقي.

      التقويم

      اختبري نفسكِ

      # هل فهمتِ؟ نعم ← تابعي

      التقويم · اختيار من متعدد

      اختاري الإجابة الصحيحة

      تذكّر وفهم
      التقويم · طالبتي المجتهدة

      صواب أم خطأ؟

      تفكير عليا · تقييم

      البرنامج مجموعة أوامر لتنفيذ مهمة محددة.

      لغة بايثون عالية المستوى قريبة من لغة الحاسب.

      اللغة الرقمية (لغة الآلة) هي الإنجليزية.

      الشكل البيضاوي يُستخدم للإدخال والإخراج.

      أول مرحلة في إنشاء البرنامج هي تحديد المشكلة.

      للتحويل من لغة البرمجة إلى لغة الآلة نحتاج إلى مترجم.

      التقويم · توصيل

      صِلي المصطلح بمعناه

      فهم وربط

      اضغطي المصطلح، ثم معناه.

      التقويم · تصحيح الأخطاء

      اكتشفي الخطأ في كل مخطط

      تفكير عليا · تحليلتصحيح
      أدخل العدد n
      اعرض n
      النهاية

      ما الخطأ؟

      البداية
      أدخل الدرجات x, y, z
      المتوسط = (x + y + z) / 2
      اعرض المتوسط

      ما التصحيح؟

      البداية
      اعرض المساحة
      أدخل الطول والعرض
      المساحة = الطول × العرض

      ما الخطأ؟

      التقويم · مشروع إبداعي

      صمّمي خوارزميتكِ الخاصة

      تفكير عليا · إبداعتجزئة

      ١) اختاري مشكلة من حياتكِ:

      ٢) معايير النجاح: أشّري على ما أنجزتِه:

      الختام

      نلخّص ونستعد

      # خريطة الدرس… والواجب

      الختام · ملخّص

      خريطة الوحدة

      مقدمة في
      البرمجة
      البرنامجأوامر بلغة برمجة لتنفيذ مهمة محددة
      المترجم ولغة الآلةيحوّل الأوامر إلى 0 و 1
      لغات البرمجةبايثون: عالية المستوى، سهلة، مفتوحة المصدرprint("Hello")
      الخوارزميةخطوات واضحة: مدخلات ← معالجة ← مخرجات
      المخطط الانسيابيبيضاوي: بداية/نهاية · متوازي أضلاع: إدخال/إخراج · مستطيل: عملية · معيّن: قرار
      مراحل إنشاء البرنامجتحديد المشكلة ← الخوارزمية ← المخطط ← البرنامج
      استراحة ذكر

      صِلي الذكر بأجره

      اذكري اللهلا إله إلا الله
      الختام · تقويم ذاتي

      ما النقطة المشوّشة في الدرس؟

      ما وراء المعرفة

      اختاري الجزء الذي ما زال غير واضح… وسنعود إليه معًا الآن.

      الختام

      الواجب: كتاب الطالبة ص ٩٧

      قبل الواجب تأكّدي أنكِ:

      1. تعرّفين البرنامج، ودور المترجم ولغة الآلة.
      2. تذكرين مزايا لغة بايثون.
      3. تكتبين الخوارزمية: مدخلات ← خطوات ← مخرجات.
      4. ترسمين المخطط الانسيابي بأشكاله الصحيحة.
      5. ترتّبين مراحل إنشاء البرنامج الأربع.
      6. أنجزتِ مهام مختبر المخططات.

      التسليم في رابط المهام.

      كفّارة المجلس

      سبحانك اللهمّ وبحمدك، أشهد أن لا إله إلا أنت، أستغفرك وأتوب إليك

      أحسنتُنّ يا مبرمجات المستقبل!
      0