1. ‫عشر‬ ‫الحادي‬ ‫التدريب‬
‫السور‬ ‫قصار‬ ‫تطبيق‬

2. ‫التدريب‬ ‫خطوات‬
.1‫برنامج‬ ‫ل‬ّ‫غ‬‫ش‬NSB/AppStudio‫باسم‬ ‫جديد‬ ‫مشروع‬ ‫وأنشئ‬
Qesar.
.2‫كالتالي‬ ‫النموذج‬ ‫خصائص‬ ‫ر‬ّ‫ي‬‫غ‬:
‫الخاصية‬‫القيمة‬
IdForm1
fullScreenFalse

3. ‫التدريب‬ ‫خطوات‬
.3‫العنوان‬ ‫شريط‬ ‫أداة‬ ‫أضف‬HeaderBar‫كما‬ ‫خصائصها‬ ‫واضبط‬
‫يلي‬:
‫خصائص‬‫أداة‬HeaderBar
‫الخاصية‬‫القيمة‬
IdHeaderBar1
title‫السو‬ ‫قصار‬ ‫تطبيق‬‫ر‬
rightButtonIcon‫ال‬‫شيء‬
rightButtonName‫فراغ‬
rightChangeForm‫فراغ‬
leftButtonIcon‫شيء‬ ‫ال‬
leftButtonName‫فراغ‬
leftChangeForm‫فراغ‬
Themeb

4. ‫الجديدة‬ ‫الخصائص‬ ‫شرح‬
‫الخاصية‬‫المعنى‬
Title‫األداة‬ ‫عنوان‬
rightButtonIcon‫تظهر‬ ‫التي‬ ‫األيقونة‬‫األداة‬ ‫يمين‬
rightButtonName‫في‬ ‫الزر‬ ‫عنوان‬‫األداة‬ ‫يمين‬
rightChangeForm
‫اسم‬‫ع‬ ‫إليه‬ ‫االنتقال‬ ‫سيتم‬ ‫التي‬ ‫النموذج‬‫ند‬
‫األيمن‬ ‫الزر‬ ‫على‬ ‫الضغط‬
leftButtonIcon‫تظهر‬ ‫التي‬ ‫األيقونة‬‫األداة‬ ‫يسار‬
leftButtonName‫في‬ ‫الزر‬ ‫عنوان‬‫األداة‬ ‫يسار‬
leftChangeForm
‫اسم‬‫ع‬ ‫إليه‬ ‫االنتقال‬ ‫سيتم‬ ‫التي‬ ‫النموذج‬‫ند‬
‫األيسر‬ ‫الزر‬ ‫على‬ ‫الضغط‬
Theme‫اسم‬‫الثيم‬‫من‬ ‫األداة‬ ‫تصميم‬ ‫أو‬a‫إلى‬z

5. ‫التدريب‬ ‫خطوات‬
.4‫أداة‬ ‫أضف‬HTMLView‫يلي‬ ‫كما‬ ‫خصائصها‬ ‫واضبط‬:
‫خصائص‬‫أداة‬HTMLView
‫الخاصية‬‫القيمة‬
IdHTMLView1
borderStyle‫أخدود‬
Height300
Width300
ScrollingTrue
innerHTML‫فراغ‬

6. ‫الجديدة‬ ‫الخصائص‬ ‫شرح‬
‫الخاصية‬‫المعنى‬
Scrolling
‫هل‬‫ضع‬ ‫نعم‬ ‫لألداة؟‬ ‫تمرير‬ ‫شريط‬ ‫تريد‬True
,‫ضع‬ ‫ال‬False
innerHTML
‫لغة‬ ‫كود‬HTML‫يؤدي‬ ‫والذي‬ ‫األداة‬ ‫داخل‬
‫ترجمة‬ ‫إلى‬ ‫النهاية‬ ‫في‬‫داخ‬ ‫وعرضه‬ ‫محتواه‬‫ل‬
‫األداة‬,ً‫ا‬‫برمجي‬ ً‫ا‬‫الحق‬ ‫كتابته‬ ‫وسيتم‬

