رمضان كريم 🌙

🏆 مسابقة البرمجة الرمضانية

اصنع مشروعك البرمجي الخاص بمناسبة شهر رمضان الكريم! كل صف لديه مشروع مميز يناسب مهاراته. اتبع الخطوات وأبدع في مشروعك!

📅 طوال شهر رمضان المبارك
🗓️ رمضان 1447 هـ

🎉 جوائز المسابقة

🥇 أفضل مشروع في كل صف
🌟 شهادة إنجاز رمضانية
🏆 عرض المشاريع المتميزة على الموقع
✦ ✦ ✦

🚀 مشاريع رمضان لكل صف

اختر مشروع صفّك واضغط على "عرض خطوات التنفيذ" لبدء العمل!

الصف الرابعScratchسهل
🎨

🌙 بطاقة تهنئة رمضان المتحركة

صمّم بطاقة تهنئة متحركة بمناسبة شهر رمضان الكريم باستخدام Scratch! أضف هلال وفوانيس ونجوم متلألئة مع رسالة تهنئة جميلة.

⏱️ 60-90 دقيقة🛠️ Scratch (scratch.mit.edu)
الرسوم المتحركةالتحكم بالشخصياتالمؤثرات الصوتيةالتصميم الإبداعي
1

إنشاء مشروع جديد

افتح Scratch وأنشئ مشروعاً جديداً. غيّر الخلفية إلى لون أزرق داكن يمثل سماء الليل.

💡

استخدم أداة الرسم لإنشاء خلفية بتدرج من الأزرق الداكن إلى البنفسجي.

2

ارسم الهلال

ارسم شكل هلال ذهبي اللون باستخدام أداة الرسم. اجعله كبيراً وأنيقاً في أعلى المشهد.

💡

ارسم دائرة صفراء كبيرة ثم ضع دائرة بلون الخلفية فوقها لتشكيل الهلال.

3

أضف النجوم المتلألئة

أنشئ شخصية نجمة صغيرة واستخدم كتلة "أنشئ نسخة" (clone) لعمل عدة نجوم في أماكن مختلفة. أضف تأثير وميض بتغيير الشفافية.

💡

استخدم كتلة "غيّر تأثير الشبح بمقدار" لعمل وميض جميل.

4

أضف الفوانيس

ارسم فانوس رمضان ملون وأضف تأثير اهتزاز خفيف للفانوس باستخدام كتلة "استدر بمقدار درجة".

💡

اجعل الفانوس يتأرجح يميناً ويساراً بزاوية صغيرة (5-10 درجات).

5

أضف رسالة التهنئة

أنشئ شخصية نص تقول "رمضان كريم 🌙" واجعلها تظهر تدريجياً مع تأثير التكبير.

💡

استخدم كتلة "غيّر الحجم بمقدار" لعمل تأثير ظهور تدريجي.

6

أضف الصوت

أضف مقطع صوتي هادئ أو سجّل صوتك وأنت تقول "رمضان كريم" وشغّله عند بداية البطاقة.

7

اختبر وشارك

شغّل المشروع وتأكد من أن كل العناصر تعمل بشكل متناسق. شارك البطاقة مع عائلتك وأصدقائك!

🎁

المشروع النهائي:

بطاقة تهنئة متحركة تحتوي على هلال ونجوم وفوانيس مع رسالة "رمضان كريم" ومؤثرات صوتية.

الصف الخامسApp Inventorمتوسط
📿

📱 تطبيق مسبحة رمضان الذكية

ابنِ تطبيق مسبحة إلكترونية بتصميم رمضاني جميل. يعدّ التسبيحات ويهتز عند كل عدد 33!

⏱️ 90-120 دقيقة🛠️ MIT App Inventor (ai2.appinventor.mit.edu)
تصميم الواجهاتالمتغيرات والعداداتالأحداثالاهتزاز والصوت
1

إنشاء مشروع جديد

افتح MIT App Inventor وأنشئ مشروعاً جديداً باسم "RamadanTasbih". اختر خلفية بلون أخضر داكن أو بنفسجي.

2

تصميم الواجهة الرئيسية

أضف: عنوان "مسبحة رمضان 📿"، عدّاد كبير يظهر الرقم، زر دائري كبير للتسبيح، و 3 أزرار للأذكار (سبحان الله، الحمد لله، الله أكبر).

