الفرق بين المراجعتين لصفحة «منهج الوب»

من ويكي أضِف
اذهب إلى التنقل اذهب إلى البحث
ط (ترتيبات عامة)
 
(58 مراجعة متوسطة بواسطة 7 مستخدمين غير معروضة)
سطر 1: سطر 1:
−
=الأهداف العامة للمنهج=
+
==الأهداف العامة للمنهج==
  
−
# إكساب المهارات الأساسية  لتعامل مع ملفات الصوت و الفيدية و الصور الرقمية
+
# يكتسب ''المتدرب'' المهارات الأساسية لتعامل مع ملفات الصوت و الفيديو و الصور الرقمية
−
# تعريض الفتية لمفاهيم العمل التشاركي و المحتوي المفتوح ((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 ويعرض اللعبة أمام الفتية عن طريق شاشة البروجكتر
 +
•يعرض الميسر\ة  كودالشفرة المكتوب بها برنامج اللعبة والتي تظهر في شكل نص ويسأل ''الفتية'' على ملاحظاتهم.
 +
•يغيرالميسر\ة بعض الأوامر في لغة البرمجة من خلال الـ code editor  ويطلب من الفتية ملاحظة النتيجة.
  
−
'''خطوات\ شرح:'''
 
−
 
−
* أستخدم الميسر\ه لعبة Frozen Bubble Game (وهي لعبة علي الكمبيوتر) و يبدأ يلعبها أمام الفتية أولاً
 
−
* <div align="right">يقوم الميسر\ه بعرض كود /الشفرة المكتوب بها برنامج اللعبة والتي ظهرت في شكل نص و من هنا&nbsp; بدء الميسر\ه&nbsp; بسؤال الفتية عن ما شاهدوه </div>
 
−
* <div align="right">ثم يقوم الميسر\ه بشرح&nbsp; لغة البرمجة من خلال الـ&nbsp; code editor&nbsp; و أستخدام بعد الأوامر التي هي جزء من اللعبة ليعطيها كأمثلة توضيحية</div>
 
−
 
−
 
−
 
−
<div align="right">'''<nowiki>*ملاحظة</nowiki>'''</div>
 
  
−
*
 
−
**
 
−
*** <div align="right">'''يحيي''':هل هذة المقدمة عن التعريف بجزء التقني لفكرة المحتوي المفتوح ضرورية لهذه الفئة العمرية؟</div>
 
−
*** <div align="right">&nbsp;'''ميسرة''': أعتقد أن هذا مهم جدا ليعرفوا أن البرامج هي أوامر محددة ولتخفيف الشعور بأن الكمبيوتر أداة سحرية، أيضا في التمارين القادمة سيمر مفهوم مفتوح المصدر عند الحديث عن كل برنامج</div>
 
  
−
<div align="right">'''المقترح من يحيي و ميسرة علي هذا النشاط'''</div>
+
'''<nowiki>*ملاحظة</nowiki>'''
  
−
* <div align="right">&nbsp;&nbsp; تحضير تعديل واضح أو مرئي علي لعبة Frozen Bubble , و عرضة علي&nbsp; الفتية حتي يقدروا&nbsp; يشوفوه و يفهموا يعني أية تغير في الكود بتاع البرنامج أو اللعبة- مثال :ممكن&nbsp; نعمل تغير بسيط في لون الكورة أو أسم اللعبة في اليوم الأول &nbsp;و ممكن &nbsp;نعيد عرض الكود و &nbsp;نرجع نفكرهم بة مرة تانية في اليوم الثالث عشان نأكد علي فهم برنامجة من خلال &nbsp;تغير في الصوت اللعبه نفسها(ذللك سيكون أيضاً بعد تعرضهم برنامج أوديستي) </div>
+
*** '''يحيي''':هل هذة المقدمة عن التعريف بجزء التقني لفكرة المحتوي المفتوح ضرورية لهذه الفئة العمرية؟
−
* <div align="right">سيحتاج وقت لتحضير ذلك</div>
+
*** '''ميسرة''': أعتقد أن هذا مهم جدا ليعرفوا أن البرامج هي أوامر محددة ولتخفيف الشعور بأن الكمبيوتر أداة سحرية، أيضا في التمارين القادمة سيمر مفهوم مفتوح المصدر عند الحديث عن كل برنامج
 +
*** '''بنغازي 2012''':
  
−
<div align="right">'''ملاحظة عامة :'''</div>
+
'''المقترح من يحيي و ميسرة علي هذا النشاط'''
  
−
# <div align="right">'''يحيي''': في الأول لم يكن واضح لي الطريقة التي سأقدم&nbsp; بها النشاط و لكن التحدي الحقيقي&nbsp; مش في تعريفهم بالكود بسو لكن ايضاً أزاي أوريهم يعني أيه أوامر و لو جربنا نغير فيها حيصل ايه</div>
+
*  تحضير تعديل واضح أو مرئي علي لعبة Frozen Bubble , و عرضة علي الفتية حتي يقدروا يشوفوه و يفهموا يعني أية تغير في الكود بتاع البرنامج أو اللعبة- مثال :ممكن نعمل تغير بسيط في لون الكورة أو أسم اللعبة في اليوم الأول و ممكن نعيد عرض الكود و نرجع نفكرهم بة مرة تانية في اليوم الثالث عشان نأكد علي فهم برنامجة من خلال تغير في الصوت اللعبه نفسها(ذللك سيكون أيضاً بعد تعرضهم برنامج أوديستي)
−
# <div align="right">'''ميسرة''':هل سيحتاج توصيل مفهوم تغير الكود الي الأعادة في اليوم الثالث لتذكير أم لا؟</div>
+
* سيحتاج وقت لتحضير ذلك
 +
* في حدود السطر 76 يمكن تغيير سرعة المدفع وسرعة الكرة:
 +
$LAUNCHER_SPEED = 0.03;         # speed of rotation of launchers
 +
$BUBBLE_SPEED = 10;         # speed of movement of launched bubbles
  
−
<div align="right">'''&nbsp;'''</div>
 
  
−
<div align="right">'''&nbsp;'''</div>
+
'''ملاحظة عامة :'''
  
 +
# '''يحيي''': في الأول لم يكن واضح لي الطريقة التي سأقدم بها النشاط و لكن التحدي الحقيقي مش في تعريفهم بالكود بسو لكن ايضاً أزاي أوريهم يعني أيه أوامر و لو جربنا نغير فيها حيصل ايه
 +
# '''ميسرة''':هل سيحتاج توصيل مفهوم تغير الكود الي الأعادة في اليوم الثالث لتذكير أم لا؟
 +
# يمكن توسيع هذا النشاط ليشمل القيام فعليا بالبرمجة، امثلة على [[بيئات برمجة]] قد تكون بسيطة ومناسبة هو سكراتش (Scratch)
  
−
==التعرف علي المهارات الأساسية للتعامل مع الصور==
+
====النشاط الثاني:المهارات الأساسية للتعامل مع الصور====
  
−
<div align="right">''النشاط الثاني:''</div>
 
  
−
<div align="right">الوقت : 30 دقيقة</div>
+
'''الهدف''':يتعامل المتدرب مع الصورة باستخدام برنامج''' جمب''' أو krita
 +
- يلتقط صور
 +
- يعدل الصور باستخدام جمب أو Krita
 +
- يحفظ  تعديلات الصور ويستخدم صور الآخرين بطريقة تضمن التشاركية
  
−
<div align="right">الهدف:التعرف علي المهارات الأساسية لتعامل مع الصورة باستخدام''' جمب''' أو krita</div>
+
'''الوقت''' : 30 دقيقة
  
 +
'''المواد المستخدمة'''(غير مطابقة للمحتوى)
  
 +
*2 كاميرا
 +
*برنامج جيمب
 +
*Canned Photos on the Computer
  
  
 +
'''خطوات النشاط'''
  
−
<div align="right">خطوات\شرح</div>
+
*يقدم الميسر(ة) برنامج GIMP ويشير إلي أنه برنامج مفتوح المصدر ويربطه بالنشاط السابق
 +
*يطلب الميسر من المتدربين تصوير بعضهم البعض
 +
