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