💡

استخدم VerticalArrangement للتنظيم، واجعل حجم الزر الرئيسي كبيراً ليسهل الضغط عليه.

3

برمجة العداد

أنشئ متغير "counter" يبدأ من 0. عند الضغط على الزر الرئيسي، أضف 1 للعداد وحدّث النص المعروض.

💡

استخدم كتلة "set global counter to (get global counter + 1)".

4

إضافة التنبيه عند 33

أضف شرط: إذا وصل العداد إلى 33 أو 66 أو 99، شغّل اهتزاز الهاتف وأظهر رسالة تهنئة.

💡

استخدم كتلة "if then" مع "remainder of" للقسمة على 33.

5

أزرار الأذكار

عند الضغط على كل زر ذكر، أعد العداد إلى 0 وغيّر عنوان الذكر الحالي (سبحان الله / الحمد لله / الله أكبر).

6

زر إعادة التعيين

أضف زر "إعادة" يرجع العداد إلى 0 مع رسالة تأكيد.

7

اختبر على الهاتف

استخدم MIT AI2 Companion لاختبار التطبيق على هاتفك. تأكد من عمل العداد والاهتزاز بشكل صحيح.

🎁

المشروع النهائي:

تطبيق مسبحة رمضانية يعمل على الهاتف مع عداد وأذكار متعددة وتنبيه بالاهتزاز.

الصف السادسPythonمتوسط

🐍 برنامج العد التنازلي لرمضان

اكتب برنامج Python يحسب الوقت المتبقي للإفطار ويعرض أذكاراً يومية مختلفة مع رسائل ملونة!

⏱️ 90-120 دقيقة🛠️ Python 3
المتغيرات والنصوصالحلقات التكراريةالدوالالتاريخ والوقت
1

إنشاء الملف

أنشئ ملفاً جديداً باسم "ramadan_countdown.py" وأضف في البداية: import time import random from datetime import datetime

2

قائمة الأذكار

أنشئ قائمة (list) تحتوي على 30 ذكر يومي مختلف. مثال: azkar = [ "سبحان الله وبحمده", "لا إله إلا الله", "أستغفر الله العظيم", "اللهم إنك عفو تحب العفو فاعف عنّي" ]

💡

أضف أكبر عدد ممكن من الأذكار المختلفة!

3

دالة التهنئة

أنشئ دالة ramadan_greeting() تطبع: - فن ASCII لهلال رمضان - رسالة "رمضان كريم 🌙" - ذكر اليوم (عشوائي من القائمة)

💡

استخدم random.choice(azkar) لاختيار ذكر عشوائي.

4

دالة العد التنازلي

أنشئ دالة countdown(iftar_hour, iftar_minute) تحسب الفرق بين الوقت الحالي ووقت الإفطار وتعرض الساعات والدقائق المتبقية.

💡

استخدم datetime.now() للحصول على الوقت الحالي.

5

الحلقة الرئيسية

اكتب حلقة while تعرض العد التنازلي كل 60 ثانية، وعندما يحين وقت الإفطار تطبع: "🎉 حان وقت الإفطار! بالهناء والشفاء 🎉"

6

ألوان الطرفية

أضف ألواناً للنص باستخدام ANSI codes: GOLD = "\033[33m" GREEN = "\033[32m" RESET = "\033[0m" print(f"{GOLD}رمضان كريم{RESET}")

💡

الذهبي (33)، الأخضر (32)، الأزرق (34)، البنفسجي (35).

7

اختبر البرنامج

شغّل البرنامج في Terminal وتأكد من عمل العد التنازلي والأذكار بشكل صحيح. جرّب أوقات مختلفة للإفطار.

🎁

المشروع النهائي:

برنامج Python يعرض العد التنازلي للإفطار مع أذكار يومية ورسوم ASCII لهلال رمضان.

إعدادي 1HTML & CSSمتوسط
🕌

🌐 موقع رمضان كريم

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

⏱️ 120-150 دقيقة🛠️ VS Code
HTML5 الدلاليCSS Grid & FlexboxCSS Animationsتصميم متجاوب
1

إنشاء هيكل المشروع

أنشئ مجلداً جديداً "ramadan-website" وبداخله: - index.html - style.css - مجلد images/

2

هيكل HTML