*يوزع الكاميرات على المتدربين ويتأكد المدرب من جاهزية؟؟ الكاميرات أو الموبايلات التي يحملها المتدربين
 +
*يصور المتدربون  صور فردية بكاميرا ديجيتال
 +
*ينقل المتدربون  الصور من الكاميرا الرقمية إلى الحاسوب
 +
*يحمًل المتدربون الصور إلى ملف واحد موجود على السيرفر
 +
*يسمي المتدربون الصورعلى حسب الطريقة المقترحة وهي: اسم المصور + اسم من تم تصويره.
 +
*يفتح المتدربون (المشاركون؟)  برنامج GIMP Applications -> Graphic -> Gimp
  
−
* <div align="right">التعريف ببرنامج&nbsp; GIMPو الإشارة إلي أنه برنامج مفتوح المصدر و ربطة بالنشاط السابق</div>
+
*يعطي الميسر\ة مثال تطبيقي للمتدربين لاستخدام البرنامج واستكشاف المفاتيح المختلفة من خلال صورة معروضة أمام الجميع،
−
* <div align="right">تصوير المشاركين(صور فردية)&nbsp; بكاميرا ديجيتال</div>
+
*يفتح المدرب صورة تظهر على البروجيكتور ويعدل الصورة باستخدام الأدوات الأساسية :copy-  paste- crop - select-  filters
−
* <div align="right">ثم تقوم بنقل الصور من الكاميرا الرقمية إلى الحاسوب </div>
+
*يطلب الميسر(ة) من كل ''مشارك\ه'' اختيار صورة و تعديل الصورة باستخدام GIMP وذلك باستخدام الأدوات المقترحة :
−
* <div align="right">يقوم الميسر\ه بأعطاء مثال تطبيقي أمام المشاركين لتعرف علي المفاتيح المختلفة و علي طريقة استخدام البرنامج</div>
+
- نسخ و لصق select, cut,copy,paste, crop بعض أجزاء الصورة
−
* <div align="right">شرح مختصر لطبيعة الصور و البيكسل</div>
+
- استكشاف المرشحات (Filters) واستخدامها
 +
- التعرف علي كيف تتكون الصورة من أجزاء صغيرة pixels
 +
zooming + ترقيم الألوان لخلق صورة على شكل جدول
  
−
<div align="right">'''التمرين:'''</div>
+
يتأكد الميسر(ة) من حفظ الصورة المعدلة بالطريقة الصحيحة
 +
يطلب الميسر(ة)من المتدربين اللعب بالصور لمدة 20 دقيقة
 +
يقوم المتدربون باستعراض أعمالهم اللا فنية ؟ '''ليه الحتة ده هنا؟؟؟'''
  
−
<div align="right">طلب من كل مشارك\ه اختيار صورة و تعديل الصورة باستخدام GIMP و ذلك من خلال : </div>
 
  
 +
'''لتعميق المفاهيم : ''':(مش واضحة في الشرح)
 +
'''اقتراح : '''
  
−
* <div align="right">نسخ و لصق select, cut,copy,paste, crop بعض أجزاء الصورة</div>
+
1-أضافة كيف يتعامل الكمبيوتر مع الصورة أي تعريف المشاركين علي عناصر التي تتحكم في الصور( اضغط- و الملف-الجودة)
−
* <div align="right">التعرف على المرشحات (Filters) و استخدامها</div>
 
−
* <div align="right">التعرف علي كيف تتكون الصورة من أجزاء صغيرة pixels</div>
 
−
* <div align="right">zooming + ترقيم الألوان لخلق صورة على شكل جدول</div>
 
−
 
 
−
 
 
−
 
 
−
 
 
−
 
 
−
 
 
−
<div align="right">'''المواد'''</div>
 
−
 
 
−
<div align="right">·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 2 كاميرا</div>
 
−
 
 
−
<div align="right">·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; برنامج جيب</div>
 
−
 
 
−
<div align="right">·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Canned Photos on the Computer</div>
 
−
 
 
−
<div align="right">'''اقتراح : '''</div>
 
−
 
 
−
<div align="right">1-أضافة&nbsp; كيف يتعامل الكمبيوتر مع الصورة أي تعريف المشاركين علي عناصر التي تتحكم في الصور( اضغط- و الملف-الجودة)</div>
 
  
 
* Compression (lossy , lossless) – how
 
* Compression (lossy , lossless) – how
−
* &nbsp;&nbsp; file types (jpg - png)  
+
* file types (jpg - png)  
 
