منهج الوب

الأهداف العامة للمنهج

1. يكتسب المتدرب المهارات الأساسية لتعامل مع ملفات الصوت و الفيديو و الصور الرقمية
2. يتعرض الفتية لمفاهيم العمل التشاركي والمحتوي المفتوح ((open Content)-( Art-text-software)

1. إقتراح : إزالة الإبهام والغموض عن مفاهيم حول التقنية.
2. اقتراح : التعرض إلى الجوانب التقنية التي يغفل عنها تقنيو الوسائط المتعددة (البنى الداخلية لصيغ الملفات مثلا).

فرضيات أساسية

نفترض أن الفتية يمتلكون المهارات الأساسية لاستخدام للحاسوب، مثل:

1. فهم لمبدأ عمل الحاسوب، من مدخلات، معالجة، ومخرجات
2. استخدام لوحة المفاتيح والفارة، والمفاتيح السياقية
3. فهم القوائم (لغوياً على الأقل الانجليزية)

تمهيدا: أول يومين في المعسكر

اليوم الأول:

مضمون النشاط

1. مقدمة عامة عن المنهج والأهداف المراد إيصالها-تقديم مسار الوب
2. فكرة البرمجيات الحرة (التعريف بها، وتسليط الضوء على إيجابياتها وأمثلة عليها)
   • مثال : مقدمة سريعة في الجنو لينكس (تعريف بنظام التشغيل و أهميته وكيف يتم تطويره بجهد جماعي وكيف أنه يجنبنا إعادة إختراع العجلة وأنه يمكن قراءة المصدر والتعلم منه وتطويره - نقطة للنقاش:ربما التعريف العميق بصفات البرمجيات الحرة قد يأتي لاحقا عبر إستخدامنا لها والتبحر هناك)

1. المهارات الأساسية للتعامل مع الصور من خلال جِمب أو krita

النشاط الأول:مفهوم البرامج والبرامج المفتوحة المصدر

وقت:20 دقيقة

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

الهدف:

• يستنتج المشارك مفهوم البرامج المفتوحة المصدر
• يتخطى المشارك فكرة أن الكمبيوتر (الحاسوب؟) أداة سحرية،
• يستنتج المشارك ارتباط تغيير كود الأوامر بالتغيير في البرنامج

خطوات النشاط

يطرح الميسر بعض الأسئلة ويستمع في كل مرة إلى أجوبة المتدربين:

• ما هو الحاسوب؟ (الهواتف الذكية، حواسب لوحية (أي باد وغيرها) )
• ما إستخداماتك للحاسوب؟
• ماهي البرمجة والبرامج؟
• هل يمكنكم إعطاءنا أمثلة على البرامج؟
• هل الألعاب برامج؟
• هل تعرف كيف يتم تطوير البرنامج/ برامج؟

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

*ملاحظة

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

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

• تحضير تعديل واضح أو مرئي علي لعبة Frozen Bubble , و عرضة علي الفتية حتي يقدروا يشوفوه و يفهموا يعني أية تغير في الكود بتاع البرنامج أو اللعبة- مثال :ممكن نعمل تغير بسيط في لون الكورة أو أسم اللعبة في اليوم الأول و ممكن نعيد عرض الكود و نرجع نفكرهم بة مرة تانية في اليوم الثالث عشان نأكد علي فهم برنامجة من خلال تغير في الصوت اللعبه نفسها(ذللك سيكون أيضاً بعد تعرضهم برنامج أوديستي)
• سيحتاج وقت لتحضير ذلك
• في حدود السطر 76 يمكن تغيير سرعة المدفع وسرعة الكرة:

$LAUNCHER_SPEED = 0.03;	        # speed of rotation of launchers
$BUBBLE_SPEED = 10;	        # speed of movement of launched bubbles

ملاحظة عامة :

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

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

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

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

المواد المستخدمة(غير مطابقة للمحتوى)

• 2 كاميرا
• برنامج جيمب
• Canned Photos on the Computer

خطوات النشاط

• يقدم الميسر(ة) برنامج 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

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

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

اليوم الثاني

المضمون

1-التعرف على Wikipedia

2-المهارات الأساسية للتعامل مع الصوت من خلال برنامج أوديسيتي

النشاط الأول : العمل التشاركي والتراكمي ضمن بيئة ويب 2.0

الهدف:يَطلِع المتدرب على Wikipedia ويسكتشف طريقة تطويره

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

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

خطوات النشاط

• 1. يستخدم الميسر عرض مرئي للمتدربين يفتح عليه صفحة ويكيبيديا

يسأل الميسر المتدربين عن أي شخصية مشهورة، قد تكون شخصية كارتونية يحبونها ويدخل الميسر أسم الشخصية في مربع البحث فى الويكيبيديا النسخة العربية يترك الميسر الأمثلة تأتي من الفتية بشكل أرتجالي معتمداً علي طبيعة المجموعة مع تحضير قائمة ببعض الأمثلة مسبقاً

يعرض الميسر للمتدربين أمكانيات الصفحة وكيفية تطويرها ثم يتسأل معهم في الملاحظات التالية:

• • • ان أي حد ممكن يشارك- يغير و يطور في المحتوي؟ و كيف نغير في المحتوي؟ مين ممكن يشارك
    • ان يوجد مجتمع علي الأنترنت و احنا ممكن نشارك فية، و ان هذا المجتمع التفاعلي و المعلومات تراكمية و اي معلومة يتم أضافتها المجتمع بيقوم بتصحيحه لو كانت خطأ
    • ان المحتوي العربي قليل لقلة المجتمعات علي الانترنت و الهدف هنا هو تشجيعهم في المشار

الأقتراح

1. مواقع و مواضيع مكتوب في الويكبيديا:

1. أضافة نشاط لتعريف بال Wiki Linkبطريقة مختلفة

• الهدف التعريف بان الوكيبديا هو عمل تشاركي و متشابك ببعضة
• أمثلة لأنشطة:
• نشاط تشبيك الويكي لينك من Tot-2009
• لعبة التليفون المكتوب –مع التعديل
• تحرير المحتوي

النشاط الثاني: الصوت الرقمي وأساسيات تحريره

الهدف : يكتسب المتدرب أساسيات مونتاج وتحرير الصوت من خلال برنامج الأوديسيتيcut-paste and copy trimming

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

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

• برنامج Audacity
• Canned Tracks

خطوات النشاط

• يفتح الميسر(ة)، من خلال البروجكتر، برنامج Audacity ويذكر بانه برنامج مفتوح المصدر،
• يختار الميسر ملف صوت من مكتبة الصوت ينقله إلى برنامج Audacity
• يستخدم مفاتيح البرنامج المختلفة ويطلب من المتدربين ملاحظة تأثيرهاعلى الصوت (مطلوب تحديد نوع المفاتيح؟)

• يدعو الميسر المتدربين باستكشاف البرنامج مستخدمين canned material أو ملف من مكتبة الصوت على الكمبيوتر :
• يختبر المتدرب إمكانيات البرنامج الأساسية وتأثيرها على الصوت من خلال الأمكانيات التالية:

1. Crop\trim 2. Select, copy ,cut ,paste 3. Basic multitasks 4. Effects 5. file types and compression

لتعميق المفاهيم :

• يشرح باختصار طبيعة الصوت الرقمي (هل هذا كافي؟)

الجزء الثاني-الأوركسترا

الهدف : يحدد(؟)المشارك الوحدات التي يتكون منها الصوت (الهدف لا ينطبق مع النشاط في هذه المرحلة) الوقت : المواد المستخدمة

خطوات النشاط ؟؟؟مقدمة لللعبة؟

• يدعو الميسر المتدربين للوقوف في دائرة و يقف هو بجانبهم ليعلب دور المايسترو.

• يعطي الميسر لكل متدرب رقم ويعهد له بصوت مختلف (مثال؟؟؟)

• في كل مرة ينادي فيها الميسر(ة)رقم،يؤدي المشارك الذي يحمل هذا الرقم الصوت الخاص به ويستمر في الأداء إلى أن ينادي الميسر الرقم الجديد.

؟؟؟خاتمة للعبة؟

ملاحظات

• من يحيي:عدم تطبيق نشاط الأوركسترا لان لم يفهم المشاركين الهدف من النشاط - أن الحاسوب يتعامل مع ثانية الصوت على أنها مكونة من 44000 جزء و أنه يتعامل مع كل جزء على حدة!!
• طيب... كيف نوضح؟ آلات حقيقية؟ خشب وتنك وزجاج وتطبيل؟ربما شرح للصوت وطبيعته أساسا
• ميسرة: ينقص نشاط التعريف ب audacity تحفيز العمل التشاركي للفتية

الأقتراح

• • تقديم إستخدام هيدروجين على أوداسيتي؟
  • تحضير filter , effects , and canned tracks

أيام المعسكر الأساسية

اليوم الأول:

المضمون:

1. يتعرف المشاركون على الموقع الإلكتروني للمعسكر باعتباره:

• الوسيلة المستخدمة فى نشر أعمال المعسكرين
• وسيلة التواصل بينهم بعد المعسكر.

1. أنشاء حساب للفتية على منصة المعسكر

النشاط الاول: اعداد حساب خاص لكل مشارك

الوقت : 60دقيقة على مرحلتين

الجزء الأول

الوقت : 45 دقيقة

يختار المشارك ويسجل اسم مستخدم ويدخل البيانات الشخصية الخاصة به

الجزء الثاني

الوقت : 45 دقيقة

• يراجع المشارك المهارات الأساسيةالتي اكتسبها في اليوم التمهيدي الأول الخاصة بالتعامل مع الصور الرقمية.

النشاط الثاني:الصور النقطية والصور الشعاعية

• يقوم كل مشارك باستخدام برنامج GIMP لاعداد الـ (Avatar) و صورتهم التى يرغبون فى استخدامها فى صفحتهم الخاصة على الموقع.

اليوم الثاني

المضمون

1. الفرق بين الـ Vector graphics و الـ Raster graphics
2. عمل portraits باستخدام Inkscape
3. القصة الفائقة: العمل التشاركي لإنتاج عمل نصي
   • استخدام الـ Wiki (غير متأكد و لكنى أعتقد أن الهدف لم يكن كيفية انجاز عمل نصى تشاركى - كما ذكرنا بالـ draft –ميسرة
   • الهدف إنجاز عمل تشاركي نصي وفي ذات الوقت التعرف على نظام الويكي وأيضا وهو مهم معرفة أن التفرع قد يكون صفة أصيلة في العمل التشاركي

====النشاط الأول: الفرق بين الـ Vector graphics و الـ Raster graphics==== الهدف:يميز المتدرب بين خصائص Vector graphics و الـ Raster graphics

الوقت:45 دقيقة

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

خطوات النشاط

• • يلتقط الميسر(ة) صور لكل مشارك على حدى

• يطلب الميسر(ة) من كل منهم اختيار صورة لأحد زملائه (من الضروري ألا تكون صورته الشخصية) • يفتح المشارك الصورة التي اختارها من خلال برنامج Inkscape • يحدد كل مشارك، عن طريق أداة التحديد، الملامح الرئيسية لوجه زميله (العينين - الأنف - الفم - الشعر ...) باستخدام البرنامج • يلون المشارك أجزاء الوجه المختلفة بألوان من اختياره (و ليس بالضرورة أن تكون ألوان مقاربة للواقع) فنتيح لهم فرصة التعبير بالألوان التى يرونها تمثل زملائهم او التى يفضلونها عموماً)

• بعد الانتهاء من الصورة، يطلب الميسر(ة) من المشارك تكبير الصورة إلى مالا نهاية، وملاحظة تأثير التكبير على الصورة: لم يظهر بها المربعات( Pixels ) التى ظهرت بالصور التى تعاملنا معها فى اليوم التمهيدى الأول، • يوضح الميسر(ة) أن هذا النوع من الـ graphics يسمى Vector أو متجهى!: هو نوع lossless أى لا يفقد جودته إذا ما قمنا بتكبيره إلى عدد لا حصرى من المرَّات • يشرح الميسر(ة) للمشاركين كيف يمكن الاستفادة من هذا النوع من الـ graphics فى عمل تصميمات يمكن طباعتها بأى حجم ممكن تخيله (من business cards إلى Billboards )

النشاط الثاني: القصة الفائقة

(على فكرة سيناريو النشاط مش واضح خالص)

الهدف:ينجز المشارك عمل نصي تشاركي وفي ذات الوقت التعرف على نظام الويكي وأيضا وهو مهم معرفة أن التفرع قد يكون صفة أصيلة في العمل التشاركي (طبعا مش فاهمة حاجة؟)

الوقت: 45 دقيقة

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

• 2 كاميرا

• برنامج Inkscape

• Canned Photos on the Computer

خطوات النشاط:

• يقدم الميسر العمل المطلوب (شرح....)
• يقسم الميسر المشاركين إلى مجموعات عمل صغيرة مع مراعاة الملاحظة (التعاون بين المشاركين تحدي مهم. حجم المجموعة، ووجود بعض الشخصيات المسيطرة قد يؤدي إلى صراع. على الميسر أن .............حيث يكون الشخص المسيطر في كل مجموعة هو المحرك لمسار القصة وعندما تصبح المجموعات اصغر فان هامش الصراع يزداد مؤديا احيانا الى عزوف احد المشاركة.
• نبدأ بكتابة مقدمة حكاية، لنترك للمشاركين حرية التخيل لبقيتها
• نبدأ النص بكتابة قصة بآراء الجميع ... وننهي الفقرة بإحتمالين ... مثلا ليلى راحت الغابة أو ليلى راحت الديسكو
• ينقسم المشاركون إلى مجموعتين عمل، تتفق كل مجموعة على صياغة بقية الحكاية انطلاقا من النقطتين السابقتين
• نستمر بالتقسيم والإستكمال ، كل تقسيم يبدأ مقال جديد ويتصل بالذي قبلة عبر وصلات ويكي

اليوم الثالث

الهدف:

1. مفهوم الشبكات

2. الموسيقى باستخدام برمجيات الكمبيوتر

====النشاط الأول: مفهوم الشبكات==== الهدف:يستنتج المشارك ...... الوقت: 45 دقيقة الأدوات المستخدمة: لعبةالـ BZFlag: وهي لعبة من ألعاب الشبكية ....(خصائص اللعبة بحيث يكون لها بديل في أي حالة تانية)

خطوات النشاط:

• يطلب الميسر من كل المشارك فتح لعبة BZFlag (... والدخول عن طريق حسابه الششخصي؟؟؟؟)
• يختار كل مشارك\ه دبابة وبامكانه أن يكون فريق عن طريق ..... او أن يلعب بمفرده محاولاً ضرب الدبابات الأخرى الموجودة حوله
• بعد حوالي 35 دقيقة، يناقش الميسر(ة) مع المشاركين مفهوم الشبكات عن طريق الأسئلة التالية:

و مما تتكون الشبكة ... (من الممكن أن يضيف ميسر(ة) إلى هذا الجزء بعض التفاصيل )

هل استمتعتم باللعب سوياً؟ كيف، في رأيكم، نستطيع أن نلعب سويا بهذا الشكل؟ يستقبل الميسر الايجابات من المشاركين ويتأكد من وصول المفاهيمالتالي:

• هناك خادم (server) يقوم بالتنسيق السريع، والجميع يخبره بما يفعل ويقوم هو باخبار الجميع بذلك
• يتم ايضاح دور السويتش والكابلات وان النت هي عبارة عن شبكات صغيرة كاللتي نلعب ضمنها مترابطة معا

====النشاط الثاني إنتاج الأعمال الموسيقية بإستخدام الحاسوب==== الهدف يكون المشارك عمل موسيقي بسيط عن طريق الايقاعات ومزجهم معاً باستخدام Hydrogen برنامج

الوقت:45 دقيقة الأدوات المستخدمة:

· برنامج Hydrogen (مواصفات البرنامج)

خطوات النشاط: يقدم الميسر مضمون النشاط ويفتح البرنامج من خلال شاشة العرض ويطلب من المشاركين ملاحظة كيفية العمل من خلال البرنامج:

• 1. أصوات الإيقاعات الموجودة بالبرنامج وكيف يمكن استخدامها لتكوين ا ( Pattern )
• هناك خطوط أفقية وهي تحتوى على أصوات الآلات الايقاعاية،
• وهناك خطوط رأسية (وهى مقسمة إلى مسافات متساوية وتمثل عدد مرات تكرار صوت الآلة الإيقاعية فى فترة زمنية معينة)tempo

2. يقوم الميسر(ة) بعمل أكثر من ايقاع ومزجهم معاً لتكوين عمل موسيقى بسيط

3. يطلب الميسر(ة) من المشاركين أن يقوموا بتجاربهم الخاصة في استكشاف البرنامج:

• التحكم فى سرعة الموسيقى (التحكم فى عدد الـ Beats فى الدقيقة)
• تغيير أصوات الآلات الايقاعية عن طريق مكتبات الأصوات الموجودة بالبرنامج (Hip Hop - Electronic ... )

1. يختار كل مشارك(ة) من ما تعرض له ويكون عمل موسيقي بسيط خاص به

ملاحظات

• ينقصة تحفيذ العمل تشاركي الفتية في hydrogen
• أقتراح أضافة برنامج zynaddsubfxو لكن لن يتم أضافته لضيق الوقت و لأسباب تقنية

أقتراح:

• كتابة نشاط للتشبيك احدهم قائم على المركزية و الاخر لامركزية ليتم ضمة لحصة البزفلاج في الجانب الميداني
• مثال:ففي حالة عملنا لعبة البزفلاج مع اللعبة ونخلي حد من الاولاد هو المركز او الرسائل و كله يرسل لكله في حالة اللامركزية

===اليوم الرابع=== الهدف:

تقدبم لفكرة التحريك بإستخدام الحاسوب 1.تعريف المشاركين بكيفية عمل Animation بطريقة مبسطة و بأستخدم طريقة الـ Stop-Motion

النشاط:Stop Motion Video

المدة: 90 دقيقة الجزء الأول

الوقت: 45 دقيقة

الأدوات المستخدمة:

• 2 كاميرا ديجتال
• برامج لإنتاج Stop Motion

الخطوات النشاط

• يقدم الميسر\ه فكرة الـ Stop-Motion و يعرض مثال لها عن طريق الـYoutube
• يطلب من المشاركين الانضمام إلى مجموعات ضغيرة مكونة من ثلاثة أو أربع أفراد (وفقا لعدد الكاميرات المتاحة)
• تحدد كل مجموعة فكرة لتنفيذها ثم يوزعون الأدوار فيما بينهم(من يقوم بالتصوير ومن يقوم بتنفيذ الحركة ...)
• يضع (يعني إيه) المشاركون تصور لشكل المشاهد وكيفية تنفيذ الحركة فى شكل Stop-Motion

ملاحظة

• كان مرهق أثناء تنفيذة اخذ وقت طويل و البرنامج كان واقع شويه
• التعرف من تجارب سابقة كيف يمكن التحضير له حتي يكون أفضل أثناء التنفيذ

الاقتراح

• دمج النشاط بين كل من الوب و الورش الحرفيةوالذي لم يكن متوفر المعسكر الماضي و كانوا محددين بتصوير حركات الجسم.
• انه من اللطيف وجود تنسيق مشترك بين الورش الفنية و الوب لتنفيذ ورشة الستوب موشن
• اعداد صورمعده سابقاً مخصصة لهذا النشاط
• ميسرة:شايف انه تدمج فترة الورش مع الوب في هذا التمرين. ساعة ورش و ساعة لاب حنشرح كيف يعملوا الستوب موشن في اخر 15 دقيقة من وقت الورش او اول 15 دقيقة من وقت الوب

الجزء الثاني

الهدف: الوقت:45 دقيقة الأدوات المستخدمة

• 2 كاميرا ديجتال
• برامج لإنتاج Stop Motion

خطوات النشاط

• تنقل كل مجموعةالصور إلى الحاسوب
• تختار المجموعةاللقطات المراد استخدامها وتحذف اللقطات الغير دقيقة أو المتكررة بحيث تظهر الحركة فى النهاية متتابعة بدون أى خلل بقدر المستطاع
• يوضح الميسر(ة) للمشاركين مدى ارتباط عدد اللقطات فى الثانية بسرعة عرض الصورة فى الفيلم،

موقع هذه الملاحظة؟* لكن لوجود مشاكل تقنية فى البرنامج المستخدم و كيفية الحصول على Stop-Motion Animation فى شكل ملف فيديو ... لم نستطع الحصول على أى فيلم لجميع المجموعات!

اليوم الخامس

الهدف:

التعرف على الفيديو وأساسيات تحريره

1. اكتساب المهارات الأساسية لتعديل ملفات الفيديو باستخدام برامج تحرير الفيديو (مثال Avidemux)

النشاط: عمل فيديو بـ Avidemux

المدة:90 دقيقة الخطوات:

الجزء الأول

المدة:30 دقيقة

• يتم تقسيم الفتية إلى مجموعات حسب عدد الكاميرات المتاحة
• تقوم كل مجموعة بعمل مقابلات قصيرة جداً مع أى من الفتية فى المعسكر (عدا المجموعة التي تقوم بالنشاط) تتراوح مدتها بين 30 ثانية و دقيقة واحدة يتم فيها طرح سؤال وجودى! - مثل ... لماذا تحب النملة السكر؟ :))

