شرح برنامج RoboDemo لشرح البرامج كفلاش

عليكم .......
اليوم جئتكم بشرح أحد أقوى البرامج لشرح البرامج عن طريق فلم متحرك بصيغة الفلاش التفاعليةو التي تتميز بصغر حجمها بالمقارنة بالطرق الأخرى
و فبسم الله نبدأ ...........
البرنامج هو RoboDemo .......
وصلة التحميل تجدها عن طريق هذه الصفحة:
http://downloads.ehelp4.com/RoboDemo.exe

مثال لعمل البرنامج تجده في هذه الصفحة : http://members.lycos.co.uk/almar7oom/doros/block.swf

البرنامج و للأسف مؤقت لسبعة أيام فقط ...... و انا أحاول جاهداً إيجاد كراكاً له و لكني لم أجد
سوى الكراك للنسخة 3.0.0.8 و التي أبحث عنها و أظنني وجدتها و سأوافيكم بها حال التأكد .....
____________________________

بعدإتمام التحميل و عند إكتمال التنصيب و هو تقليدي جداً ....... اتبع الصورة أوإذهب إلى إبدأ => برامج =>RoboDemo=>RoboDemo

____________________________

عند فتح البرنامج المؤقت (من غير كراك) ستظهر لك رسالة تستمر 5 ثواني لتخبرك
أنك تستخدم نسخة مؤقتة و تظهر لك باقي أيام الإستخدام .. إضغط على كلمة continue

____________________________

و هذه هي واجهة البرنامج ..........لتجد فيها أيقونات عبارة عن المشاريع التي تقوم بعملها ...
____________________________

إضغط على ايقونة New Movie فتظهر لك النافذة تقول لك حدد أبعاد الفيلم بالبيكسل
و التي تستطيع تغييرها لاحقاً و فيها لمحة سريعة موجزة كيفية القيام بشرح فيلم
و ذلك بفتح البرنامج ثم تضغط على كلمة Start ثم تحدد أبعاد الفيلم بالمؤشر
ثم تضغط أيضا على كلمة Start ثم تضغط زر Print Scrn في لوحة المفاتيح عندك (موجود بجانب زر F12 )
و ذلك لكل لقطة تريد شرحها و سيتكفل البرنامج بتسجيل حركة المؤشر مع التأثيرات الصوتية للنقر .....

____________________________

و هذه لقطة لما بعد الضغط على زر Start و تستطيع هنا أن تحدد بالضبط مساحة التسجيل كما يمكنك تعديل المساحة بخاصية السحب على أطراف الإطار المخطط

____________________________

فبعد أن تتم اللقطات التي تريدها من البرنامج إضغط على أيقونة البرنامج بجانب الساعة
و انتظر قليلا حتى يتم تجميع الصور التي التقطتها ......
ثم لاحظ الصور الملتقطة أثناء ضغطك لزر الـPrint Scrn كمايلي :
عندما تضغط على كل إطار Frame يظهر لك رقمه
و في الأسفل خيارات (كنسخ الإطار و لصقه و إضافة مقطع صوتي له...الخ )

____________________________

الآن أنقر نقرتين على الإطار الأول ..... (أو نقرة واحدة ثم إضغط زر Edit )
و لاحظ أشرطة الأدوات الموجودة فيه
____________________________

شريط الأدوات العام :
و الذي يحتوي على: File ـ View ـ Insert ـ Frame ـ Movie ـ options ـ Help
____________________________

نبدأ بالقائمة File و لا زلنا نحن في القائمة Edit لأحد الإطارات .......
لاحظ أنها تقليدية كمعظم برامج الويندوز
New : لتنشأ فيلماً جديداً و ليس إطاراً جديداً .
Save و Save As : لحفظ عملك الأخير على الفيلم و ليس على الإطار فقط (مع العلم أنهما يعملان نفس العمل في النسخة المؤقتة أما في النسخة الدائمة فيمكنك حفظ الفلم كـEXE)
Close :إغلاق المشروع الذي تعمل عليه و ليس البرنامج كاملاً
Import : (إستيراد) و له عدة خيارات:
( ) Captions هو جلب ملفات نصية خاصة بـ RoboDemo
( ) Frame From Another Movie هو استيراد أية عناصر أخرى من أفلام أخرى (مثل رسم نصي ... الخ)
____________________________

