أبــ فادي ــو
25-08-2007, 06:04 PM
بسم الله الرحمن الرحيم
السلام عليكم و رحمة الله و بركاته
شرح برنامج Authorware 7
الدرس الثالث
قبل ان اكمل الحديث عن الفصل الثاني من الكتاب الذي نقوم بتصميمه يستحسن ان نتكلم عن وظائف بعض الأيقونات وطرق استعمالها لان في نيتي ان ادرج بعضها في هذا الفصل.
بعض الأيقونات وطرق استعمالها
قبل البدء بالدرس يستحسن ان نترك المشروع السابق الى حين ونفتح مشروع جديد لنتعلم عمل هذه الأيقونات بشكل منفصل وحين نلم بها سيكون بإمكاننا تضمينها في أي مشروع آخر.
كما تعلمنا في بداية الموضوع نفتح مشروع جديد بالذهاب الى
file...> new...> file
مع نفس الاعدادات السابقة
وقم بسحب ايقونة Display الى نافذة العمل وسميها opening window
http://www.edu.arabsgate.com/images/uploads/12185_221284097d58fc93ce.jpg
ايقونة الحركة Motion Icon
كما هو واضح من اسمها تستخدم هذه الايقونة لتحريك أي كائن في المشروع بطرق مختلفة سنقوم الان بعمل مثال لتجربة عملها.
لكي نستخدم هذه الايقونة لا بد ان يكون لدينا شيء نريد تحريكه سنستخدم في هذا المثال صورة كرة. اتمنى ان كل من يطبق هذا الشرح لديه صورة تمثل كرة اية كرة كانت وباية صيغة
قم مرة اخرى بسحب ايقونة Display الى نافذة العمل وضعها تحت الايقونة السابقة وسميها ball
http://www.edu.arabsgate.com/images/uploads/12185_229064097d5b86bc64.jpg
انقر مرتين على هذه الايقونة لفتحها ..لا بأس من الاشارة هنا الى صندوق الادوات الخاص بالتحرير رغم انه قريب الشبه بالعديد من برامج التحرير مثل الوور د وغيره تستطيع استخدام الادوات التي يتضمنها هذا الصندوق بكتابة النصوص وهو يدعم اللغة العربية ورسم الدوائر والخطوط وتصميم الخلفية وما اشبه. واذا لا توجد لديك صورة لكرة تستطيع ان ترسم دائرة بهذه الادوات لاستخدامها ككرة
http://www.edu.arabsgate.com/images/uploads/12185_228124097d5dd952f7.jpg
واذا لديك صورة لهذا الغرض اذهب الى
file...> import and export...> import media
وعين ملف الصورة ثم اغلق النافذة
اذهب الان الى صندوق الادوات واسحب ايقونة الحركة Motion Icon الى نافذة العمل تحت الايقونة التي سميناها ball سمي هذه الايقونة moving ball
http://www.edu.arabsgate.com/images/uploads/12185_228704097d606361d6.jpg
لكي نعين لهذه الايقونة الكائن الذي نريد تحريكه ننقر مرتين على ايقونة ball لفتحها ثم نقوم باغلاقها بعد ذلك ننقر مرتين على ايقونة الحركة moving ball فحين تنفتح نجد صورة الكرة موجودة بداخلها في نافذة الخصائص في خانة type نختار path to end وننقر على الكرة بالفارة فيظهر مثلث صغير داخل الكرة
http://www.edu.arabsgate.com/images/uploads/12185_227644097d63f49300.jpg
في حقل التوقيت اجعل الوقت 4 هو 5 ثواني
اضغط على الكرة واسحبها بأي اتجاه تريد ستلاحظ ظهور خط من المكان الذي كانت في الى موقعها الحالي
http://www.edu.arabsgate.com/images/uploads/12185_225264097d66f22aec.jpg
هذا الخط هو الذي تتحرك عليه الكرة عندما نريد تغيير الحركة ننقر بأية نقطة داخل الخط فيظهر مثلث صغير فنقوم بسحبه الى المكان الذي نختاره
http://www.edu.arabsgate.com/images/uploads/12185_198574097d68d70484.jpg
وهكذا كلما نقرنا بالفارة على نقطة في الخط يظهر لنا مثلث صغير لسحبه الى المكان الذي نريد انظر مثلا هذا المسار لكرة تقفز من مكان الى اخر
http://www.edu.arabsgate.com/images/uploads/12185_227674097d6b0b12c9.jpg
اغلق النافذة واضغط على ctrl+p لمشاهدة حركة الكرة.
ايقونة المسح Erase Icon
احيانا نحتاج الى مسح بعض العناصر او الكائنات بعد تحريكها ولكي نفعل ذلك نستخدم ايقونة المسح فلننظر ما تقوم بفعله هذه الايقونة
نسحب هذه الايقونة الى نافذة العمل ونضعها تحت ايقونة الحركة ونسميها Erase the ball
http://www.edu.arabsgate.com/images/uploads/12185_213364097d6e1bedad.jpg
كما فعلنا مع ايقونة الحركة لكي نعين الكائن المراد مسحه ننقر مرتين على ايقونة ball لفتحها ثم نغلقها بعد ذلك بهذه الحركة خبرنا ايقونة المسح بان الكائن الذي نريها ان تمسحه هو الكرة.
ننقر مرتين على ايقونة المسح وحين تنفتح نلاحظ ان صورة الكرة موجودة بداخلها نضغط على الكرة بالفارة فتختفي ويكتب اسمها في نافذة الخصائص فنضغط على زر tansition
http://www.edu.arabsgate.com/images/uploads/12185_231214097d741d0543.jpg
فتنفتح امامنا هذه النافذة
http://www.edu.arabsgate.com/images/uploads/12185_225324097d76c36c0f.jpg
من النافذة المرقمة بالرقم واحد نحدد طريقة المسح وفي النافذة رقم 2 نحدد نوعية المسح من الطريقة التي اخترناها جرب ما تشاء من هذه الطرق واستقر على واحدة منها ترتضيها ثم ضع المدة التي تستغرقها عملية المسح في خانة duration
الان جرب عملك.
ايقونة الانتظار Wait Icon
فيما قمنا به سابقا تجري عملية مسح الكرة مباشرة بعد انتهاء حركتها ولكننا افتراضا نريد المسح ان يحصل بعد عدة ثوان من انتها الحركة وليس مباشرة. للقيام بهذه الطريقة نقوم بسحب ايقونة الانتظار Wait Icon الى نافذة العمل ونضعها بين ايقونة الحركة وايقونة المسح سميها waiting for user
http://www.edu.arabsgate.com/images/uploads/12185_225314097d7a131272.jpg
في نافذة الخصائص نضع الوقت الذي نريد التوقف فيه قبل اجراء عملية المسح
http://www.edu.arabsgate.com/images/uploads/12185_231894097d7cb5a11d.jpg
في قسم option من نافذة الخصائص يوجد مربعان صغيران واحد لإظهار ساعة صغيرة تتحرك حتى ينقضي الوقت المخصص للانتظار ومربع لاظهار زر بإمكان المستخدم الضغط عليه لإلغاء فترة الانتظار لاحظ شكل الزر والساعة في الصورة التالية
http://www.edu.arabsgate.com/images/uploads/12185_212174097d7f1244f7.jpg
جرب عملك الان
ايقونة الحساب calculation Icon
بعد انتهاء حركة الكرة وفترة الانتظار ثم مسح الكرة نريد بعد هذا اغلاق البرنامج مباشرة لعمل ذلك نستخدم calculation Icon اسحب الايقونة الى نافذة العمل وسميها Terminate
http://www.edu.arabsgate.com/images/uploads/12185_228074097d81ece081.jpg
ننقر مرتين على هذه الايقونة فتنفتح نافذة فارغة علينا ان نكتب بها كود معين . كود اغلاق البرنامج في حالتنا هذه. حسننا كيف لنا ان نحصل على هذا الكود.
نضغط ctrl+shift+f لفتح نافذة الوظائف التي ستكون على يمين البرنامج في الجهة اليسرى تجد أسماء الوظائف مرتبة حسب الحروف الأبجدية نضغط على شريط التمرير حتى نصل الى كلمة Quit فننزل الى اسفل النافذة ونضغط paste
http://www.edu.arabsgate.com/images/uploads/12185_228714097d8442cd20.jpg
سيقوم البرنامج بلصق كود الاغلاق في النافذة الفارغة فنضغط على الزر done لاغلاق نافذة الوظائف.
في نافذة الكود سنرى فيها هذا السطر
Quit(option)
http://www.edu.arabsgate.com/images/uploads/12185_192324097d8640e4a2.jpg
سنقوم بحذف كلمة option المحصورة بين الاقواس ونبقي الكود بهذه الصورة
http://www.edu.arabsgate.com/images/uploads/12185_225244097d89a95956.jpg
اغلق النافذة الان وجرب العمل
بعد ان تتحرك الكرة ثم تمسح تغلق النافذة اوتوماتيكيا.
السلام عليكم و رحمة الله و بركاته
شرح برنامج Authorware 7
الدرس الثالث
قبل ان اكمل الحديث عن الفصل الثاني من الكتاب الذي نقوم بتصميمه يستحسن ان نتكلم عن وظائف بعض الأيقونات وطرق استعمالها لان في نيتي ان ادرج بعضها في هذا الفصل.
بعض الأيقونات وطرق استعمالها
قبل البدء بالدرس يستحسن ان نترك المشروع السابق الى حين ونفتح مشروع جديد لنتعلم عمل هذه الأيقونات بشكل منفصل وحين نلم بها سيكون بإمكاننا تضمينها في أي مشروع آخر.
كما تعلمنا في بداية الموضوع نفتح مشروع جديد بالذهاب الى
file...> new...> file
مع نفس الاعدادات السابقة
وقم بسحب ايقونة Display الى نافذة العمل وسميها opening window
http://www.edu.arabsgate.com/images/uploads/12185_221284097d58fc93ce.jpg
ايقونة الحركة Motion Icon
كما هو واضح من اسمها تستخدم هذه الايقونة لتحريك أي كائن في المشروع بطرق مختلفة سنقوم الان بعمل مثال لتجربة عملها.
لكي نستخدم هذه الايقونة لا بد ان يكون لدينا شيء نريد تحريكه سنستخدم في هذا المثال صورة كرة. اتمنى ان كل من يطبق هذا الشرح لديه صورة تمثل كرة اية كرة كانت وباية صيغة
قم مرة اخرى بسحب ايقونة Display الى نافذة العمل وضعها تحت الايقونة السابقة وسميها ball
http://www.edu.arabsgate.com/images/uploads/12185_229064097d5b86bc64.jpg
انقر مرتين على هذه الايقونة لفتحها ..لا بأس من الاشارة هنا الى صندوق الادوات الخاص بالتحرير رغم انه قريب الشبه بالعديد من برامج التحرير مثل الوور د وغيره تستطيع استخدام الادوات التي يتضمنها هذا الصندوق بكتابة النصوص وهو يدعم اللغة العربية ورسم الدوائر والخطوط وتصميم الخلفية وما اشبه. واذا لا توجد لديك صورة لكرة تستطيع ان ترسم دائرة بهذه الادوات لاستخدامها ككرة
http://www.edu.arabsgate.com/images/uploads/12185_228124097d5dd952f7.jpg
واذا لديك صورة لهذا الغرض اذهب الى
file...> import and export...> import media
وعين ملف الصورة ثم اغلق النافذة
اذهب الان الى صندوق الادوات واسحب ايقونة الحركة Motion Icon الى نافذة العمل تحت الايقونة التي سميناها ball سمي هذه الايقونة moving ball
http://www.edu.arabsgate.com/images/uploads/12185_228704097d606361d6.jpg
لكي نعين لهذه الايقونة الكائن الذي نريد تحريكه ننقر مرتين على ايقونة ball لفتحها ثم نقوم باغلاقها بعد ذلك ننقر مرتين على ايقونة الحركة moving ball فحين تنفتح نجد صورة الكرة موجودة بداخلها في نافذة الخصائص في خانة type نختار path to end وننقر على الكرة بالفارة فيظهر مثلث صغير داخل الكرة
http://www.edu.arabsgate.com/images/uploads/12185_227644097d63f49300.jpg
في حقل التوقيت اجعل الوقت 4 هو 5 ثواني
اضغط على الكرة واسحبها بأي اتجاه تريد ستلاحظ ظهور خط من المكان الذي كانت في الى موقعها الحالي
http://www.edu.arabsgate.com/images/uploads/12185_225264097d66f22aec.jpg
هذا الخط هو الذي تتحرك عليه الكرة عندما نريد تغيير الحركة ننقر بأية نقطة داخل الخط فيظهر مثلث صغير فنقوم بسحبه الى المكان الذي نختاره
http://www.edu.arabsgate.com/images/uploads/12185_198574097d68d70484.jpg
وهكذا كلما نقرنا بالفارة على نقطة في الخط يظهر لنا مثلث صغير لسحبه الى المكان الذي نريد انظر مثلا هذا المسار لكرة تقفز من مكان الى اخر
http://www.edu.arabsgate.com/images/uploads/12185_227674097d6b0b12c9.jpg
اغلق النافذة واضغط على ctrl+p لمشاهدة حركة الكرة.
ايقونة المسح Erase Icon
احيانا نحتاج الى مسح بعض العناصر او الكائنات بعد تحريكها ولكي نفعل ذلك نستخدم ايقونة المسح فلننظر ما تقوم بفعله هذه الايقونة
نسحب هذه الايقونة الى نافذة العمل ونضعها تحت ايقونة الحركة ونسميها Erase the ball
http://www.edu.arabsgate.com/images/uploads/12185_213364097d6e1bedad.jpg
كما فعلنا مع ايقونة الحركة لكي نعين الكائن المراد مسحه ننقر مرتين على ايقونة ball لفتحها ثم نغلقها بعد ذلك بهذه الحركة خبرنا ايقونة المسح بان الكائن الذي نريها ان تمسحه هو الكرة.
ننقر مرتين على ايقونة المسح وحين تنفتح نلاحظ ان صورة الكرة موجودة بداخلها نضغط على الكرة بالفارة فتختفي ويكتب اسمها في نافذة الخصائص فنضغط على زر tansition
http://www.edu.arabsgate.com/images/uploads/12185_231214097d741d0543.jpg
فتنفتح امامنا هذه النافذة
http://www.edu.arabsgate.com/images/uploads/12185_225324097d76c36c0f.jpg
من النافذة المرقمة بالرقم واحد نحدد طريقة المسح وفي النافذة رقم 2 نحدد نوعية المسح من الطريقة التي اخترناها جرب ما تشاء من هذه الطرق واستقر على واحدة منها ترتضيها ثم ضع المدة التي تستغرقها عملية المسح في خانة duration
الان جرب عملك.
ايقونة الانتظار Wait Icon
فيما قمنا به سابقا تجري عملية مسح الكرة مباشرة بعد انتهاء حركتها ولكننا افتراضا نريد المسح ان يحصل بعد عدة ثوان من انتها الحركة وليس مباشرة. للقيام بهذه الطريقة نقوم بسحب ايقونة الانتظار Wait Icon الى نافذة العمل ونضعها بين ايقونة الحركة وايقونة المسح سميها waiting for user
http://www.edu.arabsgate.com/images/uploads/12185_225314097d7a131272.jpg
في نافذة الخصائص نضع الوقت الذي نريد التوقف فيه قبل اجراء عملية المسح
http://www.edu.arabsgate.com/images/uploads/12185_231894097d7cb5a11d.jpg
في قسم option من نافذة الخصائص يوجد مربعان صغيران واحد لإظهار ساعة صغيرة تتحرك حتى ينقضي الوقت المخصص للانتظار ومربع لاظهار زر بإمكان المستخدم الضغط عليه لإلغاء فترة الانتظار لاحظ شكل الزر والساعة في الصورة التالية
http://www.edu.arabsgate.com/images/uploads/12185_212174097d7f1244f7.jpg
جرب عملك الان
ايقونة الحساب calculation Icon
بعد انتهاء حركة الكرة وفترة الانتظار ثم مسح الكرة نريد بعد هذا اغلاق البرنامج مباشرة لعمل ذلك نستخدم calculation Icon اسحب الايقونة الى نافذة العمل وسميها Terminate
http://www.edu.arabsgate.com/images/uploads/12185_228074097d81ece081.jpg
ننقر مرتين على هذه الايقونة فتنفتح نافذة فارغة علينا ان نكتب بها كود معين . كود اغلاق البرنامج في حالتنا هذه. حسننا كيف لنا ان نحصل على هذا الكود.
نضغط ctrl+shift+f لفتح نافذة الوظائف التي ستكون على يمين البرنامج في الجهة اليسرى تجد أسماء الوظائف مرتبة حسب الحروف الأبجدية نضغط على شريط التمرير حتى نصل الى كلمة Quit فننزل الى اسفل النافذة ونضغط paste
http://www.edu.arabsgate.com/images/uploads/12185_228714097d8442cd20.jpg
سيقوم البرنامج بلصق كود الاغلاق في النافذة الفارغة فنضغط على الزر done لاغلاق نافذة الوظائف.
في نافذة الكود سنرى فيها هذا السطر
Quit(option)
http://www.edu.arabsgate.com/images/uploads/12185_192324097d8640e4a2.jpg
سنقوم بحذف كلمة option المحصورة بين الاقواس ونبقي الكود بهذه الصورة
http://www.edu.arabsgate.com/images/uploads/12185_225244097d89a95956.jpg
اغلق النافذة الان وجرب العمل
بعد ان تتحرك الكرة ثم تمسح تغلق النافذة اوتوماتيكيا.