بيروقراطيون، checkuser، staff، إداريون، تقنيون
4٬819
تعديل
تغييرات
اذهب إلى التنقل
اذهب إلى البحث
أنشأ الصفحة ب'==الأهداف العامة للمنهج== # إكساب المهارات الأساسية لتعامل مع ملفات الصوت و الفيدية و الصور …'
==الأهداف العامة للمنهج==
# إكساب المهارات الأساسية لتعامل مع ملفات الصوت و الفيدية و الصور الرقمية
# تعريض الفتية لمفاهيم العمل التشاركي و المحتوي المفتوح ((open Content)-( art work or program)
'''تمهيدا:''' أول يومين في المعسكر
'''اليوم الأول:'''
'''الهدف '''
# إعطاء مقدمة عامة عن المنهج و الأهداف المراد إيصالها-تقديم مسار الوب
# عرض سريع لفكرة البرمجيات الحرة (التعريف بها، وتسليط الضوء على إيجابياتها وأمثلة عليها)
#* مثال : مقدمة سريعة في الجنو لينكس (تعريف بنظام التشغيل و أهميته)
# التعرف علي المهارات الأساسية للتعامل مع الصور من خلال [[جِمب]]
'''النشاط الأول '''
وقت:20 دقيقة
الهدف: تعريف المشاركين بمفهوم البرامج المفتوحة المصدر
<div align="right">'''أسئلة تنشيطية''' </div>
* <div align="right">ماهي البرمجة و البرامج؟ سؤال للمشاركين</div>
* <div align="right">هل تعرف كيف يتم تطوير البرنامج؟</div>
* <div align="right">هل الألعاب برامج؟</div>
<div align="right">''' خطوات\ شرح:'''</div>
* <div align="right"> أستخدم الميسر\ه لعبة Frozen Bubble Game (وهي لعبة علي الكمبيوتر) و يبدأ يلعبها أمام الفتية أولاً</div>
* <div align="right">يقوم الميسر\ه بعرض كود /الشفرة المكتوب بها برنامج اللعبة والتي ظهرت في شكل نص و من هنا بدء الميسر\ه بسؤال الفتية عن ما شاهدوه </div>
* <div align="right">ثم يقوم الميسر\ه بشرح لغة البرمجة من خلال الـ code editor و أستخدام بعد الأوامر التي هي جزء من اللعبة ليعطيها كأمثلة توضيحية</div>
<div align="right">'''<nowiki>*ملاحظة</nowiki>'''</div>
*
**
*** <div align="right">'''يحيي''':هل هذة المقدمة عن التعريف بجزء التقني لفكرة المحتوي المفتوح ضرورية لهذه الفئة العمرية؟</div>
*** <div align="right"> '''ميسرة''': أعتقد أن هذا مهم جدا ليعرفوا أن البرامج هي أوامر محددة ولتخفيف الشعور بأن الكمبيوتر أداة سحرية، أيضا في التمارين القادمة سيمر مفهوم مفتوح المصدر عند الحديث عن كل برنامج</div>
<div align="right">'''المقترح من يحيي و ميسرة علي هذا النشاط'''</div>
* <div align="right"> تحضير تعديل واضح أو مرئي علي لعبة Frozen Bubble , و عرضة علي الفتية حتي يقدروا يشوفوه و يفهموا يعني أية تغير في الكود بتاع البرنامج أو اللعبة- مثال :ممكن نعمل تغير بسيط في لون الكورة أو أسم اللعبة في اليوم الأول و ممكن نعيد عرض الكود و نرجع نفكرهم بة مرة تانية في اليوم الثالث عشان نأكد علي فهم برنامجة من خلال تغير في الصوت اللعبه نفسها(ذللك سيكون أيضاً بعد تعرضهم برنامج أوديستي) </div>
* <div align="right">سيحتاج وقت لتحضير ذلك</div>
<div align="right">'''ملاحظة عامة :'''</div>
# <div align="right">'''يحيي''': في الأول لم يكن واضح لي الطريقة التي سأقدم بها النشاط و لكن التحدي الحقيقي مش في تعريفهم بالكود بسو لكن ايضاً أزاي أوريهم يعني أيه أوامر و لو جربنا نغير فيها حيصل ايه</div>
# <div align="right">'''ميسرة''':هل سيحتاج توصيل مفهوم تغير الكود الي الأعادة في اليوم الثالث لتذكير أم لا؟</div>
<div align="right">''' '''</div>
<div align="right">''' '''</div>
<div align="right">'''النشاط الثاني:'''</div>
<div align="right">الوقت : 30 دقيقة</div>
<div align="right">الهدف:التعرف علي المهارات الأساسية لتعامل مع الصورة باستخدام''' جمب'''</div>
<div align="right">خطوات\شرح</div>
* <div align="right">التعريف ببرنامج GIMPو الإشارة إلي أنه برنامج مفتوح المصدر و ربطة بالنشاط السابق</div>
* <div align="right">تصوير المشاركين(صور فردية) بكاميرا ديجيتال</div>
* <div align="right">ثم تقوم بنقل الصور من الكاميرا الرقمية إلى الحاسوب </div>
* <div align="right">يقوم الميسر\ه بأعطاء مثال تطبيقي أمام المشاركين لتعرف علي المفاتيح المختلفة و علي طريقة استخدام البرنامج</div>
* <div align="right">شرح مختصر لطبيعة الصور و البيكسل</div>
<div align="right">'''التمرين:'''</div>
<div align="right">طلب من كل مشارك\ه اختيار صورة و تعديل الصورة باستخدام GIMP و ذلك من خلال : </div>
* <div align="right">نسخ و لصق select, cut,copy,paste, crop بعض أجزاء الصورة</div>
* <div align="right">التعرف على المرشحات (Filters) و استخدامها</div>
* <div align="right">التعرف علي كيف تتكون الصورة من أجزاء صغيرة pixels</div>
* <div align="right">zooming + ترقيم الألوان لخلق صورة على شكل جدول</div>
<div align="right">'''المواد'''</div>
<div align="right">· 2 كاميرا</div>
<div align="right">· برنامج جيب</div>
<div align="right">· Canned Photos on the Computer</div>
<div align="right">'''اقتراح : '''</div>
<div align="right">1-أضافة كيف يتعامل الكمبيوتر مع الصورة أي تعريف المشاركين علي عناصر التي تتحكم في الصور( اضغط- و الملف-الجودة)</div>
* Compression (lossy , lossless) – how
* file types (jpg - png)
* Quality (resolution - scalin' , color depth, jpg quality)
<div align="right">2- التعرف علي </div>
* Learning how to capture photos, and access photos library
* Use already Canned photos only to save time
<div align="right">3- التعرف عل مجتمعات علي الإنترنت لنشر أعمالهم و أستخدمها كمصدر للصور و مشاهدة أعمال مصورين و المشاركة بالتعليق علي هذه الصور </div>
<div align="right">''' ملاحظة: التصوير وإستخدام صور الآخرين هو تقديم بدائي لفكرة التشاركية'''</div>
<div align="right">''' '''</div>
<center>'''اليوم الثاني'''</center>
<div align="right">'''الهدف '''</div>
<div align="right">'''1-''' '''التعرف عليWikipedia '''</div>
<div align="right">'''2-''' '''التعرف علي المهارات الأساسية للتعامل مع الصوت من خلال أوديسيتي'''</div>
<div align="right">'''النشاط الأول :'''</div>
<div align="right">'''الوقت:30 دقيقة'''</div>
<div align="right">'''الشرح\الخطوات:'''</div>
<div align="right">عرض سريع لويكيبيديا و فكرة العمل التشاركي و التراكمي من خلال:</div>
*
*# <div align="right">التعريف بال الويكبيديا: فنقوم (مثلاً) بسؤال المشاركين عن شخصية كارتونية يحبونها أو اي موضوع عام و نقوم بالبحث عنها فى ويكيبيديا و نقوم بعرض النسخة العربية منها الإشارة هنا الي:</div>
*
**
*** <div align="right">ان أي حد ممكن يشارك- يغير و يطور في المحتوي؟ و كيف نغير في المحتوي؟ مين ممكن يشارك</div>
*** <div align="right">ان يوجد مجتمع علي الأنترنت و احنا ممكن نشارك فية، و ان هذا المجتمع التفاعلي و المعلومات تراكمية و اي معلومة يتم أضافتها المجتمع بيقوم بتصحيحه لو كانت خطأ</div>
*** <div align="right">ان المحتوي العربي قليل لقلة المجتمعات علي الانترنت و الهدف هنا هو تشجيعهم في المشار</div>
<div align="right">'''الأقتراح'''</div>
# <div align="right">مواقع و مواضيع مكتوب في الويكبيديا: </div>
* <div align="right">نترك الأمثلة تطلع من الفتية بشكل أرتجالي معتمداً علي طبيعة المجموعة مع تحضير قائمة بالأمثلة مسبقاً</div>
# <div align="right">أضافة نشاط لتعريف بال Wiki Linkبطريقة مختلفة</div>
* <div align="right">الهدف التعريف بان الوكيبديا هو عمل تشاركي و متشابك ببعضة</div>
* <div align="right">أمثلة لأنشطة:</div>
* <div align="right">نشاط التشبيك بتاع الويكي لينك من Tot-2009</div>
* <div align="right">لعبة التليفون المكتوب –مع التعديل</div>
* <div align="right">تحرير المحتوي</div>
<div align="right">'''النشاط الثاني'''</div>
<div align="right">'''الوقت: 30 دقيقة'''</div>
<div align="right">'''الهدف ''':</div>
* <div align="right">تعليم أساسيات مونتاج و تحرير الصوت من خلال برنامج الأوديسيتيcut-paste and copy trimming </div>
<div align="right">'''خطوات\شرح: يقوم الميسر\ه''' </div>
* <div align="right">بالتعريف برنامج Audacity و الإشارة الي انه برنامج مفتوح المصدر</div>
* <div align="right">بإعطاء مثال تطبيقي للفتية و التعرف علي المفاتيح المختلفة و علي طريقة استخدام البرنامج</div>
* <div align="right">باختيار ملف صوت من مكتبة الصوت علي الحاسوب أو نقل ببرنامج Audacity </div>
* <div align="right">ثم بتشغيل ملف الصوت </div>
* <div align="right">بإعطاء مثال تطبيقي</div>
* <div align="right">شرح مختصر لطبيعة الصوت الرقمي</div>
<div align="right">'''التمرين'''</div>
* <div align="right">يقوم المشارك بالتعرف علي البرنامج من خلال canned material </div>
* <div align="right">يدخل كل مشارك مكتب الصوت علي الكمبيوتر</div>
* <div align="right">ثم يقوم بعمل الأتي بترتيب</div>
<div align="right">1. Crop\trim</div>
<div align="right">2. Select, copy ,cut ,paste</div>
<div align="right">3. Basic multitasks</div>
<div align="right">4. Effects</div>
<div align="right">5. file types and compression </div>
<div align="right">- يقوم الفتية بتعديلها ملف الصوت باستخدام Audacity بغرض إكسابهم بعض المهارات الأساسية مثل (نسخ و لصق – مؤثرات ...)</div>
<div align="right">'''الجزء الثاني-الأوركسترا'''</div>
<div align="right">الهدف: هو تعريف المشاركين بالوحدات التي يتكون منها الصوت </div>
<div align="right">'''الشرح\خطوات'''</div>
<div align="right">· يقف الفتية في دائرة و الميسر\ه بجانبهم ليعلب دور المايسترو</div>
<div align="right">· يأخذ كل مشارك رقم و صوت</div>
<div align="right">· ينادي الميسر\ه علي رقم المشارك فيقوم بإخراج صوتة و لا يتوقف ثم ينادي علي مشارك أخر و يتولي أصوات واحد تلو الأخر-ليقوم بإخراج أصوات مختلفة كأوركسترا</div>
<div align="right">المواد</div>
<div align="right">· برنامج Audacity</div>
<div align="right">· Canned Tracks</div>
<div align="right">''' '''</div>
<div align="right">'''ملاحظات '''</div>
* <div align="right">'''من يحيي:'''عدم تطبيق نشاط الأوركسترا لان لم يفهم المشاركين الهدف من النشاط - أن الحاسوب يتعامل مع ثانية الصوت على أنها مكونة من 44000 جزء و أنه يتعامل مع كل جزء على حدة!!</div>
* <div align="right">طيب... كيف نوضح؟ آلات حقيقية؟ خشب وتنك وزجاج وتطبيل؟ ربما شرح للصوت وطبيعته أساسا</div>
* <div align="right">'''ميسرة:''' ينقص نشاط التعريف ب audacity تحفيذ العمل تشاركي الفتية </div>
<div align="right">الأقتراح </div>
*
** <div align="right">تقديم إستخدام هيدروجين على أوداسيتي؟</div>
** <div align="right">تحضير filter , effects , and canned tracks</div>
<center>'''أيام المعسكر الأساسية'''</center>
<div align="right">'''اليوم الأول:'''</div>
<div align="right">'''الهدف:'''</div>
# <div align="right">تعريف المشاركين بالموقع الإلكتروني للمعسكر باعتباره:</div>
* <div align="right">الوسيلة المستخدمة فى نشر أعمال المعسكرين</div>
* <div align="right">وسيلة التواصل بينهم بعد المعسكر.</div>
# <div align="right">أنشاء حساب للفتية علي منصة المعسكر</div>
<div align="right">'''النشاط'''</div>
<div align="right">'''المدة: 60دقيقة '''</div>
<div align="right">'''-''' اعداد حساب خاص لكل مشارك على مرحلتين</div>
<div align="right">'''الجزء الأول '''</div>
<div align="right">المدة:45 دقيقة</div>
<div align="right">يقوم كل مشارك بتوجيه من الميسر\ه باختيار اسم مستخدم و كتابة البيانات الشخصية الخاصة بهم</div>
<div align="right">'''الجزء الثاني'''</div>
<div align="right">المدة:45 دقيقة</div>
* <div align="right">التأكيد على المهارات التي اكتسبوها في اليوم التمهيدي الأول الخاصة بالتعامل مع الصور الرقمية. </div>
* <div align="right">يقوم كل مشارك باستخدام برنامج GIMP لاعداد الـ (Avatar) و صورتهم التى يرغبون فى استخدامها فى صفحتهم الخاصة على الموقع.</div>
<div align="right">'''اليوم الثاني'''</div>
<div align="right">'''الهدف:'''</div>
# <div align="right">تعريف المشاركين بالفرق بين الـ Vector graphics و الـ Raster graphics ...</div>
# <div align="right">عمل portraits باستخدام Inkscape</div>
# <div align="right">'''القصة الفائقة:''' التعرف على كيف يمكن العمل تشاركيا لإنتاج عمل نصي</div>
#* <div align="right">'''استخدام الـ Wiki (غير متأكد و لكنى أعتقد أن الهدف لم يكن كيفية انجاز عمل نصى تشاركى - كما ذكرنا بالـ''' '''draft –ميسرة'''</div>
#* <div align="right">'''الهدف إنجاز عمل تشاركي نصي وفي ذات الوقت التعرف على نظام الويكي وأيضا وهو مهم معرفة أن التفرع قد يكون صفة أصيلة في العمل التشاركي'''</div>
<div align="right">'''النشاط الأولالمدة:45 دقيقة'''</div>
<div align="right">الخطوات:</div>
* <div align="right">يقوم الميسر\ه بالتقاط صور للفتية و يطلب من كل منهم اختيار صورة أحد زملائه (من الضروري ألا تكون صورته)</div>
* <div align="right">يقوم المشارك بفتح الصورة ببرنامج Inkscape </div>
* <div align="right">يبدأ كل منهم في رسم وجه زميله من خلال الصورة فيقوم بتحديد الملامح الرئيسية للوجه (العينين - الأنف - الفم - الشعر ...)</div>
* <div align="right">ثم يقومون بتلوين أجزاء الوجه بالألوان التى يفضلونها (و ليس بالضرورة أن تكون ألوان مقاربة للواقع) فنتيح لهم فرصة التعبير بالألوان التى يرونها تمثل زملائهم او التى يفضلونها عموماً)</div>
* <div align="right">بعد الانتهاء من الصورة نقوم بتكبير للصورة إلى مالا نهاية ..</div>
* <div align="right">نلفت انتباههم أن الصورة لم يظهر بها المربعات( Pixels ) التى ظهرت بالصور التى تعاملنا معها فى اليوم التمهيدى الأول </div>
* <div align="right">و نوضح لهم أن هذا النوع من الـ graphics يسمى Vector أو متجهى!: هو نوع lossless أى لا يفقد جودته إذا ما قمنا بتكبيره إلى عدد لا حصرى من المرَّات</div>
* <div align="right">يشرح الميسر\ه للمشاركين كيف يمكن الاستفادة من هذا النوع من الـ graphics فى عمل تصميمات يمكن طباعتها بأى حجم ممكن تخيله (من business cards إلى Billboards )</div>
<div align="right">'''النشاط الثاني: القصة الفائقة'''</div>
<div align="right">'''المدة: 45 دقيقةالخطوات:'''</div>
* <div align="right">نبدأ بكتابة مقدمة حكاية، لنترك للمشاركين حرية التخيل لبقيتها</div>
* <div align="right">نبدأ النص بكتابة قصة بآراء الجميع ... وننهي الفقرة بإحتمالين ... مثلا ليلى راحت الغابة أو ليلى راحت الديسكو</div>
* <div align="right">ينقسم المشاركين لمجموعتين، تتفق كل مجموعة على صياغة بقية الحكاية من إحدى النقطتين السابقتين</div>
* <div align="right">نستمر بالتقسيم والإستكمال ، كل تقسيم يبدأ مقال جديد ويتصل بالذي قبلة عبر وصلات ويكي</div>
<div align="right">نقرأ الحكايا ... ونضحك !</div>
<div align="right">'''المواد'''</div>
<div align="right">· 2 كاميرا</div>
<div align="right">· برنامج Inkscape</div>
<div align="right">· Canned Photos on the Computer</div>
<div align="right">ملاحظة</div>
* <div align="right">نشاط جيد و كان الهدف منه التحفيذ علي التعاون و لكن التحدي الذي واجة الميسرين عند التطبيق هو عدم تعاون بين المشاركين حيث يكون الشخص المسيطر في كل مجموعة هو المحرك لمسار القصة وعندما تصبح المجموعات اصغر فان هامش الصراع يزداد مؤديا احيانا الى عزوف احد المشاركة.</div>
<div align="right">'''اليوم الثالث'''</div>
<div align="right">'''الهدف:'''</div>
<div align="right">1. التعريف بمفهوم الشبكات</div>
<div align="right">2. عمل موسيقى بشكل مبسط باستخدام برمجيات الكمبيوتر</div>
<div align="right">'''النشاط الأول المدة: 45 دقيقةالخطوات:'''</div>
* <div align="right">نستخدم لعبة BZFlag كمثال للألعاب الشبكية</div>
* <div align="right">حيث يقوم كل مشارك\ه باختيار دبابة و تكوين فريق او اللعب بمفرده محاولاً ضرب الدبابات الأخرى الموجودة حوله</div>
* <div align="right"> تستغرق اللعبة حوالي 35 دقيقة تقريباً بحيث يتبقى 10 دقائق يقوم فيها الميسر\ه بإجراء مناقشة سريعة مع المشاركين عن مفهوم الشبكات و مما تتكون الشبكة ... (من الممكن أن يضيف ميسرة إلى هذا الجزء بعض التفاصيل )</div>
* <div align="right">يمكن الدخول الى مفوم الشبكات عبر سؤال حول كيفية عمل اللعبة، يعرف المشاركون ان هناك خادم (server) يقوم بالتنسيق السريع، والجميع يخبره بما يفعل ويقوم هو باخبار الجميع بذلك</div>
* <div align="right">يتم ايضاح دور السويتش والكابلات وان النت هي عبارة عن شبكات صغيرة كاللتي نلعب ضمنها مترابطة معا</div>
<div align="right">'''النشاط الثاني'''</div>
<div align="right">'''المدة''':45 دقيقة'''الهدف: عمل موسيقى باستخدام Hydrogenالخطوات:'''يقوم الميسر\ه بتقديم و التعريف بالبرنامج للفتية من خلال </div>
*
*# <div align="right">أصوات الإيقاعات الموجودة بالبرنامج و كيف يمكنهم عمل الايقاع الخاص بهم ( Pattern ) من خلال مجموعة الخطوط الموجودة في البرنامج و التي تقوم بالأتي:</div>
* <div align="right">الخطوط الأفقية (التى تحتوى على أصوات الآلات الايقاعاية) </div>
* <div align="right">الخطوط الرأسية (و هى مقسمة إلى مسافات متساوية و هى تمثل عدد مرات تكرار صوت الآلة الإيقاعية فى فترة زمنية معينة )tempo </div>
<div align="right">2. يقوم الميسر\ه بعمل أكثر من ايقاع و مزجهم معاً لتكوين عمل موسيقى بسيط </div>
<div align="right">3. يتعرفون الفتية </div>
* <div align="right">على كيفية التحكم فى سرعة الموسيقى (التحكم فى عدد الـ Beats فى الدقيقة)</div>
* <div align="right">علي انهم يمكنهم تغيير أصوات الآلات الايقاعية عن طريق مكتبات الأصوات الموجودة بالبرنامج (Hip Hop - Electronic ... )</div>
# <div align="right">يقوم كل مشارك\ه باختيار من ما تعرض له و يبدء في تكوين عمل موسيقي بسيط خاص به</div>
<div align="right">'''المواد'''</div>
<div align="right">· BZFlag لعبة</div>
<div align="right">· برنامج Hydrogen </div>
<div align="right"> ملاحظات</div>
* <div align="right">ينقصة تحفيذ العمل تشاركي الفتية في hydrogen </div>
* <div align="right">أقتراح أضافة برنامج''' zynaddsubfx'''و لكن لن يتم أضافته لضيق الوقت و لأسباب تقنية</div>
<div align="right">أقتراح:</div>
* <div align="right">كتابة نشاط للتشبيك احدهم قائم على المركزية و الاخر لامركزية ليتم ضمة لحصة البزفلاج في الجانب الميداني</div>
* <div align="right">مثال:ففي حالة عملنا لعبة البزفلاج مع اللعبة ونخلي حد من الاولاد هو المركز او الرسائل و كله يرسل لكله في حالة اللامركزية</div>
<div align="right">'''اليوم الرابع'''</div>
<div align="right">'''الهدف:'''</div>
<div align="right">1.تعريف المشاركين بكيفية عمل Animation بطريقة مبسطة و بأستخدم طريقة الـ Stop-Motion</div>
<div align="right">'''النشاط:Stop Motion Videoالمدة:90 دقيقةالخطوات:'''</div>
<div align="right">'''الجزء الأول '''</div>
<div align="right">'''المدة: 45 دقيقة'''</div>
<div align="right">'''يقوم الميسر\ه'''</div>
* <div align="right">شرح فكرة الـ Stop-Motion و عرض مثال لها من Youtube </div>
* <div align="right">ثم يتم تقسيم الفتية إلى مجموعات من ثلاثة أو أربعة (وفقا لعدد الكاميرات المتاحة)</div>
* <div align="right">و تقوم كل مجموعة باختيار فكرة للعمل على تنفيذها و يقومون بتقسيم الأدوار (من يقوم بالتصوير و من يقوم بتنفيذ الحركة ...) </div>
* <div align="right"> و يبدأ الفتية فى وضع تصور لشكل المشاهد و كيفية تنفيذ الحركة فى شكل Stop-Motion </div>
<div align="right">ملاحظة</div>
* <div align="right">كان مرهق أثناء تنفيذة اخذ وقت طويل و البرنامج كان واقع شويه</div>
* <div align="right">التعرف من تجارب سابقة كيف يمكن التحضير له حتي يكون أفضل أثناء التنفيذ</div>
<div align="right">'''الاقتراح'''</div>
* <div align="right">دمج النشاط بين كل من الوب و الورش الحرفيةوالذي لم يكن متوفر المعسكر الماضي و كانوا محددين بتصوير حركات الجسم.</div>
* <div align="right">انه من اللطيف وجود تنسيق مشترك بين الورش الفنية و الوب لتنفيذ ورشة الستوب موشن</div>
* <div align="right">اعداد صورمعده سابقاً مخصصة لهذا النشاط</div>
* <div align="right">ميسرة:شايف انه تدمج فترة الورش مع الوب في هذا التمرين. ساعة ورش و ساعة لاب حنشرح كيف يعملوا الستوب موشن في اخر 15 دقيقة من وقت الورش او اول 15 دقيقة من وقت الوب</div>
<div align="right">'''الجزء الثاني'''</div>
<div align="right">'''المدة:45 دقيقة'''</div>
* <div align="right">بعد الانتهاء من التصوير نقوم بنقل الصور إلى الحاسوب </div>
* <div align="right">و يقوم الفتية باختيار اللقطات المراد استخدامها و حذف اللقطات الغير دقيقة أو المتكررة بحيث تظهر الحركة فى النهاية متتابعة بدون أى خلل بقدر المستطاع</div>
* <div align="right">يوضح للفتية مدى ارتباط عدد اللقطات فى الثانية بسرعة عرض الصورة فى الفيلم</div>
* <div align="right">لكن لوجود مشاكل تقنية فى البرنامج المستخدم و كيفية الحصول على Stop-Motion Animation فى شكل ملف فيديو ... لم نستطع الحصول على أى فيلم لجميع المجموعات!</div>
<div align="right">'''المواد'''</div>
<div align="right">· 2 كاميرا ديجتال</div>
<div align="right">'''اليوم الخامس'''</div>
<div align="right">'''الهدف:'''</div>
<div align="right">1. اكتساب المهارات اﻷساسية لتعديل ملفات الفيديو باستخدام Avidemux</div>
<div align="right">'''النشاط:''' عمل فيديو بـ Avidemux</div>
<div align="right">'''المدة:90 دقيقةالخطوات:الجزء الأول '''</div>
<div align="right">'''المدة:30 دقيقة'''</div>
* <div align="right">يتم تقسيم الفتية إلى مجموعات حسب عدد الكاميرات المتاحة </div>
* <div align="right">تقوم كل مجموعة بعمل مقابلات قصيرة جداً مع أى من الفتية فى المعسكر (عدا المجموعة التي تقوم بالنشاط) تتراوح مدتها بين 30 ثانية و دقيقة واحدة يتم فيها طرح سؤال وجودى! - مثل ... لماذا تحب النملة السكر؟ :))</div>
<div align="right">'''الأقتراح'''</div>
* <div align="right">استخدام هذا النشاط لتدوين أحداث المعسكر و نشرة على البوابة العامة</div>
* <div align="right">ممكن تحسينة بتجميع افكار جديدة لتنفيذ النشاط بخلاف فكرة الأسئلة الوجودية </div>
* <div align="right">مثل اسئلة تنقد اشياء في المعسكر او المدربين او مواضيع اكثر جدية </div>
* <div align="right">ان نجمع قائمة افكار لمواضيع يمكن ان يستثمرها الاولاد لكن لا نفرضها عليهم او نقسمها عليهم و انما نقترحها في حال عجزوا عن الوصول لافكار يطبقوه</div>
* <div align="right">لذي يمكن تعريض الفتية لهذا النشاط في الأيام الأولي للمعسكر أو أيام التمهيد</div>
<div align="right">'''الجزء الثاني'''</div>
<div align="right">'''المدة:60 دقيقة'''</div>
* <div align="right">ثم يقوم بنقل ملفات الفيديو إلى الحاسوب و نبدأ العمل/مونتاج عليه ببرنامج Avidemux </div>
* <div align="right">و نبدأ باستخدام البرنامج فى حذف المقاطع الزائدة ثم تعلم كيفية إضافة المقاطع الأخرى التى قامت المجموعة بتصويرها لهذا الفيديو.---غير واضح</div>
<div align="right">'''المواد'''</div>
<div align="right">· 2 كاميرا ديجتال +TRIPOD </div>
<div align="right">· برنامج Avidemux</div>
<div align="right">''' '''</div>
<div align="right"> '''اليوم السادس-نشاط ميداني'''</div>
<div align="right">'''الهدف:'''</div>
<div align="right">'''1.''' تعريف الفتية ببعض المفاهيم المرتبطة بالإنترنت و الشبكات</div>
<div align="right">''' '''</div>
<div align="right">'''النشاط الأول: حزم البيانات''' '''المدة:30 دقيقة''' '''الهدف:شرح طريقة انتقال البيانات عبر الإنترنت'''</div>
<div align="right">الخطوات:</div>
* <div align="right">يأخذ كل مشارك/ه ورقة و يقوم بكتابة رسالة إلى أحد الفتية فى مجموعته و الذين يقومون معه بعمل النشاط و</div>
* <div align="right">يقوم بثنى الورقة حتى لا تظهر الرسالة و</div>
* <div align="right">يقوم بكتابة اسم الشخص المراد إرسال الرسالة إليه على ظهر الورقة</div>
* <div align="right">ثم يقف الفتية بشكل عشوائى ثم يقوم كل مشارك\ة بتمرير الورقة إلى أقرب شخص له حتى تصل فى النهاية إلى المراد توصيلها له</div>
* <div align="right">نوضح لهم أن البيانات تنتقل من خلال الإنترنت بهذه الطريقة ...</div>
* <div align="right">و من الممكن أن يضيف ميسرة بعض التفاصيل لشرح النشاط بطريقة أفضل حيث أنه من كان يقوم بعمل هذا النشاط مع الفتية :)</div>
<div align="right">''' '''</div>
<div align="right">''' '''</div>
<div align="right">'''النشاط الثاني: -Tagging-الوسم'''</div>
<div align="right">'''المدة:30 دقيقة'''</div>
<div align="right">الهدف:تعريف الفتية بمفهوم الـ Taggingالخطوات:</div>
* <div align="right">نعطى الفتية مجموعة من الـ Stickers - كل مشارك\ه لون و شكل متميز عن الآخرين</div>
* <div align="right">نطلب منهم اختيار صفة واضحة مع عدم الافصاح عن هذه الصفة و يجب أن تكون موجودة فى شخص واحد فى المجموعة أو مشتركة بين بعض أفراد المجموعة - بشرط ألا تكون صفة موجودة فى جميع الفتية- مثل لديه عينين يجب و ان لا تكون صفة غير شكلية - فى شخصية الفرد - كأن نقول لطيف أو سخيف </div>
* <div align="right">نطلب من الفتية لصق الـ sticker على كل من تتوافر فيه الصفة التى قاموا باختياره او يمكنهم أيضاً لصق الـ sticker على أنفسهم و ذلك إذا ما وجدت فيهم هذه الصفة</div>
* <div align="right">ثم يقوم كل مشارك(على حدة) تحديد المجموعة التى قام باختيارها و نحاول كمجموعة تخمين الصفة المشتركة فى هذه المجموعة</div>
* <div align="right">و بذلك فأننا استطعنا تقسيم أفراد المجموعة إلى مجموعات طبقاً لصفاتهم و أن كل فرد منهم يمكنه أن يحمل أكثر من صفة فى نفس المدة و بذلك نكون قد وضحنَّا للفتية فكرة الـ tagging كطريقة لتنصيف المحتوى على الإنترن</div>
<div align="right">الملاحظات</div>
* <div align="right">المشكلة ان المفاهيم ليس لها علاقه ببعض و غير انها مجموعة في هذه الحصة لتؤخذ سويا</div>
* <div align="right">نحن بحاجة لانشطة احسن لتوصيل التاج و التشبيك و website personality</div>
* <div align="right">من الافضل خلق انشطة لكل مفهوم ولكن هذا لم يتم لانه صعب تصميم انشطة </div>
<div align="right">المقترح: </div>
# <div align="right">تقسيم انشطة الميداني على باقي الحصص و ألغاء جلسة الميداني (هذا خيار غير متاح بسبب الضيق في الوقت) أو</div>
# <div align="right">الاحتفاظ بذات المفهوم مع ايجاد انشطة و العاب احسن و تفاعلية أكثر و مترابطة لجلسة الميداني</div>
# <div align="right">ألغاء website role play نشاط و أعادة توزيعأنشطة الtagging and networking علي أيام أخري</div>
<div align="right">'''النشاط الثالث:''' الصفات الشخصية لمجتمعات الإنترنت!!'''الهدف:لا أعرفه حتى هذه اللحظة :))'''</div>
<div align="right">'''المدة:30 دقيقةالخطوات''':</div>
* <div align="right">نقوم بتقسيم المجموعة إلى مجموعتين!! و نقترح عليهم بعض مواقع الإنترنت الشهيرة مثل ... Facebook - YouTube - Wikipedia - Google ...</div>
* <div align="right">و نطلب منهم التعرف على الصفات الإنسانية لكل موقع ... </div>
* <div align="right">Facebook ... كثير النميمة و التشهير :)) حيث أنه يقوم بنشر الأخبار عن كل شخص مسجل لديه ...</div>
* <div align="right">…..Wikipediaشخص يعرف كل شىء فإذا ما سألناه فى اية موضوع فهو حتماً لديه معلومات عن هذا الموضوع و لكنه متردد و غير واثق من معلوماته و بالتالى من السهل تغيير رأيه فى أى وقت ...</div>
<div align="right">'''ملاحظات'''</div>
* <div align="right">و هذا ما اتذكره عن هذا النشاط و من الممكن أن يقوم ميسرة بإعادة شرحه بطريقة أفضل ... حيث اننى أيضاً لا أعرف ما هى المعلومة المراد إيصالها من خلال هذا النشاط!!...أعتقد أنه كان من المتوقع أن يقوم الفتية بعمل مسرحية قصيرة يمثلون فيها هذه الشخصيات!!</div>
* <div align="right"> هذا النشاط فشل فشلا ذريعا! الفكرة كانت إستعراض الفهم لصفحات الإنترنت من حيث تصنيفاتها وما يمكنها تقديمه... على ما أظن!!</div>
<div align="right">'''المواد'''</div>
<div align="right">§ Stickers</div>
<div align="right">نشاط جامد جدا !! Tagging ...</div>
<div align="right">كل مشارك يختار صفة خفية ويلصق على المشاركين الذين تنطبق عليهم هذه الصفة، على المشاركين الباقين معرفة هذه الصفة...</div>
<div align="right">مثال: يختار أحد المشاركين صفة الطول، ويلصق على كل طويل أو طويلة ملصق من شكل ولون معينيين</div>
<div align="right">مقترحات عامة</div>
* <div align="right">تصميم نشاطات فيها مزيد من المشاركة اي البناء على اعمال الاخرين ومزيد من التعاون اي العمل المشترك على شيء واحد</div>
* <div align="right">Adding to creative commons و شرح سريع لأنواع رخص الـ CC جلسة واحدة</div>
* <div align="right">تقديم Flicker, Youtube , Creative common في جلسات منفصلة لتعريف المشاركين بمجتمعات علي الإنترنت و ليس مفترض ان يكون في جلسات الفيديو و الصور</div>
* <div align="right">الأستفادةمن المقترحات منصور و علاء للمنهج في </div>
<div align="right"> [http://sites.google.com/site/arabexpress/alaa-s-writeup-curriculum http://sites.google.com/site/arabexpress/alaa-s-writeup-curriculum] ...</div>
# إكساب المهارات الأساسية لتعامل مع ملفات الصوت و الفيدية و الصور الرقمية
# تعريض الفتية لمفاهيم العمل التشاركي و المحتوي المفتوح ((open Content)-( art work or program)
'''تمهيدا:''' أول يومين في المعسكر
'''اليوم الأول:'''
'''الهدف '''
# إعطاء مقدمة عامة عن المنهج و الأهداف المراد إيصالها-تقديم مسار الوب
# عرض سريع لفكرة البرمجيات الحرة (التعريف بها، وتسليط الضوء على إيجابياتها وأمثلة عليها)
#* مثال : مقدمة سريعة في الجنو لينكس (تعريف بنظام التشغيل و أهميته)
# التعرف علي المهارات الأساسية للتعامل مع الصور من خلال [[جِمب]]
'''النشاط الأول '''
وقت:20 دقيقة
الهدف: تعريف المشاركين بمفهوم البرامج المفتوحة المصدر
<div align="right">'''أسئلة تنشيطية''' </div>
* <div align="right">ماهي البرمجة و البرامج؟ سؤال للمشاركين</div>
* <div align="right">هل تعرف كيف يتم تطوير البرنامج؟</div>
* <div align="right">هل الألعاب برامج؟</div>
<div align="right">''' خطوات\ شرح:'''</div>
* <div align="right"> أستخدم الميسر\ه لعبة Frozen Bubble Game (وهي لعبة علي الكمبيوتر) و يبدأ يلعبها أمام الفتية أولاً</div>
* <div align="right">يقوم الميسر\ه بعرض كود /الشفرة المكتوب بها برنامج اللعبة والتي ظهرت في شكل نص و من هنا بدء الميسر\ه بسؤال الفتية عن ما شاهدوه </div>
* <div align="right">ثم يقوم الميسر\ه بشرح لغة البرمجة من خلال الـ code editor و أستخدام بعد الأوامر التي هي جزء من اللعبة ليعطيها كأمثلة توضيحية</div>
<div align="right">'''<nowiki>*ملاحظة</nowiki>'''</div>
*
**
*** <div align="right">'''يحيي''':هل هذة المقدمة عن التعريف بجزء التقني لفكرة المحتوي المفتوح ضرورية لهذه الفئة العمرية؟</div>
*** <div align="right"> '''ميسرة''': أعتقد أن هذا مهم جدا ليعرفوا أن البرامج هي أوامر محددة ولتخفيف الشعور بأن الكمبيوتر أداة سحرية، أيضا في التمارين القادمة سيمر مفهوم مفتوح المصدر عند الحديث عن كل برنامج</div>
<div align="right">'''المقترح من يحيي و ميسرة علي هذا النشاط'''</div>
* <div align="right"> تحضير تعديل واضح أو مرئي علي لعبة Frozen Bubble , و عرضة علي الفتية حتي يقدروا يشوفوه و يفهموا يعني أية تغير في الكود بتاع البرنامج أو اللعبة- مثال :ممكن نعمل تغير بسيط في لون الكورة أو أسم اللعبة في اليوم الأول و ممكن نعيد عرض الكود و نرجع نفكرهم بة مرة تانية في اليوم الثالث عشان نأكد علي فهم برنامجة من خلال تغير في الصوت اللعبه نفسها(ذللك سيكون أيضاً بعد تعرضهم برنامج أوديستي) </div>
* <div align="right">سيحتاج وقت لتحضير ذلك</div>
<div align="right">'''ملاحظة عامة :'''</div>
# <div align="right">'''يحيي''': في الأول لم يكن واضح لي الطريقة التي سأقدم بها النشاط و لكن التحدي الحقيقي مش في تعريفهم بالكود بسو لكن ايضاً أزاي أوريهم يعني أيه أوامر و لو جربنا نغير فيها حيصل ايه</div>
# <div align="right">'''ميسرة''':هل سيحتاج توصيل مفهوم تغير الكود الي الأعادة في اليوم الثالث لتذكير أم لا؟</div>
<div align="right">''' '''</div>
<div align="right">''' '''</div>
<div align="right">'''النشاط الثاني:'''</div>
<div align="right">الوقت : 30 دقيقة</div>
<div align="right">الهدف:التعرف علي المهارات الأساسية لتعامل مع الصورة باستخدام''' جمب'''</div>
<div align="right">خطوات\شرح</div>
* <div align="right">التعريف ببرنامج GIMPو الإشارة إلي أنه برنامج مفتوح المصدر و ربطة بالنشاط السابق</div>
* <div align="right">تصوير المشاركين(صور فردية) بكاميرا ديجيتال</div>
* <div align="right">ثم تقوم بنقل الصور من الكاميرا الرقمية إلى الحاسوب </div>
* <div align="right">يقوم الميسر\ه بأعطاء مثال تطبيقي أمام المشاركين لتعرف علي المفاتيح المختلفة و علي طريقة استخدام البرنامج</div>
* <div align="right">شرح مختصر لطبيعة الصور و البيكسل</div>
<div align="right">'''التمرين:'''</div>
<div align="right">طلب من كل مشارك\ه اختيار صورة و تعديل الصورة باستخدام GIMP و ذلك من خلال : </div>
* <div align="right">نسخ و لصق select, cut,copy,paste, crop بعض أجزاء الصورة</div>
* <div align="right">التعرف على المرشحات (Filters) و استخدامها</div>
* <div align="right">التعرف علي كيف تتكون الصورة من أجزاء صغيرة pixels</div>
* <div align="right">zooming + ترقيم الألوان لخلق صورة على شكل جدول</div>
<div align="right">'''المواد'''</div>
<div align="right">· 2 كاميرا</div>
<div align="right">· برنامج جيب</div>
<div align="right">· Canned Photos on the Computer</div>
<div align="right">'''اقتراح : '''</div>
<div align="right">1-أضافة كيف يتعامل الكمبيوتر مع الصورة أي تعريف المشاركين علي عناصر التي تتحكم في الصور( اضغط- و الملف-الجودة)</div>
* Compression (lossy , lossless) – how
* file types (jpg - png)
* Quality (resolution - scalin' , color depth, jpg quality)
<div align="right">2- التعرف علي </div>
* Learning how to capture photos, and access photos library
* Use already Canned photos only to save time
<div align="right">3- التعرف عل مجتمعات علي الإنترنت لنشر أعمالهم و أستخدمها كمصدر للصور و مشاهدة أعمال مصورين و المشاركة بالتعليق علي هذه الصور </div>
<div align="right">''' ملاحظة: التصوير وإستخدام صور الآخرين هو تقديم بدائي لفكرة التشاركية'''</div>
<div align="right">''' '''</div>
<center>'''اليوم الثاني'''</center>
<div align="right">'''الهدف '''</div>
<div align="right">'''1-''' '''التعرف عليWikipedia '''</div>
<div align="right">'''2-''' '''التعرف علي المهارات الأساسية للتعامل مع الصوت من خلال أوديسيتي'''</div>
<div align="right">'''النشاط الأول :'''</div>
<div align="right">'''الوقت:30 دقيقة'''</div>
<div align="right">'''الشرح\الخطوات:'''</div>
<div align="right">عرض سريع لويكيبيديا و فكرة العمل التشاركي و التراكمي من خلال:</div>
*
*# <div align="right">التعريف بال الويكبيديا: فنقوم (مثلاً) بسؤال المشاركين عن شخصية كارتونية يحبونها أو اي موضوع عام و نقوم بالبحث عنها فى ويكيبيديا و نقوم بعرض النسخة العربية منها الإشارة هنا الي:</div>
*
**
*** <div align="right">ان أي حد ممكن يشارك- يغير و يطور في المحتوي؟ و كيف نغير في المحتوي؟ مين ممكن يشارك</div>
*** <div align="right">ان يوجد مجتمع علي الأنترنت و احنا ممكن نشارك فية، و ان هذا المجتمع التفاعلي و المعلومات تراكمية و اي معلومة يتم أضافتها المجتمع بيقوم بتصحيحه لو كانت خطأ</div>
*** <div align="right">ان المحتوي العربي قليل لقلة المجتمعات علي الانترنت و الهدف هنا هو تشجيعهم في المشار</div>
<div align="right">'''الأقتراح'''</div>
# <div align="right">مواقع و مواضيع مكتوب في الويكبيديا: </div>
* <div align="right">نترك الأمثلة تطلع من الفتية بشكل أرتجالي معتمداً علي طبيعة المجموعة مع تحضير قائمة بالأمثلة مسبقاً</div>
# <div align="right">أضافة نشاط لتعريف بال Wiki Linkبطريقة مختلفة</div>
* <div align="right">الهدف التعريف بان الوكيبديا هو عمل تشاركي و متشابك ببعضة</div>
* <div align="right">أمثلة لأنشطة:</div>
* <div align="right">نشاط التشبيك بتاع الويكي لينك من Tot-2009</div>
* <div align="right">لعبة التليفون المكتوب –مع التعديل</div>
* <div align="right">تحرير المحتوي</div>
<div align="right">'''النشاط الثاني'''</div>
<div align="right">'''الوقت: 30 دقيقة'''</div>
<div align="right">'''الهدف ''':</div>
* <div align="right">تعليم أساسيات مونتاج و تحرير الصوت من خلال برنامج الأوديسيتيcut-paste and copy trimming </div>
<div align="right">'''خطوات\شرح: يقوم الميسر\ه''' </div>
* <div align="right">بالتعريف برنامج Audacity و الإشارة الي انه برنامج مفتوح المصدر</div>
* <div align="right">بإعطاء مثال تطبيقي للفتية و التعرف علي المفاتيح المختلفة و علي طريقة استخدام البرنامج</div>
* <div align="right">باختيار ملف صوت من مكتبة الصوت علي الحاسوب أو نقل ببرنامج Audacity </div>
* <div align="right">ثم بتشغيل ملف الصوت </div>
* <div align="right">بإعطاء مثال تطبيقي</div>
* <div align="right">شرح مختصر لطبيعة الصوت الرقمي</div>
<div align="right">'''التمرين'''</div>
* <div align="right">يقوم المشارك بالتعرف علي البرنامج من خلال canned material </div>
* <div align="right">يدخل كل مشارك مكتب الصوت علي الكمبيوتر</div>
* <div align="right">ثم يقوم بعمل الأتي بترتيب</div>
<div align="right">1. Crop\trim</div>
<div align="right">2. Select, copy ,cut ,paste</div>
<div align="right">3. Basic multitasks</div>
<div align="right">4. Effects</div>
<div align="right">5. file types and compression </div>
<div align="right">- يقوم الفتية بتعديلها ملف الصوت باستخدام Audacity بغرض إكسابهم بعض المهارات الأساسية مثل (نسخ و لصق – مؤثرات ...)</div>
<div align="right">'''الجزء الثاني-الأوركسترا'''</div>
<div align="right">الهدف: هو تعريف المشاركين بالوحدات التي يتكون منها الصوت </div>
<div align="right">'''الشرح\خطوات'''</div>
<div align="right">· يقف الفتية في دائرة و الميسر\ه بجانبهم ليعلب دور المايسترو</div>
<div align="right">· يأخذ كل مشارك رقم و صوت</div>
<div align="right">· ينادي الميسر\ه علي رقم المشارك فيقوم بإخراج صوتة و لا يتوقف ثم ينادي علي مشارك أخر و يتولي أصوات واحد تلو الأخر-ليقوم بإخراج أصوات مختلفة كأوركسترا</div>
<div align="right">المواد</div>
<div align="right">· برنامج Audacity</div>
<div align="right">· Canned Tracks</div>
<div align="right">''' '''</div>
<div align="right">'''ملاحظات '''</div>
* <div align="right">'''من يحيي:'''عدم تطبيق نشاط الأوركسترا لان لم يفهم المشاركين الهدف من النشاط - أن الحاسوب يتعامل مع ثانية الصوت على أنها مكونة من 44000 جزء و أنه يتعامل مع كل جزء على حدة!!</div>
* <div align="right">طيب... كيف نوضح؟ آلات حقيقية؟ خشب وتنك وزجاج وتطبيل؟ ربما شرح للصوت وطبيعته أساسا</div>
* <div align="right">'''ميسرة:''' ينقص نشاط التعريف ب audacity تحفيذ العمل تشاركي الفتية </div>
<div align="right">الأقتراح </div>
*
** <div align="right">تقديم إستخدام هيدروجين على أوداسيتي؟</div>
** <div align="right">تحضير filter , effects , and canned tracks</div>
<center>'''أيام المعسكر الأساسية'''</center>
<div align="right">'''اليوم الأول:'''</div>
<div align="right">'''الهدف:'''</div>
# <div align="right">تعريف المشاركين بالموقع الإلكتروني للمعسكر باعتباره:</div>
* <div align="right">الوسيلة المستخدمة فى نشر أعمال المعسكرين</div>
* <div align="right">وسيلة التواصل بينهم بعد المعسكر.</div>
# <div align="right">أنشاء حساب للفتية علي منصة المعسكر</div>
<div align="right">'''النشاط'''</div>
<div align="right">'''المدة: 60دقيقة '''</div>
<div align="right">'''-''' اعداد حساب خاص لكل مشارك على مرحلتين</div>
<div align="right">'''الجزء الأول '''</div>
<div align="right">المدة:45 دقيقة</div>
<div align="right">يقوم كل مشارك بتوجيه من الميسر\ه باختيار اسم مستخدم و كتابة البيانات الشخصية الخاصة بهم</div>
<div align="right">'''الجزء الثاني'''</div>
<div align="right">المدة:45 دقيقة</div>
* <div align="right">التأكيد على المهارات التي اكتسبوها في اليوم التمهيدي الأول الخاصة بالتعامل مع الصور الرقمية. </div>
* <div align="right">يقوم كل مشارك باستخدام برنامج GIMP لاعداد الـ (Avatar) و صورتهم التى يرغبون فى استخدامها فى صفحتهم الخاصة على الموقع.</div>
<div align="right">'''اليوم الثاني'''</div>
<div align="right">'''الهدف:'''</div>
# <div align="right">تعريف المشاركين بالفرق بين الـ Vector graphics و الـ Raster graphics ...</div>
# <div align="right">عمل portraits باستخدام Inkscape</div>
# <div align="right">'''القصة الفائقة:''' التعرف على كيف يمكن العمل تشاركيا لإنتاج عمل نصي</div>
#* <div align="right">'''استخدام الـ Wiki (غير متأكد و لكنى أعتقد أن الهدف لم يكن كيفية انجاز عمل نصى تشاركى - كما ذكرنا بالـ''' '''draft –ميسرة'''</div>
#* <div align="right">'''الهدف إنجاز عمل تشاركي نصي وفي ذات الوقت التعرف على نظام الويكي وأيضا وهو مهم معرفة أن التفرع قد يكون صفة أصيلة في العمل التشاركي'''</div>
<div align="right">'''النشاط الأولالمدة:45 دقيقة'''</div>
<div align="right">الخطوات:</div>
* <div align="right">يقوم الميسر\ه بالتقاط صور للفتية و يطلب من كل منهم اختيار صورة أحد زملائه (من الضروري ألا تكون صورته)</div>
* <div align="right">يقوم المشارك بفتح الصورة ببرنامج Inkscape </div>
* <div align="right">يبدأ كل منهم في رسم وجه زميله من خلال الصورة فيقوم بتحديد الملامح الرئيسية للوجه (العينين - الأنف - الفم - الشعر ...)</div>
* <div align="right">ثم يقومون بتلوين أجزاء الوجه بالألوان التى يفضلونها (و ليس بالضرورة أن تكون ألوان مقاربة للواقع) فنتيح لهم فرصة التعبير بالألوان التى يرونها تمثل زملائهم او التى يفضلونها عموماً)</div>
* <div align="right">بعد الانتهاء من الصورة نقوم بتكبير للصورة إلى مالا نهاية ..</div>
* <div align="right">نلفت انتباههم أن الصورة لم يظهر بها المربعات( Pixels ) التى ظهرت بالصور التى تعاملنا معها فى اليوم التمهيدى الأول </div>
* <div align="right">و نوضح لهم أن هذا النوع من الـ graphics يسمى Vector أو متجهى!: هو نوع lossless أى لا يفقد جودته إذا ما قمنا بتكبيره إلى عدد لا حصرى من المرَّات</div>
* <div align="right">يشرح الميسر\ه للمشاركين كيف يمكن الاستفادة من هذا النوع من الـ graphics فى عمل تصميمات يمكن طباعتها بأى حجم ممكن تخيله (من business cards إلى Billboards )</div>
<div align="right">'''النشاط الثاني: القصة الفائقة'''</div>
<div align="right">'''المدة: 45 دقيقةالخطوات:'''</div>
* <div align="right">نبدأ بكتابة مقدمة حكاية، لنترك للمشاركين حرية التخيل لبقيتها</div>
* <div align="right">نبدأ النص بكتابة قصة بآراء الجميع ... وننهي الفقرة بإحتمالين ... مثلا ليلى راحت الغابة أو ليلى راحت الديسكو</div>
* <div align="right">ينقسم المشاركين لمجموعتين، تتفق كل مجموعة على صياغة بقية الحكاية من إحدى النقطتين السابقتين</div>
* <div align="right">نستمر بالتقسيم والإستكمال ، كل تقسيم يبدأ مقال جديد ويتصل بالذي قبلة عبر وصلات ويكي</div>
<div align="right">نقرأ الحكايا ... ونضحك !</div>
<div align="right">'''المواد'''</div>
<div align="right">· 2 كاميرا</div>
<div align="right">· برنامج Inkscape</div>
<div align="right">· Canned Photos on the Computer</div>
<div align="right">ملاحظة</div>
* <div align="right">نشاط جيد و كان الهدف منه التحفيذ علي التعاون و لكن التحدي الذي واجة الميسرين عند التطبيق هو عدم تعاون بين المشاركين حيث يكون الشخص المسيطر في كل مجموعة هو المحرك لمسار القصة وعندما تصبح المجموعات اصغر فان هامش الصراع يزداد مؤديا احيانا الى عزوف احد المشاركة.</div>
<div align="right">'''اليوم الثالث'''</div>
<div align="right">'''الهدف:'''</div>
<div align="right">1. التعريف بمفهوم الشبكات</div>
<div align="right">2. عمل موسيقى بشكل مبسط باستخدام برمجيات الكمبيوتر</div>
<div align="right">'''النشاط الأول المدة: 45 دقيقةالخطوات:'''</div>
* <div align="right">نستخدم لعبة BZFlag كمثال للألعاب الشبكية</div>
* <div align="right">حيث يقوم كل مشارك\ه باختيار دبابة و تكوين فريق او اللعب بمفرده محاولاً ضرب الدبابات الأخرى الموجودة حوله</div>
* <div align="right"> تستغرق اللعبة حوالي 35 دقيقة تقريباً بحيث يتبقى 10 دقائق يقوم فيها الميسر\ه بإجراء مناقشة سريعة مع المشاركين عن مفهوم الشبكات و مما تتكون الشبكة ... (من الممكن أن يضيف ميسرة إلى هذا الجزء بعض التفاصيل )</div>
* <div align="right">يمكن الدخول الى مفوم الشبكات عبر سؤال حول كيفية عمل اللعبة، يعرف المشاركون ان هناك خادم (server) يقوم بالتنسيق السريع، والجميع يخبره بما يفعل ويقوم هو باخبار الجميع بذلك</div>
* <div align="right">يتم ايضاح دور السويتش والكابلات وان النت هي عبارة عن شبكات صغيرة كاللتي نلعب ضمنها مترابطة معا</div>
<div align="right">'''النشاط الثاني'''</div>
<div align="right">'''المدة''':45 دقيقة'''الهدف: عمل موسيقى باستخدام Hydrogenالخطوات:'''يقوم الميسر\ه بتقديم و التعريف بالبرنامج للفتية من خلال </div>
*
*# <div align="right">أصوات الإيقاعات الموجودة بالبرنامج و كيف يمكنهم عمل الايقاع الخاص بهم ( Pattern ) من خلال مجموعة الخطوط الموجودة في البرنامج و التي تقوم بالأتي:</div>
* <div align="right">الخطوط الأفقية (التى تحتوى على أصوات الآلات الايقاعاية) </div>
* <div align="right">الخطوط الرأسية (و هى مقسمة إلى مسافات متساوية و هى تمثل عدد مرات تكرار صوت الآلة الإيقاعية فى فترة زمنية معينة )tempo </div>
<div align="right">2. يقوم الميسر\ه بعمل أكثر من ايقاع و مزجهم معاً لتكوين عمل موسيقى بسيط </div>
<div align="right">3. يتعرفون الفتية </div>
* <div align="right">على كيفية التحكم فى سرعة الموسيقى (التحكم فى عدد الـ Beats فى الدقيقة)</div>
* <div align="right">علي انهم يمكنهم تغيير أصوات الآلات الايقاعية عن طريق مكتبات الأصوات الموجودة بالبرنامج (Hip Hop - Electronic ... )</div>
# <div align="right">يقوم كل مشارك\ه باختيار من ما تعرض له و يبدء في تكوين عمل موسيقي بسيط خاص به</div>
<div align="right">'''المواد'''</div>
<div align="right">· BZFlag لعبة</div>
<div align="right">· برنامج Hydrogen </div>
<div align="right"> ملاحظات</div>
* <div align="right">ينقصة تحفيذ العمل تشاركي الفتية في hydrogen </div>
* <div align="right">أقتراح أضافة برنامج''' zynaddsubfx'''و لكن لن يتم أضافته لضيق الوقت و لأسباب تقنية</div>
<div align="right">أقتراح:</div>
* <div align="right">كتابة نشاط للتشبيك احدهم قائم على المركزية و الاخر لامركزية ليتم ضمة لحصة البزفلاج في الجانب الميداني</div>
* <div align="right">مثال:ففي حالة عملنا لعبة البزفلاج مع اللعبة ونخلي حد من الاولاد هو المركز او الرسائل و كله يرسل لكله في حالة اللامركزية</div>
<div align="right">'''اليوم الرابع'''</div>
<div align="right">'''الهدف:'''</div>
<div align="right">1.تعريف المشاركين بكيفية عمل Animation بطريقة مبسطة و بأستخدم طريقة الـ Stop-Motion</div>
<div align="right">'''النشاط:Stop Motion Videoالمدة:90 دقيقةالخطوات:'''</div>
<div align="right">'''الجزء الأول '''</div>
<div align="right">'''المدة: 45 دقيقة'''</div>
<div align="right">'''يقوم الميسر\ه'''</div>
* <div align="right">شرح فكرة الـ Stop-Motion و عرض مثال لها من Youtube </div>
* <div align="right">ثم يتم تقسيم الفتية إلى مجموعات من ثلاثة أو أربعة (وفقا لعدد الكاميرات المتاحة)</div>
* <div align="right">و تقوم كل مجموعة باختيار فكرة للعمل على تنفيذها و يقومون بتقسيم الأدوار (من يقوم بالتصوير و من يقوم بتنفيذ الحركة ...) </div>
* <div align="right"> و يبدأ الفتية فى وضع تصور لشكل المشاهد و كيفية تنفيذ الحركة فى شكل Stop-Motion </div>
<div align="right">ملاحظة</div>
* <div align="right">كان مرهق أثناء تنفيذة اخذ وقت طويل و البرنامج كان واقع شويه</div>
* <div align="right">التعرف من تجارب سابقة كيف يمكن التحضير له حتي يكون أفضل أثناء التنفيذ</div>
<div align="right">'''الاقتراح'''</div>
* <div align="right">دمج النشاط بين كل من الوب و الورش الحرفيةوالذي لم يكن متوفر المعسكر الماضي و كانوا محددين بتصوير حركات الجسم.</div>
* <div align="right">انه من اللطيف وجود تنسيق مشترك بين الورش الفنية و الوب لتنفيذ ورشة الستوب موشن</div>
* <div align="right">اعداد صورمعده سابقاً مخصصة لهذا النشاط</div>
* <div align="right">ميسرة:شايف انه تدمج فترة الورش مع الوب في هذا التمرين. ساعة ورش و ساعة لاب حنشرح كيف يعملوا الستوب موشن في اخر 15 دقيقة من وقت الورش او اول 15 دقيقة من وقت الوب</div>
<div align="right">'''الجزء الثاني'''</div>
<div align="right">'''المدة:45 دقيقة'''</div>
* <div align="right">بعد الانتهاء من التصوير نقوم بنقل الصور إلى الحاسوب </div>
* <div align="right">و يقوم الفتية باختيار اللقطات المراد استخدامها و حذف اللقطات الغير دقيقة أو المتكررة بحيث تظهر الحركة فى النهاية متتابعة بدون أى خلل بقدر المستطاع</div>
* <div align="right">يوضح للفتية مدى ارتباط عدد اللقطات فى الثانية بسرعة عرض الصورة فى الفيلم</div>
* <div align="right">لكن لوجود مشاكل تقنية فى البرنامج المستخدم و كيفية الحصول على Stop-Motion Animation فى شكل ملف فيديو ... لم نستطع الحصول على أى فيلم لجميع المجموعات!</div>
<div align="right">'''المواد'''</div>
<div align="right">· 2 كاميرا ديجتال</div>
<div align="right">'''اليوم الخامس'''</div>
<div align="right">'''الهدف:'''</div>
<div align="right">1. اكتساب المهارات اﻷساسية لتعديل ملفات الفيديو باستخدام Avidemux</div>
<div align="right">'''النشاط:''' عمل فيديو بـ Avidemux</div>
<div align="right">'''المدة:90 دقيقةالخطوات:الجزء الأول '''</div>
<div align="right">'''المدة:30 دقيقة'''</div>
* <div align="right">يتم تقسيم الفتية إلى مجموعات حسب عدد الكاميرات المتاحة </div>
* <div align="right">تقوم كل مجموعة بعمل مقابلات قصيرة جداً مع أى من الفتية فى المعسكر (عدا المجموعة التي تقوم بالنشاط) تتراوح مدتها بين 30 ثانية و دقيقة واحدة يتم فيها طرح سؤال وجودى! - مثل ... لماذا تحب النملة السكر؟ :))</div>
<div align="right">'''الأقتراح'''</div>
* <div align="right">استخدام هذا النشاط لتدوين أحداث المعسكر و نشرة على البوابة العامة</div>
* <div align="right">ممكن تحسينة بتجميع افكار جديدة لتنفيذ النشاط بخلاف فكرة الأسئلة الوجودية </div>
* <div align="right">مثل اسئلة تنقد اشياء في المعسكر او المدربين او مواضيع اكثر جدية </div>
* <div align="right">ان نجمع قائمة افكار لمواضيع يمكن ان يستثمرها الاولاد لكن لا نفرضها عليهم او نقسمها عليهم و انما نقترحها في حال عجزوا عن الوصول لافكار يطبقوه</div>
* <div align="right">لذي يمكن تعريض الفتية لهذا النشاط في الأيام الأولي للمعسكر أو أيام التمهيد</div>
<div align="right">'''الجزء الثاني'''</div>
<div align="right">'''المدة:60 دقيقة'''</div>
* <div align="right">ثم يقوم بنقل ملفات الفيديو إلى الحاسوب و نبدأ العمل/مونتاج عليه ببرنامج Avidemux </div>
* <div align="right">و نبدأ باستخدام البرنامج فى حذف المقاطع الزائدة ثم تعلم كيفية إضافة المقاطع الأخرى التى قامت المجموعة بتصويرها لهذا الفيديو.---غير واضح</div>
<div align="right">'''المواد'''</div>
<div align="right">· 2 كاميرا ديجتال +TRIPOD </div>
<div align="right">· برنامج Avidemux</div>
<div align="right">''' '''</div>
<div align="right"> '''اليوم السادس-نشاط ميداني'''</div>
<div align="right">'''الهدف:'''</div>
<div align="right">'''1.''' تعريف الفتية ببعض المفاهيم المرتبطة بالإنترنت و الشبكات</div>
<div align="right">''' '''</div>
<div align="right">'''النشاط الأول: حزم البيانات''' '''المدة:30 دقيقة''' '''الهدف:شرح طريقة انتقال البيانات عبر الإنترنت'''</div>
<div align="right">الخطوات:</div>
* <div align="right">يأخذ كل مشارك/ه ورقة و يقوم بكتابة رسالة إلى أحد الفتية فى مجموعته و الذين يقومون معه بعمل النشاط و</div>
* <div align="right">يقوم بثنى الورقة حتى لا تظهر الرسالة و</div>
* <div align="right">يقوم بكتابة اسم الشخص المراد إرسال الرسالة إليه على ظهر الورقة</div>
* <div align="right">ثم يقف الفتية بشكل عشوائى ثم يقوم كل مشارك\ة بتمرير الورقة إلى أقرب شخص له حتى تصل فى النهاية إلى المراد توصيلها له</div>
* <div align="right">نوضح لهم أن البيانات تنتقل من خلال الإنترنت بهذه الطريقة ...</div>
* <div align="right">و من الممكن أن يضيف ميسرة بعض التفاصيل لشرح النشاط بطريقة أفضل حيث أنه من كان يقوم بعمل هذا النشاط مع الفتية :)</div>
<div align="right">''' '''</div>
<div align="right">''' '''</div>
<div align="right">'''النشاط الثاني: -Tagging-الوسم'''</div>
<div align="right">'''المدة:30 دقيقة'''</div>
<div align="right">الهدف:تعريف الفتية بمفهوم الـ Taggingالخطوات:</div>
* <div align="right">نعطى الفتية مجموعة من الـ Stickers - كل مشارك\ه لون و شكل متميز عن الآخرين</div>
* <div align="right">نطلب منهم اختيار صفة واضحة مع عدم الافصاح عن هذه الصفة و يجب أن تكون موجودة فى شخص واحد فى المجموعة أو مشتركة بين بعض أفراد المجموعة - بشرط ألا تكون صفة موجودة فى جميع الفتية- مثل لديه عينين يجب و ان لا تكون صفة غير شكلية - فى شخصية الفرد - كأن نقول لطيف أو سخيف </div>
* <div align="right">نطلب من الفتية لصق الـ sticker على كل من تتوافر فيه الصفة التى قاموا باختياره او يمكنهم أيضاً لصق الـ sticker على أنفسهم و ذلك إذا ما وجدت فيهم هذه الصفة</div>
* <div align="right">ثم يقوم كل مشارك(على حدة) تحديد المجموعة التى قام باختيارها و نحاول كمجموعة تخمين الصفة المشتركة فى هذه المجموعة</div>
* <div align="right">و بذلك فأننا استطعنا تقسيم أفراد المجموعة إلى مجموعات طبقاً لصفاتهم و أن كل فرد منهم يمكنه أن يحمل أكثر من صفة فى نفس المدة و بذلك نكون قد وضحنَّا للفتية فكرة الـ tagging كطريقة لتنصيف المحتوى على الإنترن</div>
<div align="right">الملاحظات</div>
* <div align="right">المشكلة ان المفاهيم ليس لها علاقه ببعض و غير انها مجموعة في هذه الحصة لتؤخذ سويا</div>
* <div align="right">نحن بحاجة لانشطة احسن لتوصيل التاج و التشبيك و website personality</div>
* <div align="right">من الافضل خلق انشطة لكل مفهوم ولكن هذا لم يتم لانه صعب تصميم انشطة </div>
<div align="right">المقترح: </div>
# <div align="right">تقسيم انشطة الميداني على باقي الحصص و ألغاء جلسة الميداني (هذا خيار غير متاح بسبب الضيق في الوقت) أو</div>
# <div align="right">الاحتفاظ بذات المفهوم مع ايجاد انشطة و العاب احسن و تفاعلية أكثر و مترابطة لجلسة الميداني</div>
# <div align="right">ألغاء website role play نشاط و أعادة توزيعأنشطة الtagging and networking علي أيام أخري</div>
<div align="right">'''النشاط الثالث:''' الصفات الشخصية لمجتمعات الإنترنت!!'''الهدف:لا أعرفه حتى هذه اللحظة :))'''</div>
<div align="right">'''المدة:30 دقيقةالخطوات''':</div>
* <div align="right">نقوم بتقسيم المجموعة إلى مجموعتين!! و نقترح عليهم بعض مواقع الإنترنت الشهيرة مثل ... Facebook - YouTube - Wikipedia - Google ...</div>
* <div align="right">و نطلب منهم التعرف على الصفات الإنسانية لكل موقع ... </div>
* <div align="right">Facebook ... كثير النميمة و التشهير :)) حيث أنه يقوم بنشر الأخبار عن كل شخص مسجل لديه ...</div>
* <div align="right">…..Wikipediaشخص يعرف كل شىء فإذا ما سألناه فى اية موضوع فهو حتماً لديه معلومات عن هذا الموضوع و لكنه متردد و غير واثق من معلوماته و بالتالى من السهل تغيير رأيه فى أى وقت ...</div>
<div align="right">'''ملاحظات'''</div>
* <div align="right">و هذا ما اتذكره عن هذا النشاط و من الممكن أن يقوم ميسرة بإعادة شرحه بطريقة أفضل ... حيث اننى أيضاً لا أعرف ما هى المعلومة المراد إيصالها من خلال هذا النشاط!!...أعتقد أنه كان من المتوقع أن يقوم الفتية بعمل مسرحية قصيرة يمثلون فيها هذه الشخصيات!!</div>
* <div align="right"> هذا النشاط فشل فشلا ذريعا! الفكرة كانت إستعراض الفهم لصفحات الإنترنت من حيث تصنيفاتها وما يمكنها تقديمه... على ما أظن!!</div>
<div align="right">'''المواد'''</div>
<div align="right">§ Stickers</div>
<div align="right">نشاط جامد جدا !! Tagging ...</div>
<div align="right">كل مشارك يختار صفة خفية ويلصق على المشاركين الذين تنطبق عليهم هذه الصفة، على المشاركين الباقين معرفة هذه الصفة...</div>
<div align="right">مثال: يختار أحد المشاركين صفة الطول، ويلصق على كل طويل أو طويلة ملصق من شكل ولون معينيين</div>
<div align="right">مقترحات عامة</div>
* <div align="right">تصميم نشاطات فيها مزيد من المشاركة اي البناء على اعمال الاخرين ومزيد من التعاون اي العمل المشترك على شيء واحد</div>
* <div align="right">Adding to creative commons و شرح سريع لأنواع رخص الـ CC جلسة واحدة</div>
* <div align="right">تقديم Flicker, Youtube , Creative common في جلسات منفصلة لتعريف المشاركين بمجتمعات علي الإنترنت و ليس مفترض ان يكون في جلسات الفيديو و الصور</div>
* <div align="right">الأستفادةمن المقترحات منصور و علاء للمنهج في </div>
<div align="right"> [http://sites.google.com/site/arabexpress/alaa-s-writeup-curriculum http://sites.google.com/site/arabexpress/alaa-s-writeup-curriculum] ...</div>