| سطر 29: |
سطر 29: |
| | #هنسألهم تفتكروا لو عاوزين نرسم على الحاسوب هنعمل دا ازاي، ازاي ممكن الحاسوب يبدل الفرشة والقلم الرصاص دول، أو بيبدلهم بإيه، ونتناقش | | #هنسألهم تفتكروا لو عاوزين نرسم على الحاسوب هنعمل دا ازاي، ازاي ممكن الحاسوب يبدل الفرشة والقلم الرصاص دول، أو بيبدلهم بإيه، ونتناقش |
| | #هنسألهم إذا ممكن نرسم بأكواد وبرمجة، وهنفكرهم بيعني ايه خوارزمية، ونتناقش | | #هنسألهم إذا ممكن نرسم بأكواد وبرمجة، وهنفكرهم بيعني ايه خوارزمية، ونتناقش |
| − | #هنفتح الحواسيب ونفتح برنامج بروسيسينج جاهز | + | #هنفتح الحواسيب ونفتح برنامج بروسيسينج |
| | + | #سيكون هناك مشروع جاهز مسبقاً مكتوب به سطر واحد 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); |
| | + | #هيخرج لنا مربع ودايرة مرسومين ومتلونين أخضر وأحمر تباعاً |
| | + | #نسمع منهم تفسيرهم للأكواد التي تم اضافتها ونتناقش جميعاً فيها ونعرف أكتر ازاي بيتم تلوين الأشكال |
| | + | #نطلب من المشاركيت اجراء بعض التعديلات على البرنامج |
| | + | #هنلاحظ نغير لونهم أو حجمهم أو مكانهم ع الشاشة |
| | + | #نتأكد أن جميع المشاركيت تعرفوا جيداً على ما سبق |
| | + | #نطلب منهم أن يُنفّذوا برنامج جديد من البداية به وجه دائري مبتسم مثل المستخدم في المحادثات اليومية في وسائل التواصل |
| | + | #نعطيهم وقت كافي ونتابع تطور ما يحدث في البرامج |
| | + | #عندما ينتهي الجميع نعرض النتائج ونؤكد على وجود طرق عديدة لتنفيذ مثل هذا البرنامج |
| | | | |
| − |
| |
| − | *هنعرض مثلاً مربع ودايرة مرسومين ومتلونين ببروسيسينج
| |
| − | *هنحاول نبدأ نعدّل في الكود حاجات بسيطة علشان نغسر لونهم أو حجمهم أو مكانهم ع الشاشة
| |
| − | *هيبتدي يطلع أسئلة ودعبسة بسيطة
| |
| − | *بعدين ممكن نعرض برنامج أكبر شوية (وِش بيضحك مثلاً) ونبدأ كلنا نبوّظ فيه برضه فنتعرف على حاجات أكتر، أو ممكن نشوف برنامج صغير كدا برضه يكتبه من الصفر
| |
| − | *ممكن بعد كدا نجيب صورة حمص شام :) وندخلها على بروسيسينج ونلعب فيها بتأثيرات بسيطة كدا ونفرح وشكراً
| |
| | | | |
| | [[تصنيف: ورش قيد التطوير]] | | [[تصنيف: ورش قيد التطوير]] |