ابنِ الصفحة بالأقسام التالية: 1. Header مع شعار رمضان كريم 2. Hero section بهلال كبير 3. قسم "فضائل رمضان" مع بطاقات 4. قسم "أدعية يومية" 5. قسم "عداد الأيام" 6. Footer مع رسالة تهنئة

💡

استخدم عناصر دلالية: <header>, <section>, <article>, <footer>.

3

تصميم الألوان والخطوط

استخدم نظام ألوان رمضاني: - خلفية: #1a0a2e (بنفسجي داكن) - ذهبي: #d4af37 - أخضر: #00a86b - أبيض: #ffffff أضف خط عربي من Google Fonts (Cairo أو Tajawal).

4

تصميم Hero Section

صمّم القسم الرئيسي بخلفية متدرجة من البنفسجي للأزرق الداكن. أضف هلال بـ CSS (دائرة مع box-shadow) ونجوم بـ CSS.

💡

الهلال: border-radius: 50% مع box-shadow لون ذهبي. النجوم: عناصر صغيرة مع animation: twinkle.

5

بطاقات فضائل رمضان

صمّم 4 بطاقات بـ CSS Grid تحتوي على فضائل رمضان. أضف تأثير hover بارتفاع البطاقة وتوهج ذهبي.

💡

استخدم transform: translateY(-5px) و box-shadow عند الـ hover.

6

أنيميشن الفوانيس

أضف فوانيس على الجوانب باستخدام CSS. اجعلها تتأرجح بالأنيميشن: @keyframes swing { 0%, 100% { transform: rotate(-5deg); } 50% { transform: rotate(5deg); } }

7

التصميم المتجاوب

أضف Media Queries لجعل الموقع متجاوباً: @media (max-width: 768px) { ... } تأكد من أن البطاقات تصبح عمودية على الشاشات الصغيرة.

8

اختبر وانشر

افتح الملف في المتصفح وتأكد من جمال التصميم والأنيميشن. جرّب تصغير الشاشة للتأكد من التجاوب.

🎁

المشروع النهائي:

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

إعدادي 2JavaScriptمتوسط
🕐

⏰ ساعة رمضان التفاعلية

ابنِ ساعة رقمية تفاعلية تعدّ الوقت المتبقي للإفطار والسحور مع تأثيرات بصرية مذهلة وإشعارات صوتية!

⏱️ 120-150 دقيقة🛠️ VS Code
DOM ManipulationsetInterval/setTimeoutDate ObjectAudio APICSS Animations via JS
1

إنشاء هيكل الملفات

أنشئ: - index.html (الهيكل) - style.css (التصميم الرمضاني) - app.js (المنطق البرمجي)

2

هيكل HTML

أنشئ: 1. عنوان "ساعة رمضان ⏰" 2. منطقة العد التنازلي (أيام، ساعات، دقائق، ثواني) بعناصر <span> لكل وحدة 3. حقل إدخال وقت الإفطار 4. حقل إدخال وقت السحور 5. منطقة حالة ("الوقت المتبقي للإفطار" أو "حان وقت الإفطار!") 6. زر تفعيل التنبيه الصوتي

3

تصميم CSS

صمّم الساعة بخلفية داكنة مع أرقام كبيرة متوهجة: - أرقام بخط كبير (4rem+) بلون ذهبي - تأثير glow: text-shadow: 0 0 20px gold - خلفية متدرجة بنفسجية داكنة - أنيميشن نبض للثواني

💡

أضف animation: pulse 1s infinite للثواني.

4

برمجة العد التنازلي

في app.js: 1. احصل على وقت الإفطار من حقل الإدخال 2. استخدم setInterval كل ثانية 3. احسب الفرق بين الوقت الحالي ووقت الإفطار 4. حوّل الفرق إلى ساعات ودقائق وثواني 5. حدّث العناصر في الصفحة

💡

const now = new Date(); const diff = iftarTime - now; const hours = Math.floor(diff / (1000 * 60 * 60));

5

تبديل إفطار/سحور

أضف منطق تبديل تلقائي: بعد الإفطار، ابدأ العد التنازلي للسحور. بعد السحور، ابدأ العد التنازلي لإفطار اليوم التالي.

6

تأثيرات عند الإفطار

عندما يصل العد لـ 0: 1. غيّر الخلفية بانفجار ألوان 2. أظهر رسالة "🎉 حان وقت الإفطار!" 3. شغّل صوت تنبيه 4. أضف أنيميشن confetti بالـ JS

