🌐 الاستخدام الآمن للإنترنت ومبادئ البرمجة 💻

جلسة تفاعلية للفئة العمرية ⁦12 – 18⁩ سنة · مدتها 90 دقيقة

⏱️ ⁦10:00 – 11:30⁩ 🛡️ Internet Safety 🧩 Programming Principles 🐱 Scratch Projects

🔑 مفاهيم أساسية — اضغط على البطاقة لكشف المعلومة

Digital Safety Basics

🔒
كلمة المرور القوية
اضغط لمعرفة السر
12 حرفًا فأكثر، تجمع حروفًا كبيرة وصغيرة وأرقامًا ورموزًا، ومختلفة في كل حساب. مع تفعيل المصادقة الثنائية (Two-Factor Authentication) لحماية إضافية.
👣
البصمة الرقمية
اضغط لمعرفة السر
Digital Footprint: كل صورة أو منشور يترك أثرًا يبقى لفترة طويلة حتى بعد حذفه. فكّر قبل النشر: هل أرغب أن يراه معلمي بعد 5 سنوات؟
🎣
التصيّد الاحتيالي
اضغط لمعرفة السر
Phishing: رسائل أو روابط مزيفة تطلب بياناتك. علاماته: إلحاح غير مبرر، أخطاء إملائية، وعروض "جيدة لدرجة يصعب تصديقها". لا تضغط ولا ترسل معلومات دون تحقق.
🚫
التنمر الإلكتروني
اضغط لمعرفة السر
Cyberbullying: لا تردّ بنفس الأسلوب، احتفظ بلقطة شاشة كدليل، أبلغ شخصًا بالغًا تثق به، واستخدم خاصية الحظر والإبلاغ فورًا.

🤔 نشاط: صحّ أم تهديد؟

اقرأ كل موقف وقرّر: هل هو آمن أم يحمل خطرًا؟

قائمة تحقّق الأمان الرقمي

اضغط على كل عنصر أنجزته بالفعل

🏗️ ما هي البرمجة؟

البرمجة (Programming) هي إعطاء الحاسوب مجموعة أوامر واضحة ومرتّبة لتنفيذ مهمة معينة، تمامًا كوصفة طبخ مفصّلة — لا يمكن للحاسوب أن "يخمّن" خطوة ناقصة كما يفعل الإنسان.

🧱 اللبنات الأساسية للبرمجة — اضغط على البطاقة لكشف المعلومة

Building Blocks of Programming

🧮
المتغيرات
اضغط لمعرفة السر
Variables: وعاء لتخزين المعلومات ليستخدمه البرنامج لاحقًا. مثال: العمر = 15، الاسم = "سارة".
➡️
التسلسل
اضغط لمعرفة السر
Sequence: تنفيذ الأوامر بالترتيب، واحدًا تلو الآخر، تمامًا كخطوات وصفة طبخ.
🔀
الشرط (If)
اضغط لمعرفة السر
Conditionals: "إذا تحقق شرط معيّن، نفّذ كذا، وإلا نفّذ كذا". مثال: إذا كانت كلمة المرور صحيحة ← افتح الحساب.
🔁
التكرار
اضغط لمعرفة السر
Loops: يكرر خطوة معينة عدة مرات دون إعادة كتابتها يدويًا. مثال: كرر السؤال 3 مرات، أو اطبع الأرقام من 1 إلى 10.
🧰
الدوال
اضغط لمعرفة السر
Functions: مجموعة خطوات مجمّعة تحت اسم واحد يمكن استدعاؤها مرارًا دون إعادة كتابة نفس الكود. مثال: دالة "احسب_المجموع()".
🐞
تصحيح الأخطاء
اضغط لمعرفة السر
Debugging: الخطأ البرمجي (Bug) جزء طبيعي من البناء، والمبرمج الجيد يتعلم من تتبّعه وإصلاحه بشكل منهجي، لا بالتخمين العشوائي.

✂️ حل المشكلات والخوارزميات

تحليل المشكلات (Problem Decomposition): تقسيم مشكلة كبيرة ومعقدة إلى مشكلات صغيرة يسهل حل كل واحدة على حدة، ثم تجميع الحلول معًا.

الخوارزمية (Algorithm): مجموعة خطوات مرتّبة ومنطقية وواضحة لحل مسألة معينة، تُبنى عادة من اللبنات السابقة (تسلسل + شرط + تكرار) معًا.

🔄 رتّب خطوات البرنامج

برنامج بسيط يطبع الأعداد الزوجية من 1 إلى 10 — اسحب الخطوات لترتيبها بالتسلسل الصحيح، ثم اضغط "تحقّق من الترتيب"