الأقتراح

• استخدام هذا النشاط لتدوين أحداث المعسكر و نشرة على البوابة العامة
• ممكن تحسينة بتجميع افكار جديدة لتنفيذ النشاط بخلاف فكرة الأسئلة الوجودية
• مثل اسئلة تنقد اشياء في المعسكر او المدربين او مواضيع اكثر جدية
• ان نجمع قائمة افكار لمواضيع يمكن ان يستثمرها الاولاد لكن لا نفرضها عليهم او نقسمها عليهم و انما نقترحها في حال عجزوا عن الوصول لافكار يطبقوه
• لذي يمكن تعريض الفتية لهذا النشاط في الأيام الأولي للمعسكر أو أيام التمهيد

الجزء الثاني

المدة:60 دقيقة

• ثم يقوم بنقل ملفات الفيديو إلى الحاسوب و نبدأ العمل/مونتاج عليه ببرنامج Avidemux
• و نبدأ باستخدام البرنامج فى حذف المقاطع الزائدة ثم تعلم كيفية إضافة المقاطع الأخرى التى قامت المجموعة بتصويرها لهذا الفيديو.---غير واضح

المواد

• 2 كاميرا ديجتال +TRIPOD

• برنامج Avidemux

اليوم السادس

نشاط ميداني