7. ‫التدريب‬ ‫خطوات‬
.5‫أزرار‬ ‫ثالثة‬ ‫أضف‬Button‫يلي‬ ‫كما‬ ‫خصائصها‬ ‫واضبط‬:
‫خصائص‬‫أداة‬Button1
‫الخاصية‬‫القيمة‬
IdButton1
Height30
Width80
groupBegin‫ابدأ‬‫عموديا‬
groupEnd‫ال‬
ThemeB
Value‫الناس‬
‫خصائص‬‫أداة‬Button2
‫الخاصية‬‫القيمة‬
IdButton2
Height30
Width80
groupBegin‫ال‬
groupEnd‫ال‬
ThemeB
Value‫الفلق‬
‫خصائص‬‫أداة‬Button3
‫الخاصية‬‫القيمة‬
IdButton3
Height30
Width80
groupBegin‫ال‬
groupEnd‫نعم‬
ThemeB
Value‫االخالص‬

8. ‫الجديدة‬ ‫الخصائص‬ ‫شرح‬
‫الخاصية‬‫المعنى‬
groupBegin
‫المجموعة‬ ‫بداية‬ ‫تحديد‬(‫عموديا‬ ‫أو‬ ‫افقيا‬)‫ف‬‫ي‬
‫األول‬ ‫الزر‬,‫في‬ ‫بداية‬ ‫شكل‬ ‫إلى‬ ‫نحتاج‬ ‫وال‬
‫األزرار‬ ‫بقية‬.
groupEnd
‫نهاية‬ ‫شكل‬‫األزرار‬ ‫مجموعات‬,‫إلى‬ ‫نحتاج‬ ‫ال‬
‫األخير‬ ‫الزر‬ ‫في‬ ‫إال‬ ‫المجموعة‬ ‫إلنهاء‬ ‫شكل‬.

9. ‫للتصميم‬ ‫النهائي‬ ‫الشكل‬

10. ‫ال‬ ‫للسور‬ ‫اليوتيوب‬ ‫ملفات‬ ‫تجهيز‬‫ثالث‬
1.‫اليوتيوب‬ ‫موقع‬ ‫ادخل‬youtube‫السورة‬ ‫عن‬ ‫وابحث‬
‫األولى‬(‫الناس‬ ‫سورة‬)‫شريط‬ ‫ومن‬ ‫مقطع‬ ‫أي‬ ‫واختر‬
‫بعد‬ ‫ما‬ ‫انسخ‬ ‫العنوان‬=‫مفكرة‬ ‫ملف‬ ‫في‬ ‫واحفظه‬
‫بعد‬ ‫فيما‬ ‫الستخدامه‬.
2.‫سورة‬ ‫مع‬ ‫العملية‬ ‫كرر‬(‫واإلخالص‬ ‫الفلق‬)

11. ‫كتابة‬‫البرمجية‬ ‫األوامر‬
‫اإلجراء‬Sub main:
‫أداة‬ ‫بتهيئة‬ ‫يقوم‬ ‫التطبيق‬ ‫تنفيذ‬ ‫عند‬ ‫اإلجراء‬ ‫هذا‬ ‫مهمة‬HTMLview‫عن‬
‫الدالة‬ ‫استخدام‬ ‫طريق‬refresh.

12. ‫الناس‬ ‫سورة‬ ‫زر‬ ‫برمجة‬:
‫اليوتيوب‬ ‫ملف‬ ‫اسم‬ ‫الحظ‬:h6feVoPFbWs

13. ‫سورة‬ ‫زر‬ ‫برمجة‬‫الفلق‬:
‫اليوتيوب‬ ‫ملف‬ ‫اسم‬ ‫الحظ‬:2WzCeE6Sq24

14. ‫سورة‬ ‫زر‬ ‫برمجة‬‫االخالص‬:
‫اليوتيوب‬ ‫ملف‬ ‫اسم‬ ‫الحظ‬:gnA0QW6YCOU
‫االنتهاء‬ ‫بعد‬‫التطبيق‬ ‫اختبر‬.