Export تصدير ) لتصدير الفلم كـ:
( ) Movie :كفلم بامتداد SWF و هو ما يهمنا بكثرة ( لاحظ الصورة تحت )

Outlook :عن طريق الـ Outlook (كمرفق بريدي) (لا يعمل في النسخة المجانية)
EXE كفلم :بامتداد SWF كملف تنفيذي EXE (لا يعمل في النسخة المجانية)
FTP Upload :لتحميله عبر بروتوكول الـFTP إلى موقعك (لا يعمل في النسخة المجانية)
Captions : لا أعلم بالضبط ماذا يفعا و لكن أظن أنه يصدره كملفات نصية
Microsoft Word :يصدره لك كملف وورد (لا يعمل إلا إذا كان عندك برنامج وورد و النسخة الدائمة)
____________________________

BackUp :يحفظ لك نسخة جديدة من ملفات الإسترجاع للفلم بعد التغييرات الجديدة فهذا الملف يحفظ لك الإطارات و النصوص التوضيحية و غيرها
Generate Then Preview :يقوم بإعادة تهيئة الإطارات و عرضها لك كفلم للتغييرات التي قمت بها
Preview :يعرض لك الفلم لأخر حفظ قمت به
Prperties :خصائص الفلم و التي تظهر لك عند الضغط على زر التعجب في شريط التحكم بالفلم كالتالي :
مظهر الخصائص في الفلم:

مظهر الخصائص عند تحريرها في البرنامج و التي تضيف في خانتها كلٌ بما يناسبه :

____________________________

Delete :يمسح الإطار فقط
Exit :يخرج من البرنامج و ذلك بدون رسالة تأكيد حتى لو لم تكن قمت بحفظ فلا يحفطها لك عملك .... فاحذر
و هكذا نكون قد انتهينا من قائمة File

____________________________

ننتقل إلى قائمة View لنجد فيها :