الهدف:

تعريف الفتية ببعض المفاهيم المرتبطة بالإنترنت و الشبكات

====النشاط الأول: حزم البيانات==== المدة:30 دقيقة الهدف: شرح طريقة انتقال البيانات عبر الإنترنت

الخطوات:

• يأخذ كل مشارك/ه ورقة و يقوم بكتابة رسالة إلى أحد الفتية فى مجموعته و الذين يقومون معه بعمل النشاط و
• يقوم بثنى الورقة حتى لا تظهر الرسالة و
• يقوم بكتابة اسم الشخص المراد إرسال الرسالة إليه على ظهر الورقة
• ثم يقف الفتية بشكل عشوائى ثم يقوم كل مشارك\ة بتمرير الورقة إلى أقرب شخص له حتى تصل فى النهاية إلى المراد توصيلها له
• نوضح لهم أن البيانات تنتقل من خلال الإنترنت بهذه الطريقة ...
• و من الممكن أن يضيف ميسرة بعض التفاصيل لشرح النشاط بطريقة أفضل حيث أنه من كان يقوم بعمل هذا النشاط مع الفتية :)

النشاط الثاني: -Tagging-الوسم

المدة:30 دقيقة

الهدف:تعريف الفتية بمفهوم الـ Tagging

الخطوات:

• نعطى الفتية مجموعة من الـ Stickers - كل مشارك\ه لون و شكل متميز عن الآخرين
• نطلب منهم اختيار صفة واضحة مع عدم الافصاح عن هذه الصفة و يجب أن تكون موجودة فى شخص واحد فى المجموعة أو مشتركة بين بعض أفراد المجموعة - بشرط ألا تكون صفة موجودة فى جميع الفتية- مثل لديه عينين يجب و ان لا تكون صفة غير شكلية - فى شخصية الفرد - كأن نقول لطيف أو سخيف
• نطلب من الفتية لصق الـ sticker على كل من تتوافر فيه الصفة التى قاموا باختياره او يمكنهم أيضاً لصق الـ sticker على أنفسهم و ذلك إذا ما وجدت فيهم هذه الصفة
• ثم يقوم كل مشارك(على حدة) تحديد المجموعة التى قام باختيارها و نحاول كمجموعة تخمين الصفة المشتركة فى هذه المجموعة
• و بذلك فأننا استطعنا تقسيم أفراد المجموعة إلى مجموعات طبقاً لصفاتهم و أن كل فرد منهم يمكنه أن يحمل أكثر من صفة فى نفس المدة و بذلك نكون قد وضحنَّا للفتية فكرة الـ tagging كطريقة لتنصيف المحتوى على الإنترن

