الفرق بين المراجعتين لصفحة «صور صور حمص شام»

من ويكي أضِف
اذهب إلى التنقل اذهب إلى البحث
سطر 40: سطر 40:
 
#نطلب منهم تعديل البرنامج ليصبح بالشكل التالي:
 
#نطلب منهم تعديل البرنامج ليصبح بالشكل التالي:
 
size(500, 500);
 
size(500, 500);
 +
 
fill(255, 0, 0);
 
fill(255, 0, 0);
 +
 
ellipse(200, 200, 300, 300);
 
ellipse(200, 200, 300, 300);
 +
 
fill(0, 255, 0);
 
fill(0, 255, 0);
 +
 
rect(200, 200, 250, 250);
 
rect(200, 200, 250, 250);
 +
  
 
*هنعرض مثلاً مربع ودايرة مرسومين ومتلونين ببروسيسينج
 
*هنعرض مثلاً مربع ودايرة مرسومين ومتلونين ببروسيسينج

مراجعة 12:03، 30 يوليو 2020

المقدمة

جلسة للتعرف على تعديل وكتابة البرامج/الأكواد البسيطة المستخدمة في بروسيسينج

  • ملحوظة: ممكن أن تُنفّذ هذه الجلسة بعد جلسة ألغاز وحركات وممكن أن تُنفّذ مفردة

الأهداف المعرفية

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

الأهداف القيمية

  • التفكير التحليلي
  • التعاون والتشارك

مهارات و معارف الطلاب اللازمة للاستفادة من الجلسة

لا يوجد، لكن يفضل التعرض لجلسة ألغاز وحركات مسبقاً والتعامل مع الحاسوب

الفئة العمرية

  • من 12 لـ 15
  • من 16 لـ 18

المتطلبات

حواسيب بنصف عدد المشاركيت

المدة الزمنية

3 ساعات

خطوات تنفيذ الجلسة

  1. هنفتح نقاش مع المشاركيت عن الفن/الرسم الرقمي، والفرق بينه وبين الرسم بالورقة والقلم، وما يميزه، وازاي بترسموا
  2. هنسألهم تفتكروا لو عاوزين نرسم على الحاسوب هنعمل دا ازاي، ازاي ممكن الحاسوب يبدل الفرشة والقلم الرصاص دول، أو بيبدلهم بإيه، ونتناقش
  3. هنسألهم إذا ممكن نرسم بأكواد وبرمجة، وهنفكرهم بيعني ايه خوارزمية، ونتناقش
  4. هنفتح الحواسيب ونفتح برنامج بروسيسينج
  5. سيكون هناك مشروع جاهز مسبقاً مكتوب به سطر واحد ellipse(50, 50, 75, 75);
  6. وعند تشغيل هذا المشروع ستظهر دائرة على لوحة الرسم
  7. نطلب من المشاركيت تغيير الأرقام المختلفة حسبما يشاءوا ويلاحظوا الفرق الذي يحدث
  8. نتناقش معهم في ماذا يحدث عند تغيير أي من الأرقام طبقاً لملاحظتهم
  9. ثم نؤكد على أن هذا السطر يطلب من الحاسوب رسم دائرة بالإحداثيات داخل الأقواس، ونوضح أن برنامج بروسيسينج يقيس إحداثياته من المركز وهو في الركن أعلى اليسار
  10. بالتالي يكون أول رقم هو المسافة المقطوعة من المركز يميناً، والرقم الثاني هو المسافة المقطوعة من المركز للأسفل، والرقم الثالث هو عرض الشكل (الدائرة)، والرقم الرابع هو ارتفاعها
  11. نطلب من المشاركيت اضافة هذا السطر rect(40, 40, 50, 50); وتشغيل البرنامج وملاحظة ما يحدث
  12. نسمع ملاحظتهم ونشارك ملاحظتنا أيضاً، ثم نطلب منهم تغيير الأرقام في الدائرة أو المستطيل تباعاً وتسجيل ملاحظاتهم ومشاركتها
  13. نطلب منهم تعديل البرنامج ليصبح بالشكل التالي:

size(500, 500);

fill(255, 0, 0);

ellipse(200, 200, 300, 300);

fill(0, 255, 0);

rect(200, 200, 250, 250);


  • هنعرض مثلاً مربع ودايرة مرسومين ومتلونين ببروسيسينج
  • هنحاول نبدأ نعدّل في الكود حاجات بسيطة علشان نغسر لونهم أو حجمهم أو مكانهم ع الشاشة
  • هيبتدي يطلع أسئلة ودعبسة بسيطة
  • بعدين ممكن نعرض برنامج أكبر شوية (وِش بيضحك مثلاً) ونبدأ كلنا نبوّظ فيه برضه فنتعرف على حاجات أكتر، أو ممكن نشوف برنامج صغير كدا برضه يكتبه من الصفر
  • ممكن بعد كدا نجيب صورة حمص شام :) وندخلها على بروسيسينج ونلعب فيها بتأثيرات بسيطة كدا ونفرح وشكراً