* Quality (resolution - scalin' , color depth, jpg quality)
 
* Quality (resolution - scalin' , color depth, jpg quality)
−
 
−
<div align="right">2-&nbsp; التعرف علي </div>
 
−
 
 
* 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
  
−
<div align="right">3-&nbsp; التعرف عل مجتمعات علي الإنترنت لنشر أعمالهم و أستخدمها كمصدر للصور و مشاهدة أعمال مصورين و المشاركة بالتعليق علي هذه الصور </div>
+
2- (2012) : إستعراض من قام بتطوير البرنامج (مساعدة-> حول)، يمكن لاحقا القيام بالبحث عنه في الإنترنت ورؤية ما فعله.
−
 
 
−
 
 
−
 
 
−
<div align="right">'''&nbsp;ملاحظة: التصوير وإستخدام صور الآخرين هو تقديم بدائي لفكرة التشاركية'''</div>
 
−
<font color="red">
 
−
شادن: بما إنو الصور رح تتحمل على الانترنت مش لازم يصوروا بعض من الأول، ممكن يكون عند البعض مشكلة في تواجد صورة شخصية إلهم على الويب.
 
−
</font>
 
−
 
 
−
<div align="right">'''&nbsp;'''</div>
 
−
 
 
−
<center>'''اليوم الثاني'''</center>
 
−
 
 
−
<div align="right">'''الهدف '''</div>
 
−
 
 
−
<div align="right">'''1-'''&nbsp;&nbsp; '''التعرف عليWikipedia '''</div>
 
−
 
 
−
<div align="right">'''2-'''&nbsp;&nbsp; '''التعرف علي المهارات الأساسية للتعامل مع الصوت من خلال أوديسيتي'''</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">ان أي حد ممكن يشارك-&nbsp; يغير و يطور في المحتوي؟ و كيف نغير في المحتوي؟ مين ممكن يشارك</div>
 
−
*** <div align="right">ان&nbsp; يوجد مجتمع علي الأنترنت و احنا ممكن نشارك فية، و ان هذا المجتمع التفاعلي و المعلومات تراكمية و اي معلومة يتم أضافتها المجتمع&nbsp; بيقوم بتصحيحه لو كانت خطأ</div>
 
−
*** <div align="right">ان المحتوي العربي قليل لقلة المجتمعات علي الانترنت و الهدف هنا هو تشجيعهم في المشار</div>
 
−
 
 
−
<div align="right">'''الأقتراح'''</div>
 
−
 
 
−
# <div align="right">مواقع و مواضيع مكتوب في الويكبيديا: </div>
 
−
 
 
−
* <div align="right">نترك الأمثلة تطلع من الفتية بشكل أرتجالي معتمداً علي طبيعة المجموعة مع تحضير قائمة بالأمثلة مسبقاً</div>
 
  
−
# <div align="right">أضافة نشاط لتعريف بال Wiki Linkبطريقة مختلفة</div>
+
للحديث عن الضغط والجودة، يمكن القيام بالآتي، عند الحفظ بإسم لملفات من نوع jpeg، يقوم جمب بفتح مربع يسأل فيه عن الجود المفضلة، هناك صندوق يمكن تعليمه show preview in image window، يمكن عندها رؤية كيف يتغير حجم الملف وكيف تقل الجودة خاصّة عند خفضها جدا.
  
−
* <div align="right">الهدف التعريف بان الوكيبديا هو عمل تشاركي و متشابك ببعضة</div>
+
إقتراح: يمكن الحديث أيضا عن تركيب الألوان RGB
−
* <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>
+
1-التعرف على Wikipedia
−
* <div align="right">بإعطاء مثال تطبيقي للفتية و التعرف علي المفاتيح المختلفة و علي طريقة استخدام البرنامج</div>
 
−
* <div align="right">باختيار ملف صوت من مكتبة الصوت علي الحاسوب أو نقل ببرنامج Audacity </div>
 
−
* <div align="right">ثم بتشغيل&nbsp; ملف الصوت </div>
 
−
* <div align="right">بإعطاء مثال تطبيقي</div>
 
−
* <div align="right">شرح مختصر لطبيعة الصوت الرقمي</div>
 
  
−
<div align="right">'''التمرين'''</div>
+
2-المهارات الأساسية للتعامل مع الصوت من خلال برنامج أوديسيتي
  
−
* <div align="right">يقوم المشارك بالتعرف علي البرنامج&nbsp; من خلال canned material&nbsp;</div>
 
−
* <div align="right">يدخل كل مشارك مكتب الصوت علي الكمبيوتر</div>
 
−
* <div align="right">ثم يقوم بعمل&nbsp; الأتي بترتيب</div>
 
  
−
<div align="right">1.&nbsp;&nbsp;&nbsp; Crop\trim</div>
+
====النشاط الأول : العمل التشاركي والتراكمي ضمن بيئة ويب 2.0====
  
−
<div align="right">2.&nbsp;&nbsp;&nbsp; Select, copy ,cut ,paste</div>
+
'''الهدف''':يَطلِع المتدرب على Wikipedia ويسكتشف طريقة تطويره
  
−
<div align="right">3.&nbsp;&nbsp;&nbsp; Basic multitasks</div>
+
'''الوقت''' : 30 دقيقة
  
−
<div align="right">4.&nbsp;&nbsp;&nbsp; Effects</div>
+
'''المواد المستخدمة'''
 +
؟؟؟
  
−
<div align="right">5.&nbsp;&nbsp;&nbsp; &nbsp;&nbsp; file types and compression </div>
+
'''خطوات النشاط'''
  
−
<div align="right">-&nbsp;&nbsp; يقوم الفتية بتعديلها ملف الصوت باستخدام Audacity بغرض إكسابهم بعض المهارات الأساسية مثل (نسخ و لصق – مؤثرات ...)</div>
+
*# يستخدم الميسر عرض مرئي للمتدربين يفتح عليه صفحة ويكيبيديا
 +
يسأل الميسر المتدربين عن أي شخصية مشهورة، قد تكون شخصية كارتونية يحبونها ويدخل الميسر أسم الشخصية في مربع البحث فى الويكيبيديا النسخة العربية
 +
يترك الميسر الأمثلة تأتي من الفتية بشكل أرتجالي معتمداً علي طبيعة المجموعة مع تحضير قائمة ببعض الأمثلة مسبقاً
  
 +
يعرض الميسر للمتدربين أمكانيات الصفحة وكيفية تطويرها ثم يتسأل معهم في الملاحظات التالية:
 +
*** ان أي حد ممكن يشارك- يغير و يطور في المحتوي؟ و كيف نغير في المحتوي؟ مين ممكن يشارك
 +
*** ان يوجد مجتمع علي الأنترنت و احنا ممكن نشارك فية، و ان هذا المجتمع التفاعلي و المعلومات تراكمية و اي معلومة يتم أضافتها المجتمع بيقوم بتصحيحه لو كانت خطأ
 +
*** ان المحتوي العربي قليل لقلة المجتمعات علي الانترنت و الهدف هنا هو تشجيعهم في المشار
  
 +
'''الأقتراح'''
  
 +
# مواقع و مواضيع مكتوب في الويكبيديا:
  
 +
# أضافة نشاط لتعريف بال Wiki Linkبطريقة مختلفة
  
−
<div align="right">'''الجزء الثاني-الأوركسترا'''</div>
+
* الهدف التعريف بان الوكيبديا هو عمل تشاركي و متشابك ببعضة
 +
* أمثلة لأنشطة:
 +
* [[نشاط تشبيك الويكي لينك]] من Tot-2009
 +
* [[لعبة التليفون المكتوب]] –مع التعديل
 +
* تحرير المحتوي
  
−
<div align="right">الهدف: هو تعريف المشاركين بالوحدات التي يتكون منها الصوت </div>
+
====النشاط الثاني: الصوت الرقمي وأساسيات تحريره ====
  
−
<div align="right">'''الشرح\خطوات'''</div>
+
'''الهدف ''':  يكتسب المتدرب أساسيات مونتاج وتحرير الصوت من خلال برنامج الأوديسيتيcut-paste and copy trimming
  
−
<div align="right">·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; يقف الفتية في دائرة و الميسر\ه بجانبهم ليعلب دور المايسترو</div>
+
'''الوقت:''' 30 دقيقة
  
−
<div align="right">·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; يأخذ كل مشارك رقم و صوت</div>
+
'''المواد المستخدمة'''
 +
*برنامج Audacity
 +
*Canned Tracks
  
−
<div align="right">·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ينادي الميسر\ه علي رقم المشارك فيقوم بإخراج صوتة و لا يتوقف ثم ينادي علي مشارك أخر و يتولي أصوات واحد تلو الأخر-ليقوم بإخراج أصوات مختلفة كأوركسترا</div>
+
'''خطوات النشاط'''
 +
* يفتح الميسر(ة)، من خلال البروجكتر، برنامج Audacity ويذكر بانه برنامج مفتوح المصدر، 
 +
* يختار الميسر ملف صوت من مكتبة الصوت ينقله إلى برنامج Audacity
 +
* يستخدم مفاتيح البرنامج المختلفة ويطلب من المتدربين ملاحظة تأثيرهاعلى الصوت (مطلوب تحديد نوع المفاتيح؟)
  
−
<div align="right">المواد</div>
+
* يدعو الميسر المتدربين باستكشاف البرنامج مستخدمين canned material أو ملف من مكتبة الصوت على الكمبيوتر :
 +
* يختبر المتدرب إمكانيات البرنامج الأساسية وتأثيرها على الصوت من خلال الأمكانيات التالية:
 +
1. Crop\trim
 +
2. Select, copy ,cut ,paste
 +
3. Basic multitasks
 +
4. Effects
 +
5. file types and compression
  
−
<div align="right">·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; برنامج Audacity</div>
+
'''لتعميق المفاهيم : '''
 +
* يشرح باختصار طبيعة الصوت الرقمي (هل هذا كافي؟)
  
−
<div align="right">·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Canned Tracks</div>
+
'''''الجزء الثاني-''الأوركسترا'''
  
−
<div align="right">'''&nbsp;'''</div>
+
'''الهدف ''': يحدد(؟)''المشارك'' الوحدات التي يتكون منها الصوت (الهدف لا ينطبق مع النشاط في هذه المرحلة)
 +
'''الوقت ''': 
 +
'''المواد المستخدمة'''
  
−
<div align="right">'''ملاحظات '''</div>
+
'''خطوات النشاط'''
 +
؟؟؟مقدمة لللعبة؟
 +
*يدعو الميسر المتدربين للوقوف في دائرة و يقف هو بجانبهم ليعلب دور المايسترو.
  
−
* <div align="right">'''من يحيي:'''عدم تطبيق نشاط الأوركسترا لان لم يفهم المشاركين الهدف من النشاط - أن الحاسوب يتعامل مع ثانية الصوت على أنها مكونة من&nbsp; 44000 جزء و أنه يتعامل مع كل جزء على حدة!!</div>
+
*يعطي الميسر لكل متدرب رقم ويعهد له بصوت مختلف (مثال؟؟؟)
−
* <div align="right">طيب... كيف نوضح؟ آلات حقيقية؟ خشب وتنك وزجاج وتطبيل؟&nbsp;ربما شرح للصوت وطبيعته أساسا</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>
+
* '''من يحيي:'''عدم تطبيق نشاط الأوركسترا لان لم يفهم المشاركين الهدف من النشاط - أن الحاسوب يتعامل مع ثانية الصوت على أنها مكونة من 44000 جزء و أنه يتعامل مع كل جزء على حدة!!
 +
* طيب... كيف نوضح؟ آلات حقيقية؟ خشب وتنك وزجاج وتطبيل؟ربما شرح للصوت وطبيعته أساسا
 +
* '''ميسرة:''' ينقص نشاط التعريف ب audacity تحفيز العمل التشاركي للفتية
  
−
# <div align="right">تعريف المشاركين بالموقع الإلكتروني للمعسكر باعتباره:</div>
+
'''الأقتراح'''
  
−
* <div align="right">الوسيلة المستخدمة فى نشر أعمال المعسكرين</div>
+
** تقديم إستخدام هيدروجين على أوداسيتي؟
−
* <div align="right">وسيلة التواصل بينهم بعد المعسكر.</div>
+
** تحضير filter , effects , and canned tracks
  
−
# <div align="right">أنشاء حساب للفتية&nbsp; علي منصة المعسكر</div>
+
==== التقديم لأشكال مجتمعات الإنترنت والشبكات الإجتماعية====
  
−
<div align="right">'''النشاط'''</div>
+
==أيام المعسكر الأساسية==
  
−
<div align="right">'''المدة:&nbsp; 60دقيقة '''</div>
+
===اليوم الأول:===
  
−
<div align="right">'''-'''&nbsp;&nbsp; اعداد حساب خاص لكل مشارك&nbsp; على مرحلتين</div>
+
'''المضمون:'''
  
−
<div align="right">'''الجزء الأول '''</div>
+
# يتعرف المشاركون على الموقع الإلكتروني للمعسكر باعتباره:
  
−
<div align="right">المدة:45 دقيقة</div>
+
* الوسيلة المستخدمة فى نشر أعمال المعسكرين
 +
* وسيلة التواصل بينهم بعد المعسكر.
  
−
<div align="right">يقوم كل مشارك بتوجيه من الميسر\ه باختيار اسم مستخدم و كتابة البيانات الشخصية الخاصة بهم</div>
+
# أنشاء حساب للفتية على منصة المعسكر
  
−
<div align="right">'''الجزء الثاني'''</div>
+
====النشاط الاول: اعداد حساب خاص لكل مشارك ====
  
−
<div align="right">المدة:45 دقيقة</div>
+
'''الوقت ''': 60دقيقة على مرحلتين
  
−
* <div align="right">التأكيد على المهارات التي اكتسبوها في اليوم التمهيدي الأول الخاصة بالتعامل مع الصور الرقمية. </div>
 
−
==توضيح مفهوم الصور النقطية والصور الشعاعية==
 
−
* <div align="right">يقوم كل مشارك باستخدام برنامج GIMP لاعداد الـ (Avatar) و صورتهم التى يرغبون فى استخدامها فى صفحتهم الخاصة على الموقع.</div>
 
  
−
<div align="right">'''اليوم الثاني'''</div>
+
'''الجزء الأول '''
  
−
<div align="right">'''الهدف:'''</div>
+
'''الوقت ''': 45 دقيقة
  
 +
يختار المشارك ويسجل اسم مستخدم ويدخل البيانات الشخصية الخاصة به
  
−
# <div align="right">تعريف المشاركين&nbsp; بالفرق بين الـ Vector graphics و الـ Raster graphics ...</div>
+
'''الجزء الثاني'''
−
# <div align="right">عمل portraits&nbsp; باستخدام&nbsp; Inkscape</div>
 
−
# <div align="right">'''القصة الفائقة:''' التعرف على كيف يمكن العمل تشاركيا لإنتاج عمل نصي</div>
 
−
#* <div align="right">'''استخدام الـ Wiki (غير متأكد و لكنى أعتقد أن الهدف لم يكن كيفية انجاز عمل نصى تشاركى - كما ذكرنا بالـ''' '''draft –ميسرة'''</div>
 
−
#* <div align="right">'''الهدف إنجاز عمل تشاركي نصي وفي ذات الوقت التعرف على&nbsp; نظام الويكي وأيضا وهو مهم معرفة أن التفرع قد يكون صفة أصيلة في العمل التشاركي'''</div>
 
  
−
<div align="right">'''النشاط الأولالمدة:45 دقيقة'''</div>
+
'''الوقت ''': 45 دقيقة
  
−
<div align="right">الخطوات:</div>
+
* يراجع المشارك المهارات الأساسيةالتي اكتسبها في اليوم التمهيدي الأول الخاصة بالتعامل مع الصور الرقمية.
  
−
* <div align="right">يقوم الميسر\ه بالتقاط صور للفتية و يطلب من كل منهم اختيار صورة أحد زملائه (من الضروري ألا تكون صورته)</div>
 
−
* <div align="right">يقوم المشارك&nbsp; بفتح الصورة ببرنامج 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&nbsp; إلى Billboards )</div>
 
  
−
<div align="right">'''النشاط الثاني: القصة الفائقة'''</div>
+
====النشاط الثاني:الصور النقطية والصور الشعاعية====
  
−
<div align="right">'''المدة: 45 دقيقةالخطوات:'''</div>
+
* يقوم كل مشارك باستخدام برنامج GIMP لاعداد الـ (Avatar) و صورتهم التى يرغبون فى استخدامها فى صفحتهم الخاصة على الموقع.
  
−
* <div align="right">نبدأ بكتابة&nbsp; مقدمة حكاية، لنترك للمشاركين حرية التخيل لبقيتها</div>
+
===اليوم الثاني===
−
* <div align="right">نبدأ النص بكتابة قصة بآراء الجميع ... وننهي الفقرة بإحتمالين ... مثلا ليلى راحت الغابة أو ليلى راحت الديسكو</div>
 
−
* <div align="right">ينقسم المشاركين لمجموعتين، تتفق كل مجموعة على صياغة بقية الحكاية من إحدى النقطتين السابقتين</div>
 
−
* <div align="right">نستمر بالتقسيم والإستكمال ، كل تقسيم يبدأ مقال جديد ويتصل بالذي قبلة عبر وصلات ويكي</div>
 
  
−
<div align="right">نقرأ الحكايا ... ونضحك !</div>
+
'''المضمون'''
 +
# الفرق بين الـ Vector graphics و الـ Raster graphics
 +
# ''عمل'' portraits باستخدام Inkscape
 +
# '''القصة الفائقة:'''  العمل التشاركي لإنتاج عمل نصي
 +
#* استخدام الـ Wiki (غير متأكد و لكنى أعتقد أن الهدف لم يكن كيفية انجاز عمل نصى تشاركى - كما ذكرنا بالـ '''draft –ميسرة'''
 +
#*الهدف إنجاز عمل تشاركي نصي وفي ذات الوقت التعرف على نظام الويكي وأيضا وهو مهم معرفة أن التفرع قد يكون صفة أصيلة في العمل التشاركي
  
−
<div align="right">'''المواد'''</div>
+
====النشاط الأول: الفرق بين الـ Vector graphics و الـ Raster graphics==== الهدف:'''يميز المتدرب بين خصائص Vector graphics و الـ Raster graphics
  
−
<div align="right">·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 2 كاميرا</div>
+
'''الوقت:'''45 دقيقة
  
−
<div align="right">·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; برنامج Inkscape</div>
+
'''المواد المستخدمة'''
  
−
<div align="right">·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Canned Photos on the Computer</div>
+
'''خطوات النشاط'''
  
 +
* • يلتقط الميسر(ة) صور لكل مشارك على حدى
 +
• يطلب الميسر(ة)  من كل منهم اختيار صورة لأحد زملائه (من الضروري ألا تكون صورته الشخصية)
 +
• يفتح المشارك الصورة التي اختارها من خلال برنامج Inkscape
 +
• يحدد كل مشارك، عن طريق أداة التحديد، الملامح الرئيسية لوجه زميله (العينين - الأنف - الفم - الشعر ...) باستخدام البرنامج
 +
• يلون المشارك أجزاء الوجه المختلفة بألوان من اختياره (و ليس بالضرورة أن تكون ألوان مقاربة للواقع) فنتيح لهم فرصة التعبير بالألوان التى يرونها تمثل زملائهم او التى يفضلونها عموماً)
  
−
<div align="right">ملاحظة</div>
+
• بعد الانتهاء من الصورة، يطلب الميسر(ة) من المشارك تكبير الصورة إلى مالا نهاية، وملاحظة تأثير التكبير على الصورة: لم يظهر بها المربعات( Pixels ) التى ظهرت بالصور التى تعاملنا معها فى اليوم التمهيدى الأول،
 +
• يوضح الميسر(ة) أن هذا النوع من الـ graphics يسمى Vector أو متجهى!: هو نوع lossless أى لا يفقد جودته إذا ما قمنا بتكبيره إلى عدد لا حصرى من المرَّات
 +
• يشرح الميسر(ة) للمشاركين كيف يمكن الاستفادة من هذا النوع من الـ graphics فى عمل تصميمات يمكن طباعتها بأى حجم ممكن تخيله (من business cards إلى Billboards )
  
−
* <div align="right">نشاط جيد و كان الهدف منه التحفيذ علي التعاون و لكن التحدي الذي واجة الميسرين عند التطبيق هو عدم تعاون بين المشاركين حيث يكون الشخص المسيطر في كل مجموعة هو المحرك لمسار القصة وعندما تصبح المجموعات اصغر فان هامش الصراع يزداد مؤديا احيانا الى عزوف احد المشاركة.</div>
+
====النشاط الثاني: القصة الفائقة====
 +
(على فكرة سيناريو النشاط مش واضح خالص)
  
−
<div align="right">'''اليوم الثالث'''</div>
+
'''الهدف:'''ينجز المشارك عمل نصي تشاركي
 +
وفي ذات الوقت التعرف على نظام الويكي وأيضا وهو مهم معرفة أن التفرع قد يكون صفة أصيلة في العمل التشاركي (طبعا مش فاهمة حاجة؟)
  
−
<div align="right">'''الهدف:'''</div>
+
 +
'''الوقت:''' 45 دقيقة
  
−
<div align="right">1.&nbsp;&nbsp;&nbsp; التعريف بمفهوم الشبكات</div>
+
'''الأدوات المستخدمة'''
  
−
<div align="right">2.&nbsp;&nbsp;&nbsp; عمل موسيقى بشكل مبسط باستخدام برمجيات الكمبيوتر</div>
+
*2 كاميرا
  
−
==مفهوم الشبكات==
+
*برنامج Inkscape
−
<div align="right">'''النشاط الأول المدة: 45 دقيقةالخطوات:'''</div>
 
  
−
* <div align="right">نستخدم لعبة BZFlag كمثال للألعاب الشبكية</div>
+
*Canned Photos on the Computer
−
* <div align="right">حيث يقوم كل مشارك\ه باختيار دبابة و تكوين فريق او اللعب بمفرده محاولاً ضرب الدبابات الأخرى الموجودة حوله</div>
 
−
* <div align="right">&nbsp; تستغرق&nbsp; اللعبة حوالي 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 )&nbsp; من خلال مجموعة&nbsp; الخطوط الموجودة في البرنامج و التي تقوم بالأتي:</div>
 
  
−
* <div align="right">الخطوط الأفقية (التى تحتوى على أصوات الآلات الايقاعاية)&nbsp;</div>
+
'''الهدف:'''
−
* <div align="right">الخطوط الرأسية (و هى مقسمة إلى مسافات متساوية و هى تمثل عدد مرات تكرار صوت الآلة الإيقاعية فى فترة زمنية معينة )tempo </div>
 
  
−
<div align="right">2. يقوم الميسر\ه بعمل أكثر من ايقاع و مزجهم معاً لتكوين عمل موسيقى بسيط </div>
+
1. مفهوم الشبكات
  
−
<div align="right">3. يتعرفون الفتية </div>
+
2. الموسيقى باستخدام برمجيات الكمبيوتر
  
−
* <div align="right">على كيفية التحكم فى سرعة الموسيقى (التحكم فى عدد الـ Beats فى الدقيقة)</div>
 
−
* <div align="right">علي انهم يمكنهم تغيير أصوات الآلات الايقاعية عن طريق مكتبات الأصوات الموجودة بالبرنامج (Hip Hop - Electronic ... )</div>
 
  
−
# <div align="right">يقوم كل مشارك\ه&nbsp; باختيار من ما تعرض له و يبدء في تكوين عمل موسيقي بسيط خاص به</div>
+
====النشاط الأول: مفهوم الشبكات==== الهدف:'''يستنتج المشارك ......
 +
'''الوقت:''' 45 دقيقة
 +
'''الأدوات المستخدمة:''' لعبةالـ BZFlag: وهي لعبة من ألعاب الشبكية ....(خصائص اللعبة بحيث يكون لها بديل في أي حالة تانية)
  
−
<div align="right">'''المواد'''</div>
+
'''خطوات النشاط:'''
  
−
<div align="right">·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; BZFlag لعبة</div>
+
* يطلب الميسر من كل المشارك فتح لعبة BZFlag (... والدخول عن طريق حسابه الششخصي؟؟؟؟)
 +
* يختار  كل مشارك\ه دبابة وبامكانه أن يكون فريق عن طريق ..... او أن يلعب بمفرده محاولاً ضرب الدبابات الأخرى الموجودة حوله
 +
*  بعد حوالي 35 دقيقة، يناقش الميسر(ة) مع المشاركين  مفهوم الشبكات عن طريق الأسئلة التالية:
 +
و مما تتكون الشبكة ... (من الممكن أن يضيف ميسر(ة) إلى هذا الجزء بعض التفاصيل )
 +
هل استمتعتم باللعب سوياً؟
 +
كيف، في رأيكم، نستطيع أن نلعب سويا بهذا الشكل؟
 +
يستقبل الميسر الايجابات من المشاركين ويتأكد من وصول المفاهيمالتالي:
 +
* هناك خادم (server) يقوم بالتنسيق السريع، والجميع يخبره بما يفعل ويقوم هو باخبار الجميع بذلك
 +
* يتم ايضاح دور السويتش والكابلات وان النت هي عبارة عن شبكات صغيرة كاللتي نلعب ضمنها مترابطة معا
  
−
<div align="right">·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; برنامج Hydrogen </div>
+
====النشاط الثاني إنتاج الأعمال الموسيقية بإستخدام الحاسوب==== الهدف''' يكون المشارك عمل موسيقي بسيط عن طريق الايقاعات ومزجهم معاً باستخدام Hydrogen برنامج
 +
 +
'''الوقت''':45 دقيقة'''
 +
'''الأدوات المستخدمة:'''
  
−
<div align="right">&nbsp;ملاحظات</div>
+
· برنامج Hydrogen (مواصفات البرنامج)
  
−
* <div align="right">ينقصة تحفيذ العمل تشاركي الفتية في hydrogen </div>
+
'''خطوات النشاط:'''
−
* <div align="right">أقتراح أضافة برنامج''' zynaddsubfx'''و لكن لن يتم أضافته لضيق الوقت و لأسباب تقنية</div>
+
يقدم الميسر مضمون النشاط ويفتح البرنامج  من خلال شاشة العرض ويطلب من المشاركين ملاحظة كيفية العمل من خلال البرنامج:
 +
 +
*# أصوات الإيقاعات الموجودة بالبرنامج وكيف يمكن  استخدامها لتكوين ا ( Pattern )
 +
* هناك خطوط أفقية وهي تحتوى على أصوات الآلات الايقاعاية،
 +
*وهناك خطوط رأسية (وهى مقسمة إلى مسافات متساوية وتمثل عدد مرات تكرار صوت الآلة الإيقاعية فى فترة زمنية معينة)tempo
  
−
<div align="right">أقتراح:</div>
+
2. يقوم الميسر(ة) بعمل أكثر من ايقاع ومزجهم معاً لتكوين عمل موسيقى بسيط
  
−
* <div align="right">كتابة نشاط للتشبيك احدهم قائم على المركزية و الاخر لامركزية ليتم ضمة لحصة البزفلاج في الجانب الميداني</div>
+
3. يطلب الميسر(ة) من المشاركين أن يقوموا بتجاربهم الخاصة في استكشاف البرنامج:
−
* <div align="right">مثال:ففي حالة عملنا لعبة البزفلاج مع اللعبة ونخلي حد من الاولاد هو المركز او الرسائل و كله يرسل لكله في حالة اللامركزية</div>
+
* التحكم فى سرعة الموسيقى (التحكم فى عدد الـ Beats فى الدقيقة)
 +
* تغيير أصوات الآلات الايقاعية عن طريق مكتبات الأصوات الموجودة بالبرنامج (Hip Hop - Electronic ... )
  
−
<div align="right">'''اليوم الرابع'''</div>
+
# يختار كل مشارك(ة)  من ما تعرض له ويكون عمل موسيقي بسيط خاص به
  
−
<div align="right">'''الهدف:'''</div>
+
ملاحظات
  
−
==تقدبم لفكرة التحريك بإستخدام الحاسوب==
+
* ينقصة تحفيذ العمل تشاركي الفتية في hydrogen
−
<div align="right">1.تعريف المشاركين&nbsp; بكيفية عمل Animation&nbsp; بطريقة مبسطة و بأستخدم طريقة الـ Stop-Motion</div>
+
* أقتراح أضافة برنامج''' zynaddsubfx'''و لكن لن يتم أضافته لضيق الوقت و لأسباب تقنية
  
−
<div align="right">'''النشاط:Stop Motion Videoالمدة:90 دقيقةالخطوات:'''</div>
+
أقتراح:
  
−
<div align="right">'''الجزء الأول '''</div>
+
* كتابة نشاط للتشبيك احدهم قائم على المركزية و الاخر لامركزية ليتم ضمة لحصة البزفلاج في الجانب الميداني
 +
* مثال:ففي حالة عملنا لعبة البزفلاج مع اللعبة ونخلي حد من الاولاد هو المركز او الرسائل و كله يرسل لكله في حالة اللامركزية
  
−
<div align="right">'''المدة: 45 دقيقة'''</div>
+
===اليوم الرابع=== الهدف:'''
  
−
<div align="right">'''يقوم الميسر\ه'''</div>
+
تقدبم لفكرة التحريك بإستخدام الحاسوب
 +
1.تعريف المشاركين بكيفية عمل Animation بطريقة مبسطة و بأستخدم طريقة الـ Stop-Motion
  
−
* <div align="right">شرح فكرة الـ Stop-Motion و عرض مثال لها من Youtube </div>
+
====النشاط:Stop Motion Video====
−
* <div align="right">ثم يتم تقسيم الفتية إلى مجموعات من ثلاثة أو أربعة (وفقا لعدد الكاميرات المتاحة)</div>
+
المدة:''' 90 دقيقة
−
* <div align="right">و تقوم كل مجموعة باختيار فكرة للعمل على تنفيذها و يقومون بتقسيم الأدوار (من يقوم بالتصوير و من يقوم بتنفيذ الحركة ...) </div>
+
'''الجزء الأول '''
−
* <div align="right">&nbsp; و يبدأ الفتية فى وضع تصور لشكل المشاهد و كيفية تنفيذ الحركة فى شكل Stop-Motion&nbsp; </div>
 
  
−
<div align="right">ملاحظة</div>
+
'''الوقت: ''' 45 دقيقة
  
−
* <div align="right">كان مرهق أثناء تنفيذة اخذ وقت طويل و البرنامج كان واقع شويه</div>
+
'''الأدوات المستخدمة: '''
 +
*2 كاميرا ديجتال
 +
* [[برامج لإنتاج Stop Motion]]
  
−
* <div align="right">التعرف من تجارب سابقة كيف يمكن التحضير له حتي يكون أفضل أثناء التنفيذ</div>
+
'''الخطوات النشاط'''
  
−
<div align="right">'''الاقتراح'''</div>
+
* يقدم الميسر\ه فكرة الـ Stop-Motion و يعرض مثال لها عن طريق الـYoutube
 +
* يطلب من المشاركين الانضمام إلى مجموعات ضغيرة مكونة من ثلاثة أو أربع أفراد (وفقا لعدد الكاميرات المتاحة)
 +
* تحدد كل مجموعة  فكرة لتنفيذها ثم يوزعون الأدوار فيما بينهم(من يقوم بالتصوير ومن يقوم بتنفيذ الحركة ...)
 +
*  ''يضع'' (يعني إيه) المشاركون  تصور لشكل المشاهد وكيفية تنفيذ الحركة فى شكل Stop-Motion
  
−
* <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">بعد الانتهاء من التصوير نقوم بنقل الصور إلى الحاسوب&nbsp; </div>
+
* دمج النشاط بين كل من الوب و الورش الحرفيةوالذي لم يكن متوفر المعسكر الماضي و كانوا محددين بتصوير حركات الجسم.
−
* <div align="right">و يقوم الفتية باختيار اللقطات المراد استخدامها و حذف اللقطات الغير دقيقة أو المتكررة بحيث تظهر الحركة فى النهاية متتابعة بدون أى خلل بقدر المستطاع</div>
+
* انه من اللطيف وجود تنسيق مشترك بين الورش الفنية و الوب لتنفيذ ورشة الستوب موشن
−
* <div align="right">يوضح للفتية مدى ارتباط عدد اللقطات فى الثانية بسرعة عرض الصورة فى الفيلم</div>
+
* اعداد صورمعده سابقاً مخصصة لهذا النشاط
−
* <div align="right">لكن لوجود مشاكل تقنية فى البرنامج المستخدم و كيفية الحصول على Stop-Motion Animation&nbsp; فى شكل ملف فيديو ... لم نستطع الحصول على أى فيلم لجميع المجموعات!</div>
+
* ميسرة:شايف انه تدمج فترة الورش مع الوب في هذا التمرين. ساعة ورش و ساعة لاب حنشرح كيف يعملوا الستوب موشن في اخر 15 دقيقة من وقت الورش او اول 15 دقيقة من وقت الوب
  
−
<div align="right">'''المواد'''</div>
+
'''الجزء الثاني'''
  
 +
'''الهدف:'''
 +
'''الوقت:'''45 دقيقة
 +
'''الأدوات المستخدمة'''
 +
*2 كاميرا ديجتال
 +
* [[برامج لإنتاج Stop Motion]]
  
−
<div align="right">·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 2 كاميرا ديجتال</div>
+
'''خطوات النشاط'''
 +
* تنقل كل مجموعةالصور إلى الحاسوب
 +
* تختار المجموعةاللقطات المراد استخدامها وتحذف اللقطات الغير دقيقة أو المتكررة بحيث تظهر الحركة فى النهاية متتابعة بدون أى خلل بقدر المستطاع
 +
* يوضح الميسر(ة) للمشاركين مدى ارتباط عدد اللقطات فى الثانية بسرعة عرض الصورة فى الفيلم،
  
  
 +
''موقع هذه الملاحظة؟* لكن لوجود مشاكل تقنية فى البرنامج المستخدم و كيفية الحصول على Stop-Motion Animation فى شكل ملف فيديو ... لم نستطع الحصول على أى فيلم لجميع المجموعات!''
  
−
<div align="right">'''اليوم الخامس'''</div>
+
===اليوم الخامس===
  
−
<div align="right">'''الهدف:'''</div>
+
'''الهدف:'''
  
−
== التعرف على الفيديو وأساسيات تحريره==
+
==== التعرف على الفيديو وأساسيات تحريره====
−
<div align="right">1.&nbsp;&nbsp;&nbsp; اكتساب المهارات اﻷساسية لتعديل ملفات الفيديو باستخدام Avidemux</div>
+
1. اكتساب المهارات الأساسية لتعديل ملفات الفيديو باستخدام [[برامج تحرير الفيديو]] (مثال Avidemux)
  
−
<div align="right">'''النشاط:''' عمل فيديو بـ Avidemux</div>
+
====النشاط: عمل فيديو بـ Avidemux====
  
−
<div align="right">'''المدة:90 دقيقةالخطوات:الجزء الأول '''</div>
+
'''المدة:'''90 دقيقة
 +
'''الخطوات:'''
  
−
<div align="right">'''المدة:30 دقيقة'''</div>
+
'''الجزء الأول '''
  
−
* <div align="right">يتم تقسيم الفتية إلى مجموعات حسب عدد الكاميرات المتاحة </div>
+
'''المدة:'''30 دقيقة
−
* <div align="right">تقوم كل مجموعة بعمل مقابلات قصيرة جداً مع أى من الفتية فى المعسكر (عدا المجموعة التي تقوم بالنشاط) تتراوح مدتها بين 30 ثانية و دقيقة واحدة يتم فيها طرح سؤال وجودى! - مثل ... لماذا تحب النملة السكر؟&nbsp; :))</div>
 
  
−
<div align="right">'''الأقتراح'''</div>
+
* يتم تقسيم الفتية إلى مجموعات حسب عدد الكاميرات المتاحة
 +