الملاحظات

• المشكلة ان المفاهيم ليس لها علاقه ببعض و غير انها مجموعة في هذه الحصة لتؤخذ سويا
• نحن بحاجة لانشطة احسن لتوصيل التاج و التشبيك و website personality
• من الافضل خلق انشطة لكل مفهوم ولكن هذا لم يتم لانه صعب تصميم انشطة

المقترح:

1. تقسيم انشطة الميداني على باقي الحصص و ألغاء جلسة الميداني (هذا خيار غير متاح بسبب الضيق في الوقت) أو
2. الاحتفاظ بذات المفهوم مع ايجاد انشطة و العاب احسن و تفاعلية أكثر و مترابطة لجلسة الميداني
3. ألغاء website role play نشاط و أعادة توزيعأنشطة الtagging and networking علي أيام أخري

النشاط الثالث: الصفات الشخصية لمجتمعات الإنترنت!!

الهدف: لا أعرفه حتى هذه اللحظة :))

المدة:30 دقيقة

الخطوات:

• نقوم بتقسيم المجموعة إلى مجموعتين!! و نقترح عليهم بعض مواقع الإنترنت الشهيرة مثل ... Facebook - YouTube - Wikipedia - Google ...
• و نطلب منهم التعرف على الصفات الإنسانية لكل موقع ...
• Facebook ... كثير النميمة و التشهير :)) حيث أنه يقوم بنشر الأخبار عن كل شخص مسجل لديه ...
• …..Wikipediaشخص يعرف كل شىء فإذا ما سألناه فى اية موضوع فهو حتماً لديه معلومات عن هذا الموضوع و لكنه متردد و غير واثق من معلوماته و بالتالى من السهل تغيير رأيه فى أى وقت ...