✍️ نشاط: اكتب خوارزميتك (Pseudocode)

اختر أحد المواضيع التالية واكتب من 5 إلى 8 خطوات مرقّمة ومرتّبة منطقيًا:

  • خطوات تحضير ساندويتش بسيط
  • خطوات لعبة تخمين رقم بين 1 و100
  • خطوات تسجيل دخول آمن إلى البريد الإلكتروني
مثال توضيحي

1) ابدأ
2) اطلب من المستخدم إدخال البريد الإلكتروني وكلمة المرور
3) تحقّق: هل البيانات صحيحة؟
4) إن كانت صحيحة → افتح الحساب
5) إن لم تكن صحيحة → اعرض رسالة خطأ واطلب المحاولة مجددًا
6) انتهِ

🔗 الربط بين الموضوعين

عندما يكتب المبرمج شرطًا (If) للتحقق من صحة كلمة المرور أو بيانات المستخدم قبل قبولها، فهو فعليًا يطبّق مبدأ "التصميم الآمن منذ البداية" (Secure by Design) — حماية المستخدم لا تُضاف لاحقًا، بل تُبنى داخل منطق الكود نفسه، سطرًا بسطر. هذا ما يجعل مبادئ البرمجة والأمان الرقمي وجهين لعملة واحدة.

👉 حان وقت التطبيق العملي! انتقل إلى تبويب 🐱 مشروع Scratch لتجرّب هذه المبادئ بيديك.

🐱 ما هو Scratch؟

سكراتش (Scratch) بيئة برمجة بصرية مجانية طوّرها معهد MIT، تتيح لك بناء ألعاب وقصص متحركة ومشاريع تفاعلية عبر سحب وتركيب "قوالب" (Blocks) ملوّنة بدلًا من كتابة أسطر كود نصية. كل مبدأ تعلمناه في التبويب السابق — المتغيرات والتسلسل والشرط والتكرار والدوال — له قالب مطابق له تمامًا في سكراتش. البيئة متاحة مجانًا وتعمل من المتصفح مباشرة عبر scratch.mit.edu دون أي تثبيت.

🎭
المسرح (Stage)

الشاشة التي تظهر عليها الشخصيات وتُنفَّذ عليها الحركة والنتائج مباشرة أمام عينيك.

🐱
الشخصيات (Sprites)

الكائنات التي نبرمجها — قطة، كرة، شخصية من رسمك — لكل شخصية سكربتها (Script) الخاص بها.

🧩
لوحة القوالب (Block Palette)

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

📜
منطقة البرنامج (Script Area)

المساحة التي نسحب إليها القوالب ونربطها فوق بعضها البعض لبناء البرنامج الكامل.

🧱 من المبادئ إلى قوالب Scratch — اضغط على البطاقة لكشف المعلومة

Programming Principles → Scratch Blocks

🧮
المتغيرات
اضغط لمعرفة القالب
فئة Variables البرتقالية: قالبا "اجعل [النقاط] = 0" و"غيّر [النقاط] بمقدار 1" يخزّنان بيانات مثل النقاط أو الاسم ويغيّرانها أثناء التشغيل.
➡️
التسلسل
اضغط لمعرفة القالب
لا يوجد قالب خاص بالتسلسل — أي قوالب نضعها فوق بعضها تُنفَّذ من الأعلى للأسفل تلقائيًا. هذا هو التسلسل بعينه.
🔀
الشرط
اضغط لمعرفة القالب
فئة Control البرتقالية: قالبا "إذا ‹› فإن" و"إذا ‹› فإن... وإلا" على شكل حرف C يحتضنان القوالب التي تُنفَّذ عند تحقق الشرط.
🔁
التكرار
اضغط لمعرفة القالب
فئة Control أيضًا: قوالب "كرر (10)"، "كرر حتى ‹›"، و"كرر للأبد" — تكرر ما بداخلها دون الحاجة لإعادة كتابته.
🧰
الدوال
اضغط لمعرفة القالب
فئة My Blocks (الوردية): يمكنك إنشاء قالب خاص بك يجمع عدة قوالب تحت اسم واحد تستدعيه متى شئت — تمامًا كما تعلمنا في الدوال.
🎬
الأحداث (جديد!)
اضغط لمعرفة القالب
Events: قوالب القبعة (Hat Blocks) الصفراء مثل "عندما 🏁 يُنقر" أو "عندما يُضغط مفتاح [مسافة]" هي نقطة انطلاق كل سكربت — بدونها لن يعمل شيء!

🎮 أمثلة عملية — سكربتات جاهزة