* تقوم كل مجموعة بعمل مقابلات قصيرة جداً مع أى من الفتية فى المعسكر (عدا المجموعة التي تقوم بالنشاط) تتراوح مدتها بين 30 ثانية و دقيقة واحدة يتم فيها طرح سؤال وجودى! - مثل ... لماذا تحب النملة السكر؟ :))
  
−
* <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">ثم يقوم بنقل ملفات الفيديو إلى الحاسوب و نبدأ العمل/مونتاج عليه ببرنامج &nbsp; Avidemux </div>
+
'''المدة:'''60 دقيقة
−
* <div align="right">و نبدأ باستخدام البرنامج فى حذف المقاطع الزائدة&nbsp; ثم تعلم كيفية إضافة المقاطع الأخرى التى قامت المجموعة بتصويرها لهذا الفيديو.---غير واضح</div>
 
  
−
<div align="right">'''المواد'''</div>
+
* ثم يقوم بنقل ملفات الفيديو إلى الحاسوب و نبدأ العمل/مونتاج عليه ببرنامج  Avidemux
 +
* و نبدأ باستخدام البرنامج فى حذف المقاطع الزائدة ثم تعلم كيفية إضافة المقاطع الأخرى التى قامت المجموعة بتصويرها لهذا الفيديو.---غير واضح
  
