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

من ويكي أضِف
اذهب إلى التنقل اذهب إلى البحث
 
(50 مراجعة متوسطة بواسطة 6 مستخدمين غير معروضة)
سطر 1: سطر 1:
 
==الأهداف العامة للمنهج==
 
==الأهداف العامة للمنهج==
  
−
# إكساب المهارات الأساسية  لتعامل مع ملفات الصوت و الفيدية و الصور الرقمية
+
# يكتسب ''المتدرب'' المهارات الأساسية لتعامل مع ملفات الصوت و الفيديو و الصور الرقمية
−
# تعريض الفتية لمفاهيم العمل التشاركي و المحتوي المفتوح ((open Content)-( art work or program)
+
# يتعرض ''الفتية'' لمفاهيم العمل التشاركي والمحتوي المفتوح ((open Content)-( Art-text-software)
 +
 
 +
# إقتراح : إزالة الإبهام والغموض عن مفاهيم حول التقنية.
 +
# اقتراح : التعرض إلى الجوانب التقنية التي يغفل عنها تقنيو الوسائط المتعددة (البنى الداخلية لصيغ الملفات مثلا).
  
 
==فرضيات أساسية==
 
==فرضيات أساسية==
  
−
نفترض أن الفتية يمتلكون المهارات الأساسية للحاسوب، مثل:
+
نفترض أن الفتية يمتلكون المهارات الأساسية لاستخدام للحاسوب، مثل:
−
# فهم لمبدء عمل الحاسوب، من مدخلات، معالجة، ومخرجات
+
# فهم لمبدأ عمل الحاسوب، من مدخلات، معالجة، ومخرجات
−
# القدرة على التعامل مع لوحة المفاتيح والفارة، وفهم مبدء المفاتيح السياقية
+
# استخدام لوحة المفاتيح والفارة، والمفاتيح السياقية
−
# مقدرة على فهم القوائم )لغوياً على الأقل(
+
# فهم القوائم (لغوياً على الأقل الانجليزية)
  
 +
==تمهيدا: أول يومين في المعسكر==
  
−
'''تمهيدا:''' أول يومين في المعسكر
+
===اليوم الأول:===
  
−
==اليوم الأول:==
+
'''مضمون النشاط '''
  
−
'''الهدف '''
+
#مقدمة عامة عن المنهج والأهداف المراد إيصالها-تقديم مسار الوب
 +
#فكرة البرمجيات الحرة (التعريف بها، وتسليط الضوء على إيجابياتها وأمثلة عليها)
 +
#* مثال : مقدمة سريعة في الجنو لينكس (تعريف بنظام التشغيل و أهميته وكيف يتم تطويره بجهد جماعي وكيف أنه يجنبنا إعادة إختراع العجلة وأنه يمكن قراءة المصدر والتعلم منه وتطويره - نقطة للنقاش:ربما التعريف العميق بصفات البرمجيات الحرة قد يأتي لاحقا عبر إستخدامنا لها والتبحر هناك)
  
−
# إعطاء مقدمة  عامة عن المنهج و الأهداف المراد إيصالها-تقديم مسار الوب
+
#المهارات الأساسية للتعامل مع الصور من خلال [http://ar.wikipedia.org/wiki/%D8%AC%D9%85%D8%A8 جِمب] أو krita
−
# عرض سريع لفكرة البرمجيات الحرة (التعريف بها، وتسليط الضوء على إيجابياتها وأمثلة عليها)
 
−
#* مثال : مقدمة سريعة في الجنو لينكس (تعريف بنظام التشغيل و أهميته)
 
−
 
 
−
# التعرف علي المهارات الأساسية للتعامل مع الصور من خلال [[جِمب]] أو 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>
 
  
 +
'''<nowiki>*ملاحظة</nowiki>'''
  
 +
*** '''يحيي''':هل هذة المقدمة عن التعريف بجزء التقني لفكرة المحتوي المفتوح ضرورية لهذه الفئة العمرية؟
 +
*** '''ميسرة''': أعتقد أن هذا مهم جدا ليعرفوا أن البرامج هي أوامر محددة ولتخفيف الشعور بأن الكمبيوتر أداة سحرية، أيضا في التمارين القادمة سيمر مفهوم مفتوح المصدر عند الحديث عن كل برنامج
 +
*** '''بنغازي 2012''':
  
−
<div align="right">'''<nowiki>*ملاحظة</nowiki>'''</div>
+
'''المقترح من يحيي و ميسرة علي هذا النشاط'''
  
−
*  
+
* تحضير تعديل واضح أو مرئي علي لعبة Frozen Bubble , و عرضة علي الفتية حتي يقدروا يشوفوه و يفهموا يعني أية تغير في الكود بتاع البرنامج أو اللعبة- مثال :ممكن نعمل تغير بسيط في لون الكورة أو أسم اللعبة في اليوم الأول و ممكن نعيد عرض الكود و نرجع نفكرهم بة مرة تانية في اليوم الثالث عشان نأكد علي فهم برنامجة من خلال تغير في الصوت اللعبه نفسها(ذللك سيكون أيضاً بعد تعرضهم برنامج أوديستي)
−
**  
+
* سيحتاج وقت لتحضير ذلك
−
*** <div align="right">'''يحيي''':هل هذة المقدمة عن التعريف بجزء التقني لفكرة المحتوي المفتوح ضرورية لهذه الفئة العمرية؟</div>
+
* في حدود السطر 76 يمكن تغيير سرعة المدفع وسرعة الكرة:
−
*** <div align="right">&nbsp;'''ميسرة''': أعتقد أن هذا مهم جدا ليعرفوا أن البرامج هي أوامر محددة ولتخفيف الشعور بأن الكمبيوتر أداة سحرية، أيضا في التمارين القادمة سيمر مفهوم مفتوح المصدر عند الحديث عن كل برنامج</div>
+
$LAUNCHER_SPEED = 0.03;         # speed of rotation of launchers
 +
$BUBBLE_SPEED = 10;         # speed of movement of launched bubbles
  
−
<div align="right">'''المقترح من يحيي و ميسرة علي هذا النشاط'''</div>
 
  
−
* <div align="right">&nbsp;&nbsp; تحضير تعديل واضح أو مرئي علي لعبة Frozen Bubble , و عرضة علي&nbsp; الفتية حتي يقدروا&nbsp; يشوفوه و يفهموا يعني أية تغير في الكود بتاع البرنامج أو اللعبة- مثال :ممكن&nbsp; نعمل تغير بسيط في لون الكورة أو أسم اللعبة في اليوم الأول &nbsp;و ممكن &nbsp;نعيد عرض الكود و &nbsp;نرجع نفكرهم بة مرة تانية في اليوم الثالث عشان نأكد علي فهم برنامجة من خلال &nbsp;تغير في الصوت اللعبه نفسها(ذللك سيكون أيضاً بعد تعرضهم برنامج أوديستي) </div>
+
'''ملاحظة عامة :'''
−
* <div align="right">سيحتاج وقت لتحضير ذلك</div>
 
  
−
<div align="right">'''ملاحظة عامة :'''</div>
+
# '''يحيي''': في الأول لم يكن واضح لي الطريقة التي سأقدم بها النشاط و لكن التحدي الحقيقي مش في تعريفهم بالكود بسو لكن ايضاً أزاي أوريهم يعني أيه أوامر و لو جربنا نغير فيها حيصل ايه
 +
# '''ميسرة''':هل سيحتاج توصيل مفهوم تغير الكود الي الأعادة في اليوم الثالث لتذكير أم لا؟
 +
# يمكن توسيع هذا النشاط ليشمل القيام فعليا بالبرمجة، امثلة على [[بيئات برمجة]] قد تكون بسيطة ومناسبة هو سكراتش (Scratch)
  
