الفريق العربي للبرمجةأرشيف المنتديات · 2000 – 2023
نسخة أرشيفية للقراءة فقط — التسجيل والمشاركة مغلقان، والمحتوى محفوظ كما كان.

مثال على نظام مساعدة بسيط باستخدام HTML Help Workshop

بدأه أحمد مبارك الحيقي في 25 يوليو 2010 · 8 رد · 2,751 مشاهدة · في قواعد بيانات Microsoft Access
مشاركة: واتساب X فيسبوك تيليجرام
#1 صاحب الموضوع

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

من الأمور التي تدعم العلاقة بين المستخدم وبين التطبيق، نظام جيد للمساعدة أو التعليمات، يسترشد به المستخدم في التعرف على وظيفة التطبيق، ووظائف أجزائه المختلفة. أحياناً، يكون هذا النظام على هيئة ملف أو مجموعة ملفات مستقلة، كأنها مستند أو كتيب خارجي يشرح التطبيق وكيفية الاستخدام، كما أن من أهم وأفضل أنواع المساعدة هي تلك التي تضمن في تصميم واجهة المستخدم، مثل التسميات المعبرة لعناصر الواجهة، ومثل الترتيب المنطقي المتوقع لهذه العناصر. هناك نوع آخر من المساعدة يسمى context-sensitive help، أو المساعدة الموضعية، حيث يستطيع المستخدم معرفة بعض المعلومات عن عمل عنصر ما بينما يكون التركيز على ذلك العنصر. في الأكسس مثلاً، يمكن أن يكون ذلك عبر ضغط زر F1 على سبيل المثال، أو عبر استخدام علامة الاستفهام المجاورة لزر الإغلاق في شريط العنوان.

فيما يلي مثال بسيط على طريقة لتنفيذ هذا النوع الأخير من المساعدة...

برنامج HTML Help Workshop من مايكروسوفت يتيح إنشاء ملفات مساعدة مستقلة (مثل كتيب إلكتروني) بامتداد chm. هذا الملف يجمع عدداً من ملفات Html التي تحوي مادة التعليمات، وقد يحوي قسماً للفهرس والمحتويات حتى يسهل الوصول إلى الصفحات المختلفة. تجد شرحاً لطريقة إنشاء مثل هذه الملفات بواسطة هذا البرنامج في موضوع شرح: طريقة إنشاء ملف تعليمات... (أبو رهف)، وفي موضوع هدية .. شرح برنامج HTML Help Workshop (أحمد الحربي).

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

بعد استخدام البرنامج HTML Help Workshop في إنتاج ملف chm، يكون الناتج النهائي الذي نحتاج إلى وجوده في بيئة المستخدم النهائي هو:

1. ملف الأكسس mdb (أو mde) الذي يمثل قاعدة البيانات والتطبيق معاً.

2. ملف المساعدة chm.

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

post-70171-036429100 1280083266_thumb.jp

الذي يبقى هو كيف نجهز ملف المساعدة chm بحيث يحوي صفحات التعليمات لكل عنصر، ويحوي طريقة لربط هذه الصفحات بأرقام فريدة نستطيع استخدامها فيما بعد في الخاصية Help Context Id (معرف سياق التعليمات). يتم ذلك كالتالي:

1. قم بإعداد صفحات Html تحوي التعليمات التي ترغب أن يراها المستخدم، صفحة لكل عنصر. تستطيع أن تقوم بذلك بسهولة بالغة من برنامج الوورد Ms Word. قم بكتابة موضوع في ملف وورد، ثم:

File > Save As Web Page

ثم احرص على أن تختار نوع الملف كما في الشكل التالي:

post-70171-068214000 1280083291_thumb.jp

في حالتي أنا مع المثال المرفق، قمت بإعداد ثلاثة ملفات htm لكل من مواضيع المفتاح الأساسي والمفتاح الأجنبي والعلاقات.

2. قم بتثبيت البرنامج HTML Help Workshop (خطوة غير متوقعة... أليس كذلك؟).

3. افتح البرنامج (أنا أمزح الآن بالطبع... يمكنك أن تعمل بالبرنامج وهو مغلق إذا أردت :) ).

4. اتبع هذا التسلسل حرفياً:

قائمة ملف New ثم Project ثم Ok ثم Next ثم اسم ومسار لملف المشروع (مثلاً HelpExample1) ثم Next ثم Next ثم Finish

(مع الاعتذار لمحبي الصور :) ).

5. من المفترض أن تكون الآن قد وصلت إلى هذه المرحلة:

post-70171-051062700 1280083300_thumb.jp

6. اضغط على زر Add/Remove topic files، وهو الزر الثاني من أعلى من شريط الأزرار العمودي على اليسار، ثم من النافذة التي تظهر، اختر Add، ثم ملفاً من ملفات Html التي أعددتها في الخطوة الأولى، ثم Open، كالتالي:

post-70171-028862900 1280083309_thumb.jp

كرر هذه العملية على عدد ملفات html التي عندك، ثم اضغط Ok فتحصل على شيء كهذا:

post-70171-002247700 1280083320_thumb.jp

7. الآن، بواسطة برنامج المفكرة، أنشئ ملفاً نصياً اعتيادياً (لكن باللاحقة h وليس txt) يحوي الأسطر التالي:

post-70171-098641800 1280083332_thumb.jp

الغرض من هذا الملف (الذي يسمى Header File) هو تعريف ثوابت (مثل HID_PKEY) بأرقام فريدة. هذه الأرقام هي التي سنعينها في خصائص العناصر، وتلك الثوابت هي التي سنربطها بملفات Html السابق كما يلحق بعد قليل بإذن الله. انتبه عند حفظ هذا الملف ألا تحفظه بنوع نص txt (في خانة Save As Type أو حفظ كنوع، لا تختر النوع Text Document وإنما اختر All Files واكتب بعد اسم الملف اللاحقة h، مثل hdrExample.h).

8. ارجع إلى ملف المشروع في برنامج HTML Help Workshop، وانقر الزر HtmlHelp API Information (الرابع من الأعلى في شريط الأزرار العمودي على اليسار). من النافذة التي تظهر، وفي تبويب Map، انقر على الزر Header File… ثم اختر الملف الذي أنشأته في الخطوة السابقة، واضغط Ok. قد تصل إلى شيء مثل هذا:

post-70171-064454100 1280083343_thumb.jp

9. انتقل إلى التبويب Alias من نفس النافذة HtmlHelp API information، وانقر على الزر Add، ثم اكتب أحد الثوابت التي كتبتها في الملف ذي اللاحقة h، واختر الصفحة التي تريد أن ترتبط بهذا الثابت، ثم اضغط على Ok. في الشكل التالي، اخترت أنا الثابت HID_PKEY وربطته بالصفحة التي تتحدث عن المفتاح الأساسي PrimaryKey.htm:

post-70171-060027300 1280083354_thumb.jp

كرر العملية من أجل كل الثوابت والصفحات، فتحصل على مثل هذا الشكل. اضغط Ok:

post-70171-092956000 1280083367_thumb.jp

10. انقر على زر Save all files and compile، وهو الزر الأخير في شريط الأزرار العمودي. يقوم هذا الزر بتجميع كل الملفات في ملف chm واحد. من الجيد أيضاً أن تحفظ المشروع بين كل حين وآخر من الزر الذي فوقه. انظر إلى الشكل التالي:

post-70171-097873800 1280083378_thumb.jp

الحقيقة أن الملف الناتج (HelpExample1.chm عندي كما في الشكل السابق)، جاهز الآن للاستخدام من ملف الأكسس، لكن إذا حاول المستخدم فتحه مباشرة من خارج الأكسس فإنه لن يستطيع الانتقال بين الصفحات المختلفة، وسيرى فقط الصفحة الأولى. من أجل توفير آلية لتصفح ملف المساعدة من خارج الأكسس، يمكن أن ننشئ قسماً خاصاً في الملف للمحتويات (مثل فهرس المحتويات في الكتب). اتبع الخطوات التالية:

11. انتقل إلى التبويب Contents في المشروع، ثم اختر إنشاء ملف محتويات جديد، واضغط على Ok، كالتالي:

post-70171-017689100 1280083390_thumb.jp

12. اقبل الاسم الافتراضي لملف المحتويات أو اختر اسماً من عندك (لا يهم، لأن المستخدم لن يرى هذا الملف)، ثم انقر على Save حفظ.

13. من النافذة التي تظهر لك، انقر على زر Insert a file، وهو الزر الثالث من الأعلى في شريط الأزرار العمودي إلى اليسار. من النافذة التي ستظهر، وفي تبويب General، اكتب اسماً مناسباً لبند من بنود فهرس المحتويات في خانة Entry title، ثم انقر على الزر Add. من النافذة التي تظهر بعدها، اختر ملف Html المناسب لهذا البند، كالتالي، ثم اضغط على Ok:

post-70171-064370800 1280083400_thumb.jp