−
<div align="right">·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 2 كاميرا ديجتال +TRIPOD </div>
+
'''المواد'''
  
−
<div align="right">·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; برنامج Avidemux</div>
+
*2 كاميرا ديجتال +TRIPOD
  
−
<div align="right">'''&nbsp;'''</div>
+
*برنامج Avidemux
  
−
<div align="right">&nbsp;'''اليوم السادس-نشاط ميداني'''</div>
+
===اليوم السادس===
  
−
<div align="right">'''الهدف:'''</div>
+
نشاط ميداني
  
−
<div align="right">'''1.'''&nbsp;&nbsp; تعريف الفتية ببعض المفاهيم المرتبطة بالإنترنت و الشبكات</div>
+
'''الهدف:'''
  
−
<div align="right">'''&nbsp;'''</div>
+
====تعريف الفتية ببعض المفاهيم المرتبطة بالإنترنت و الشبكات====
  
−
<div align="right">'''النشاط الأول: حزم البيانات''' '''المدة:30 دقيقة'''&nbsp; '''الهدف:شرح طريقة انتقال البيانات عبر الإنترنت'''</div>
 
  
−
<div align="right">الخطوات:</div>
+
====النشاط الأول: حزم البيانات==== المدة:'''30 دقيقة
 +
'''الهدف:'''
 +
شرح طريقة انتقال البيانات عبر الإنترنت
  
−
* <div align="right">يأخذ كل مشارك/ه&nbsp; ورقة و يقوم بكتابة رسالة إلى أحد الفتية فى مجموعته و الذين يقومون معه بعمل النشاط و</div>
+
'''الخطوات:'''
−
* <div align="right">يقوم بثنى الورقة حتى لا تظهر الرسالة و</div>
 
−
* <div align="right">يقوم بكتابة اسم الشخص المراد إرسال الرسالة إليه على ظهر الورقة</div>
 
−
* <div align="right">ثم يقف الفتية بشكل عشوائى ثم يقوم كل مشارك\ة بتمرير الورقة إلى أقرب شخص له حتى تصل فى النهاية إلى المراد توصيلها له</div>
 
−
* <div align="right">نوضح لهم أن البيانات تنتقل من خلال الإنترنت بهذه الطريقة ...</div>
 
−
* <div align="right">و من الممكن أن يضيف ميسرة بعض التفاصيل لشرح النشاط بطريقة أفضل حيث أنه من كان يقوم بعمل هذا النشاط مع الفتية&nbsp;&nbsp;&nbsp;&nbsp; :)</div>
 
  
−
<div align="right">'''&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'''</div>
+
* يأخذ كل مشارك/ه ورقة و يقوم بكتابة رسالة إلى أحد الفتية فى مجموعته و الذين يقومون معه بعمل النشاط و
 +
* يقوم بثنى الورقة حتى لا تظهر الرسالة و
 +
* يقوم بكتابة اسم الشخص المراد إرسال الرسالة إليه على ظهر الورقة
 +
* ثم يقف الفتية بشكل عشوائى ثم يقوم كل مشارك\ة بتمرير الورقة إلى أقرب شخص له حتى تصل فى النهاية إلى المراد توصيلها له
 +
* نوضح لهم أن البيانات تنتقل من خلال الإنترنت بهذه الطريقة ...
 +
* و من الممكن أن يضيف ميسرة بعض التفاصيل لشرح النشاط بطريقة أفضل حيث أنه من كان يقوم بعمل هذا النشاط مع الفتية :)
  
−
<div align="right">'''&nbsp;'''</div>
+
====النشاط الثاني: -Tagging-الوسم====
  
−
<div align="right">'''النشاط الثاني: -Tagging-الوسم'''</div>
+
'''المدة:'''30 دقيقة
  
−
<div align="right">'''المدة:30 دقيقة'''</div>
+
'''الهدف:'''تعريف الفتية بمفهوم الـ Tagging
  
−
<div align="right">الهدف:تعريف الفتية بمفهوم الـ&nbsp; Taggingالخطوات:</div>
+
'''الخطوات:'''
  
−
* <div align="right">نعطى الفتية مجموعة من الـ Stickers - كل مشارك\ه لون و شكل متميز عن الآخرين</div>
+
* نعطى الفتية مجموعة من الـ Stickers - كل مشارك\ه لون و شكل متميز عن الآخرين
−
* <div align="right">نطلب منهم اختيار صفة واضحة مع عدم الافصاح عن هذه الصفة و يجب أن تكون موجودة فى شخص واحد فى المجموعة أو مشتركة بين بعض أفراد المجموعة - بشرط ألا تكون صفة موجودة فى جميع الفتية- مثل لديه عينين يجب و ان&nbsp; لا تكون صفة غير شكلية - فى شخصية الفرد - كأن نقول لطيف أو سخيف&nbsp; </div>
+
* نطلب منهم اختيار صفة واضحة مع عدم الافصاح عن هذه الصفة و يجب أن تكون موجودة فى شخص واحد فى المجموعة أو مشتركة بين بعض أفراد المجموعة - بشرط ألا تكون صفة موجودة فى جميع الفتية- مثل لديه عينين يجب و ان لا تكون صفة غير شكلية - فى شخصية الفرد - كأن نقول لطيف أو سخيف  
−
* <div align="right">نطلب من الفتية لصق الـ sticker على كل من تتوافر فيه الصفة التى قاموا باختياره او يمكنهم أيضاً لصق الـ sticker على أنفسهم و ذلك إذا ما وجدت فيهم هذه الصفة</div>
+
* نطلب من الفتية لصق الـ sticker على كل من تتوافر فيه الصفة التى قاموا باختياره او يمكنهم أيضاً لصق الـ sticker على أنفسهم و ذلك إذا ما وجدت فيهم هذه الصفة
−
* <div align="right">ثم يقوم كل مشارك(على حدة) تحديد المجموعة التى قام باختيارها و نحاول كمجموعة تخمين الصفة المشتركة فى هذه المجموعة</div>
+
* ثم يقوم كل مشارك(على حدة) تحديد المجموعة التى قام باختيارها و نحاول كمجموعة تخمين الصفة المشتركة فى هذه المجموعة
−
* <div align="right">و بذلك فأننا استطعنا تقسيم أفراد المجموعة إلى مجموعات طبقاً لصفاتهم و أن كل فرد منهم يمكنه أن يحمل أكثر من صفة فى نفس المدة و بذلك نكون قد وضحنَّا للفتية فكرة الـ tagging كطريقة لتنصيف المحتوى على الإنترن</div>
+
* و بذلك فأننا استطعنا تقسيم أفراد المجموعة إلى مجموعات طبقاً لصفاتهم و أن كل فرد منهم يمكنه أن يحمل أكثر من صفة فى نفس المدة و بذلك نكون قد وضحنَّا للفتية فكرة الـ tagging كطريقة لتنصيف المحتوى على الإنترن
  
−
<div align="right">الملاحظات</div>
+
'''الملاحظات'''
  
−
* <div align="right">المشكلة ان المفاهيم ليس لها علاقه ببعض و غير انها مجموعة في هذه الحصة لتؤخذ سويا</div>
+
* المشكلة ان المفاهيم ليس لها علاقه ببعض و غير انها مجموعة في هذه الحصة لتؤخذ سويا
−
* <div align="right">نحن بحاجة لانشطة احسن لتوصيل التاج و التشبيك و website personality</div>
+
* نحن بحاجة لانشطة احسن لتوصيل التاج و التشبيك و website personality
−
* <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>
+
# ألغاء website role play نشاط و أعادة توزيعأنشطة الtagging and networking علي أيام أخري
  
−
<div align="right">'''النشاط الثالث:''' الصفات الشخصية لمجتمعات الإنترنت!!'''الهدف:لا أعرفه حتى هذه اللحظة&nbsp; :))'''</div>
+
====النشاط الثالث: الصفات الشخصية لمجتمعات الإنترنت!!====
  
−
<div align="right">'''المدة:30 دقيقةالخطوات''':</div>
+
'''الهدف:''' لا أعرفه حتى هذه اللحظة :))
  
−
* <div align="right">نقوم بتقسيم المجموعة إلى مجموعتين!! و نقترح عليهم بعض مواقع الإنترنت الشهيرة مثل ... Facebook - YouTube&nbsp; - Wikipedia - Google ...</div>
+
'''المدة:'''30 دقيقة
−
* <div align="right">و نطلب منهم التعرف على الصفات الإنسانية لكل موقع ... </div>
 
−
* <div align="right">Facebook ...&nbsp; كثير النميمة و التشهير :)) حيث أنه يقوم بنشر الأخبار عن كل شخص مسجل لديه ...</div>
 
−
* <div align="right">…..Wikipediaشخص يعرف كل شىء فإذا ما سألناه فى اية موضوع فهو حتماً لديه معلومات عن هذا الموضوع و لكنه متردد و غير واثق من معلوماته و بالتالى من السهل تغيير رأيه فى أى وقت ...</div>
 
  
−
<div align="right">'''ملاحظات'''</div>
+
'''الخطوات''':
  
−
* <div align="right">و هذا ما اتذكره عن هذا النشاط و من الممكن أن يقوم ميسرة بإعادة شرحه بطريقة أفضل ... حيث اننى أيضاً لا أعرف ما هى المعلومة المراد إيصالها من خلال هذا النشاط!!...أعتقد أنه كان من المتوقع أن يقوم الفتية بعمل مسرحية قصيرة يمثلون فيها هذه الشخصيات!!</div>
+
* نقوم بتقسيم المجموعة إلى مجموعتين!! و نقترح عليهم بعض مواقع الإنترنت الشهيرة مثل ... Facebook - YouTube - Wikipedia - Google ...
−
* <div align="right">&nbsp;هذا النشاط فشل فشلا ذريعا! الفكرة كانت إستعراض الفهم لصفحات الإنترنت من حيث تصنيفاتها وما يمكنها تقديمه... على ما أظن!!</div>
+
* و نطلب منهم التعرف على الصفات الإنسانية لكل موقع ...  
 +
* Facebook ... كثير النميمة و التشهير :)) حيث أنه يقوم بنشر الأخبار عن كل شخص مسجل لديه ...
 +
* …..Wikipediaشخص يعرف كل شىء فإذا ما سألناه فى اية موضوع فهو حتماً لديه معلومات عن هذا الموضوع و لكنه متردد و غير واثق من معلوماته و بالتالى من السهل تغيير رأيه فى أى وقت ...
  
−
<div align="right">'''المواد'''</div>
+
'''ملاحظات'''
  
−
<div align="right">§&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Stickers</div>
+
* و هذا ما اتذكره عن هذا النشاط و من الممكن أن يقوم ميسرة بإعادة شرحه بطريقة أفضل ... حيث اننى أيضاً لا أعرف ما هى المعلومة المراد إيصالها من خلال هذا النشاط!!...أعتقد أنه كان من المتوقع أن يقوم الفتية بعمل مسرحية قصيرة يمثلون فيها هذه الشخصيات!!
 +
* هذا النشاط فشل فشلا ذريعا! الفكرة كانت إستعراض الفهم لصفحات الإنترنت من حيث تصنيفاتها وما يمكنها تقديمه... على ما أظن!!
  
−
<div align="right">نشاط جامد جدا !! Tagging ...</div>
+
'''المواد'''
  
 +
*Stickers
  
−
<div align="right">كل مشارك يختار صفة خفية ويلصق على المشاركين الذين تنطبق عليهم هذه الصفة، على المشاركين الباقين معرفة هذه الصفة...</div>
+
نشاط جامد جدا !! Tagging ...
  
−
<div align="right">مثال: يختار أحد المشاركين صفة الطول، ويلصق على كل طويل أو طويلة ملصق من شكل ولون معينيين</div>
 
  
 +
كل مشارك يختار صفة خفية ويلصق على المشاركين الذين تنطبق عليهم هذه الصفة، على المشاركين الباقين معرفة هذه الصفة...
  
 +
مثال: يختار أحد المشاركين صفة الطول، ويلصق على كل طويل أو طويلة ملصق من شكل ولون معينيين
  
 +
==مقترحات عامّة==
  
−
=مقترحات عامّة=
+
* تصميم نشاطات فيها مزيد من المشاركة اي البناء على اعمال الاخرين ومزيد من التعاون اي العمل المشترك على شيء واحد
 +
* Adding to creative commons و شرح سريع لأنواع رخص الـ CC جلسة واحدة
 +
* تقديم Flicker, Youtube , Creative common في جلسات منفصلة لتعريف المشاركين بمجتمعات علي الإنترنت و ليس مفترض ان يكون في جلسات الفيديو و الصور
 +
* الأستفادةمن المقترحات منصور و علاء للمنهج في
  
−
<div align="right">مقترحات عامة</div>
+
[http://sites.google.com/site/arabexpress/alaa-s-writeup-curriculum http://sites.google.com/site/arabexpress/alaa-s-writeup-curriculum] ...
  
−
* <div align="right">تصميم نشاطات فيها مزيد من المشاركة اي البناء على اعمال الاخرين ومزيد من التعاون اي العمل المشترك على شيء واحد</div>
+
== طالع كذلك ==
−
* <div align="right">Adding to creative commons&nbsp; و شرح سريع لأنواع رخص الـ CC جلسة واحدة</div>
+
* [[منهج الوب 2011]]
−
* <div align="right">تقديم&nbsp; Flicker, Youtube , Creative common في جلسات منفصلة لتعريف المشاركين بمجتمعات علي الإنترنت و ليس مفترض ان يكون في جلسات الفيديو و الصور</div>
 
−
* <div align="right">الأستفادةمن المقترحات منصور و علاء للمنهج في </div>
 
  
−
<div align="right">&nbsp;&nbsp;&nbsp;&nbsp; [http://sites.google.com/site/arabexpress/alaa-s-writeup-curriculum http://sites.google.com/site/arabexpress/alaa-s-writeup-curriculum] ...</div>
+
[[تصنيف:مناهج مُعسكرات أضِف للفتية|ي أرشيف]]

المراجعة الحالية بتاريخ 12:15، 4 فبراير 2020

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

  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بطريقة مختلفة

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

الهدف : يكتسب المتدرب أساسيات مونتاج وتحرير الصوت من خلال برنامج الأوديسيتي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 دقيقة

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

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

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

ملاحظة

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

الاقتراح

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

الجزء الثاني

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

خطوات النشاط

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


موقع هذه الملاحظة؟* لكن لوجود مشاكل تقنية فى البرنامج المستخدم و كيفية الحصول على 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 ...

طالع كذلك