AJEEB معلوماتية العجيب — الجزء التاسع
الجزء التاسع • أدوات جاهزة

صندوق الأدوات الجاهزة للتنفيذ

كود MVP جاهز للنسخ، 5 خطابات رسمية للإرسال، قالب درس قابل للتكرار، 6 سكريبتات سوشيال ميديا، 3 تحديات Python، إنفوغرافيك إعلامي، قائمة تحقق ما قبل الإطلاق. كل شيء قابل للنسخ والاستخدام فوراً.

💻 كود MVP الأولي — صفحة HTML جاهزة

// 70 — STARTER CODE

هذا كود HTML كامل لأول صفحة من "معلوماتية العجيب". يحتوي: التصميم بهويتك (NVIDIA diamond)، شعار AJEEB، RTL عربي، dark mode، نموذج درس، نموذج اختبار، نموذج تسجيل. انسخه واحفظه باسم index.html وارفعه على Hostinger.

📄 الملف الأول: صفحة الترحيب

صفحة landing تستقبل التلميذ، تعرض الوحدة الأولى، وتسمح بالتسجيل.

📄 index.html HTML5 + Tailwind
<!DOCTYPE html>
<html lang="ar" dir="rtl" data-theme="dark">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>معلوماتية العجيب — أكاديمية موريتانيا الرقمية</title>
  <link href="https://fonts.googleapis.com/css2?family=Cairo:wght@400;700;900&display=swap" rel="stylesheet">
  <style>
    /* خلفية NVIDIA الماسية */
    body {
      background: #111115;
      color: #e9e9f0;
      font-family: 'Cairo', sans-serif;
      margin: 0;
    }
    body::before {
      content: "";
      position: fixed; inset: 0; z-index: 0;
      background:
        linear-gradient(45deg, rgba(255,255,255,.045) 1px, transparent 1px),
        linear-gradient(-45deg, rgba(255,255,255,.045) 1px, transparent 1px);
      background-size: 44px 44px;
      pointer-events: none;
    }
    .container { max-width: 1200px; margin: 0 auto; padding: 40px 20px; position: relative; }
    .hero { text-align: center; padding: 60px 0; }
    h1 { font-size: 48px; font-weight: 900; margin-bottom: 20px; }
    .accent { color: #ffb400; }
    .btn-cta {
      display: inline-block; padding: 14px 32px;
      background: #00a2ed; color: white; border-radius: 8px;
      font-weight: 700; text-decoration: none; margin-top: 20px;
    }
  </style>
</head>
<body>
  <div class="container">
    <section class="hero">
      <h1>
        تعلّم البرمجة بالعربية مع <span class="accent">معلوماتية العجيب</span>
      </h1>
      <p>أول منصة موريتانية لتعليم المعلوماتية للتلاميذ من 8 إلى 18 سنة.</p>
      <a href="#unit1" class="btn-cta">ابدأ الآن مجاناً 🚀</a>
    </section>
  </div>
</body>
</html>

⚙️ التطبيق: هذا الهيكل البسيط فقط ~50 سطراً. ابدأ منه، ثم أضف عبر الأيام: قسم الوحدات، قسم الدروس، نموذج التسجيل بـ Firebase، AI Tutor.

🤖 كود AI Tutor — استدعاء Claude API

// 71 — AI TUTOR CODE

هذا كود JavaScript جاهز لربط واجهة الموقع بـ Claude API. عند سؤال التلميذ، يصل السؤال للـ Backend، يضاف "السياق" (أنت معلم برمجة موريتاني)، ويعود الجواب. التكلفة المقدّرة: ~0.003$ لكل سؤال.

⚡ ربط الواجهة بـ Claude API

يجب أن يكون مفتاح API في Backend، لا في المتصفح! استخدم Cloudflare Workers (مجاني) أو خادم بسيط.

📄 ai-tutor.js JavaScript
// نظام الـ Prompt الأساسي
const SYSTEM_PROMPT = `أنت "أستاذ العجيب الذكي" — معلم برمجة موريتاني صبور.

قواعد عملك:
1. تردّ بالعربية الفصحى المبسّطة دائماً
2. لا تعطي إجابات جاهزة. اطرح أسئلة تقود التلميذ للحل
3. استخدم أمثلة موريتانية (نواكشوط، أتار، تيشيت، الجمل، الشاي)
4. احتفل بالأخطاء — "رائع! اكتشفت bug!"
5. لا تتجاوز 4 أسطر في الردّ الواحد
6. لا تردّ على أسئلة خارج البرمجة والمعلوماتية`;

async function askTutor(studentQuestion) {
  const response = await fetch('/api/tutor', {
    method: 'POST',
    headers: { 'Content-Type': 'application/json' },
    body: JSON.stringify({
      system: SYSTEM_PROMPT,
      message: studentQuestion,
      max_tokens: 300
    })
  });

  const data = await response.json();
  return data.reply;
}

// مثال للاستخدام في الواجهة
document.getElementById('send-btn').addEventListener('click', async () => {
  const question = document.getElementById('student-input').value;
  const reply = await askTutor(question);
  displayMessage(reply, 'tutor');
});
📄 cloudflare-worker.js (Backend) JavaScript
export default {
  async fetch(request, env) {
    const { system, message } = await request.json();

    const response = await fetch('https://api.anthropic.com/v1/messages', {
      method: 'POST',
      headers: {
        'x-api-key': env.CLAUDE_KEY,  // مفتاحك السري
        'anthropic-version': '2023-06-01',
        'Content-Type': 'application/json'
      },
      body: JSON.stringify({
        model: 'claude-haiku-4-5-20251001',  // الأرخص والأسرع
        system: system,
        messages: [{ role: 'user', content: message }],
        max_tokens: 400
      })
    });

    const data = await response.json();
    return new Response(JSON.stringify({
      reply: data.content[0].text
    }));
  }
};

💰 التكلفة الفعلية: Claude Haiku ~$1 لكل مليون توكن إدخال + $5 للإخراج. كل سؤال تلميذ ~500 توكن. 1000 سؤال يومياً = ~5$ شهرياً. خفيف جداً!

📧 5 خطابات رسمية جاهزة للإرسال

// 72 — EMAIL TEMPLATES

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

📝 قالب درس قابل للتكرار

// 73 — REUSABLE LESSON TEMPLATE

هذا القالب يمكن استخدامه لكل درس في المنهج. ما عليك سوى تعويض النص بين الأقواس [...] بمحتوى الدرس الفعلي. القالب يطبّق كل المبادئ البيداغوجية من الجزء السابع.

📋 قالب الدرس الموحَّد لـ "معلوماتية العجيب"

انسخ هذا القالب لكل درس جديد، استبدل [النصوص بين الأقواس] بمحتواك

📌1. الترويسة

الوحدة: [رقم الوحدة] — [اسم الوحدة]
الدرس: [رقم الدرس] — [عنوان الدرس]
المدة: [60] دقيقة • المستوى: [السنة الأولى إعدادي] • المتطلبات: [دروس سابقة]

🎯2. الأهداف (Bloom)
في نهاية هذا الدرس، يكون التلميذ قادراً على:
  • [فعل تطبيق] [ماذا] [في أي سياق] — مثال: "كتابة حلقة for بسيطة في Python"
  • [فعل تحليل] [ماذا]
  • [فعل ابتكار] [ماذا]
📖3. القصة الافتتاحية

[فقرة قصيرة 100 كلمة عن شخصية موريتانية تواجه مشكلة. مثال: "محمد في تيشيت يحتاج تطبيقاً لـ..."]

💡4. المفهوم الأساسي

[شرح المفهوم بأسلوب مبسط، 200-300 كلمة]
[رسم توضيحي: ضع وصف الصورة هنا]

⌨️5. مثال محلول كامل

[كود مع تعليقات شارحة لكل سطر]

⚠️6. تحذير من الخطأ الشائع

[الخطأ #1 الذي يرتكبه 80% من المبتدئين + كيف تتجنّبه]

🔄7. التمارين الثلاثة المتدرّجة
  • سهل: [تمرين بسيط — تطبيق مباشر للمفهوم]
  • ⭐⭐ متوسط: [تمرين يحتاج جمع مفهومين أو ثلاثة]
  • ⭐⭐⭐ صعب: [مشروع مصغّر — تطبيق على مشكلة حقيقية]
💡8. هل تعلم؟

[حقيقة ممتعة عن تاريخ البرمجة، شخصية ملهمة، أو تطبيق مفاجئ في الواقع]

📝9. المراجعة الذاتية
  • ☐ أفهم [المفهوم 1]
  • ☐ أستطيع [تطبيق 1]
  • ☐ أستطيع شرح [الفكرة الأساسية] لزميلي
  • ☐ أنجزت 3 تمارين بنجاح
🎁10. التحدي للأسبوع القادم

[مشروع منزلي اختياري يطبق ما تعلّم في سياق أوسع]

🎬 6 سكريبتات سوشيال ميديا جاهزة

// 74 — SOCIAL MEDIA SCRIPTS

المحتوى الجيد يحتاج سكريبتاً جيداً. هذه 6 سكريبتات قابلة للنسخ والتسجيل خلال ساعة. تشمل التيك توك، يوتيوب، فيسبوك، واتساب — مع الـ hashtags والصور المقترحة.

TIKTOK

1. "تعلم Python في 60 ثانية"

⏱️ 60 ثانية • 🎯 الجمهور: مبتدئون 12-18 • 🎬 التسجيل: 30 دقيقة
0:00 - 0:03
📹 صورة قريبة لوجهك، خلفية نواكشوط
"إذا قلتلك تكتب اسم 'موريتانيا' 100 مرة... شو تعمل؟" 🤔

0:04 - 0:15
📹 شاشة الكمبيوتر، تكتب 5 أسطر print
"تكتب print 100 مرة؟ الكمبيوتر يقول: عيب! يوجد طريقة أذكى."

0:16 - 0:40
📹 zoom على الكود
"اكتب: for i in range(100): print('موريتانيا')
سطرين فقط! الكمبيوتر يطبع 100 مرة في أقل من ثانية!" 🚀

0:41 - 0:55
📹 وجهك مع تأثير "موريتانيا" تتكرر
"هذه قوة البرمجة. تعلّم المزيد على el-ajeeb.com"

0:56 - 1:00
📹 شعار AJEEB يظهر
"تابعني للمزيد! 👇"
#معلوماتية_العجيب #موريتانيا #برمجة #python #تعلم #تكنولوجيا #ajeeb #mauritania #coding #fyp
YOUTUBE

2. "أول درس Python — للمبتدئين بالعربية"

⏱️ 12 دقيقة • 🎯 إعدادي + ثانوي • 🎬 التسجيل: 2 ساعات
0:00 - 0:30 — المقدمة
📹 شاشة ترحيب + موسيقى
"السلام عليكم! أنا أمبارك من موريتانيا. اليوم نبدأ سلسلة جديدة لتعلّم Python بالعربية، خطوة بخطوة. لو كنت ابتدأت من الصفر، هذه السلسلة لك."

0:30 - 2:00 — لماذا Python؟ "Python هي أبسط وأقوى لغة برمجة في العالم. تستخدمها NASA و Google و Netflix. وأهم شيء: سهلة على المبتدئين."

2:00 - 5:00 — تنصيب البيئة
📹 شاشة + شرح خطوة خطوة
"لن نُنصّب شيئاً اليوم. نستخدم replit.com — موقع مجاني نكتب فيه الكود ويُنفّذ مباشرة."

5:00 - 9:00 — أول برنامج "اكتب: print('السلام عليكم يا موريتانيا') ثم اضغط Run. تهانينا، أنت الآن مبرمج!"

9:00 - 11:30 — التحديات "أعطيكم 3 تحديات بمستويات مختلفة. شاركوا الحل في التعليقات."

11:30 - 12:00 — الخاتمة "اشتركوا، فعّلوا الجرس، شاركوا. الحلقة القادمة: المتغيرات."
هاشتاغات الوصف: #تعلم_البرمجة #python #بالعربية #موريتانيا #دروس_برمجة
FACEBOOK

3. منشور "قصة معلم"

📝 منشور نصي • 🎯 الأهالي والمعلمون • ✏️ الكتابة: 30 دقيقة
قصة الأستاذ محمد ولد سالم 🇲🇷

أستاذ المعلوماتية بإحدى الإعداديات في الحوض الشرقي. يدرّس 320 تلميذاً بحاسوب وحيد و 4 ساعات كهرباء يومياً.

لم يستسلم. صنع حلقة دراسية أسبوعية مساءً تحت ضوء الفانوس، يعلّم التلاميذ مفاهيم البرمجة بالكرتون والورق والقصص.

نتيجة 3 سنوات من جهده؟ 12 تلميذاً من تلامذته الآن في كليات الحوسبة بنواكشوط ودكار.

🌟 المعلم الحقيقي لا يحتاج تكنولوجيا فاخرة. يحتاج إصراراً.

منصة "معلوماتية العجيب" تُهدي الأستاذ محمد دورة تكوين مجانية مدى الحياة. لأنه يستحق ذلك.

تعرف معلماً بطلاً مثله؟ شاركنا قصته في التعليقات 👇
#معلوماتية_العجيب #معلم_موريتاني #الحوض_الشرقي #تعليم #بطل
TIKTOK

5. "هل تعلم؟" — حقيقة برمجية

⏱️ 30 ثانية • 🎯 العامة • 🎬 التسجيل: 15 دقيقة
0:00 - 0:05
📹 وجهك بتعابير المفاجأة
"هل تعلم أن أول مبرمجة في التاريخ كانت امرأة؟ 🤯"

0:06 - 0:20
📹 صورة آدا لافليس + رسومات قديمة
"اسمها آدا لافليس. سنة 1843! يعني قبل أن يخترع الكمبيوتر بـ 100 سنة! كتبت أول خوارزمية في التاريخ على ورق."

0:21 - 0:30
📹 وجهك + تأثير
"اليوم لغة برمجية اسمها Ada تكريماً لها. النساء كنّ في البرمجة من أوّلها 💪"
#هل_تعلم #تاريخ_البرمجة #آدا_لافليس #نساء_التقنية #معلوماتية_العجيب
YOUTUBE LIVE

6. سكريبت Live شهري — "ليلة معلوماتية العجيب"

⏱️ 90 دقيقة • 🎯 المجتمع كله • 📅 أول جمعة من كل شهر، 9 مساءً
0:00 - 5:00 — الترحيب "أهلاً بكم في ليلة معلوماتية العجيب الشهرية! اسم اليوم في التعليقات."

5:00 - 20:00 — موضوع الشهر "اليوم نتحدث عن: [موضوع تقني محدد]. [شرح + أمثلة]"

20:00 - 50:00 — جلسة برمجة حية "نبني معاً مشروعاً صغيراً من الصفر. شاركوا الأفكار في التعليقات."

50:00 - 75:00 — أسئلة الجمهور "أسئلتكم في التعليقات والمباشر. أجيب عن أكبر عدد ممكن."

75:00 - 90:00 — جوائز وإغلاق "جائزة الشهر: 3 اشتراكات مجانية في الدورة المتقدمة. الفائز يُعلن الآن!"

💡 نصيحة: أعلن عن الـLive قبل أسبوع على كل القنوات. اجعل الموضوع مغرياً.

🐍 3 تحديات Python — جاهزة للنشر

// 75 — PYTHON CHALLENGES

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

⭐ سهل — للمبتدئين

تحدي #1: قائمة المتسوّقين

اكتب برنامج Python يأخذ من المستخدم 5 أسماء، ثم يطبعها كقائمة مرقّمة.

💡 الحل المتوقعPython
names = []
for i in range(1, 6):
    name = input(f"الاسم {i}: ")
    names.append(name)

print("\nقائمة المتسوقين:")
for i, name in enumerate(names, 1):
    print(f"{i}. {name}")

🎯 يطوّر: استخدام القوائم، الحلقات، الإدخال، التنسيق.

⭐⭐ متوسط — لمن يعرف الأساسيات

تحدي #2: حاسبة الشاي الموريتاني

اكتب برنامجاً يحسب كم كأس شاي يحتاج فريق من X أشخاص لمدة Y ساعات (3 جولات/ساعة، كأسين/شخص/جولة).

💡 الحل المتوقعPython
persons = int(input("عدد الأشخاص: "))
hours = int(input("عدد الساعات: "))

rounds_per_hour = 3
cups_per_round = 2
total_cups = persons * hours * rounds_per_hour * cups_per_round

print(f"تحتاجون {total_cups} كأس شاي")
print(f"أي {total_cups // 12} براد شاي تقريباً")

🎯 يطوّر: الحسابات، تحويل الأنواع، السياق المحلي الموريتاني.

⭐⭐⭐ صعب — مشروع مصغّر

تحدي #3: مولّد كلمات السر العربية

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

💡 الحل المتوقعPython
import random
import string

def generate_password(length):
    if length < 4:
        return "الطول يجب أن يكون 4 على الأقل"

    upper = random.choice(string.ascii_uppercase)
    lower = random.choice(string.ascii_lowercase)
    digit = random.choice(string.digits)
    symbol = random.choice("!@#$%^&*")

    rest_length = length - 4
    rest = "".join(random.choices(
        string.ascii_letters + string.digits + "!@#$%^&*",
        k=rest_length
    ))

    password = upper + lower + digit + symbol + rest
    password_list = list(password)
    random.shuffle(password_list)
    return "".join(password_list)

length = int(input("طول كلمة السر: "))
print(f"كلمة السر: {generate_password(length)}")

🎯 يطوّر: المكتبات (random, string)، الدوال، التحقق من المدخلات، الخلط، التسلسل.

📊 الإنفوغرافيك الإعلامي — أرقامك الرئيسية

// 76 — INFOGRAPHIC STATS

عند التواصل مع صحفيين أو مسؤولين، الأرقام تتحدث أكثر من الكلمات. هذه 6 أرقام محورية موثّقة عن المعلوماتية في موريتانيا والعالم العربي. استخدمها في كل عرض ومنشور.

🇲🇷 الفجوة الرقمية في موريتانيا — أرقام صادمة

المصادر: تقارير اليونسكو 2024، وزارة التهذيب الموريتانية، CSTA، ITU 2024

9 / 10
مدارس موريتانية لا تدرّس برمجة فعلياً
المصدر: تقدير IPN 2024
36%
سكان إفريقيا لديهم إنترنت عريض
ITU 2024
600K
تلميذ موريتاني في الإعدادي والثانوي
إحصاء 2024
~15%
نسبة الإناث في تخصصات الحوسبة بموريتانيا
تقدير
2014
السنة التي جعلت بريطانيا فيها CS إلزامياً 5-16
UK Department of Education
14%
نسبة الإناث في خريجي علوم الحاسوب عالمياً
UNESCO 2024
💡 كيف تستخدم هذه الأرقام؟

في خطاب IPN: "9 من 10 مدارس لا تدرّس برمجة — هذه فجوة وطنية تتطلّب حلاً منهجياً."
في فيديو TikTok: "هل تعلم أن 600 ألف تلميذ موريتاني بدون منهج معلوماتية؟"
في عرض ميديا: "بريطانيا قرّرت في 2014 أن CS إلزامية. موريتانيا 2026 — لمَ نتأخر؟"

✅ قائمة التحقق قبل الإطلاق

// 77 — PRE-LAUNCH CHECKLIST

قبل ضغطة زر "إطلاق رسمي"، راجع هذه القائمة كاملة. كل بند مهم. الإطلاق بدون هذه التحضيرات يُربك ويُحرج. اطبعها وعلّقها في غرفة العمل.

🚀 36 بنداً — مسؤوليتك قبل الإطلاق

لا تنطلق قبل إكمال 30 بنداً على الأقل من 36

🌐 التقنية والمنصة (10 بنود)
  • الموقع يفتح بسرعة على الجوال (أقل من 3 ثوان)
  • كل الأزرار تعمل، لا روابط مكسورة
  • التصميم RTL مضبوط بدون أخطاء
  • SSL مفعّل (https) عبر Cloudflare
  • نسخة احتياطية آلية يومية للموقع
  • صفحة 404 مخصّصة بهوية المنصة
  • تحليلات Plausible مثبَّتة وتعمل
  • AI Tutor يعمل مع 10 أسئلة تجريبية
  • اختبار الموقع على Chrome, Firefox, Safari
  • اختبار على iPhone, Android, Tablet
📚 المحتوى (8 بنود)
  • الوحدة الأولى كاملة (8 دروس)
  • كل درس فيه فيديو + نص + اختبار
  • مراجعة لغوية بمعلم عربية محترف
  • كل صفحة فيها على الأقل صورة واحدة
  • الكود في كل الدروس مُختبَر ويعمل
  • صفحة "عن المنصة" توضح الرؤية
  • صفحة "الأسئلة الشائعة" تجيب على 10 أسئلة
  • سياسة الخصوصية وشروط الاستخدام منشورة
🎬 التسويق والإعلام (8 بنود)
  • 5 فيديوهات TikTok مُعدّة للنشر تدريجياً
  • مقالة إطلاق احترافية (1500 كلمة)
  • 30 منشور Facebook جاهزة للجدولة
  • قائمة 50 صحفي ومؤثر للتواصل
  • قناة WhatsApp جاهزة بـ 100 متابع متطوع
  • Instagram + Twitter حسابات مُنشأة
  • صور البروفايل والغلاف موحدة على كل المنصات
  • هاشتاغ #معلوماتية_العجيب مُختبَر
🤝 الشراكات والمؤسساتي (5 بنود)
  • خطاب IPN مُرسَل (انتظار رد)
  • 5 معلمين على الأقل وافقوا على التجربة
  • 3 مدارس وافقت مبدئياً على الاختبار
  • اتصال أولي مع مكتب اليونسكو
  • شريك إعلامي واحد على الأقل (صحيفة أو إذاعة)
💼 الجاهزية الشخصية (5 بنود)
  • نمت ليلة الأمس 7+ ساعات (مهم!)
  • عائلتك على علم بالإطلاق ومتفهّمة
  • عُطلتك من العمل الرسمي مُنسّقة (إذا لزم)
  • هاتف مشحون + باور بانك + إنترنت ثانوي
  • قهوة أو شاي جاهز لليوم الطويل ☕
🎯 إذا أكملت 30+ بنداً

أنت جاهز. لا تنتظر الكمال. الإطلاق محرجاً ولكن في الوقت المناسب أفضل من الإطلاق مثالياً ولكن متأخراً سنة. البقية تُحلّ بالتكرار.

🎯 رسالة الجزء التاسع

// 78 — CLOSING

🛠️ الأدوات في يديك الآن

كل ما يلزمك للبدء غداً صباحاً موجود في هذا الجزء:
كود MVP جاهز • 5 خطابات • قالب درس • 6 سكريبتات • 3 تحديات • أرقام إحصائية • قائمة تحقق.

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

"السفينة آمنة في الميناء.
لكن السفن لم تُصنع للموانئ،
بل للإبحار في البحر."