خطوة جدية نحو تصميم Help ممتاز للبرامج

بسم الله الرحمن الرحيم

الأخوة الكرام

السلام عليكم ورحمة الله وبركاته

سوف ابدا فى اول قسم من الموضوعات وهو

أنواع المساعدة المختلفة

هناك عدة انواع من المساعدة التى يمكن ان تقدمها للمستخدم والتى تساعده على فهم البرنامج وايضا خطوات العمل فيه ..

1- كتابة تعليقات بجوار الأدوات

2- إستخدام رسائل التنبيه

3- كتابة الـ ToolTip للأدوات

4-كتابة ملفات المساعدة الخاصة بالبرنامج ( سوف نولى لها إهتمام خاص جدا )

5- تصميم عروض الشرح للبرنامج

6- الـPrinted Manuals ( الدليل المطبوع)

النوع الأول :- كتابة تعليقات بجوار الأدوات

تتخلص هذه الطريقة فى كتابة جملة صغيرة تشرح الغرض من كل أداة .

مميزات هذه الطريقة

1- سهلة جدا فى علمها وسريعة لاتستغرق اى وقت أثناء البرمجة

2- مفيدة جدا فى حالة المستخدم الجديد مع البرنامج حيث انها ظاهرة امامه

عيوبها

1-تكتب هذه التعليقات على اداة Label مما ياخذ مساحة على النافذة أثناء التصميم وانت فعلا فى بعض الأحيان تكون

محتاج إلى الحفاظ على المساحة المتاحة لك فى النافذة خاصة فى البرامج الكبيرة حيث يكون عدد الأدوات فى الشاشة كثير جدا.

2-لايمكنك كتابة شرح وافى كما تحب .. المساحة المتاحة لك صغيرة .. وعند كتابة شرح كبير فأنت تسىء جدا

إلى الـ User Interface

3- تعتبر تحميل زائدة غير مرغوب فيه بالنسبة لذاكرة الجهاز ...

4- بعد فترة من العمل يشعر المستخدم بالملل منها ... لانه اصبح يراها ليل ونهار

وإن شاء الله نكمل فى الدرس القادم

والسلام عليكم ورحمة الله وبركاته

جزاك الله خيرا أخي الكريم على هذه الهمة العالية

وبصراحة الموضوع مهم ويستحق التثبيت

بسم الله الرحمن الرحيم

الأخوة الكرام

السلام عليكم ورحمة الله وبركاته

إن شاء الله اليوم سوف نكمل كلامنا عن كيفية تصميم نظم المساعدة المختلفة

واليوم

النوع الثانى:- إستخدام رسائل التنبيه

إن إٍستخدام الرسائل الصادرة من البرنامج يجب ان تكون بنظام ويراعى بها شروط هامة .. حيث ان هذه الرسائل

من اهم العوامل التى تترك اثر فى نفسية المستخدم الذى يعمل على البرنامج

ومع ان إستخدام الرسائل فى إعطاء المساعدة للمستخدم شىء سهل وبسيط على المبرمج إلآ اننا نجد ان مبرمجينا

يبخلوا علينا بهذه النقطة .

فهذا مثال بسيط يشرح كيفية إستخدام الـ Input Box فى كتابة تليمح صغير للمستخدم

إستخدام الـ Msgbox

عندما تظهر رسالة خطا أو تنبيه للمستخدم ... من الأفضل ان تذكر له سبب الخطا وايضا تقدم له يد المساعدة ليخرخ من الموقف المحرج الذى وقع فيه

هذا مثلا نموذج سيىء جدا لإظهار الـ Msgbox

فى هذا المثال إستخدمنا علامة الـ Critical وعند صدور هذه الرسالة فان الويندوز يصدر معها صوت مزعج جدا

.. لدرجة ان المستخدم يشعر بالفزع .. هل هو إرتكب خطئية لا تغتفر ..؟؟ ام ان البرنامج اكتشف

انه احد اعضاء تنظيم القاعدة ..!!

ولكن شاهدوا معى النموذج التالى

وإن شاء الله سوف نتحدث عن كيفية ربط ملفات المساعدة الفورية بالرسائل التى تظهر من البرنامج فى الجزء الخاص بتصميم

ملفات المساعدة

النوع الثالث :- إستخدام الـ ToolTip

من الطرق السهلة جدا من تصميم نظم المساعدة للبرنامج ويتم عملها اثناء تصميم وبرمجة البرنامج .. فهى سهلة جدا ..

ومن منا لايعرف الـ Tool Tip او كيف يمكن كتابتها فى البرنامج . فهى مثلا فى الفيجوال بيسيك 6 عبارة عن خاصية