−
# <div align="right">'''يحيي''': في الأول لم يكن واضح لي الطريقة التي سأقدم&nbsp; بها النشاط و لكن التحدي الحقيقي&nbsp; مش في تعريفهم بالكود بسو لكن ايضاً أزاي أوريهم يعني أيه أوامر و لو جربنا نغير فيها حيصل ايه</div>
+
====النشاط الثاني:المهارات الأساسية للتعامل مع الصور====
−
# <div align="right">'''ميسرة''':هل سيحتاج توصيل مفهوم تغير الكود الي الأعادة في اليوم الثالث لتذكير أم لا؟</div>
 
  
−
<div align="right">'''&nbsp;'''</div>
 
  
−
<div align="right">'''&nbsp;'''</div>
+
'''الهدف''':يتعامل المتدرب مع الصورة باستخدام برنامج''' جمب''' أو krita
 +
- يلتقط صور
 +
- يعدل الصور باستخدام جمب أو Krita
 +
- يحفظ  تعديلات الصور ويستخدم صور الآخرين بطريقة تضمن التشاركية
  
 +
'''الوقت''' : 30 دقيقة
  
−
===النشاط الثاني:التعرف علي المهارات الأساسية للتعامل مع الصور===
+
'''المواد المستخدمة'''(غير مطابقة للمحتوى)
  
−
<div align="right">الوقت : 30 دقيقة</div>
+
*2 كاميرا
 +
*برنامج جيمب
 +
*Canned Photos on the Computer
  
−
<div align="right">الهدف:التعرف علي المهارات الأساسية لتعامل مع الصورة باستخدام''' جمب''' أو krita</div>
 
  
 +
'''خطوات النشاط'''
  
 +
*يقدم الميسر(ة) برنامج GIMP ويشير إلي أنه برنامج مفتوح المصدر ويربطه بالنشاط السابق
 +
*يطلب الميسر من المتدربين تصوير بعضهم البعض
 +
*يوزع الكاميرات على المتدربين ويتأكد المدرب من جاهزية؟؟ الكاميرات أو الموبايلات التي يحملها المتدربين
 +
*يصور المتدربون  صور فردية بكاميرا ديجيتال
 +
*ينقل المتدربون  الصور من الكاميرا الرقمية إلى الحاسوب
 +
*يحمًل المتدربون الصور إلى ملف واحد موجود على السيرفر
 +
*يسمي المتدربون الصورعلى حسب الطريقة المقترحة وهي: اسم المصور + اسم من تم تصويره.
 +
*يفتح المتدربون (المشاركون؟)  برنامج GIMP Applications -> Graphic -> Gimp
  
 +
*يعطي الميسر\ة مثال تطبيقي للمتدربين لاستخدام البرنامج واستكشاف المفاتيح المختلفة من خلال صورة معروضة أمام الجميع،
 +
*يفتح المدرب صورة تظهر على البروجيكتور ويعدل الصورة باستخدام الأدوات الأساسية :copy-  paste- crop - select-  filters
 +
*يطلب الميسر(ة)  من كل ''مشارك\ه'' اختيار صورة و تعديل الصورة باستخدام GIMP وذلك باستخدام الأدوات المقترحة :
 +
- نسخ و لصق select, cut,copy,paste, crop بعض أجزاء الصورة
 +
- استكشاف المرشحات (Filters) واستخدامها
 +
- التعرف علي كيف تتكون الصورة من أجزاء صغيرة pixels
 +
zooming + ترقيم الألوان لخلق صورة على شكل جدول
  
 +
يتأكد الميسر(ة) من حفظ الصورة المعدلة بالطريقة الصحيحة
 +
يطلب الميسر(ة)من المتدربين اللعب بالصور لمدة 20 دقيقة
 +
يقوم المتدربون باستعراض أعمالهم اللا فنية ؟ '''ليه الحتة ده هنا؟؟؟'''
  
−
<div align="right">خطوات\شرح</div>
 
  
−
* <div align="right">التعريف ببرنامج&nbsp; GIMPو الإشارة إلي أنه برنامج مفتوح المصدر و ربطة بالنشاط السابق</div>
+
'''لتعميق المفاهيم : ''':(مش واضحة في الشرح)
−
* <div align="right">تصوير المشاركين(صور فردية)&nbsp; بكاميرا ديجيتال</div>
+
'''اقتراح : '''
−
* <div align="right">ثم تقوم بنقل الصور من الكاميرا الرقمية إلى الحاسوب </div>
 
−
* <div align="right">يقوم الميسر\ه بأعطاء مثال تطبيقي أمام المشاركين لتعرف علي المفاتيح المختلفة و علي طريقة استخدام البرنامج</div>
 
−
* <div align="right">شرح مختصر لطبيعة الصور و البيكسل</div>
 
  
−
<div align="right">'''التمرين:'''</div>
+
1-أضافة كيف يتعامل الكمبيوتر مع الصورة أي تعريف المشاركين علي عناصر التي تتحكم في الصور( اضغط- و الملف-الجودة)
−
 
 
−
<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">·&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)
−
 
−
 
