staff، إداريون
1٬017
تعديل
تغييرات
من ويكي أضِف
طسطر 1:
سطر 1: − + − + + + + − + − + − + − + − سطر 16:
سطر 18: − + − + − + − + − + − + − + − − '''أسئلة تنشيطية''' − + − + − + + + − '''خطوات\ شرح:'''+ − + − + − + − + − + − + − − <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">الوقت : 30 دقيقة</div> − <div align="right">الهدف:التعرف علي المهارات الأساسية لتعامل مع الصورة باستخدام''' جمب''' أو krita</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>+ − + − − − − سيناريو الجلسة:+ − − اليوم الأول: − − الخطة (أ): − − 1- توزع الكاميرات على المتدربين و يتأكد المدرب من جاهزية الكاميرات أو الموبايلات التي يحملها المتدربين − 2- يطلب المدرب من المتدربين تصوير بعضهم البعض+ − 3- يحمًل المتدربون الصور إلى ملف واحد موجود على السيرفر+ − 4- تتم تسمية الصور (الطريقة المقترحة هي اسم المصور + اسم تم تصويره) − 5- يفتح المتدربون برنامج GIMP+ − Applications -> Graphic -> Gimp+ − 6- يفتح المدرب صورة تظهر على الروجيكتور و يبدأ بتعديل الصورة باستخدام الأدوات الأساسية − copy/paste, crop, select, filters − 7- يتأكد المدرب من حفظ الصورة المعدلة بالطريقة الصحيحة − 8- يطلب المدرب من المتدربين اللعب بالصور لمدة 20 دقيقة+ − − 9- يقوم المتدربون باستعراض أعمالهم اللا فنية − − <div align="right">3- التعرف عل مجتمعات علي الإنترنت لنشر أعمالهم و أستخدمها كمصدر للصور و مشاهدة أعمال مصورين و المشاركة بالتعليق علي هذه الصور </div> − − − − <div align="right">''' ملاحظة: التصوير وإستخدام صور الآخرين هو تقديم بدائي لفكرة التشاركية''' − − <div align="right">''' '''</div> − <div align="right">'''الهدف '''</div>+ − − <div align="right">'''1-''' '''التعرف عليWikipedia '''</div> − − <div align="right">'''2-''' '''التعرف علي المهارات الأساسية للتعامل مع الصوت من خلال أوديسيتي'''</div> − − ====عرض مفهوم العمل التشاركي ضمن بيئة ويب 2.0==== − <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">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">'''النشاط'''</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">يقوم كل مشارك باستخدام برنامج GIMP لاعداد الـ (Avatar) و صورتهم التى يرغبون فى استخدامها فى صفحتهم الخاصة على الموقع.</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">'''المدة: 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">· 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">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">'''المدة''':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">· BZFlag لعبة</div>+ + + − <div align="right">· برنامج Hydrogen </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">'''المدة:45 دقيقة'''</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">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">'''1.''' تعريف الفتية ببعض المفاهيم المرتبطة بالإنترنت و الشبكات</div>+ + + − <div align="right">''' '''</div>+ − ===النشاط الأول: حزم البيانات===+ − المدة: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>+ − ===النشاط الثاني: -Tagging-الوسم===+ + + + + − <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> − <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"> [http://sites.google.com/site/arabexpress/alaa-s-writeup-curriculum http://sites.google.com/site/arabexpress/alaa-s-writeup-curriculum] ...</div>+
removed Category:معسكرات أضف للفتية using HotCat
==الأهداف العامة للمنهج==
==الأهداف العامة للمنهج==
# إكساب المهارات الأساسية لتعامل مع ملفات الصوت و الفيدية و الصور الرقمية
# يكتسب ''المتدرب'' المهارات الأساسية لتعامل مع ملفات الصوت و الفيديو و الصور الرقمية
# تعريض الفتية لمفاهيم العمل التشاركي و المحتوي المفتوح ((open Content)-( art work or program)
# يتعرض ''الفتية'' لمفاهيم العمل التشاركي والمحتوي المفتوح ((open Content)-( Art-text-software)
# إقتراح : إزالة الإبهام والغموض عن مفاهيم حول التقنية.
# اقتراح : التعرض إلى الجوانب التقنية التي يغفل عنها تقنيو الوسائط المتعددة (البنى الداخلية لصيغ الملفات مثلا).
==فرضيات أساسية==
==فرضيات أساسية==
نفترض أن الفتية يمتلكون المهارات الأساسية للحاسوب، مثل:
نفترض أن الفتية يمتلكون المهارات الأساسية لاستخدام للحاسوب، مثل:
# فهم لمبدء عمل الحاسوب، من مدخلات، معالجة، ومخرجات
# فهم لمبدأ عمل الحاسوب، من مدخلات، معالجة، ومخرجات
# القدرة على التعامل مع لوحة المفاتيح والفارة، وفهم مبدء المفاتيح السياقية
# استخدام لوحة المفاتيح والفارة، والمفاتيح السياقية
# مقدرة على فهم القوائم )لغوياً على الأقل(
# فهم القوائم (لغوياً على الأقل الانجليزية)
==تمهيدا: أول يومين في المعسكر==
==تمهيدا: أول يومين في المعسكر==
===اليوم الأول:===
===اليوم الأول:===
'''الهدف '''
'''مضمون النشاط '''
# إعطاء مقدمة عامة عن المنهج و الأهداف المراد إيصالها-تقديم مسار الوب
#مقدمة عامة عن المنهج والأهداف المراد إيصالها-تقديم مسار الوب
# عرض سريع لفكرة البرمجيات الحرة (التعريف بها، وتسليط الضوء على إيجابياتها وأمثلة عليها)
#فكرة البرمجيات الحرة (التعريف بها، وتسليط الضوء على إيجابياتها وأمثلة عليها)
#* مثال : مقدمة سريعة في الجنو لينكس (تعريف بنظام التشغيل و أهميته)
#* مثال : مقدمة سريعة في الجنو لينكس (تعريف بنظام التشغيل و أهميته وكيف يتم تطويره بجهد جماعي وكيف أنه يجنبنا إعادة إختراع العجلة وأنه يمكن قراءة المصدر والتعلم منه وتطويره - نقطة للنقاش:ربما التعريف العميق بصفات البرمجيات الحرة قد يأتي لاحقا عبر إستخدامنا لها والتبحر هناك)
# التعرف علي المهارات الأساسية للتعامل مع الصور من خلال [[جِمب]] أو krita
#المهارات الأساسية للتعامل مع الصور من خلال [http://ar.wikipedia.org/wiki/%D8%AC%D9%85%D8%A8 جِمب] أو krita
====النشاط الأول:تعريف المشاركين بمفهوم البرامج والبرامج المفتوحة المصدر====
====النشاط الأول:مفهوم البرامج والبرامج المفتوحة المصدر====
'''وقت:'''20 دقيقة
'''وقت:'''20 دقيقة
'''الهدف:''' تعريف المشاركين بمفهوم البرامج المفتوحة المصدر
'''المواد المستخدمة'''
*ماهي البرمجة و البرامج؟ سؤال للمشاركين
'''الهدف:'''
*هل تعرف كيف يتم تطوير البرنامج؟
*يستنتج المشارك مفهوم البرامج المفتوحة المصدر
*هل الألعاب برامج؟
*يتخطى المشارك فكرة أن الكمبيوتر (الحاسوب؟) أداة سحرية،
*يستنتج المشارك ارتباط تغيير كود الأوامر بالتغيير في البرنامج
'''خطوات النشاط'''
يطرح الميسر بعض الأسئلة ويستمع في كل مرة إلى أجوبة المتدربين:
*ما هو الحاسوب؟ (الهواتف الذكية، حواسب لوحية (أي باد وغيرها) )
* أستخدم الميسر\ه لعبة Frozen Bubble Game (وهي لعبة علي الكمبيوتر) و يبدأ يلعبها أمام الفتية أولاً
*ما إستخداماتك للحاسوب؟
* <div align="right">يقوم الميسر\ه بعرض كود /الشفرة المكتوب بها برنامج اللعبة والتي ظهرت في شكل نص و من هنا بدء الميسر\ه بسؤال الفتية عن ما شاهدوه </div>
*ماهي البرمجة والبرامج؟
* <div align="right">ثم يقوم الميسر\ه بشرح لغة البرمجة من خلال الـ code editor و أستخدام بعد الأوامر التي هي جزء من اللعبة ليعطيها كأمثلة توضيحية</div>
*هل يمكنكم إعطاءنا أمثلة على البرامج؟
*هل الألعاب برامج؟
*هل تعرف كيف يتم تطوير ''البرنامج/ برامج''؟
*
**
يقترح الميسر\ة للمشاركين استكشاف مفهوم البرامج مفتوحة المصدر عن طريق برنامج لعبة 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 دقيقة
'''المواد المستخدمة'''(غير مطابقة للمحتوى)
*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
* Compression (lossy , lossless) – how
* file types (jpg - png)
* file types (jpg - png)
* Quality (resolution - scalin' , color depth, jpg quality)
* Quality (resolution - scalin' , color depth, jpg quality)
* Learning how to capture photos, and access photos library
* Learning how to capture photos, and access photos library
* Use already Canned photos only to save time
* Use already Canned photos only to save time
2- (2012) : إستعراض من قام بتطوير البرنامج (مساعدة-> حول)، يمكن لاحقا القيام بالبحث عنه في الإنترنت ورؤية ما فعله.
للحديث عن الضغط والجودة، يمكن القيام بالآتي، عند الحفظ بإسم لملفات من نوع jpeg، يقوم جمب بفتح مربع يسأل فيه عن الجود المفضلة، هناك صندوق يمكن تعليمه show preview in image window، يمكن عندها رؤية كيف يتغير حجم الملف وكيف تقل الجودة خاصّة عند خفضها جدا.
إقتراح: يمكن الحديث أيضا عن تركيب الألوان RGB
====النشاط الثالث: مجتمعات الإنترنت المفتوحة==== ملاحظة:أو أن يصاغ كنشاط أو أن يُضم للنشاط السابق'''
لنشر أعمالهم و أستخدمها كمصدر للصور و مشاهدة أعمال مصورين و المشاركة بالتعليق علي هذه الصور
'''ملاحظة: التصوير وإستخدام صور الآخرين هو تقديم بدائي لفكرة التشاركية'''
===اليوم الثاني===
===اليوم الثاني===
'''المضمون '''
1-التعرف على Wikipedia
2-المهارات الأساسية للتعامل مع الصوت من خلال برنامج أوديسيتي
====النشاط الأول : العمل التشاركي والتراكمي ضمن بيئة ويب 2.0====
'''الهدف''':يَطلِع المتدرب على Wikipedia ويسكتشف طريقة تطويره
'''الوقت''' : 30 دقيقة
'''المواد المستخدمة'''
؟؟؟
'''خطوات النشاط'''
*# يستخدم الميسر عرض مرئي للمتدربين يفتح عليه صفحة ويكيبيديا
يسأل الميسر المتدربين عن أي شخصية مشهورة، قد تكون شخصية كارتونية يحبونها ويدخل الميسر أسم الشخصية في مربع البحث فى الويكيبيديا النسخة العربية
يترك الميسر الأمثلة تأتي من الفتية بشكل أرتجالي معتمداً علي طبيعة المجموعة مع تحضير قائمة ببعض الأمثلة مسبقاً
يعرض الميسر للمتدربين أمكانيات الصفحة وكيفية تطويرها ثم يتسأل معهم في الملاحظات التالية:
*** ان أي حد ممكن يشارك- يغير و يطور في المحتوي؟ و كيف نغير في المحتوي؟ مين ممكن يشارك
*** ان يوجد مجتمع علي الأنترنت و احنا ممكن نشارك فية، و ان هذا المجتمع التفاعلي و المعلومات تراكمية و اي معلومة يتم أضافتها المجتمع بيقوم بتصحيحه لو كانت خطأ
*** ان المحتوي العربي قليل لقلة المجتمعات علي الانترنت و الهدف هنا هو تشجيعهم في المشار
'''الأقتراح'''
# مواقع و مواضيع مكتوب في الويكبيديا:
# أضافة نشاط لتعريف بال Wiki Linkبطريقة مختلفة
* الهدف التعريف بان الوكيبديا هو عمل تشاركي و متشابك ببعضة
* أمثلة لأنشطة:
* [[نشاط تشبيك الويكي لينك]] من Tot-2009
* [[لعبة التليفون المكتوب]] –مع التعديل
* تحرير المحتوي
====النشاط الثاني: الصوت الرقمي وأساسيات تحريره ====
'''الهدف ''': يكتسب المتدرب أساسيات مونتاج وتحرير الصوت من خلال برنامج الأوديسيتيcut-paste and copy trimming
'''الوقت:''' 30 دقيقة
'''المواد المستخدمة'''
* <div align="right">يدخل كل مشارك مكتبة الصوت علي الكمبيوتر</div>
*برنامج Audacity
* <div align="right">ثم يقوم بعمل الأتي بترتيب</div>
*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
** <div align="right">تقديم إستخدام هيدروجين على أوداسيتي؟</div>
** <div align="right">تحضير filter , effects , and canned tracks</div>
==== التقديم لأشكال مجتمعات الإنترنت والشبكات الإجتماعية====
==== التقديم لأشكال مجتمعات الإنترنت والشبكات الإجتماعية====
=أيام المعسكر الأساسية=
==أيام المعسكر الأساسية==
==اليوم الأول:==
===اليوم الأول:===
'''المضمون:'''
# <div align="right">تعريف المشاركين بالموقع الإلكتروني للمعسكر باعتباره:</div>
# يتعرف المشاركون على الموقع الإلكتروني للمعسكر باعتباره:
* <div align="right">الوسيلة المستخدمة فى نشر أعمال المعسكرين</div>
* الوسيلة المستخدمة فى نشر أعمال المعسكرين
* <div align="right">وسيلة التواصل بينهم بعد المعسكر.</div>
* وسيلة التواصل بينهم بعد المعسكر.
# <div align="right">أنشاء حساب للفتية علي منصة المعسكر</div>
# أنشاء حساب للفتية على منصة المعسكر
====النشاط الاول: اعداد حساب خاص لكل مشارك ====
'''الوقت ''': 60دقيقة على مرحلتين
'''الجزء الأول '''
'''الوقت ''': 45 دقيقة
يختار المشارك ويسجل اسم مستخدم ويدخل البيانات الشخصية الخاصة به
'''الجزء الثاني'''
'''الوقت ''': 45 دقيقة
* <div align="right">التأكيد على المهارات التي اكتسبوها في اليوم التمهيدي الأول الخاصة بالتعامل مع الصور الرقمية. </div>
* يراجع المشارك المهارات الأساسيةالتي اكتسبها في اليوم التمهيدي الأول الخاصة بالتعامل مع الصور الرقمية.
====النشاط الثاني:الصور النقطية والصور الشعاعية====
* يقوم كل مشارك باستخدام برنامج GIMP لاعداد الـ (Avatar) و صورتهم التى يرغبون فى استخدامها فى صفحتهم الخاصة على الموقع.
===اليوم الثاني===
'''المضمون'''
# الفرق بين الـ Vector graphics و الـ Raster graphics
# ''عمل'' portraits باستخدام Inkscape
# '''القصة الفائقة:''' العمل التشاركي لإنتاج عمل نصي
#* استخدام الـ Wiki (غير متأكد و لكنى أعتقد أن الهدف لم يكن كيفية انجاز عمل نصى تشاركى - كما ذكرنا بالـ '''draft –ميسرة'''
#*الهدف إنجاز عمل تشاركي نصي وفي ذات الوقت التعرف على نظام الويكي وأيضا وهو مهم معرفة أن التفرع قد يكون صفة أصيلة في العمل التشاركي
====النشاط الأول: الفرق بين الـ Vector graphics و الـ Raster graphics==== الهدف:'''يميز المتدرب بين خصائص Vector graphics و الـ Raster graphics
'''الوقت:'''45 دقيقة
'''المواد المستخدمة'''
'''خطوات النشاط'''
* <div align="right">نبدأ بكتابة مقدمة حكاية، لنترك للمشاركين حرية التخيل لبقيتها</div>
* • يلتقط الميسر(ة) صور لكل مشارك على حدى
• يطلب الميسر(ة) من كل منهم اختيار صورة لأحد زملائه (من الضروري ألا تكون صورته الشخصية)
• يفتح المشارك الصورة التي اختارها من خلال برنامج Inkscape
• يحدد كل مشارك، عن طريق أداة التحديد، الملامح الرئيسية لوجه زميله (العينين - الأنف - الفم - الشعر ...) باستخدام البرنامج
• يلون المشارك أجزاء الوجه المختلفة بألوان من اختياره (و ليس بالضرورة أن تكون ألوان مقاربة للواقع) فنتيح لهم فرصة التعبير بالألوان التى يرونها تمثل زملائهم او التى يفضلونها عموماً)
• بعد الانتهاء من الصورة، يطلب الميسر(ة) من المشارك تكبير الصورة إلى مالا نهاية، وملاحظة تأثير التكبير على الصورة: لم يظهر بها المربعات( Pixels ) التى ظهرت بالصور التى تعاملنا معها فى اليوم التمهيدى الأول،
• يوضح الميسر(ة) أن هذا النوع من الـ graphics يسمى Vector أو متجهى!: هو نوع lossless أى لا يفقد جودته إذا ما قمنا بتكبيره إلى عدد لا حصرى من المرَّات
• يشرح الميسر(ة) للمشاركين كيف يمكن الاستفادة من هذا النوع من الـ graphics فى عمل تصميمات يمكن طباعتها بأى حجم ممكن تخيله (من business cards إلى Billboards )
====النشاط الثاني: القصة الفائقة====
(على فكرة سيناريو النشاط مش واضح خالص)
'''الهدف:'''ينجز المشارك عمل نصي تشاركي
وفي ذات الوقت التعرف على نظام الويكي وأيضا وهو مهم معرفة أن التفرع قد يكون صفة أصيلة في العمل التشاركي (طبعا مش فاهمة حاجة؟)
'''الوقت:''' 45 دقيقة
'''الأدوات المستخدمة'''
*2 كاميرا
*برنامج Inkscape
* <div align="right">نشاط جيد و كان الهدف منه التحفيذ علي التعاون و لكن التحدي الذي واجة الميسرين عند التطبيق هو عدم تعاون بين المشاركين حيث يكون الشخص المسيطر في كل مجموعة هو المحرك لمسار القصة وعندما تصبح المجموعات اصغر فان هامش الصراع يزداد مؤديا احيانا الى عزوف احد المشاركة.</div>
*Canned Photos on the Computer
'''خطوات النشاط:'''
*يقدم الميسر العمل المطلوب (شرح....)
*يقسم الميسر المشاركين إلى مجموعات عمل صغيرة مع مراعاة الملاحظة (التعاون بين المشاركين تحدي مهم. حجم المجموعة، ووجود بعض الشخصيات المسيطرة قد يؤدي إلى صراع. على الميسر أن .............حيث يكون الشخص المسيطر في كل مجموعة هو المحرك لمسار القصة وعندما تصبح المجموعات اصغر فان هامش الصراع يزداد مؤديا احيانا الى عزوف احد المشاركة.
*نبدأ بكتابة مقدمة حكاية، لنترك للمشاركين حرية التخيل لبقيتها
*نبدأ النص بكتابة قصة بآراء الجميع ... وننهي الفقرة بإحتمالين ... مثلا ليلى راحت الغابة أو ليلى راحت الديسكو
*ينقسم المشاركون إلى مجموعتين عمل، تتفق كل مجموعة على صياغة بقية الحكاية انطلاقا من النقطتين السابقتين
*نستمر بالتقسيم والإستكمال ، كل تقسيم يبدأ مقال جديد ويتصل بالذي قبلة عبر وصلات ويكي
===اليوم الثالث===
'''الهدف:'''
1. مفهوم الشبكات
2. الموسيقى باستخدام برمجيات الكمبيوتر
====النشاط الأول: مفهوم الشبكات==== الهدف:'''يستنتج المشارك ......
'''الوقت:''' 45 دقيقة
'''الأدوات المستخدمة:''' لعبةالـ BZFlag: وهي لعبة من ألعاب الشبكية ....(خصائص اللعبة بحيث يكون لها بديل في أي حالة تانية)
'''خطوات النشاط:'''
* يطلب الميسر من كل المشارك فتح لعبة BZFlag (... والدخول عن طريق حسابه الششخصي؟؟؟؟)
* يختار كل مشارك\ه دبابة وبامكانه أن يكون فريق عن طريق ..... او أن يلعب بمفرده محاولاً ضرب الدبابات الأخرى الموجودة حوله
* بعد حوالي 35 دقيقة، يناقش الميسر(ة) مع المشاركين مفهوم الشبكات عن طريق الأسئلة التالية:
و مما تتكون الشبكة ... (من الممكن أن يضيف ميسر(ة) إلى هذا الجزء بعض التفاصيل )
هل استمتعتم باللعب سوياً؟
كيف، في رأيكم، نستطيع أن نلعب سويا بهذا الشكل؟
يستقبل الميسر الايجابات من المشاركين ويتأكد من وصول المفاهيمالتالي:
* هناك خادم (server) يقوم بالتنسيق السريع، والجميع يخبره بما يفعل ويقوم هو باخبار الجميع بذلك
* يتم ايضاح دور السويتش والكابلات وان النت هي عبارة عن شبكات صغيرة كاللتي نلعب ضمنها مترابطة معا
====النشاط الثاني إنتاج الأعمال الموسيقية بإستخدام الحاسوب==== الهدف''' يكون المشارك عمل موسيقي بسيط عن طريق الايقاعات ومزجهم معاً باستخدام Hydrogen برنامج
'''الوقت''':45 دقيقة'''
'''الأدوات المستخدمة:'''
· برنامج Hydrogen (مواصفات البرنامج)
# <div align="right">يقوم كل مشارك\ه باختيار من ما تعرض له و يبدء في تكوين عمل موسيقي بسيط خاص به</div>
'''خطوات النشاط:'''
يقدم الميسر مضمون النشاط ويفتح البرنامج من خلال شاشة العرض ويطلب من المشاركين ملاحظة كيفية العمل من خلال البرنامج:
*# أصوات الإيقاعات الموجودة بالبرنامج وكيف يمكن استخدامها لتكوين ا ( Pattern )
* هناك خطوط أفقية وهي تحتوى على أصوات الآلات الايقاعاية،
*وهناك خطوط رأسية (وهى مقسمة إلى مسافات متساوية وتمثل عدد مرات تكرار صوت الآلة الإيقاعية فى فترة زمنية معينة)tempo
2. يقوم الميسر(ة) بعمل أكثر من ايقاع ومزجهم معاً لتكوين عمل موسيقى بسيط
3. يطلب الميسر(ة) من المشاركين أن يقوموا بتجاربهم الخاصة في استكشاف البرنامج:
* التحكم فى سرعة الموسيقى (التحكم فى عدد الـ Beats فى الدقيقة)
* تغيير أصوات الآلات الايقاعية عن طريق مكتبات الأصوات الموجودة بالبرنامج (Hip Hop - Electronic ... )
# يختار كل مشارك(ة) من ما تعرض له ويكون عمل موسيقي بسيط خاص به
ملاحظات
* <div align="right">ينقصة تحفيذ العمل تشاركي الفتية في hydrogen </div>
* ينقصة تحفيذ العمل تشاركي الفتية في hydrogen
* <div align="right">أقتراح أضافة برنامج''' zynaddsubfx'''و لكن لن يتم أضافته لضيق الوقت و لأسباب تقنية</div>
* أقتراح أضافة برنامج''' zynaddsubfx'''و لكن لن يتم أضافته لضيق الوقت و لأسباب تقنية
أقتراح:
* <div align="right">كتابة نشاط للتشبيك احدهم قائم على المركزية و الاخر لامركزية ليتم ضمة لحصة البزفلاج في الجانب الميداني</div>
* كتابة نشاط للتشبيك احدهم قائم على المركزية و الاخر لامركزية ليتم ضمة لحصة البزفلاج في الجانب الميداني
* <div align="right">مثال:ففي حالة عملنا لعبة البزفلاج مع اللعبة ونخلي حد من الاولاد هو المركز او الرسائل و كله يرسل لكله في حالة اللامركزية</div>
* مثال:ففي حالة عملنا لعبة البزفلاج مع اللعبة ونخلي حد من الاولاد هو المركز او الرسائل و كله يرسل لكله في حالة اللامركزية
==اليوم الرابع==
===اليوم الرابع=== الهدف:'''
تقدبم لفكرة التحريك بإستخدام الحاسوب
1.تعريف المشاركين بكيفية عمل Animation بطريقة مبسطة و بأستخدم طريقة الـ Stop-Motion
===تقدبم لفكرة التحريك بإستخدام الحاسوب===
====النشاط:Stop Motion Video====
المدة:''' 90 دقيقة
'''الجزء الأول '''
'''الوقت: ''' 45 دقيقة
'''الأدوات المستخدمة: '''
*2 كاميرا ديجتال
* [[برامج لإنتاج Stop Motion]]
'''الخطوات النشاط'''
* يقدم الميسر\ه فكرة الـ Stop-Motion و يعرض مثال لها عن طريق الـYoutube
* يطلب من المشاركين الانضمام إلى مجموعات ضغيرة مكونة من ثلاثة أو أربع أفراد (وفقا لعدد الكاميرات المتاحة)
* تحدد كل مجموعة فكرة لتنفيذها ثم يوزعون الأدوار فيما بينهم(من يقوم بالتصوير ومن يقوم بتنفيذ الحركة ...)
* ''يضع'' (يعني إيه) المشاركون تصور لشكل المشاهد وكيفية تنفيذ الحركة فى شكل Stop-Motion
ملاحظة
* كان مرهق أثناء تنفيذة اخذ وقت طويل و البرنامج كان واقع شويه
* التعرف من تجارب سابقة كيف يمكن التحضير له حتي يكون أفضل أثناء التنفيذ
'''الاقتراح'''
* <div align="right">التعرف من تجارب سابقة كيف يمكن التحضير له حتي يكون أفضل أثناء التنفيذ</div>
* دمج النشاط بين كل من الوب و الورش الحرفيةوالذي لم يكن متوفر المعسكر الماضي و كانوا محددين بتصوير حركات الجسم.
* انه من اللطيف وجود تنسيق مشترك بين الورش الفنية و الوب لتنفيذ ورشة الستوب موشن
* اعداد صورمعده سابقاً مخصصة لهذا النشاط
* ميسرة:شايف انه تدمج فترة الورش مع الوب في هذا التمرين. ساعة ورش و ساعة لاب حنشرح كيف يعملوا الستوب موشن في اخر 15 دقيقة من وقت الورش او اول 15 دقيقة من وقت الوب
'''الجزء الثاني'''
'''الهدف:'''
'''الوقت:'''45 دقيقة
* <div align="right">اعداد صورمعده سابقاً مخصصة لهذا النشاط</div>
'''الأدوات المستخدمة'''
* <div align="right">ميسرة:شايف انه تدمج فترة الورش مع الوب في هذا التمرين. ساعة ورش و ساعة لاب حنشرح كيف يعملوا الستوب موشن في اخر 15 دقيقة من وقت الورش او اول 15 دقيقة من وقت الوب</div>
*2 كاميرا ديجتال
* [[برامج لإنتاج Stop Motion]]
'''خطوات النشاط'''
* تنقل كل مجموعةالصور إلى الحاسوب
* تختار المجموعةاللقطات المراد استخدامها وتحذف اللقطات الغير دقيقة أو المتكررة بحيث تظهر الحركة فى النهاية متتابعة بدون أى خلل بقدر المستطاع
* يوضح الميسر(ة) للمشاركين مدى ارتباط عدد اللقطات فى الثانية بسرعة عرض الصورة فى الفيلم،
* <div align="right">بعد الانتهاء من التصوير نقوم بنقل الصور إلى الحاسوب </div>
''موقع هذه الملاحظة؟* لكن لوجود مشاكل تقنية فى البرنامج المستخدم و كيفية الحصول على Stop-Motion Animation فى شكل ملف فيديو ... لم نستطع الحصول على أى فيلم لجميع المجموعات!''
===اليوم الخامس===
'''الهدف:'''
==== التعرف على الفيديو وأساسيات تحريره====
1. اكتساب المهارات الأساسية لتعديل ملفات الفيديو باستخدام [[برامج تحرير الفيديو]] (مثال Avidemux)
====النشاط: عمل فيديو بـ Avidemux====
'''المدة:'''90 دقيقة
'''الخطوات:'''
'''الجزء الأول '''
'''المدة:'''30 دقيقة
* يتم تقسيم الفتية إلى مجموعات حسب عدد الكاميرات المتاحة
* تقوم كل مجموعة بعمل مقابلات قصيرة جداً مع أى من الفتية فى المعسكر (عدا المجموعة التي تقوم بالنشاط) تتراوح مدتها بين 30 ثانية و دقيقة واحدة يتم فيها طرح سؤال وجودى! - مثل ... لماذا تحب النملة السكر؟ :))
'''الأقتراح'''
* استخدام هذا النشاط لتدوين أحداث المعسكر و نشرة على البوابة العامة
* ممكن تحسينة بتجميع افكار جديدة لتنفيذ النشاط بخلاف فكرة الأسئلة الوجودية
* مثل اسئلة تنقد اشياء في المعسكر او المدربين او مواضيع اكثر جدية
* ان نجمع قائمة افكار لمواضيع يمكن ان يستثمرها الاولاد لكن لا نفرضها عليهم او نقسمها عليهم و انما نقترحها في حال عجزوا عن الوصول لافكار يطبقوه
* لذي يمكن تعريض الفتية لهذا النشاط في الأيام الأولي للمعسكر أو أيام التمهيد
'''الجزء الثاني'''
'''المدة:'''60 دقيقة
* ثم يقوم بنقل ملفات الفيديو إلى الحاسوب و نبدأ العمل/مونتاج عليه ببرنامج Avidemux
* و نبدأ باستخدام البرنامج فى حذف المقاطع الزائدة ثم تعلم كيفية إضافة المقاطع الأخرى التى قامت المجموعة بتصويرها لهذا الفيديو.---غير واضح
'''المواد'''
*2 كاميرا ديجتال +TRIPOD
*برنامج Avidemux
===اليوم السادس===
نشاط ميداني
'''الهدف:'''
====تعريف الفتية ببعض المفاهيم المرتبطة بالإنترنت و الشبكات====
====النشاط الأول: حزم البيانات==== المدة:'''30 دقيقة
'''الهدف:'''
شرح طريقة انتقال البيانات عبر الإنترنت
'''الخطوات:'''
* يأخذ كل مشارك/ه ورقة و يقوم بكتابة رسالة إلى أحد الفتية فى مجموعته و الذين يقومون معه بعمل النشاط و
* يقوم بثنى الورقة حتى لا تظهر الرسالة و
* يقوم بكتابة اسم الشخص المراد إرسال الرسالة إليه على ظهر الورقة
* ثم يقف الفتية بشكل عشوائى ثم يقوم كل مشارك\ة بتمرير الورقة إلى أقرب شخص له حتى تصل فى النهاية إلى المراد توصيلها له
* نوضح لهم أن البيانات تنتقل من خلال الإنترنت بهذه الطريقة ...
* و من الممكن أن يضيف ميسرة بعض التفاصيل لشرح النشاط بطريقة أفضل حيث أنه من كان يقوم بعمل هذا النشاط مع الفتية :)
====النشاط الثاني: -Tagging-الوسم====
'''المدة:'''30 دقيقة
'''الهدف:'''تعريف الفتية بمفهوم الـ Tagging
'''الخطوات:'''
* نعطى الفتية مجموعة من الـ Stickers - كل مشارك\ه لون و شكل متميز عن الآخرين
* نطلب منهم اختيار صفة واضحة مع عدم الافصاح عن هذه الصفة و يجب أن تكون موجودة فى شخص واحد فى المجموعة أو مشتركة بين بعض أفراد المجموعة - بشرط ألا تكون صفة موجودة فى جميع الفتية- مثل لديه عينين يجب و ان لا تكون صفة غير شكلية - فى شخصية الفرد - كأن نقول لطيف أو سخيف
* نطلب من الفتية لصق الـ sticker على كل من تتوافر فيه الصفة التى قاموا باختياره او يمكنهم أيضاً لصق الـ sticker على أنفسهم و ذلك إذا ما وجدت فيهم هذه الصفة
* ثم يقوم كل مشارك(على حدة) تحديد المجموعة التى قام باختيارها و نحاول كمجموعة تخمين الصفة المشتركة فى هذه المجموعة
* و بذلك فأننا استطعنا تقسيم أفراد المجموعة إلى مجموعات طبقاً لصفاتهم و أن كل فرد منهم يمكنه أن يحمل أكثر من صفة فى نفس المدة و بذلك نكون قد وضحنَّا للفتية فكرة الـ tagging كطريقة لتنصيف المحتوى على الإنترن
'''الملاحظات'''
* المشكلة ان المفاهيم ليس لها علاقه ببعض و غير انها مجموعة في هذه الحصة لتؤخذ سويا
* نحن بحاجة لانشطة احسن لتوصيل التاج و التشبيك و website personality
* من الافضل خلق انشطة لكل مفهوم ولكن هذا لم يتم لانه صعب تصميم انشطة
'''المقترح:'''
# تقسيم انشطة الميداني على باقي الحصص و ألغاء جلسة الميداني (هذا خيار غير متاح بسبب الضيق في الوقت) أو
# الاحتفاظ بذات المفهوم مع ايجاد انشطة و العاب احسن و تفاعلية أكثر و مترابطة لجلسة الميداني
# ألغاء 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 http://sites.google.com/site/arabexpress/alaa-s-writeup-curriculum] ...
== طالع كذلك ==
* [[منهج الوب 2011]]
* <div align="right">الأستفادةمن المقترحات منصور و علاء للمنهج في </div>
[[تصنيف:مناهج مُعسكرات أضِف للفتية|ي أرشيف]]