14. اضغط على Ok، ثم كرر كامل العملية من أجل البنود الأخرى. إذا سألك مرة عما إذا أردت أن تحفظ بنداً في البداية، فيمكنك أن تجيبه بلا وأنت رافع الرأس. تحصل في النهاية على شيء مثل التالي:

post-70171-045382900 1280083410_thumb.jp

15. اذهب إلى تبويب Project، ثم احفظ وجمّع المشروع مثل المرة السابقة من الزر الأسفل، فينتج لديك ملفاً إضافياً للمحتويات، ويصبح ملفك الأول قابلاً للتصفح. جرّب ذلك الآن، ولا تنس أن تضغط على زر (إظهار) في ملف chm في الأعلى من أجل إظهار قسم المحتويات.

هذا هو كل شيء. في ملف الأكسس، قم بإعداد الخصائص كما تقدم، وإذا أردت أن تظهر علامة الاستفهام بجانب زر الإغلاق في شريط عنوان النموذج، فقم بإعداد الخاصية Whats this Button للنموذج إلى Yes. لاحظ أنك ستضطر إلى أن تعين الخاصية Min Max Buttons إلى None قبلها.

في الملف المرفق مجلد يحوي كل ملف أكسس مثال، مع كل الملفات التي استخدمت في إعداد المثال، على الرغم من أننا نحتاج في بيئة المستخدم إلى ملفي mdb وchm فقط.

أسأل الله أن ينفع به كاتبه وقارئه وناشره، والحمد لله رب العالمين.

أحمد مبارك الحيقي 1431 هـ (2010 مـ)

المصدر

Help Example.rar

المرفقات
help01.JPGhelp02.JPGhelp03.JPGhelp04.JPGhelp05.JPGhelp06.JPGhelp07.JPGhelp08.JPGhelp09.JPGhelp10.JPGhelp11.JPGhelp12.JPGhelp13.JPG

تم تعديل هذه المشاركة بواسطة أحمد مبارك الحيقي في 25 يوليو 2010 في 22:21

6
#2

الله الله

بارك الله فيك

وجزاك الله كل الخير

ووفقك لما يحب ويرضىىىىىى

كده يبقى ناقص حاجه

ان الاستاذه هنا يعملوا برنامج اكسيس او افيس كامل ويبقى اوفيس الفريق العربى

ولو ان اتذكر ان الدكتوره زهره جزاها الله خيرا كانت تقول ممكن نعمل قنبله ذريه بالاكسيس

جزاك وجزاها اينما كنت وكانت وكل مشرفى واعضاء المنتدى كل الخير

+1 وان كانت لا تكفى

تم تعديل هذه المشاركة بواسطة abo.ahmed في 25 يوليو 2010 في 23:25

سبحان الله وبحمده سبحان الله العظيم .. سبحان الله . الحمد لله . لا اله الا الله . الله اكبر .. استغفر الله . استغفر الله . استغفر الله

يارب احمى دينى وبلدى من كيد الاعداء والخائنين بحبك يا مصر بحبك يا مصر بحبك يا مصر

 


 


3.gif

#3

شرح وافى اخ احمد

جزاكم الله خيرا

مدونتى:-

احترف الأكسس مع أبو يوسف

متغيب حاليا لانشغالى الشديد

#4

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

مثال جميل استاذي احمد مبارك الحيقي

جزاك الله خير ومبارك فيك +1

#5

جزاكم الله خيرا .. ونفع بعلمكم

جهد مبارك ومثال جميل

#6

أخى احمد

جزاك الله خيرا ونفع بك ... خطوة مهمة

(حاسس بأن فيه حاجة مختلفة (حلوة) فى شرحك ... أظنها مهارة بيعية جديدة ... حيث أصبحت تلبى احتياجات الزبائن على تنوعهم .. برافو 012.gif )

أخوك الزبون

slave

{العلم قبل العمل} ... مذكرات حول قواعد تصميم البيانات .

خير الناس أنفعهم للناس

#7

إخوتي الكرام جميعاً: أبا أحمد، وأبا يوسف، ومشارف، وأبا عبد الله، وslave: وإياكم جزى الله خيراً

اقتباس

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

تلميذك :)

أخوك مندوب المبيعات

أحمد

:happy:

#8

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

بارك الله فيك اخي الكريم

جاري التجربة

ولك مني +1

#9

السلام عليكم:

موضوع جميل ومهم جداً تشكر عليه يا أستاذ أحمد

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

جزاك الله خيراً في الدنيا والآخرة.

مواضيع مشابهة