−
 
 
* 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- توزع الكاميرات على المتدربين و يتأكد المدرب من جاهزية الكاميرات أو الموبايلات التي يحملها المتدربين
 
  
−
2- يطلب المدرب من المتدربين تصوير بعضهم البعض
+
====النشاط الثالث: مجتمعات الإنترنت المفتوحة==== ملاحظة:أو أن يصاغ كنشاط أو أن يُضم للنشاط السابق'''
 +
لنشر أعمالهم و أستخدمها كمصدر للصور و مشاهدة أعمال مصورين و المشاركة بالتعليق علي هذه الصور
  
−
3- يحمًل المتدربون الصور إلى ملف واحد موجود على السيرفر
 
  
−
4- تتم تسمية الصور (الطريقة المقترحة هي اسم المصور + اسم تم تصويره)
 
  
−
5- يفتح المتدربون برنامج GIMP
+
'''ملاحظة: التصوير وإستخدام صور الآخرين هو تقديم بدائي لفكرة التشاركية'''
−
Applications -> Graphic -> Gimp
 
  
−
6- يفتح المدرب صورة تظهر على الروجيكتور و يبدأ بتعديل الصورة باستخدام الأدوات الأساسية
+
===اليوم الثاني===
−
copy/paste, crop, select, filters
 
  
−
7- يتأكد المدرب من حفظ الصورة المعدلة بالطريقة الصحيحة
+
'''المضمون '''
  
−
8- يطلب المدرب من المتدربين اللعب بالصور لمدة 20 دقيقة
+
1-التعرف على Wikipedia
  
−
9- يقوم المتدربون باستعراض أعمالهم اللا فنية
+
2-المهارات الأساسية للتعامل مع الصوت من خلال برنامج أوديسيتي
  
−
<div align="right">3-&nbsp; التعرف عل مجتمعات علي الإنترنت لنشر أعمالهم و أستخدمها كمصدر للصور و مشاهدة أعمال مصورين و المشاركة بالتعليق علي هذه الصور </div>
 
  
 +
====النشاط الأول : العمل التشاركي والتراكمي ضمن بيئة ويب 2.0====
  
 +
'''الهدف''':يَطلِع المتدرب على Wikipedia ويسكتشف طريقة تطويره
  
−
<div align="right">'''&nbsp;ملاحظة: التصوير وإستخدام صور الآخرين هو تقديم بدائي لفكرة التشاركية'''
+
'''الوقت''' : 30 دقيقة
  
−
<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>
+
# أضافة نشاط لتعريف بال Wiki Linkبطريقة مختلفة
  
−
<div align="right">'''الشرح\الخطوات:'''</div>
+
* الهدف التعريف بان الوكيبديا هو عمل تشاركي و متشابك ببعضة
 +
* أمثلة لأنشطة:
 +
* [[نشاط تشبيك الويكي لينك]] من Tot-2009
 +
* [[لعبة التليفون المكتوب]] –مع التعديل
 +
* تحرير المحتوي
  
−
<div align="right">عرض سريع لويكيبيديا و فكرة العمل التشاركي و التراكمي من خلال:</div>
+
====النشاط الثاني: الصوت الرقمي وأساسيات تحريره ====
  
 +
'''الهدف ''':  يكتسب المتدرب أساسيات مونتاج وتحرير الصوت من خلال برنامج الأوديسيتيcut-paste and copy trimming
  
−
*
+
'''الوقت:''' 30 دقيقة
−
*# <div align="right">التعريف بال الويكبيديا: فنقوم (مثلاً) بسؤال المشاركين عن شخصية كارتونية يحبونها أو اي موضوع عام و نقوم بالبحث عنها فى ويكيبيديا و نقوم بعرض النسخة العربية منها الإشارة هنا الي:</div>
 
  
−
*
+
'''المواد المستخدمة'''
−
**
+
*برنامج Audacity
−
*** <div align="right">ان أي حد ممكن يشارك-&nbsp; يغير و يطور في المحتوي؟ و كيف نغير في المحتوي؟ مين ممكن يشارك</div>
+
*Canned Tracks
−
*** <div align="right">ان&nbsp; يوجد مجتمع علي الأنترنت و احنا ممكن نشارك فية، و ان هذا المجتمع التفاعلي و المعلومات تراكمية و اي معلومة يتم أضافتها المجتمع&nbsp; بيقوم بتصحيحه لو كانت خطأ</div>
 
−
*** <div align="right">ان المحتوي العربي قليل لقلة المجتمعات علي الانترنت و الهدف هنا هو تشجيعهم في المشار</div>
 
  
−
<div align="right">'''الأقتراح'''</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">نترك الأمثلة تطلع من الفتية بشكل أرتجالي معتمداً علي طبيعة المجموعة مع تحضير قائمة بالأمثلة مسبقاً</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>
+
* '''من يحيي:'''عدم تطبيق نشاط الأوركسترا لان لم يفهم المشاركين الهدف من النشاط - أن الحاسوب يتعامل مع ثانية الصوت على أنها مكونة من 44000 جزء و أنه يتعامل مع كل جزء على حدة!!
 +
* طيب... كيف نوضح؟ آلات حقيقية؟ خشب وتنك وزجاج وتطبيل؟ربما شرح للصوت وطبيعته أساسا
 +
* '''ميسرة:''' ينقص نشاط التعريف ب audacity تحفيز العمل التشاركي للفتية
  
−
* <div align="right">بالتعريف برنامج Audacity و الإشارة الي انه برنامج مفتوح المصدر</div>
+
'''الأقتراح'''
−
* <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>
+
** تقديم إستخدام هيدروجين على أوداسيتي؟
 +
** تحضير filter , effects , and canned tracks
  
−
* <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>
+
==أيام المعسكر الأساسية==
  
−
<div align="right">2.&nbsp;&nbsp;&nbsp; Select, copy ,cut ,paste</div>
+
===اليوم الأول:===
  
−
<div align="right">3.&nbsp;&nbsp;&nbsp; Basic multitasks</div>
+
'''المضمون:'''
  
−
<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>
+
# أنشاء حساب للفتية على منصة المعسكر
  
 +
====النشاط الاول: اعداد حساب خاص لكل مشارك ====
  
 +
'''الوقت ''':  60دقيقة على مرحلتين
  
  
 +
'''الجزء الأول '''
  
−
<div align="right">'''الجزء الثاني-الأوركسترا'''</div>
+
'''الوقت ''': 45 دقيقة
  
−
<div align="right">الهدف: هو تعريف المشاركين بالوحدات التي يتكون منها الصوت </div>
+
يختار المشارك ويسجل اسم مستخدم ويدخل البيانات الشخصية الخاصة به
  
−
<div align="right">'''الشرح\خطوات'''</div>
+
'''الجزء الثاني'''
  
−
<div align="right">·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; يقف الفتية في دائرة و الميسر\ه بجانبهم ليعلب دور المايسترو</div>
+
'''الوقت ''': 45 دقيقة
  
−
<div align="right">·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; يأخذ كل مشارك رقم و صوت</div>
+
* يراجع المشارك المهارات الأساسيةالتي اكتسبها في اليوم التمهيدي الأول الخاصة بالتعامل مع الصور الرقمية.
  
−
<div align="right">·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ينادي الميسر\ه علي رقم المشارك فيقوم بإخراج صوته و لا يتوقف ثم ينادي علي مشارك أخر و يتولي أصوات واحد تلو الأخر-ليقوم بإخراج أصوات مختلفة كأوركسترا</div>
 
  
−
<div align="right">المواد</div>
+
====النشاط الثاني:الصور النقطية والصور الشعاعية====
  
−
<div align="right">·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; برنامج Audacity</div>
+
* يقوم كل مشارك باستخدام برنامج GIMP لاعداد الـ (Avatar) و صورتهم التى يرغبون فى استخدامها فى صفحتهم الخاصة على الموقع.
  
−
<div align="right">·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Canned Tracks</div>
+
===اليوم الثاني===
  
−
<div align="right">'''&nbsp;'''</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; 44000 جزء و أنه يتعامل مع كل جزء على حدة!!</div>
+
'''الوقت:'''45 دقيقة
−
* <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>
 
  
−
=== التقديم لأشكال مجتمعات الإنترنت والشبكات الإجتماعية===
+
* • يلتقط الميسر(ة) صور لكل مشارك على حدى
−
=أيام المعسكر الأساسية=
+
• يطلب الميسر(ة)  من كل منهم اختيار صورة لأحد زملائه (من الضروري ألا تكون صورته الشخصية)
 +
• يفتح المشارك الصورة التي اختارها من خلال برنامج Inkscape
 +
• يحدد كل مشارك، عن طريق أداة التحديد، الملامح الرئيسية لوجه زميله (العينين - الأنف - الفم - الشعر ...) باستخدام البرنامج
 +
• يلون المشارك أجزاء الوجه المختلفة بألوان من اختياره (و ليس بالضرورة أن تكون ألوان مقاربة للواقع) فنتيح لهم فرصة التعبير بالألوان التى يرونها تمثل زملائهم او التى يفضلونها عموماً)
  
−
==اليوم الأول:==
+
• بعد الانتهاء من الصورة، يطلب الميسر(ة) من المشارك تكبير الصورة إلى مالا نهاية، وملاحظة تأثير التكبير على الصورة: لم يظهر بها المربعات( Pixels ) التى ظهرت بالصور التى تعاملنا معها فى اليوم التمهيدى الأول،
 +
• يوضح الميسر(ة) أن هذا النوع من الـ graphics يسمى Vector أو متجهى!: هو نوع lossless أى لا يفقد جودته إذا ما قمنا بتكبيره إلى عدد لا حصرى من المرَّات
 +
• يشرح الميسر(ة) للمشاركين كيف يمكن الاستفادة من هذا النوع من الـ graphics فى عمل تصميمات يمكن طباعتها بأى حجم ممكن تخيله (من business cards إلى Billboards )
  
−
<div align="right">'''الهدف:'''</div>
+
====النشاط الثاني: القصة الفائقة====
 +
(على فكرة سيناريو النشاط مش واضح خالص)
  
−
# <div align="right">تعريف المشاركين بالموقع الإلكتروني للمعسكر باعتباره:</div>
+
'''الهدف:'''ينجز المشارك عمل نصي تشاركي
 +
وفي ذات الوقت التعرف على نظام الويكي وأيضا وهو مهم معرفة أن التفرع قد يكون صفة أصيلة في العمل التشاركي (طبعا مش فاهمة حاجة؟)
  
−
* <div align="right">الوسيلة المستخدمة فى نشر أعمال المعسكرين</div>
+
−
* <div align="right">وسيلة التواصل بينهم بعد المعسكر.</div>
+
'''الوقت:''' 45 دقيقة
  
−
# <div align="right">أنشاء حساب للفتية&nbsp; علي منصة المعسكر</div>
+
'''الأدوات المستخدمة'''
  
−
<div align="right">'''النشاط'''</div>
+
*2 كاميرا
  
−
<div align="right">'''المدة:&nbsp; 60دقيقة '''</div>
+
*برنامج Inkscape
  
−
<div align="right">'''-'''&nbsp;&nbsp; اعداد حساب خاص لكل مشارك&nbsp; على مرحلتين</div>
+
*Canned Photos on the Computer
  
−
<div align="right">'''الجزء الأول '''</div>
+
'''خطوات النشاط:'''
  
−
<div align="right">المدة:45 دقيقة</div>
+
*يقدم الميسر العمل المطلوب (شرح....)
 +
*يقسم الميسر المشاركين إلى مجموعات عمل صغيرة مع مراعاة الملاحظة (التعاون بين المشاركين تحدي مهم. حجم المجموعة، ووجود بعض الشخصيات المسيطرة قد يؤدي إلى صراع. على الميسر أن .............حيث يكون الشخص المسيطر في كل مجموعة هو المحرك لمسار القصة وعندما تصبح المجموعات اصغر فان هامش الصراع يزداد مؤديا احيانا الى عزوف احد المشاركة.
 +
*نبدأ بكتابة مقدمة حكاية، لنترك للمشاركين حرية التخيل لبقيتها
 +
*نبدأ النص بكتابة قصة بآراء الجميع ... وننهي الفقرة بإحتمالين ... مثلا ليلى راحت الغابة أو ليلى راحت الديسكو
 +
*ينقسم المشاركون إلى مجموعتين عمل، تتفق كل مجموعة على صياغة بقية الحكاية انطلاقا من النقطتين السابقتين
 +
*نستمر بالتقسيم والإستكمال ، كل تقسيم يبدأ مقال جديد ويتصل بالذي قبلة عبر وصلات ويكي
  
−
<div align="right">يقوم كل مشارك بتوجيه من الميسر\ه باختيار اسم مستخدم و كتابة البيانات الشخصية الخاصة بهم</div>
+
===اليوم الثالث===
  
−
<div align="right">'''الجزء الثاني'''</div>
+
'''الهدف:'''
  
−
<div align="right">المدة:45 دقيقة</div>
+
1. مفهوم الشبكات
  
−
* <div align="right">التأكيد على المهارات التي اكتسبوها في اليوم التمهيدي الأول الخاصة بالتعامل مع الصور الرقمية. </div>
+
2. الموسيقى باستخدام برمجيات الكمبيوتر
−
===توضيح مفهوم الصور النقطية والصور الشعاعية===
 
−
* <div align="right">يقوم كل مشارك باستخدام برنامج GIMP لاعداد الـ (Avatar) و صورتهم التى يرغبون فى استخدامها فى صفحتهم الخاصة على الموقع.</div>
 
  
−
==اليوم الثاني==
 
  
−
<div align="right">'''الهدف:'''</div>
+
====النشاط الأول: مفهوم الشبكات==== الهدف:'''يستنتج المشارك ......
 +