[HTML Code :و يصنع لك شيفرة لغة الـ HTML و التي تستعمل من قبل المتصفحات لإظهار محتوياتها و هي مخصصة لوضع فلم بأبعاده المختارة و في وسط الصفحة و أن لا يعيد نفسه إلا من قبل متصفح الفلم بالضغط على زر التشغيل في شريط التحكم و تستطيع نسخ هذا الكود بالضغط على زر Copy to clipboard و ووضعه في صفحة المفكرة ثم حفظه باي اسم على أن ينتهي باللاحقة HTM أو HTML فلو كان فلمك بعنوان Almar7oom و أردت صنع صفحة بهذا الإسم أكتب Almar7oom.htm
Copy HTML To Clipboard : و هو لنسخ شيفرة الـ HTML (أنظر فوق )
BandWidth :أولاً ما هو الـBanWidth ؟ هو كمية البيانات التي يسمح المخدم بنقلها في فترة معينة لأي مستخدم أو متصفح للموقع . فعندما تستأجر مساحة ما عن شركة إستضافة فستخبرك أن الـBanWidh لموقعك هو واحد جيغا في الشهر مثلاً : أي يستطيع المسخدمون لموقعك نقل واحد جيغا من البيانات أي كان نوعها ( صور أو نصوص أو ملفات مضغوطة ... الخ) خلال شهر واحد ( و من المفيد أن تبحث في الشبكة العالمية عن تفاصيل معنى هذا المصطلح ) ..... نعود لبرنامجنا ..... فهو يعلمك بكل إطار كم حجمه و زمن تحمليه وسطياً و كم حجم العناصر المتحركة ثم إضغط على زر Next لترَ مخططاً لعرض التسلسل الزمني لتحميل الفلم من خلال مقارتنه بعدة خطوط سرعة مختلفة اضغط Next لترَ إحصائيات عامة كالحجم الفلم الكلي و عدد الإطارات ... الخ (لاحظ كلمة bROAD bAND و هي شبكة تستطيع تحميل و معالجة عدد كبير من الإشارات كالصوت و الصورة و النصوص و غيرها في نفس الوقت ابحث عنها أيضا ً )
mAIN tOOLBAR oRIENTATION : (تَوَضُّع شريط الأدوات الرئيسي) يقوم بوضع شريط الأدوات الرئيسي ( وهو شريط الأيقونات الذي يتوضع تحت العام) لك عدة خيارات (ستم شرحه)
Advanced Toolbar Orientation : (تَوَضُّع شريط الأدوات المتقدم) يقوم بوضع شريط الأدوات المتقدم ( وهو شريط الأيقونات الذي يتوضع يسار الشاشة) لك عدة خيارات (شيتم شرحه)
Screen Resoluotion دقة الشاشة : (و هي عدد واحدات البيكسل الظاهرة على شاشتكو البيكسل النقطة الصغيرة المضيئة في شاشتك .... اقترب للشاشة تراها كشبكة من النقاط و كلما زادت الدقة إزدادت مساحة شاشتك ... جرب بنفسك) فهذا الخيار يقوم بتغيير دقة شاشتك لتشاهد فلم بكل أنواع دقة الشاشة المتاحة
Captions On Toolbar :لاحظ في شريط الأدوات الرئيسي أن كل أيقونة تحمل بجانبها إسماً ما .... هذا الخيار لإزالة أو إعادة الأسماء التوضيحية لهذه الرموز
Advanced Toolbar : لإظهار أو إخفاء شريط الأدوات المتقدم
__________________________________

ننتقل إلى القائمة Insert في شريط الأدوات العام و هي قائمة هامة ..!!

__________________________________

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

( )لها لسانا تبويب caption و Options في caption لاحظ الخانات Style وهو مظهر البالون الذي سيحمل النص التوضيحي ... لاحظ أنه لديك العديد من المظاهر كما تستطيع إضافة المظهر الذي تريده بشكل صورة من الإمتداد BMP تصممها أنت ... ثم تضغط على ما تريده من شكل البالون على يمين نوع المظاهر و في مربع Text المخصص للنص الظاهر على البالون التوضيحي ... لاحظ أنك إذا كتبت عليه باللغة العربية بشكل مباشر فلن تظهر الأحرف بانتظام .... لذلك عليك أن تكتب ما تريده في أي مكان آخر (كالمفكرة مثلاً ....) ثمن تنسخه و تقوم بلصقه في المربع بالضغط على زري Ctrl و Vبنفس الوقت ... لتظهر لك أيضا بنسق مبهم و لكنها النص الصحيح و ستتأكد حالاً من ذلك فاصبر .... و الخيار Transition (التحول) و هو يعطيك عدة خيارات بطريقة ظهور و إختفاء النص التوضيحي أثناء عرض الفلم يكفي أن تعلم معنى Fade In ظهور تدريجي و Fade Out اختفاء تدريجي جربهم جميعاً و شاهد النتيجة ..... جميلة حقاً .....و على يمين قائمة التحول أنماط توضع النص ....سهلة ... أليست كذلك ؟؟!! و اخيراً Time و هي مدة ظهر النص التوضيحي بالثواني في الأطار ..... و لاحظ أنه إذا كان لديك أكثر من نص توضيحي في الإطار فإنه يظهر النصوص بالتتالي بحسب الأقدمية في الإنشاء أي : الأقدم فالأحدث فالأحدث كلٌ حسب الزمن المحدد له ... أليس رائعاً ...!! ننتقل إلى لسان التبويب الثاني Options و هو فيما يتعلق بخصائص النص ذاته و لاحظ أنه عرض لك النص كما أردته أن يكون ... لا كما رأيته قبل قليل بتلك الحروف الغريبة المزعجة ....Font يعرض لك أنماط الخطوط الموجودة في جهازك ... و بجانبه حجم الخط ثم لون الخط ثم Indent و هي التهميش .... أي وضع هامش للنص ....... على يمينه و يساره و لا حظ أنه كلما قلت القيمة تحرك إلى اليسار و العكس بالعكس و كلما تفعله على النص من تغييرات تراه مباشرة في خانة المعاينة Prreview انتهينا من خصائص النص التوضيحي و تستطيع الرجوع إليها بالضغط بالزر اليمين على النص التوضيحي و اختيار Properties
نعود إلى قائمة Insert التي تبدو مثيرة ..... أنتم معي ....؟!؟! و الآن مع الخيار
_________________________________

Highlight Box: و هو صندوق التظليل ... يستعمل لإظهار مساحة من الإطار بلون مميز .... لاحظ وظيفته هنا :

و لاحظ صندوق خصائصه :

نبدأ مع لون إطار الصندوق التوضيحي Frame Color ثم Fill color و هو لون الصندوق ذاته (سيكون شفافاً باللون الذي اخترته طبعاً ) نسب الإطار إلى الصندوق بالحجم .... و نسبة الشفافية ثم قائمة إختيار الزمن الي يبدأ به ظهور صندوق التظليل ثم قائمة مدة ظهور الصندوق و طريقة ظهوره و إختفائه .....
_________________________________

Click Box: صندوق النقر و هو بمثابة صنع زر (إن كان أحدكم له فكرة عن برنامج الفلاش ... ) و عند النقر على هذا الزر يأخذك إلى مكان ما أنت حددته له للمتصفح و الحقيقة أنني لم أتعرف كثيراً على خصائص هذه الميزة ...فلابد أن يكون هناك تخصيص معين لإسم الإطار الذي تود الذهاب إليه أعني : إن ضغطت على الزر رقم واحد فسيذهب بي إلى الإطار رقم 3 مثلاً ... و لكن إن ضغطت على الزر رقم إثنين فسيذهب إلى الإطار رقم 7 ...!!! و لكني لاحظت أنك إذا قمت بوضع زر في أحد الإطارات و معه عنصر ما في نفس الإطار فإن خيار إضافي يظهر في الزر اليمن و في الخانة Attach ...... جربوا ذلك ......!!!
لنرَ خصائص هذه الميزة الفريدة و ذلك بالنقر بالزر اليمين ثم Properties شاهد الخصائص هنا :

Action و هو العمل الذي تريد من الصندوق أن يفعله و لك عدة خيارت و تتعلق أيضاً بالقائمة Window فالخيار الأول wait Until User Clicks مع الخيار Current أو New أو Parent Hأو Top وظيفته واحدة و هي إنتظار نقرة المستخدم و إلا فلن يتقدم و سيظل واقفاً إنتظار نقرة المستخدم فإذا نقر المستخدم على الزر يتابع سير الفيلم و هي تفيد في عرض مراحل الفلم (الإطارات) بأمر من المستخدم بتسلسل هو يتحكم به تماماً أما الخيارين التاليين Wait then Go To URL أو Goto Url If User Clicks فهما خاصان بي فتح صفحة أن تحددها في خانة URL فالأولى لا تنتظر نقرة المستخدم و تذهب فوراً أما الثانية فهي متعلقة بنقرة المستخدم ... و لم أتعمق بعلاقة كليهما مع الخيار الفرعي Window .... أتركها وظيفة لكم ...... لا تنسوا .....
نعود لخيارت القائمة Insert و نصل إلى ..
________________________________

Image: و هي لإضافة صورة للإطار لزمن معين ..... شاهد صندوق خصائصه:

أظن أن الإصطلاحات أصبحت لديك مألوفة ..... المهم ........ Transparency و هي شفافية الصورة و الخانات التاليةعلى التوالي هي : زمن الظهور ـ مدة الظهور ـ طريقة الظهور

Image Frame : إدراج صورة على أنها إطار جديد
Additional Frame : إدراج إطارت مسجلة و كأنها فلم جديد و لكنها تدمج مع الفلم الأساسي يصبحان كأنهما فلم واحد و يبدأ تسجيل الإطارات بحسب الخيارات الموضحة في الصورة :

فالخيار الأول سيضع كل الإطارات المسجلة حديثاً في نهاية الفلم
و الخيار الثاني سيضع كل الإطارات المسجلة حديثا من الإطار الذي أعطيت فيه أمر التسجيل من الخيار Additional Frame

بهذا نكون انتهينا من القائمة Insert الهامة حقيقةً
_________________________________

ننتقل إلى القائمة Frame .....

تجد فيها :
_________________________________

Audio: لإضافة ملف صوت سواء محفوظ في الجهاز أو تسجل بواسطة الميكريفون لاحظ خصائصه :

فزر Open لإحضار ملف صوتي جاهز من جهازك ـ Record لتسجيل صوتك من الميكريفون مباشرة ـ Play لتشغيل الصوت المدمج ـ Clear لمسح الملف الصوتي المدمج بالإطار و صندوق الإختيار المسمى بـ Pause Frame While Playing إختره إذا أردت إيقاف تشغيل الإطار عند بدء الملف الصوتي بالعمل ..... ثم إختر أخيراً Save لحفظ عملك

Timing: و هو تحديد وقت مخصص لكل إطار مع العلم أن وقت كل إطار محدد إفتراضياً من القائمة Movie ثم Preferences كما سنرى ....
Show Mouse: إظهار أو إخفاء المؤشر
Straight Mouse Path: إظهار مسار المؤشر بشكل مستقيم
no Click أو Single Click أو Double Click : هي خيارت لكل نقرة قام بها المؤشر و إعطاء الصوت الممير بها حسب خيارك أنت ...
Options: خيارت لدقة الصورة و نوعيتها .... الأفضل طبعاً هو الأدق نوعيةً ... و الأصغر حجماً و أظنه JPEG و الله أعلم ....
Delete : لمسح الإطار

________________________________

ننتقل إلى القائمة Movie

________________________________

Preferences: (تخصيصات الفلم) شاهد الخصائص المميزة للفلم :

و لها عدة خيارت الأول Default Speed سرعة عرض الفلم و ذلك بزمن كل إطار (في الصورة سيأخذ كل إطار 2.4 ثانية) ما لم يكون هناك حدث داخله يستغرق وقتاً محدداً ...!!! ـ Keystroke Speed و هي سرعة كتابة الأحرف ـ Caption Speed سرعة ظهور النصوص التوضيحية ـ Mouse Speed سرعة المؤشر في حركته داخل الإطار JPEG Quality النسبة المئوية لدقة الصور بامتداد الـJPEG داخل الفلم (كلما زادت النسبة زادت الدقة و زاد الحجم بالمقابل .... لا شيء بالمجان ) ـ PlaybackVisual Effect مؤثرات التلاشي يعني : هل يطبق موثرات التلاشي بين الإطارات أم يطبقها بسرعة عالية أم لا يطبقها البتة ,,!! ـ Text Smoothing Method أسلوب صقل النص فهل يكون صقل كامل (تظهر الحروف و كأنها صورة) أم يتركها كما هي (تبدو أقرب إلى الحروف) ـ Visual Click Color بون الزر أو خاصية Click Box عند النقر ـ Background Color لون خلفية الفلم و لا يظهر إلا عندما تكون مساحات الإطارات متفاوتة (تستطيع رؤيته عند بداية و نهاية الفلم أيضاً)
________________________________

Audio Format: نوعية الملف الصوتي المدمج مع الإطار

تذكر أنه كلما زادت سرعة النقل زاد الحجم ...!!! من الجيد اختيار 16 Kps أو 24 Kps .....

Spelling: تصويب كلمات إملائياً ..... خاصة ببرنامج الوورد و لا أظنه يصوب الكلمات العربية
Sow Mouse: هل تريد إظهار المؤشر ...... لا أظن أن أحد سيهتم لهذا الخيار كثيراً ....
________________________________

ننتقل إلى القائمة Options

Playback :عند عرض الفلم أثناء التصميم هل يعرضها بمشغل الفلاش أم بالمتصفح ..؟!؟!
Advanced :و هي خاصة بالألوان و دقتها و حجمها مع الفلم و عددها و دقتها .... دعها كما هي ...!!
Quick Preview : قد تكون أضفت حركة جديدة على فلمك و رغبت مشاهدة تأثيره دون حفظ التغييرات (ربما لست متأكداً بعد من رغبتك في إضافتها ) فهذا الخيار يتيح لك عرض الفلم كما هو دون حفظ
_______________________________

Recording Options: لنتأمل خصائصها :

______________________________

الخيارات : Camera Sound During Recording يظهر لك صوت مثل هذا (CHUk ) عند كل لقطة أو ضغط لـ Print SCRN أثناء التسجيل ـ Keyboard tap during recording صوت لوحة المفاتيح عند التسجيل ـ Auto Capture لا أعرف ما تعني بالضبط ... إلتقاط تلقائي ؟!؟! ـ Allow resizing of capture window السماح بتغيير مساحة الإلتقاط ـ Hide Capture Window إخفاء أو إظهار الحد الأحمر المقطع أثناء التسجيل
و بهذا نكون انتهينا من القائمة العامة و نكون قدر شرحنا معظم خصائص هذا البرنامج الفريد من نوعه
______________________________

اما شريط الأدوات الرئيسي فإنما هو إختصار لخيارات في الشريط العام

______________________________

فزري الأسهم للتنقل بين الإطارات ـ Preview لتصدير مشروع الفلم إلى فلم فلاشي حقيقي و عرضه لك بشكله النهائي في المتصفح ـ Add اختصار للقائمة Insert ـ Properties لإظهار خصائص أي عنصر بعد إختياره (إختصار للضغط بالزر اليمين على العنصر و إختيار Properties ) ـ Audio إختصار للخيار Auodio في القائمة Frame ـ Frames يعيدك إلى صفحة الإطارات
أما شريط الأدوات التخصصي ...... فهو أيضاً إختصارت و لكنها أكثر خصوصية من الشريط الرئيسي .......

أول زر هو export في قائمة File ـ الثاني هو Backup في File ـ
_______________________________
أما الثالث فهو شريط التحكم و اختيار نموذج منه لفلمك فهو يتيح للمستخدم أن يوقف أو يشغل الفلم أو يحركه إطاراً إطاراً أو أن يعيده للبداية أو يغلق الصفحة أو يشاهد خصائص الفلم شاهد خصائص هذه الميزة الفنية الجميلة :

كما يمكنك تحديد توضع هذا الشريط ......

و الزر الرابع من أزرار الشريط المتقدم هو زر Preferences في قائمة Movie ـ

______________________________

أما الخامس فهو يتحكم ببداية و نهاية الفلم شاهد خاصيته :

فالخيار الأول جميل حقا .... فهو يتيح لك إدراج صورة عوضاً عن كلمة Loading..... في أثناء تحميل الفلم و الذين يليهما هو الظهور التدريجي لإطاري البدء و الختام ثم الخيارت التالية تحاول أن تجيب عن سؤالك : ماذا أفعل يا مصممي العزيز في نهاية الفلم ؟!؟! الجواب الأول هو الوقوف فقط .... و الجواب الثاني هو إعادة تشغيل الفلم ..... و الجواب الثالث هو إغلاق الصفحة .... و الجواب الرابع هو الإنتقال إلى صفحة أخرى أن تحددها .... انبسط يا عم ... كل شيء بأمرك
نرجع إلى أزرار الشريط المتقدم
الزر السادس فهو إضفاء تأثيرات صوتية على نقر الفأرة و كتابة الأحرف وتكبير حجم المؤشر لذوي النظارات (مثلي ) ـ و الزر السابع لمنع أي تأثير صوتي لهذا الإطار فقط ـ و الزر الثامن اختصار لز Timing في القائمة Frame ـ و أخر زر هو لتغيير شكل المؤشر
_____________________________

و نكون هنا قدا انتهينا من شرح البرنامج RoboDemo ....... و بقي بعض الملاحظات التي أحببت أن أقولها لكم :
1. حاول ما استطعت أن تسجل كل تغير يطرأ على شاشتك أثناء شرحك للبرنامج لكي تتوافق حركة المؤشر مع أزرار اللقطات

2. تذكر أن الفلم الخفيف ..... يريح صاحبه و يدعو له المتصفح بطول العمر .... خصوصاً ذوي الخطوط البطيئة ...

3. لاحظ الصورة التالية :

تبين لك حركة المؤشر في الإطار ...... الدائرة المفرغة تمثل بداية حركة المؤشر و السهم الأبيض نهاية حركة المؤشر .... تستطيع تغيير أياً منهما (البداية أو النهاية) بكل سهولة و لو بعد التسجيل

4.البرنامج سهل للغاية ..... كل ما عليك هو كثرة استخدامه و ستتعود عليه و تجده سهلاً و كما أسألكم السماح على التقصير الغير متعمد للبعض النقاط و الذي أرجو بجهودكم إتمامها