يقوم المبرمج بكتابتها لكل أداة .. سواء من نافذة الخصائص الخاصة بالأداة او من خلال الكود

وفى الدوت نت فهى عبارة أداة مستقلة .

ولكن هنا نريد ان نتحدث عن مميزات وعيوب الـ ToolTip وكيف يمكن كتابة ToolTip تكون فعلا مساعدة

للمستخدم للعمل فى البرنامج

شاهدوا معى المثال التالى

المميزات :-

لاتستغرق وقت من المبرمج اثناء العمل او التنفيذ

لاتستغرق اى مساحة من ذاكرة الجهاز

تكون مفيدة جدا فى حالة ان تكون التلميحات صغيرة .

العيوب :-

فى بعض الأحيان .. ربما تريد ان تكتب تليمح طويل بعض الشىء يظهر الغرض من الأداة ..ولكنك تجد ان التلميح يظهر فى سطر واحد ..مما

يسىء جدا إلى الـ User Interface ويجعل قراءة الـ ToolTip متعبة

ولكن يمكن تغير الـ Tool Tip لتكون بهذه الصورة

حيث تكون الـ ToolTip عدة سطور .. ويمكن كتابة عنوان مميز للـ ToolTip كما يمكن ايضا إظهار إيقونة معبرة فى اعلى التلميح

والعديد من الخصائص المتميزة .. مثل تغير نوع الخط ولونه .. وكذلك لون خلفية الـ ToolTip والعديد من الخيارات

ولكن هذه تكون اداة جاهزة .. وغير مجانية .. ويوجد الكثير من هذه الأدوات على الأنترنت

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

وارجو من الله عزوجل ان اكون قد وفقت فى هذا الشرح

وأن شاء الله نكمل فى الدرس القادم باقى انواع المساعدة المختلفة التى ممكن ان تضعها فى البرنامج

والسلام عليكم ورحمة الله وبركاته

درس جميل ورائع

بس عندي سؤال ما اسم هذا البرنامج وهل هو موجود مع الكود

صورة البرنامج

للرفع

موضوع فعلا جيد وندعوك للمزيد ...

موضوع جميل و مهم

و مستنيين البقيه

السلام عليكم ورحمة الله وبركاته

أخى العزيز نور حسنين

جميل منك جدا انت تفتح هذا الموضوع الشيق الذى تنقصة برامجنا :rolleyes:

ونرجوا من الله ان يوفقك

مشكور :rolleyes:

السلام عليكم ورحمه الله وبركاته . . . !

قد يعتقد الكثيرين إن الموضوع بسيط أو تافه ولكن من وجهه نظري انه في غاية الأهمية وهذا ما ينقصنا لصناعة برامج ذات واجهه قياسية Standard Programs

فيوجد برامج كثيرة قوية جدا ولكن يكون التعامل معها يكون صعب جدا بسبب واجهه المستخدم

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

ودائما ما أقول إن 50% من البرنامج هو واجهته الجيدة لان الانطباع الأول لدي المستخدم للبرنامج هو الذي يدوم

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

وفقك الله . . .

جزاكم الله خيرا يا بشمهندس نوووووووووووووووووور

وربنا ينورلك حياتك في الدنيا والاخرة

ونتتظر منك المزيد ؟؟

بحبك في الله

بسم الله الرحمن الرحيم

الأخوة الكرام

السلام عليكم ورحمة الله وبركاته

اعتذر عن إنقطاعى فى الفترة السابقة

ولكن يعلم الله انه دون إرادتى .. فانا لى معرف سابق هو NOURHASSNAIEN ولكن الأدارة

اوقفت هذا الحساب .. ودخلنا فى مشكلة طويلة .. مع المشرفين بسبب هذا الموضوع

وانا اليوم عملت حساب جديد ..وارجو من الله الا توقفه الأدارة هو أيضا . :D

وعلى العموم إن شاء الله سوف اكمل الشرح ...

الأخ Mostafa Ismail

كلامك صحيح 100 % .. ولكن للأسف فالبرمجيات العربية تفتقر بشدة إلى حسن التنظيم والمظهر والمساعدة ايضا

ويجب ان تعرف ان هناك مثل شعبى مصرى يقول ( العين بتأكل قبل البق ) ..

ولو فكرنا ..فى هذا المثل .. لوجدنا ان عامل المظهر الجيد للبرنامج ..يفتح نفس العميل للبرنامج .. فألانسان بطباعه يجب الجمال

الأخ المهنا

هذا من البرنامج من أنتاج شركتى .. وللأسف السورس كود غير متاح

وانا أستخدمته هنا كمثال للشرح عليه.