'''الوقت:''' 45 دقيقة
 +
'''الأدوات المستخدمة:''' لعبةالـ BZFlag: وهي لعبة من ألعاب الشبكية ....(خصائص اللعبة بحيث يكون لها بديل في أي حالة تانية)
  
 +
'''خطوات النشاط:'''
  
−
# <div align="right">تعريف المشاركين&nbsp; بالفرق بين الـ Vector graphics و الـ Raster graphics ...</div>
+
* يطلب الميسر من كل المشارك فتح لعبة BZFlag (... والدخول عن طريق حسابه الششخصي؟؟؟؟)
−
# <div align="right">عمل portraits&nbsp; باستخدام&nbsp; Inkscape</div>
+
* يختار  كل مشارك\ه دبابة وبامكانه أن يكون فريق عن طريق ..... او أن يلعب بمفرده محاولاً ضرب الدبابات الأخرى الموجودة حوله
−
# <div align="right">'''القصة الفائقة:''' التعرف على كيف يمكن العمل تشاركيا لإنتاج عمل نصي</div>
+
*  بعد حوالي 35 دقيقة، يناقش الميسر(ة) مع المشاركين مفهوم الشبكات عن طريق الأسئلة التالية:
−
#* <div align="right">'''استخدام الـ Wiki (غير متأكد و لكنى أعتقد أن الهدف لم يكن كيفية انجاز عمل نصى تشاركى - كما ذكرنا بالـ''' '''draft –ميسرة'''</div>
+
و مما تتكون الشبكة ... (من الممكن أن يضيف ميسر(ة) إلى هذا الجزء بعض التفاصيل )
−
#* <div align="right">'''الهدف إنجاز عمل تشاركي نصي وفي ذات الوقت التعرف على&nbsp; نظام الويكي وأيضا وهو مهم معرفة أن التفرع قد يكون صفة أصيلة في العمل التشاركي'''</div>
+
هل استمتعتم باللعب سوياً؟
 +
كيف، في رأيكم، نستطيع أن نلعب سويا بهذا الشكل؟
 +
يستقبل الميسر الايجابات من المشاركين ويتأكد من وصول المفاهيمالتالي:
 +
* هناك خادم (server) يقوم بالتنسيق السريع، والجميع يخبره بما يفعل ويقوم هو باخبار الجميع بذلك
 +
* يتم ايضاح دور السويتش والكابلات وان النت هي عبارة عن شبكات صغيرة كاللتي نلعب ضمنها مترابطة معا
  
−
<div align="right">'''النشاط الأولالمدة:45 دقيقة'''</div>
+
====النشاط الثاني إنتاج الأعمال الموسيقية بإستخدام الحاسوب==== الهدف''' يكون المشارك عمل موسيقي بسيط عن طريق الايقاعات ومزجهم معاً باستخدام Hydrogen برنامج
 +
 +
'''الوقت''':45 دقيقة'''
 +
'''الأدوات المستخدمة:'''
  
−
<div align="right">الخطوات:</div>
+
· برنامج Hydrogen (مواصفات البرنامج)
  
−
* <div align="right">يقوم الميسر\ه بالتقاط صور للفتية و يطلب من كل منهم اختيار صورة أحد زملائه (من الضروري ألا تكون صورته)</div>
+
'''خطوات النشاط:'''
−
* <div align="right">يقوم المشارك&nbsp; بفتح الصورة ببرنامج Inkscape </div>
+
يقدم الميسر مضمون النشاط ويفتح البرنامج  من خلال شاشة العرض ويطلب من المشاركين ملاحظة كيفية العمل من خلال البرنامج:
−
* <div align="right">يبدأ كل منهم في رسم وجه زميله من خلال الصورة فيقوم بتحديد الملامح الرئيسية للوجه (العينين - الأنف - الفم - الشعر ...)</div>
+
−
* <div align="right">ثم يقومون بتلوين أجزاء الوجه بالألوان التى يفضلونها (و ليس بالضرورة أن تكون ألوان مقاربة للواقع) فنتيح لهم فرصة التعبير بالألوان التى يرونها تمثل زملائهم او التى يفضلونها عموماً)</div>
+
*# أصوات الإيقاعات الموجودة بالبرنامج وكيف يمكن  استخدامها لتكوين ا ( Pattern )  
−
* <div align="right">بعد الانتهاء من الصورة نقوم بتكبير للصورة إلى مالا نهاية ..</div>
+
* هناك خطوط أفقية وهي تحتوى على أصوات الآلات الايقاعاية،
−
* <div align="right">نلفت انتباههم أن الصورة لم يظهر بها المربعات( Pixels ) التى ظهرت بالصور التى تعاملنا معها فى اليوم التمهيدى الأول </div>
+
*وهناك خطوط رأسية (وهى مقسمة إلى مسافات متساوية وتمثل عدد مرات تكرار صوت الآلة الإيقاعية فى فترة زمنية معينة)tempo
−
* <div align="right">و نوضح لهم أن هذا النوع من الـ graphics يسمى Vector أو متجهى!: هو نوع lossless أى لا يفقد جودته إذا ما قمنا بتكبيره إلى عدد لا حصرى من المرَّات</div>
 
