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