💡

أنشئ عناصر div صغيرة ملونة وحرّكها بـ JS لعمل تأثير الاحتفال.

7

اختبر الساعة

افتح في المتصفح وجرّب بأوقات مختلفة. تأكد من عمل العد التنازلي والتنبيهات والتأثيرات.

🎁

المشروع النهائي:

ساعة رمضان تفاعلية بعد تنازلي للإفطار والسحور مع تأثيرات بصرية وصوتية.

إعدادي 3Python Data Scienceمتقدم
📈

📊 تحليل بيانات رمضان

حلّل بيانات رمضانية مثيرة وأنشئ رسوماً بيانية جميلة تعرض إحصائيات عن العبادات والعادات الرمضانية!

⏱️ 120-180 دقيقة🛠️ Python 3
pandas DataFramesmatplotlib chartsتنظيف البياناتالتحليل الإحصائي
1

إعداد البيئة

ثبّت المكتبات المطلوبة: pip install matplotlib pandas أنشئ ملف "ramadan_analysis.py".

2

إنشاء البيانات

أنشئ DataFrame يحتوي على بيانات 30 يوم رمضان: import pandas as pd data = { "اليوم": list(range(1, 31)), "ساعات_الصيام": [14.5, 14.6, ...], "صفحات_قرآن": [20, 25, ...], "عدد_الصلوات_النافلة": [4, 6, ...], "لتر_ماء": [2, 2.5, ...], "ساعات_نوم": [7, 6, ...] }

💡

يمكنك استخدام random لتوليد بيانات عشوائية واقعية.

3

تحليل أساسي

احسب: - متوسط ساعات الصيام - إجمالي صفحات القرآن المقروءة - أكثر يوم نشاطاً في الصلوات النافلة - متوسط شرب الماء استخدم: df.mean(), df.sum(), df.max()

4

رسم بياني خطي

ارسم رسماً بيانياً خطياً يوضح تطور قراءة القرآن على مدار الشهر: plt.plot(df["اليوم"], df["صفحات_قرآن"]) plt.title("📖 تطور القراءة اليومية") plt.xlabel("اليوم") plt.ylabel("عدد الصفحات")

💡

أضف plt.style.use("dark_background") لخلفية داكنة أنيقة.

5

رسم بياني دائري

أنشئ Pie Chart لتوزيع الأنشطة اليومية في رمضان (عبادة، نوم، عمل، طعام).

6

رسم بياني شريطي

أنشئ Bar Chart يقارن بين العشر الأوائل والأواسط والأواخر في عدد الصلوات النافلة: first_10 = df[df["اليوم"] <= 10] middle_10 = df[(df["اليوم"] > 10) & (df["اليوم"] <= 20)] last_10 = df[df["اليوم"] > 20]

💡

العشر الأواخر عادة فيها عبادة أكثر — اجعل البيانات تعكس ذلك!

7

Dashboard رمضاني

اجمع كل الرسوم في لوحة واحدة باستخدام subplots: fig, axes = plt.subplots(2, 2, figsize=(14, 10)) fig.suptitle("📊 لوحة إحصائيات رمضان", fontsize=16)

8

حفظ ومشاركة

احفظ الرسوم كصور: plt.savefig("ramadan_dashboard.png", dpi=300) شارك النتائج مع زملائك!

🎁

المشروع النهائي:

لوحة إحصائيات رمضانية تحتوي على رسوم بيانية متعددة تحلل بيانات 30 يوم من رمضان.

اصنع شيئاً مميزاً في رمضان!

رمضان فرصة رائعة لتعلم مهارات جديدة وبناء مشاريع مفيدة.
تخيّل أن تُهدي عائلتك تطبيقاً أو موقعاً من صنع يديك! 🎁

🌙 تعلّم💻 ابتكر🎨 صمّم🚀 شارك

💡 نصائح للنجاح في المشروع

📝

خطط أولاً

اقرأ جميع الخطوات قبل البدء في التنفيذ

🧪

جرّب واختبر

جرّب كل خطوة على حدة قبل الانتقال للتالية

🎨

أضف لمستك الإبداعية

لا تتردد في إضافة أفكارك وألوانك المفضلة

🤝

اطلب المساعدة

اسأل معلمك أو زملاءك إذا واجهت أي صعوبة