−
* <div align="right">يشرح الميسر\ه للمشاركين كيف يمكن الاستفادة من هذا النوع من الـ graphics فى عمل تصميمات يمكن طباعتها بأى حجم ممكن تخيله (من business cards&nbsp; إلى Billboards )</div>
 
  
−
===النشاط الثاني: القصة الفائقة===
+
2. يقوم الميسر(ة) بعمل أكثر من ايقاع ومزجهم معاً لتكوين عمل موسيقى بسيط
  
−
<div align="right">'''المدة: 45 دقيقةالخطوات:'''</div>
+
3. يطلب الميسر(ة) من المشاركين أن يقوموا بتجاربهم الخاصة في استكشاف البرنامج:
 +
*  التحكم فى سرعة الموسيقى (التحكم فى عدد الـ Beats فى الدقيقة)
 +
* تغيير أصوات الآلات الايقاعية عن طريق مكتبات الأصوات الموجودة بالبرنامج (Hip Hop - Electronic ... )
  
−
* <div align="right">نبدأ بكتابة&nbsp; مقدمة حكاية، لنترك للمشاركين حرية التخيل لبقيتها</div>
+
# يختار كل مشارك(ة)  من ما تعرض له ويكون عمل موسيقي بسيط خاص به
−
* <div align="right">نبدأ النص بكتابة قصة بآراء الجميع ... وننهي الفقرة بإحتمالين ... مثلا ليلى راحت الغابة أو ليلى راحت الديسكو</div>
 
−
* <div align="right">ينقسم المشاركين لمجموعتين، تتفق كل مجموعة على صياغة بقية الحكاية من إحدى النقطتين السابقتين</div>
 
−
* <div align="right">نستمر بالتقسيم والإستكمال ، كل تقسيم يبدأ مقال جديد ويتصل بالذي قبلة عبر وصلات ويكي</div>
 
  
−
<div align="right">نقرأ الحكايا ... ونضحك !</div>
+
ملاحظات
  
−
<div align="right">'''المواد'''</div>
+
* ينقصة تحفيذ العمل تشاركي الفتية في hydrogen
 +
* أقتراح أضافة برنامج''' zynaddsubfx'''و لكن لن يتم أضافته لضيق الوقت و لأسباب تقنية
  
−
<div align="right">·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 2 كاميرا</div>
+
أقتراح:
  
−
<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>
+
===اليوم الرابع=== الهدف:'''
  
 +
تقدبم لفكرة التحريك بإستخدام الحاسوب
 +
1.تعريف المشاركين بكيفية عمل Animation بطريقة مبسطة و بأستخدم طريقة الـ Stop-Motion
  
−
<div align="right">ملاحظة</div>
+
====النشاط:Stop Motion Video====
 +
المدة:''' 90 دقيقة
 +
'''الجزء الأول '''
  
−
* <div align="right">نشاط جيد و كان الهدف منه التحفيذ علي التعاون و لكن التحدي الذي واجة الميسرين عند التطبيق هو عدم تعاون بين المشاركين حيث يكون الشخص المسيطر في كل مجموعة هو المحرك لمسار القصة وعندما تصبح المجموعات اصغر فان هامش الصراع يزداد مؤديا احيانا الى عزوف احد المشاركة.</div>
+
'''الوقت: ''' 45 دقيقة
  
−
==اليوم الثالث==
+
'''الأدوات المستخدمة: '''
 +
*2 كاميرا ديجتال
 +
* [[برامج لإنتاج Stop Motion]]
  
−
<div align="right">'''الهدف:'''</div>
+
'''الخطوات النشاط'''
  
−
<div align="right">1.&nbsp;&nbsp;&nbsp; التعريف بمفهوم الشبكات</div>
+
* يقدم الميسر\ه فكرة الـ Stop-Motion و يعرض مثال لها عن طريق الـYoutube
 +
* يطلب من المشاركين الانضمام إلى مجموعات ضغيرة مكونة من ثلاثة أو أربع أفراد (وفقا لعدد الكاميرات المتاحة)
 +
* تحدد كل مجموعة  فكرة لتنفيذها ثم يوزعون الأدوار فيما بينهم(من يقوم بالتصوير ومن يقوم بتنفيذ الحركة ...)
 +
*  ''يضع'' (يعني إيه) المشاركون  تصور لشكل المشاهد وكيفية تنفيذ الحركة فى شكل Stop-Motion
  
−
<div align="right">2.&nbsp;&nbsp;&nbsp; عمل موسيقى بشكل مبسط باستخدام برمجيات الكمبيوتر</div>
+
ملاحظة
  
−
===مفهوم الشبكات===
+
* كان مرهق أثناء تنفيذة اخذ وقت طويل و البرنامج كان واقع شويه
−
<div align="right">'''النشاط الأول المدة: 45 دقيقةالخطوات:'''</div>
+
* التعرف من تجارب سابقة كيف يمكن التحضير له حتي يكون أفضل أثناء التنفيذ
  
−
* <div align="right">نستخدم لعبة BZFlag كمثال للألعاب الشبكية</div>
+
'''الاقتراح'''
−
* <div align="right">حيث يقوم كل مشارك\ه باختيار دبابة و تكوين فريق او اللعب بمفرده محاولاً ضرب الدبابات الأخرى الموجودة حوله</div>
 
−
* <div align="right">&nbsp; تستغرق&nbsp; اللعبة حوالي 35 دقيقة تقريباً بحيث يتبقى 10 دقائق يقوم فيها الميسر\ه بإجراء مناقشة سريعة مع المشاركين عن مفهوم الشبكات و مما تتكون الشبكة ... (من الممكن أن يضيف ميسرة إلى هذا الجزء بعض التفاصيل )</div>
 
−
* <div align="right">يمكن الدخول الى مفوم الشبكات عبر سؤال حول كيفية عمل اللعبة، يعرف المشاركون ان هناك خادم (server) يقوم بالتنسيق السريع، والجميع يخبره بما يفعل ويقوم هو باخبار الجميع بذلك</div>
 
−
* <div align="right">يتم ايضاح دور السويتش والكابلات وان النت هي عبارة عن شبكات صغيرة كاللتي نلعب ضمنها مترابطة معا</div>
 
  
−
===النشاط الثاني إنتاج الأعمال الموسيقية بإستخدام الحاسوب===
+
* دمج النشاط بين كل من الوب و الورش الحرفيةوالذي لم يكن متوفر المعسكر الماضي و كانوا محددين بتصوير حركات الجسم.
−
<div align="right">'''المدة''':45 دقيقة'''الهدف: عمل موسيقى باستخدام Hydrogenالخطوات:'''يقوم الميسر\ه بتقديم و التعريف بالبرنامج للفتية من خلال </div>
+
* انه من اللطيف وجود تنسيق مشترك بين الورش الفنية و الوب لتنفيذ ورشة الستوب موشن
 +