هكذا تبدو هذه القوالب فعليًا عند تركيبها معًا داخل Scratch

1) 🟢 مبتدئ — رحّب بي يا قطوتي
🏁 عندما يُنقر
قل مرحبًا! أنا مبرمج 👋 لمدة 2 ثانية
تحرّك 10 خطوات
ابدأ الصوت Meow
2) 🟡 متوسط — القط المرتد
🏁 عندما يُنقر
🔁 كرر للأبد
تحرّك 10 خطوات
إن لامس الحافة، ارتدّ
3) 🔴 مرتبط بالأمان الرقمي — مدقّق كلمة المرور 🔐
🏁 عندما يُنقر
اجعل المحاولات = 0
اسأل ما هي كلمة المرور السرية؟ وانتظر
❓ إذا ‹طول الإجابة ≥ 8› فإن
قل كلمة مرور قوية! ✅ لمدة 2 ثانية
وإلا
قل كلمة قصيرة، جرّب كلمة أطول ⚠️ لمدة 2 ثانية

💡 لاحظ كيف يطابق هذا السكربت تمامًا فكرة "الشرط كخط دفاع أمني" التي ناقشناها في التبويب السابق!

4) 🟣 تحدٍ إضافي — نظام القفل بعد 3 محاولات
🏁 عندما يُنقر
اجعل المحاولات = 0
🔁 كرر حتى ‹المحاولات = 3›
اسأل أدخل كلمة المرور وانتظر
❓ إذا ‹الإجابة = 1234abcd› فإن
قل تم الدخول بنجاح ✅
أوقف كل شيء
وإلا
غيّر المحاولات بمقدار 1
قل تم قفل الحساب 🔒 حاول لاحقًا لمدة 2 ثانية

💡 هذا يشبه تمامًا آلية قفل الحسابات الحقيقية بعد عدة محاولات دخول خاطئة — مثال حي على "مبادئ البرمجة والأمان الرقمي وجهان لعملة واحدة".

🧩 نشاط: رتّب قوالب مدقّق كلمة المرور

القوالب التالية بترتيب عشوائي — اسحبها لتركيبها بالترتيب الصحيح كما في المثال رقم 3 أعلاه، ثم اضغط "تحقّق من الترتيب"

🏋️ تمارين تدريجية — من مبتدئ إلى تحدي الأمان

افتح Scratch وجرّب بنفسك، بالترتيب من الأسهل إلى الأصعب

1 اجعل القطة تتحرك وتتكلم

استخدم قالب "عندما 🏁 يُنقر"، ثم أضف قالب "قل ... لمدة ثانية" من فئة Looks، وقالب "تحرّك ... خطوات" من فئة Motion.

تلميح

تذكّر أن الترتيب مهم — القالب الأول يجب أن يكون قالب حدث (Hat Block) أصفر، وإلا لن يعمل باقي السكربت.

2 لعبة القط النطاط

أضف قالب "كرر للأبد" يحتوي على قالب حركة وقالب "ارتدّ عند لمس الحافة"، بحيث يتحرك القط باستمرار داخل حدود الشاشة دون أن يتوقف.

تلميح

قالب "كرر للأبد" من فئة Control لا يتوقف أبدًا طوال تشغيل البرنامج — استخدمه بحذر ولا تضع بعده أي قوالب لأنها لن تُنفَّذ أبدًا.

3 لعبة التقط الأشياء المتساقطة 🍎

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

تلميح

ستحتاج: متغيّر (Variables) لعدّ النقاط + تكرار للأبد (Loops) لحركة مستمرة + شرط "إذا لامس" (Conditionals) لاكتشاف التقاط السلة + قالب "اختر رقمًا عشوائيًا" من فئة Operators لتحديد نقطة سقوط التفاحة.

4 تحدي الأمان 🔐 — ابنِ مدقّق كلمة مرور ذكي

استخدم ما تعلمته لبناء سكربت يسأل المستخدم عن كلمة مرور، ثم يتحقق: هل طولها 8 أحرف فأكثر؟ إذا كانت قصيرة، اطلب منه المحاولة مرة أخرى — ولا تسمح له بأكثر من 3 محاولات، تمامًا مثل تطبيقات البنوك الحقيقية!

تلميح

راجع المثالين 3 و4 في قسم "أمثلة عملية" أعلاه للاستئناس، لكن حاول تصميم الحل بنفسك أولًا قبل النظر إليهما.

🏆 اختبر معلوماتك

7 أسئلة تجمع بين الأمان الرقمي ومبادئ البرمجة ومشروع Scratch

📝 بطاقة الالتزام الشخصي

ابتداءً من اليوم، سألتزم بـ...