الفرق بين المراجعتين لصفحة «صور صور حمص شام»
اذهب إلى التنقل
اذهب إلى البحث
HazemShaltoot (نقاش | مساهمات) |
HazemShaltoot (نقاش | مساهمات) |
||
| سطر 39: | سطر 39: | ||
#نسمع ملاحظتهم ونشارك ملاحظتنا أيضاً، ثم نطلب منهم تغيير الأرقام في الدائرة أو المربع تباعاً وتسجيل ملاحظاتهم ومشاركتها | #نسمع ملاحظتهم ونشارك ملاحظتنا أيضاً، ثم نطلب منهم تغيير الأرقام في الدائرة أو المربع تباعاً وتسجيل ملاحظاتهم ومشاركتها | ||
#نطلب منهم تعديل البرنامج ليصبح بالشكل التالي: | #نطلب منهم تعديل البرنامج ليصبح بالشكل التالي: | ||
| − | size(500, 500); | + | ##size(500, 500); |
| − | + | ##fill(255, 0, 0); | |
| − | fill(255, 0, 0); | + | ##ellipse(200, 200, 300, 300); |
| − | + | ##fill(0, 255, 0); | |
| − | ellipse(200, 200, 300, 300); | + | ##rect(200, 200, 250, 250); |
| − | |||
| − | fill(0, 255, 0); | ||
| − | |||
| − | rect(200, 200, 250, 250); | ||
| − | |||
#هيخرج لنا مربع ودايرة مرسومين ومتلونين | #هيخرج لنا مربع ودايرة مرسومين ومتلونين | ||
#نسمع منهم تفسيرهم للأكواد التي تم اضافتها | #نسمع منهم تفسيرهم للأكواد التي تم اضافتها | ||
مراجعة 12:06، 30 يوليو 2020
المقدمة
جلسة للتعرف على تعديل وكتابة البرامج/الأكواد البسيطة المستخدمة في بروسيسينج
- ملحوظة: ممكن أن تُنفّذ هذه الجلسة بعد جلسة ألغاز وحركات وممكن أن تُنفّذ مفردة
الأهداف المعرفية
- التعرف على البرمجة
- التعرف على تعديل وكتابة الأكواد
- التعرف على برنامج بروسيسينج
الأهداف القيمية
- التفكير التحليلي
- التعاون والتشارك
مهارات و معارف الطلاب اللازمة للاستفادة من الجلسة
لا يوجد، لكن يفضل التعرض لجلسة ألغاز وحركات مسبقاً والتعامل مع الحاسوب
الفئة العمرية
- من 12 لـ 15
- من 16 لـ 18
المتطلبات
حواسيب بنصف عدد المشاركيت
المدة الزمنية
3 ساعات
خطوات تنفيذ الجلسة
- هنفتح نقاش مع المشاركيت عن الفن/الرسم الرقمي، والفرق بينه وبين الرسم بالورقة والقلم، وما يميزه، وازاي بترسموا
- هنسألهم تفتكروا لو عاوزين نرسم على الحاسوب هنعمل دا ازاي، ازاي ممكن الحاسوب يبدل الفرشة والقلم الرصاص دول، أو بيبدلهم بإيه، ونتناقش
- هنسألهم إذا ممكن نرسم بأكواد وبرمجة، وهنفكرهم بيعني ايه خوارزمية، ونتناقش
- هنفتح الحواسيب ونفتح برنامج بروسيسينج
- سيكون هناك مشروع جاهز مسبقاً مكتوب به سطر واحد ellipse(50, 50, 75, 75);
- وعند تشغيل هذا المشروع ستظهر دائرة على لوحة الرسم
- نطلب من المشاركيت تغيير الأرقام المختلفة حسبما يشاءوا ويلاحظوا الفرق الذي يحدث
- نتناقش معهم في ماذا يحدث عند تغيير أي من الأرقام طبقاً لملاحظتهم
- ثم نؤكد على أن هذا السطر يطلب من الحاسوب رسم دائرة بالإحداثيات داخل الأقواس، ونوضح أن برنامج بروسيسينج يقيس إحداثياته من المركز وهو في الركن أعلى اليسار
- بالتالي يكون أول رقم هو المسافة المقطوعة من المركز يميناً، والرقم الثاني هو المسافة المقطوعة من المركز للأسفل، والرقم الثالث هو عرض الشكل (الدائرة)، والرقم الرابع هو ارتفاعها
- نطلب من المشاركيت اضافة هذا السطر rect(40, 40, 50, 50); وتشغيل البرنامج وملاحظة ما يحدث
- نسمع ملاحظتهم ونشارك ملاحظتنا أيضاً، ثم نطلب منهم تغيير الأرقام في الدائرة أو المربع تباعاً وتسجيل ملاحظاتهم ومشاركتها
- نطلب منهم تعديل البرنامج ليصبح بالشكل التالي:
- size(500, 500);
- fill(255, 0, 0);
- ellipse(200, 200, 300, 300);
- fill(0, 255, 0);
- rect(200, 200, 250, 250);
- هيخرج لنا مربع ودايرة مرسومين ومتلونين
- نسمع منهم تفسيرهم للأكواد التي تم اضافتها
- هنعرض مثلاً مربع ودايرة مرسومين ومتلونين ببروسيسينج
- هنحاول نبدأ نعدّل في الكود حاجات بسيطة علشان نغسر لونهم أو حجمهم أو مكانهم ع الشاشة
- هيبتدي يطلع أسئلة ودعبسة بسيطة
- بعدين ممكن نعرض برنامج أكبر شوية (وِش بيضحك مثلاً) ونبدأ كلنا نبوّظ فيه برضه فنتعرف على حاجات أكتر، أو ممكن نشوف برنامج صغير كدا برضه يكتبه من الصفر
- ممكن بعد كدا نجيب صورة حمص شام :) وندخلها على بروسيسينج ونلعب فيها بتأثيرات بسيطة كدا ونفرح وشكراً