صور صور حمص شام

من ويكي أضِف
مراجعة 12:16، 30 يوليو 2020 بواسطة HazemShaltoot (نقاش | مساهمات)
(فرق) → مراجعة أقدم | المراجعة الحالية (فرق) | مراجعة أحدث ← (فرق)
اذهب إلى التنقل اذهب إلى البحث

المقدمة

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

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

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

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

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

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

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

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

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

  • من 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. نطلب منهم تعديل البرنامج ليصبح بالشكل التالي:
    1. size(500, 500);
    2. fill(255, 0, 0);
    3. ellipse(200, 200, 300, 300);
    4. fill(0, 255, 0);
    5. rect(200, 200, 250, 250);
  14. هيخرج لنا مربع ودايرة مرسومين ومتلونين أخضر وأحمر تباعاً
  15. نسمع منهم تفسيرهم للأكواد التي تم اضافتها ونتناقش جميعاً فيها ونعرف أكتر ازاي بيتم تلوين الأشكال
  16. نطلب من المشاركيت اجراء بعض التعديلات على البرنامج
  17. هنلاحظ نغير لونهم أو حجمهم أو مكانهم ع الشاشة
  18. نتأكد أن جميع المشاركيت تعرفوا جيداً على ما سبق
  19. نطلب منهم أن يُنفّذوا برنامج جديد من البداية به وجه دائري مبتسم مثل المستخدم في المحادثات اليومية في وسائل التواصل
  20. نعطيهم وقت كافي ونتابع تطور ما يحدث في البرامج
  21. عندما ينتهي الجميع نعرض النتائج ونؤكد على وجود طرق عديدة لتنفيذ مثل هذا البرنامج