1. ‫عش‬ ‫الثاني‬ ‫التدريب‬‫ر‬
‫الطقس‬ ‫تطبيق‬

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

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

4. ‫التدريب‬ ‫خطوات‬
.4‫أداة‬ ‫أضف‬TextBox‫يلي‬ ‫كما‬ ‫خصائصها‬ ‫واضبط‬:
inputType:‫المدخالت‬ ‫نوع‬ ‫تحدد‬ ‫خاصية‬(‫نص‬–‫تاريخ‬-‫بحث‬)..
RGB( ):‫بين‬ ‫تتراوح‬ ‫قيمة‬ ‫كل‬ ‫اللون‬ ‫لتحديد‬ ‫تستخدم‬ ‫دالة‬0‫و‬255
‫أحمر‬ ‫الثالثة‬ ‫لأللوان‬R,‫اخضر‬G,‫أزرق‬B
‫خصائص‬‫أداة‬TextBox
‫الخاصية‬‫القيمة‬
IdTextBox1
Align‫وسط‬
inputType‫بحث‬
ColorRGB(255,255,255)
Themea

5. ‫التدريب‬ ‫خطوات‬
.4‫أداة‬ ‫أضف‬Button‫يلي‬ ‫كما‬ ‫خصائصها‬ ‫واضبط‬:
Icon:‫الزر‬ ‫على‬ ‫المستخدمة‬ ‫األيقونة‬ ‫شكل‬ ‫تحدد‬ ‫خاصية‬
Iconpos:‫الزر‬ ‫على‬ ‫األيقونة‬ ‫مكان‬
‫خصائص‬‫أداة‬Button
‫الخاصية‬‫القيمة‬
IdButton1
Height35
Width100
Value[‫حث‬
ThemeA
Iconpos‫يسار‬
Iconsearch

6. ‫التدريب‬ ‫خطوات‬
.5‫عنوان‬ ‫أداتي‬ ‫أضف‬Label‫يلي‬ ‫كما‬ ‫خصائصها‬ ‫واضبط‬:
‫خصائص‬‫أداة‬Label1
‫الخاصية‬‫القيمة‬
IdLabel1
Align‫وسط‬
borderColorwhite
borderStyle‫اخدود‬
borderWidth5
ColorRGB(5,80,140)
textContent‫درجة‬‫الحرارة‬
‫خصائص‬‫أداة‬Label2
‫الخاصية‬‫القيمة‬
IdLabel2
Align‫وسط‬
ColorRGB(5,80,140)
textContentLabel

7. ‫الجديدة‬ ‫الخصائص‬ ‫شرح‬
‫الخاصية‬‫المعنى‬
borderColor‫لون‬‫األداة‬ ‫حدود‬
borderStyle‫الحدود‬ ‫نمط‬
borderWidth‫حد‬ ‫حجم‬‫األداة‬

8. ‫التدريب‬ ‫خطوات‬
.6‫أداة‬ ‫أضف‬Line,‫وأداة‬Image‫يلي‬ ‫كما‬ ‫خصائصها‬ ‫واضبط‬:
‫خصائص‬‫أداة‬Line
‫الخاصية‬‫القيمة‬
IdLine1
Align‫وسط‬
backgroundColorgray
borderColorgray
borderStyle‫اخدود‬
borderWidth1
ColorRGB(5,80,
140)
‫خصائص‬‫أداة‬image
‫الخاصية‬‫القيمة‬
IdimgIcon
Height70
Width70)

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

10. ‫البرمجية‬ ‫األوامر‬ ‫كتابة‬
‫التشغيل‬ ‫بدء‬ ‫عند‬ ‫األمر‬:‫اإلجراء‬Sub Main:
‫عرض‬ ‫فيه‬ ‫سيتم‬ ‫الذي‬ ‫المكان‬ ‫جعل‬ ‫أعاله‬ ‫اإلجراء‬ ‫مهمة‬
‫فارغ‬ ‫الحرارة‬ ‫درجة‬

11. ‫بحث‬ ‫للزر‬ ‫البرمجية‬ ‫األوامر‬Button1
encodeURIComponent:‫دالة‬‫تتحق‬‫المدينة‬ ‫اسم‬ ‫من‬
‫السيرفر‬ ‫في‬ ‫موجود‬ ‫هي‬ ‫وهل‬ ‫المدخلة‬.
GetSon:‫المخت‬ ‫للمدينة‬ ‫السيرفر‬ ‫من‬ ‫الحرارة‬ ‫درجة‬ ‫تجلب‬ ‫دالة‬‫ارة‬
‫السيرفر‬ ‫اسم‬ ‫إلى‬ ‫وتحتاج‬,‫المدينة‬ ‫اسم‬,‫يسمى‬ ‫خاص‬ ‫وإجراء‬
WeatherData‫في‬ ‫الحرارة‬ ‫درجة‬ ‫بعرض‬Label

12. ‫الحرارة‬ ‫درجة‬ ‫بعرض‬ ‫الخاص‬ ‫اإلجراء‬
‫موقع‬ ‫من‬ ‫الحرارة‬ ‫درجة‬ ‫جلب‬ ‫اإلجراء‬ ‫مهمة‬openweathermap
‫لها‬ ‫رمزية‬ ‫صورة‬ ‫مع‬ ‫المختارة‬ ‫للمدينة‬.