ملاحظات

• و هذا ما اتذكره عن هذا النشاط و من الممكن أن يقوم ميسرة بإعادة شرحه بطريقة أفضل ... حيث اننى أيضاً لا أعرف ما هى المعلومة المراد إيصالها من خلال هذا النشاط!!...أعتقد أنه كان من المتوقع أن يقوم الفتية بعمل مسرحية قصيرة يمثلون فيها هذه الشخصيات!!
• هذا النشاط فشل فشلا ذريعا! الفكرة كانت إستعراض الفهم لصفحات الإنترنت من حيث تصنيفاتها وما يمكنها تقديمه... على ما أظن!!

المواد

• Stickers

نشاط جامد جدا !! Tagging ...

كل مشارك يختار صفة خفية ويلصق على المشاركين الذين تنطبق عليهم هذه الصفة، على المشاركين الباقين معرفة هذه الصفة...

مثال: يختار أحد المشاركين صفة الطول، ويلصق على كل طويل أو طويلة ملصق من شكل ولون معينيين

مقترحات عامّة

• تصميم نشاطات فيها مزيد من المشاركة اي البناء على اعمال الاخرين ومزيد من التعاون اي العمل المشترك على شيء واحد
• Adding to creative commons و شرح سريع لأنواع رخص الـ CC جلسة واحدة
• تقديم Flicker, Youtube , Creative common في جلسات منفصلة لتعريف المشاركين بمجتمعات علي الإنترنت و ليس مفترض ان يكون في جلسات الفيديو و الصور
• الأستفادةمن المقترحات منصور و علاء للمنهج في

http://sites.google.com/site/arabexpress/alaa-s-writeup-curriculum ...

طالع كذلك

• منهج الوب 2011