* اعداد صورمعده سابقاً مخصصة لهذا النشاط
 +
* ميسرة:شايف انه تدمج فترة الورش مع الوب في هذا التمرين. ساعة ورش و ساعة لاب حنشرح كيف يعملوا الستوب موشن في اخر 15 دقيقة من وقت الورش او اول 15 دقيقة من وقت الوب
  
−
*
+
'''الجزء الثاني'''
−
*# <div align="right">أصوات الإيقاعات الموجودة بالبرنامج و كيف يمكنهم عمل الايقاع الخاص بهم ( Pattern )&nbsp; من خلال مجموعة&nbsp; الخطوط الموجودة في البرنامج و التي تقوم بالأتي:</div>
 
  
−
* <div align="right">الخطوط الأفقية (التى تحتوى على أصوات الآلات الايقاعاية)&nbsp;</div>
+
'''الهدف:'''
−
* <div align="right">الخطوط الرأسية (و هى مقسمة إلى مسافات متساوية و هى تمثل عدد مرات تكرار صوت الآلة الإيقاعية فى فترة زمنية معينة )tempo </div>
+
'''الوقت:'''45 دقيقة
 +
'''الأدوات المستخدمة'''
 +
*2 كاميرا ديجتال
 +
* [[برامج لإنتاج Stop Motion]]
  
−
<div align="right">2. يقوم الميسر\ه بعمل أكثر من ايقاع و مزجهم معاً لتكوين عمل موسيقى بسيط </div>
+
'''خطوات النشاط'''
 +
* تنقل كل مجموعةالصور إلى الحاسوب
 +
* تختار المجموعةاللقطات المراد استخدامها وتحذف اللقطات الغير دقيقة أو المتكررة بحيث تظهر الحركة فى النهاية متتابعة بدون أى خلل بقدر المستطاع
 +
* يوضح الميسر(ة) للمشاركين مدى ارتباط عدد اللقطات فى الثانية بسرعة عرض الصورة فى الفيلم،
  
−
<div align="right">3. يتعرفون الفتية </div>
 
  
−
* <div align="right">على كيفية التحكم فى سرعة الموسيقى (التحكم فى عدد الـ Beats فى الدقيقة)</div>
+
''موقع هذه الملاحظة؟* لكن لوجود مشاكل تقنية فى البرنامج المستخدم و كيفية الحصول على Stop-Motion Animation فى شكل ملف فيديو ... لم نستطع الحصول على أى فيلم لجميع المجموعات!''
−
* <div align="right">علي انهم يمكنهم تغيير أصوات الآلات الايقاعية عن طريق مكتبات الأصوات الموجودة بالبرنامج (Hip Hop - Electronic ... )</div>
 
  
−
# <div align="right">يقوم كل مشارك\ه&nbsp; باختيار من ما تعرض له و يبدء في تكوين عمل موسيقي بسيط خاص به</div>
+
===اليوم الخامس===
  
−
<div align="right">'''المواد'''</div>
+
'''الهدف:'''
  
−
<div align="right">·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; BZFlag لعبة</div>
+
==== التعرف على الفيديو وأساسيات تحريره====
 +
1. اكتساب المهارات الأساسية لتعديل ملفات الفيديو باستخدام [[برامج تحرير الفيديو]] (مثال Avidemux)
  
−
<div align="right">·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; برنامج Hydrogen </div>
+
====النشاط: عمل فيديو بـ Avidemux====
  
−
<div align="right">&nbsp;ملاحظات</div>
+
'''المدة:'''90 دقيقة
 +
'''الخطوات:'''
  
−
* <div align="right">ينقصة تحفيذ العمل تشاركي الفتية في hydrogen </div>
+
'''الجزء الأول '''
−
* <div align="right">أقتراح أضافة برنامج''' zynaddsubfx'''و لكن لن يتم أضافته لضيق الوقت و لأسباب تقنية</div>
 
  
−
<div align="right">أقتراح:</div>
+
'''المدة:'''30 دقيقة
  
−
* <div align="right">كتابة نشاط للتشبيك احدهم قائم على المركزية و الاخر لامركزية ليتم ضمة لحصة البزفلاج في الجانب الميداني</div>
+
* يتم تقسيم الفتية إلى مجموعات حسب عدد الكاميرات المتاحة
−
* <div align="right">مثال:ففي حالة عملنا لعبة البزفلاج مع اللعبة ونخلي حد من الاولاد هو المركز او الرسائل و كله يرسل لكله في حالة اللامركزية</div>
+
* تقوم كل مجموعة بعمل مقابلات قصيرة جداً مع أى من الفتية فى المعسكر (عدا المجموعة التي تقوم بالنشاط) تتراوح مدتها بين 30 ثانية و دقيقة واحدة يتم فيها طرح سؤال وجودى! - مثل ... لماذا تحب النملة السكر؟ :))
  
−
==اليوم الرابع==
+
'''الأقتراح'''
  
−
<div align="right">'''الهدف:'''</div>
+
* استخدام هذا النشاط لتدوين أحداث المعسكر و نشرة على البوابة العامة
 +
* ممكن تحسينة بتجميع افكار جديدة لتنفيذ النشاط بخلاف فكرة الأسئلة الوجودية
 +
* مثل اسئلة تنقد اشياء في المعسكر او المدربين او مواضيع اكثر جدية
 +
* ان نجمع قائمة افكار لمواضيع يمكن ان يستثمرها الاولاد لكن لا نفرضها عليهم او نقسمها عليهم و انما نقترحها في حال عجزوا عن الوصول لافكار يطبقوه
 +
* لذي يمكن تعريض الفتية لهذا النشاط في الأيام الأولي للمعسكر أو أيام التمهيد
  
−
===تقدبم لفكرة التحريك بإستخدام الحاسوب===
+
'''الجزء الثاني'''
−
<div align="right">1.تعريف المشاركين&nbsp; بكيفية عمل Animation&nbsp; بطريقة مبسطة و بأستخدم طريقة الـ Stop-Motion</div>
 
  
−
<div align="right">'''النشاط:Stop Motion Videoالمدة:90 دقيقةالخطوات:'''</div>
+
'''المدة:'''60 دقيقة
  
−
<div align="right">'''الجزء الأول '''</div>
+
* ثم يقوم بنقل ملفات الفيديو إلى الحاسوب و نبدأ العمل/مونتاج عليه ببرنامج  Avidemux
 +
* و نبدأ باستخدام البرنامج فى حذف المقاطع الزائدة ثم تعلم كيفية إضافة المقاطع الأخرى التى قامت المجموعة بتصويرها لهذا الفيديو.---غير واضح
  
−
<div align="right">'''المدة: 45 دقيقة'''</div>
+
'''المواد'''
  
−
<div align="right">'''يقوم الميسر\ه'''</div>
+
*2 كاميرا ديجتال +TRIPOD
  
−
* <div align="right">شرح فكرة الـ Stop-Motion و عرض مثال لها من Youtube </div>
+
*برنامج Avidemux
−
* <div align="right">ثم يتم تقسيم الفتية إلى مجموعات من ثلاثة أو أربعة (وفقا لعدد الكاميرات المتاحة)</div>
 
−
* <div align="right">و تقوم كل مجموعة باختيار فكرة للعمل على تنفيذها و يقومون بتقسيم الأدوار (من يقوم بالتصوير و من يقوم بتنفيذ الحركة ...) </div>
 
−
* <div align="right">&nbsp; و يبدأ الفتية فى وضع تصور لشكل المشاهد و كيفية تنفيذ الحركة فى شكل Stop-Motion&nbsp; </div>
 
  
−
<div align="right">ملاحظة</div>
+
===اليوم السادس===
  
