عرض مصدر تقديم البرمجيات الحرة والمهارات الأساسية في إستخدام البرامج والصور النقطية تحديدا

{{ورشة معسكر
|السنة=2012
}}
{{ورشة تدريب
|مطور الورشة=علاء عبد الفتاح، ميسرة عبد الحق، يحيى
|مدة الورشة=90
|المجال=تكنولوجيا المعلومات
|ملخص=البرمجيات الحرة، التعامل مع الصور النقطية
|الأهداف التربوية=التواصل/يكتسب الأمان والثقة في التواصل مع الآخر, التواصل/يختبر العيش الجماعي و العمل الجماعي و يكتسب مهاراته, التعبير/يتمكن من أدوات التعبير, التعبير/يمارس حق التعبير, التشاركية/ينمي روح التشارك
|أهداف خاصّة بالورشة=#مقدمة عامة عن المنهج والأهداف المراد إيصالها-تقديم مسار الوب
#فكرة البرمجيات الحرة (التعريف بها، وتسليط الضوء على إيجابياتها وأمثلة عليها)
#* مثال : مقدمة سريعة في الجنو لينكس (تعريف بنظام التشغيل و أهميته وكيف يتم تطويره بجهد جماعي وكيف أنه يجنبنا إعادة إختراع العجلة وأنه يمكن قراءة المصدر والتعلم منه وتطويره - نقطة للنقاش:ربما التعريف العميق بصفات البرمجيات الحرة قد يأتي لاحقا عبر إستخدامنا لها والتبحر هناك)
#المهارات الأساسية للتعامل مع الصور من خلال [http://ar.wikipedia.org/wiki/%D8%AC%D9%85%D8%A8 جِمب] أو krita
}}
{{جلسة ورشة
|مكان التنفيذ=معمل
|أهداف الجلسة=*يستنتج المشارك مفهوم البرامج المفتوحة المصدر *يتخطى المشارك فكرة أن الكمبيوتر (الحاسوب؟) أداة سحرية، *يستنتج المشارك ارتباط تغيير كود الأوامر بالتغيير في البرنامج
|الأدوات=كاميرا, عدد 4, برنامج جمب, صور جاهزة
|تحضير ما قبل الجلسة=====النشاط الأول:مفهوم البرامج والبرامج المفتوحة المصدر====

'''وقت:'''20 دقيقة

'''المواد المستخدمة''' 

'''الهدف:''' 
*يستنتج المشارك مفهوم البرامج المفتوحة المصدر
*يتخطى المشارك فكرة أن الكمبيوتر (الحاسوب؟) أداة سحرية،
*يستنتج المشارك ارتباط تغيير كود الأوامر بالتغيير في البرنامج
|الخطوات التفصيلية للجلسة=يطرح الميسر بعض الأسئلة ويستمع في كل مرة إلى أجوبة المتدربين:
*ما هو الحاسوب؟ (الهواتف الذكية، حواسب لوحية (أي باد وغيرها) )
*ما إستخداماتك للحاسوب؟
*ماهي البرمجة والبرامج؟
*هل يمكنكم إعطاءنا أمثلة على البرامج؟
*هل الألعاب برامج؟
*هل تعرف كيف يتم تطوير ''البرنامج/ برامج''؟


يقترح الميسر\ة للمشاركين استكشاف مفهوم البرامج مفتوحة المصدر عن طريق برنامج لعبة Frozen Bubble Game ويعرض اللعبة أمام الفتية عن طريق شاشة البروجكتر
•يعرض الميسر\ة  كودالشفرة المكتوب بها برنامج اللعبة والتي تظهر في شكل نص ويسأل ''الفتية'' على ملاحظاتهم. 
•يغيرالميسر\ة بعض الأوامر في لغة البرمجة من خلال الـ code editor  ويطلب من الفتية ملاحظة النتيجة.



'''<nowiki>*ملاحظة</nowiki>'''

*** '''يحيي''':هل هذة المقدمة عن التعريف بجزء التقني لفكرة المحتوي المفتوح ضرورية لهذه الفئة العمرية؟
*** '''ميسرة''': أعتقد أن هذا مهم جدا ليعرفوا أن البرامج هي أوامر محددة ولتخفيف الشعور بأن الكمبيوتر أداة سحرية، أيضا في التمارين القادمة سيمر مفهوم مفتوح المصدر عند الحديث عن كل برنامج
*** '''بنغازي 2012''': 

'''المقترح من يحيي و ميسرة علي هذا النشاط'''

*  تحضير تعديل واضح أو مرئي علي لعبة Frozen Bubble , و عرضة علي الفتية حتي يقدروا يشوفوه و يفهموا يعني أية تغير في الكود بتاع البرنامج أو اللعبة- مثال :ممكن نعمل تغير بسيط في لون الكورة أو أسم اللعبة في اليوم الأول و ممكن نعيد عرض الكود و نرجع نفكرهم بة مرة تانية في اليوم الثالث عشان نأكد علي فهم برنامجة من خلال تغير في الصوت اللعبه نفسها(ذللك سيكون أيضاً بعد تعرضهم برنامج أوديستي) 
* سيحتاج وقت لتحضير ذلك
* في حدود السطر 76 يمكن تغيير سرعة المدفع وسرعة الكرة:
 $LAUNCHER_SPEED = 0.03;	        # speed of rotation of launchers
 $BUBBLE_SPEED = 10;	        # speed of movement of launched bubbles


'''ملاحظة عامة :'''

# '''يحيي''': في الأول لم يكن واضح لي الطريقة التي سأقدم بها النشاط و لكن التحدي الحقيقي مش في تعريفهم بالكود بسو لكن ايضاً أزاي أوريهم يعني أيه أوامر و لو جربنا نغير فيها حيصل ايه
# '''ميسرة''':هل سيحتاج توصيل مفهوم تغير الكود الي الأعادة في اليوم الثالث لتذكير أم لا؟
# يمكن توسيع هذا النشاط ليشمل القيام فعليا بالبرمجة، امثلة على [[بيئات برمجة]] قد تكون بسيطة ومناسبة هو سكراتش (Scratch)

====النشاط الثاني:المهارات الأساسية للتعامل مع الصور====


'''الهدف''':يتعامل المتدرب مع الصورة باستخدام برنامج''' جمب''' أو krita
- يلتقط صور
- يعدل الصور باستخدام جمب أو Krita 
- يحفظ  تعديلات الصور ويستخدم صور الآخرين بطريقة تضمن التشاركية

'''الوقت''' : 30 دقيقة

*يقدم الميسر(ة) برنامج GIMP ويشير إلي أنه برنامج مفتوح المصدر ويربطه بالنشاط السابق
*يطلب الميسر من المتدربين تصوير بعضهم البعض 
*يوزع الكاميرات على المتدربين ويتأكد المدرب من جاهزية؟؟ الكاميرات أو الموبايلات التي يحملها المتدربين 
*يصور المتدربون  صور فردية بكاميرا ديجيتال
*ينقل المتدربون  الصور من الكاميرا الرقمية إلى الحاسوب 
*يحمًل المتدربون الصور إلى ملف واحد موجود على السيرفر 
*يسمي المتدربون الصورعلى حسب الطريقة المقترحة وهي: اسم المصور + اسم من تم تصويره. 
*يفتح المتدربون (المشاركون؟)  برنامج GIMP Applications -> Graphic -> Gimp 

*يعطي الميسر\ة مثال تطبيقي للمتدربين لاستخدام البرنامج واستكشاف المفاتيح المختلفة من خلال صورة معروضة أمام الجميع،
*يفتح المدرب صورة تظهر على البروجيكتور ويعدل الصورة باستخدام الأدوات الأساسية :copy-  paste- crop - select-  filters 
*يطلب الميسر(ة)  من كل ''مشارك\ه'' اختيار صورة و تعديل الصورة باستخدام GIMP وذلك باستخدام الأدوات المقترحة : 
- نسخ و لصق select, cut,copy,paste, crop بعض أجزاء الصورة 
- استكشاف المرشحات (Filters) واستخدامها 
- التعرف علي كيف تتكون الصورة من أجزاء صغيرة pixels 
zooming + ترقيم الألوان لخلق صورة على شكل جدول 

يتأكد الميسر(ة) من حفظ الصورة المعدلة بالطريقة الصحيحة 
يطلب الميسر(ة)من المتدربين اللعب بالصور لمدة 20 دقيقة 
يقوم المتدربون باستعراض أعمالهم اللا فنية ؟ '''ليه الحتة ده هنا؟؟؟'''


'''لتعميق المفاهيم : ''':(مش واضحة في الشرح)
'''اقتراح : '''

1-أضافة كيف يتعامل الكمبيوتر مع الصورة أي تعريف المشاركين علي عناصر التي تتحكم في الصور( اضغط- و الملف-الجودة)

* Compression (lossy , lossless) – how
*  file types (jpg - png) 
* Quality (resolution - scalin' , color depth, jpg quality)
* Learning how to capture photos, and access photos library
* Use already Canned photos only to save time

2- (2012) : إستعراض من قام بتطوير البرنامج (مساعدة-> حول)، يمكن لاحقا القيام بالبحث عنه في الإنترنت ورؤية ما فعله.

للحديث عن الضغط والجودة، يمكن القيام بالآتي، عند الحفظ بإسم لملفات من نوع jpeg، يقوم جمب بفتح مربع يسأل فيه عن الجود المفضلة، هناك صندوق يمكن تعليمه show preview in image window، يمكن عندها رؤية كيف يتغير حجم الملف وكيف تقل الجودة خاصّة عند خفضها جدا.

إقتراح: يمكن الحديث أيضا عن تركيب الألوان RGB


====النشاط الثالث: مجتمعات الإنترنت المفتوحة==== ملاحظة:أو أن يصاغ كنشاط أو أن يُضم للنشاط السابق'''
لنشر أعمالهم و أستخدمها كمصدر للصور و مشاهدة أعمال مصورين و المشاركة بالتعليق علي هذه الصور



'''ملاحظة: التصوير وإستخدام صور الآخرين هو تقديم بدائي لفكرة التشاركية'''
}}
=== ورشات ذات علاقة ===

* [[بكسيفسال]] (ورشة لحل أحجية عبر رسم خريطة من العنصورات، توضح مبدأ البكسل وتوضح كيفية ترتيب البيانات وتعطي معنى مبهم لأرقام الألوان)
{{تذييل ورشة معسكرات}}