والأن دعونا نكمل الشرح

ووقفنا عندتصميم الـ ToolTip فى البرنامج وشرحنا النوعين

وألأن السؤال المهم .. كيف نقوم بعمل مثل هذه الـ ToolTip فى برامجنا

هناك العديد من ألأدوات الخاصة بهذه الـ ToolTip ولكنها للأسف لاتدعم اللغة العربية .. ولاتدعم الـ RightToLeft

وإن شاء الله قريبا .. سوف اقوم بعمل أداة جديدة خاصة بهذا الموضوع واضعها هنا

والآن جاء الدور على اهم جزء فى الموضوع ... وهو تصميم ملفات المساعدة

يجب ان نعرف ان هناك اكثر من نوع من ملفات المساعدة والتى يمكنك تصميمها وإدراجها فى برامجك مثل

ملفات خاصة بالـ Windows Application

WinHelp

HTML Help

MS HELP 2.x

JavaHelp

PDF Manual

ملفات خاصة بالـ Web Application

Web Help

ملفات خاصة بالـ Pocket PC

PC Help CE

وسوف نشرح مميزات وعيوب كل نوع ,, وكيف يمكننا ان نحدد ماهو النوع الذى نحتاج ان نصممه قى مشاريعنا

النوع الأول WinHelp

اطلقت ميكروسوفت هذا النوع من ملفات المساعدة فى بداية ظهور ويندور 3.11 وتتطور كثيرا مع ظهور ويندوز 95

وهذا النوع من الملفات المساعدة يعتمد على عمله على تصميم ملفات الشرح بميكروسوفت ورود ثم حفظ الملفات بيصغة

(RTF(Rich Text Format

ومع انه تعتيبر الـ WinHelp إصدار قديم .. إلا انه يظل يحتفظ ببعض المميزات الرائعة ( سوف نعرفها لاحقا) والتى تجعل معظم الشركات العالمية الكبيرة .. تعمل به حتى الأن

النوع الثانى HTML Help

صدر هذا النوع من الملفات مع بداية ويندوز 98 .. ويعتبر اكثر الملفات أنتشارأ وتعتمد عليه معظم الشركات فى انتاج برامجها وهو معروف للجميع ... له مميزات رائعة .. ولكن له عيوب خطيرة أكتشتفتها فى تجربتى الشخصية فى اثناء تصميمى للهلب

النوع الثانى MS HELP 2.x

هذا النوع ظهر مع تقنية الدوت نت فى عام 2001 ومازال تحت التطوير حتى الآن .. له نظام خاص فى تصميم ملفاته وسوف تحتاجه بشدة خاصة لو انك تريد عمل ملفات هلب لأدوات دوت نت وتريد أن يتم دمج ملفات الهلب الخاصة بك مع ملفات الهلب الخاصة بالدوت نت

لدى مستخدمى أدواتك .

JavaHelp

خاص بأحبائنا .. مبرمجين الجافا .. بصراحة .. اكثر من ممتاز .. إمكانيات رائعة

والحديث عنه .. طويل ولن ينتهى ... ولكن عيبه الوحيد انه صعب بعض الشىء فى تطبيقات هذا النوع من الملفات

مع برامج ميكروسوفت

PDF Manual

ملفات PDF عادية جدا .. ممكن ان تعمل ببرنامج Acrobat Writer او اى برنامج متخصص فى عمل الهلب

وهو عادة ما نطلق عليه دليل المستخدم

Web Help

إذا كنت تريد ان تقوم بعمل ملفات مساعدة لموقعك فهذا هو الحل

له نظام خاص بعض الشىء .. جربته بصراحة مع ASP.Net ولكن ليس كثيرأً ولكن جيد

PC Help CE

إذا كنت تقوم بعمل برامج للـ كمبيوتر المحمول او الكفى Pocket PC سواء من خلال الـ

ُeMbedded Visual Basic

ُeMbedded Visual C++

او كنت تعمل على الدوت نت

فهذه هى الملفات الخاصة .. بهذه الأجهزة .. بصراحة لم اعمل عليها كثيرا .. وتجربتى معها من

خلال العمل ُeMbedded Visual C3

وان شاء الله نكمل فى المرة القادمة

وتفاصيل الدرس القادم

طرق المساعدة المختلفة التى يحتاجها المستخدم .!

شروط تصميم ملفات مساعدة تحتوى على الشروط القياسية.!

ماهى ألأدوات التى احتاجها قبل العمل فى تصميم العمل ؟؟

والسلام عليكم ورحمة الله وبركاته

مشكور

والله انه موضوع رائع

أرجو ان تكمل