−
* <div align="right">كان مرهق أثناء تنفيذة اخذ وقت طويل و البرنامج كان واقع شويه</div>
+
نشاط ميداني
−
 
 
−
* <div align="right">التعرف من تجارب سابقة كيف يمكن التحضير له حتي يكون أفضل أثناء التنفيذ</div>
 
−
 
 
−
<div align="right">'''الاقتراح'''</div>
 
−
 
 
−
* <div align="right">دمج النشاط بين كل من الوب و الورش الحرفيةوالذي لم يكن متوفر المعسكر الماضي و كانوا محددين بتصوير حركات الجسم.</div>
 
−
* <div align="right">انه من اللطيف وجود تنسيق مشترك بين الورش الفنية و الوب لتنفيذ ورشة الستوب موشن</div>
 
−
* <div align="right">اعداد صورمعده سابقاً مخصصة لهذا النشاط</div>
 
−
* <div align="right">ميسرة:شايف انه تدمج فترة الورش مع الوب في هذا التمرين. ساعة ورش و ساعة لاب حنشرح كيف يعملوا الستوب موشن في اخر 15 دقيقة من وقت الورش او اول 15 دقيقة من وقت الوب</div>
 
−
 
 
−
<div align="right">'''الجزء الثاني'''</div>
 
−
 
 
−
<div align="right">'''المدة:45 دقيقة'''</div>
 
  
−
* <div align="right">بعد الانتهاء من التصوير نقوم بنقل الصور إلى الحاسوب&nbsp; </div>
+
'''الهدف:'''
−
* <div align="right">و يقوم الفتية باختيار اللقطات المراد استخدامها و حذف اللقطات الغير دقيقة أو المتكررة بحيث تظهر الحركة فى النهاية متتابعة بدون أى خلل بقدر المستطاع</div>
 
−
* <div align="right">يوضح للفتية مدى ارتباط عدد اللقطات فى الثانية بسرعة عرض الصورة فى الفيلم</div>
 
−
* <div align="right">لكن لوجود مشاكل تقنية فى البرنامج المستخدم و كيفية الحصول على Stop-Motion Animation&nbsp; فى شكل ملف فيديو ... لم نستطع الحصول على أى فيلم لجميع المجموعات!</div>
 
  
−
<div align="right">'''المواد'''</div>
+
====تعريف الفتية ببعض المفاهيم المرتبطة بالإنترنت و الشبكات====
  
  
−
<div align="right">·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 2 كاميرا ديجتال</div>
+
====النشاط الأول: حزم البيانات==== المدة:'''30 دقيقة  
−
 
+
'''الهدف:'''
−
 
+
شرح طريقة انتقال البيانات عبر الإنترنت
−
 
 
−
==اليوم الخامس==
 
−
 
 
−
<div align="right">'''الهدف:'''</div>
 
−
 
 
−
=== التعرف على الفيديو وأساسيات تحريره===
 
−
<div align="right">1.&nbsp;&nbsp;&nbsp; اكتساب المهارات اﻷساسية لتعديل ملفات الفيديو باستخدام 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 ثانية و دقيقة واحدة يتم فيها طرح سؤال وجودى! - مثل ... لماذا تحب النملة السكر؟&nbsp; :))</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">ثم يقوم بنقل ملفات الفيديو إلى الحاسوب و نبدأ العمل/مونتاج عليه ببرنامج &nbsp; Avidemux </div>
 
−
* <div align="right">و نبدأ باستخدام البرنامج فى حذف المقاطع الزائدة&nbsp; ثم تعلم كيفية إضافة المقاطع الأخرى التى قامت المجموعة بتصويرها لهذا الفيديو.---غير واضح</div>
 
−
 
 
−
<div align="right">'''المواد'''</div>
 
−
 
 
−
<div align="right">·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 2 كاميرا ديجتال +TRIPOD </div>
 
−
 
 
−
<div align="right">·&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; برنامج Avidemux</div>
 
−
 
 
−
<div align="right">'''&nbsp;'''</div>
 
−
 
 
−
==اليوم السادس==
 
−
 
 
−
نشاط ميداني
 
−
<div align="right">'''الهدف:'''</div>
 
−
 
 
−
<div align="right">'''1.'''&nbsp;&nbsp; تعريف الفتية ببعض المفاهيم المرتبطة بالإنترنت و الشبكات</div>
 
  
−
<div align="right">'''&nbsp;'''</div>
+
'''الخطوات:'''
  
−
===النشاط الأول: حزم البيانات===
+
* يأخذ كل مشارك/ه ورقة و يقوم بكتابة رسالة إلى أحد الفتية فى مجموعته و الذين يقومون معه بعمل النشاط و
−
المدة:30 دقيقة'''&nbsp; '''الهدف:شرح طريقة انتقال البيانات عبر الإنترنت'''</div>
+
* يقوم بثنى الورقة حتى لا تظهر الرسالة و
 +
* يقوم بكتابة اسم الشخص المراد إرسال الرسالة إليه على ظهر الورقة
 +
* ثم يقف الفتية بشكل عشوائى ثم يقوم كل مشارك\ة بتمرير الورقة إلى أقرب شخص له حتى تصل فى النهاية إلى المراد توصيلها له
 +
* نوضح لهم أن البيانات تنتقل من خلال الإنترنت بهذه الطريقة ...
 +
* و من الممكن أن يضيف ميسرة بعض التفاصيل لشرح النشاط بطريقة أفضل حيث أنه من كان يقوم بعمل هذا النشاط مع الفتية :)
  
−
<div align="right">الخطوات:</div>
+
====النشاط الثاني: -Tagging-الوسم====
  
−
* <div align="right">يأخذ كل مشارك/ه&nbsp; ورقة و يقوم بكتابة رسالة إلى أحد الفتية فى مجموعته و الذين يقومون معه بعمل النشاط و</div>
+
'''المدة:'''30 دقيقة
−
* <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>
+
'''الهدف:'''تعريف الفتية بمفهوم الـ Tagging
  
−
<div align="right">'''&nbsp;'''</div>
+
'''الخطوات:'''
  
−
===النشاط الثاني: -Tagging-الوسم===
+
* نعطى الفتية مجموعة من الـ Stickers - كل مشارك\ه لون و شكل متميز عن الآخرين
 +
* نطلب منهم اختيار صفة واضحة مع عدم الافصاح عن هذه الصفة و يجب أن تكون موجودة فى شخص واحد فى المجموعة أو مشتركة بين بعض أفراد المجموعة - بشرط ألا تكون صفة موجودة فى جميع الفتية- مثل لديه عينين يجب و ان لا تكون صفة غير شكلية - فى شخصية الفرد - كأن نقول لطيف أو سخيف
 +
* نطلب من الفتية لصق الـ sticker على كل من تتوافر فيه الصفة التى قاموا باختياره او يمكنهم أيضاً لصق الـ sticker على أنفسهم و ذلك إذا ما وجدت فيهم هذه الصفة
 +
* ثم يقوم كل مشارك(على حدة) تحديد المجموعة التى قام باختيارها و نحاول كمجموعة تخمين الصفة المشتركة فى هذه المجموعة
 +
* و بذلك فأننا استطعنا تقسيم أفراد المجموعة إلى مجموعات طبقاً لصفاتهم و أن كل فرد منهم يمكنه أن يحمل أكثر من صفة فى نفس المدة و بذلك نكون قد وضحنَّا للفتية فكرة الـ tagging كطريقة لتنصيف المحتوى على الإنترن
  
−
<div align="right">'''المدة:30 دقيقة'''</div>
+
'''الملاحظات'''
  
−
<div align="right">الهدف:تعريف الفتية بمفهوم الـ&nbsp; Taggingالخطوات:</div>
+
* المشكلة ان المفاهيم ليس لها علاقه ببعض و غير انها مجموعة في هذه الحصة لتؤخذ سويا
 +
* نحن بحاجة لانشطة احسن لتوصيل التاج و التشبيك و website personality
 +
* من الافضل خلق انشطة لكل مفهوم ولكن هذا لم يتم لانه صعب تصميم انشطة
  
−
* <div align="right">نعطى الفتية مجموعة من الـ Stickers - كل مشارك\ه لون و شكل متميز عن الآخرين</div>
+
'''المقترح:'''
−
* <div align="right">نطلب منهم اختيار صفة واضحة مع عدم الافصاح عن هذه الصفة و يجب أن تكون موجودة فى شخص واحد فى المجموعة أو مشتركة بين بعض أفراد المجموعة - بشرط ألا تكون صفة موجودة فى جميع الفتية- مثل لديه عينين يجب و ان&nbsp; لا تكون صفة غير شكلية - فى شخصية الفرد - كأن نقول لطيف أو سخيف&nbsp; </div>
 
−
* <div align="right">نطلب من الفتية لصق الـ sticker على كل من تتوافر فيه الصفة التى قاموا باختياره او يمكنهم أيضاً لصق الـ sticker على أنفسهم و ذلك إذا ما وجدت فيهم هذه الصفة</div>
 
−
* <div align="right">ثم يقوم كل مشارك(على حدة) تحديد المجموعة التى قام باختيارها و نحاول كمجموعة تخمين الصفة المشتركة فى هذه المجموعة</div>
 
−
* <div align="right">و بذلك فأننا استطعنا تقسيم أفراد المجموعة إلى مجموعات طبقاً لصفاتهم و أن كل فرد منهم يمكنه أن يحمل أكثر من صفة فى نفس المدة و بذلك نكون قد وضحنَّا للفتية فكرة الـ tagging كطريقة لتنصيف المحتوى على الإنترن</div>
 
  
−
<div align="right">الملاحظات</div>
+
# تقسيم انشطة الميداني على باقي الحصص و ألغاء جلسة الميداني (هذا خيار غير متاح بسبب الضيق في الوقت) أو
 +
# الاحتفاظ بذات المفهوم مع ايجاد انشطة و العاب احسن و تفاعلية أكثر و مترابطة لجلسة الميداني
 +
# ألغاء website role play نشاط و أعادة توزيعأنشطة الtagging and networking علي أيام أخري
  
−
* <div align="right">المشكلة ان المفاهيم ليس لها علاقه ببعض و غير انها مجموعة في هذه الحصة لتؤخذ سويا</div>
+
====النشاط الثالث: الصفات الشخصية لمجتمعات الإنترنت!!====
−
* <div align="right">نحن بحاجة لانشطة احسن لتوصيل التاج و التشبيك و website personality</div>
 
−
* <div align="right">من الافضل خلق انشطة لكل مفهوم ولكن هذا لم يتم لانه صعب تصميم انشطة </div>
 
  
−
<div align="right">المقترح: </div>
+
'''الهدف:''' لا أعرفه حتى هذه اللحظة :))
  
−
# <div align="right">تقسيم انشطة الميداني على باقي الحصص و ألغاء جلسة الميداني (هذا خيار غير متاح بسبب الضيق في الوقت) أو</div>
+
'''المدة:'''30 دقيقة
−
# <div align="right">الاحتفاظ بذات المفهوم مع ايجاد انشطة و العاب احسن و تفاعلية أكثر و مترابطة لجلسة الميداني</div>
 
−
# <div align="right">ألغاء website role play نشاط و أعادة توزيعأنشطة الtagging and networking علي أيام أخري</div>
 
  
−
===النشاط الثالث:''' الصفات الشخصية لمجتمعات الإنترنت!!===
+
'''الخطوات''':
−
الهدف:لا أعرفه حتى هذه اللحظة&nbsp; :))'''</div>
 
  
−
<div align="right">'''المدة:30 دقيقةالخطوات''':</div>
+
* نقوم بتقسيم المجموعة إلى مجموعتين!! و نقترح عليهم بعض مواقع الإنترنت الشهيرة مثل ... Facebook - YouTube - Wikipedia - Google ...
 +
* و نطلب منهم التعرف على الصفات الإنسانية لكل موقع ...
 +
* Facebook ... كثير النميمة و التشهير :)) حيث أنه يقوم بنشر الأخبار عن كل شخص مسجل لديه ...
 +
* …..Wikipediaشخص يعرف كل شىء فإذا ما سألناه فى اية موضوع فهو حتماً لديه معلومات عن هذا الموضوع و لكنه متردد و غير واثق من معلوماته و بالتالى من السهل تغيير رأيه فى أى وقت ...
  
−
* <div align="right">نقوم بتقسيم المجموعة إلى مجموعتين!! و نقترح عليهم بعض مواقع الإنترنت الشهيرة مثل ... Facebook - YouTube&nbsp; - Wikipedia - Google ...</div>
+
'''ملاحظات'''
−
* <div align="right">و نطلب منهم التعرف على الصفات الإنسانية لكل موقع ... </div>
 
−
* <div align="right">Facebook ...&nbsp; كثير النميمة و التشهير :)) حيث أنه يقوم بنشر الأخبار عن كل شخص مسجل لديه ...</div>
 
−
* <div align="right">…..Wikipediaشخص يعرف كل شىء فإذا ما سألناه فى اية موضوع فهو حتماً لديه معلومات عن هذا الموضوع و لكنه متردد و غير واثق من معلوماته و بالتالى من السهل تغيير رأيه فى أى وقت ...</div>
 
  
−
<div align="right">'''ملاحظات'''</div>
+
* و هذا ما اتذكره عن هذا النشاط و من الممكن أن يقوم ميسرة بإعادة شرحه بطريقة أفضل ... حيث اننى أيضاً لا أعرف ما هى المعلومة المراد إيصالها من خلال هذا النشاط!!...أعتقد أنه كان من المتوقع أن يقوم الفتية بعمل مسرحية قصيرة يمثلون فيها هذه الشخصيات!!
 +
* هذا النشاط فشل فشلا ذريعا! الفكرة كانت إستعراض الفهم لصفحات الإنترنت من حيث تصنيفاتها وما يمكنها تقديمه... على ما أظن!!
  
−
* <div align="right">و هذا ما اتذكره عن هذا النشاط و من الممكن أن يقوم ميسرة بإعادة شرحه بطريقة أفضل ... حيث اننى أيضاً لا أعرف ما هى المعلومة المراد إيصالها من خلال هذا النشاط!!...أعتقد أنه كان من المتوقع أن يقوم الفتية بعمل مسرحية قصيرة يمثلون فيها هذه الشخصيات!!</div>
+
'''المواد'''
−
* <div align="right">&nbsp;هذا النشاط فشل فشلا ذريعا! الفكرة كانت إستعراض الفهم لصفحات الإنترنت من حيث تصنيفاتها وما يمكنها تقديمه... على ما أظن!!</div>
 
  
−
<div align="right">'''المواد'''</div>
+
*Stickers
  
−
<div align="right">§&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Stickers</div>
+
نشاط جامد جدا !! Tagging ...
  
−
<div align="right">نشاط جامد جدا !! Tagging ...</div>
 
  
 +
كل مشارك يختار صفة خفية ويلصق على المشاركين الذين تنطبق عليهم هذه الصفة، على المشاركين الباقين معرفة هذه الصفة...
  
−
<div align="right">كل مشارك يختار صفة خفية ويلصق على المشاركين الذين تنطبق عليهم هذه الصفة، على المشاركين الباقين معرفة هذه الصفة...</div>
+
مثال: يختار أحد المشاركين صفة الطول، ويلصق على كل طويل أو طويلة ملصق من شكل ولون معينيين
  
−
<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 ...

طالع كذلك