) NSB-AppStudio برمجة تطبيقات األجهزة الذكية باستخدام برنامج ( ) برمجة تطبيقات األجهزة الذكية باستخدام برنامج ( NSB-AppStudio الدرس األول ) 1 ( الدرس

النسخ

1 ) NSB-AppStudio ) 1 (

2 أهداف الدرس : بعد انتهاء هذا الدرس ستكون الطالبة قادرة على أن : )1 توضح مميزات برنامج ( NSB-AppStudio ) 2( تعدد لغات البرمجة المستخدمة في برنامج ( NSB-AppStudio ) 3( تذكر خطوات كتابة البرنامج باستخدام ( NSB-AppStudio ) 4( تتعرف على متصفح االنترنت االفتراضي المفضل استخدامه عند تجربة التطبيق في برنامج ( )5 توضح وظيفة األداة ( List ) 6( تستخدم الدالة )getitem( لحفظ خيار المستخدم من أداة )list( )7 توضح وظيفة األداة ( RadioButton ) 8( تستخدم الدالة )getvalue( لحفظ خيار المستخدم من أداة )RadioButton( )9 تستنتج وظيفة األداة ( Label ) 11( توضح طريقة إخراج المعلومات في األداة ( )Label 11( تعدد أدوات التعامل مع الصور في برنامج ( )NSB-AppStudio 12( تفرق بين أداتي التعامل مع الصور في برنامج NSB-AppStudio( ) من حيث االستخدام 13( توضح وظيفة األمر ( )MsgBox 14( تستخدم األمر ( MsgBox ) إلخراج المعلومات للمستخدم 15( تستنبط متى تستخدم الجمل الشرطية 16( تستخدم جملة )If( الشرطية في كود برمجي ) 2 (

3 عزيزتي الطالبة : غزت األجهزة الذكية حياة الناس على مختلف أعمارهم و يعود السبب الرئيسي في ذلك هو حرص الشركات المصنعة على توفير تطبيقات متنوعة تعمل على هذه األجهزة و تناسب كافة األعمار مما يجعل وجود هذه األجهزة في ايديهم أمرا ممتعا و تجربة غنية. و إلنشاء و تطوير تطبيقات تعمل على األجهزة الذكية توجد عدة برامج متخصصة في ذلك.. و منها برنامج : ( 1( ان اس بيسك ستوديو )NSB-AppStudio( : عبارة عن بيئة تطوير قوية و كاملة إلنشاء تطبيقات األجهزة الذكية تعمل على العديد من أنظمة التشغيل بطريقة تصميم سهلة تعتمد على السحب و االفالت و تستخدم لغة برمجة الجافا سكريبت Script( )Java او البيسك )Basic( و تعد البرمجة باستخدام ( NSB-AppStudio ) سهلة و ممتعة نظرا للتشابه الكبير مع البرمجة باستخدام لغة فيجول بيسك ستوديو من حيث لغة البرمجة و واجهة المستخدم و األدوات و الخصائص كما يمكن رؤية النتائج مباشرة على متصفح االنترنت او على الجهاز الذكي. 2( مراحل كتابة البرنامج باستخدام )NSB-AppStudio( : مرحلة كتابة البرنامج باستخدام )NSB-AppStudio( تمر بأربع خطوات : ) 3 ( 1( تصميم الواجهات : تبدأ بتحديد مقاسات النماذج ( Forms ) المستخدمة في كل نموذج. بحيث تتوافق مع مقاس شاشة الجهاز ثم نضع األدوات

4 ضبط خصائص األدوات : توجد لكل أداة عدة خصائص نقوم بتغييرها كشكل األداة و لونها و نوع الخط المستخدم. كتابة أوامر البرمجة : حيث نكتب في هذه المرحلة جميع األوامر التي نريد تنفيذها عند وقوع حدث معين. تجربة التطبيق و اكتشاف األخطاء : يمكن تجربة التطبيق و مشاهدة المخرجات على متصفح االنترنت االفتراضي و الذي يفضل أن يكون. ) Safari ( او )Google Chrome( )2 )4 ادوات البرمجة في برنامج )NSB-AppStudio( : التشابه بين برنامج )NSB-AppStudio( و برنامج ( Studio ) Visual Basic يشمل األدوات المستخدمة في البرمجة حيث يحتوي البرنامج على العديد من األدوات.. لكل منها استخدام مختلف.. و ستتعرفين فيما يلي على بعضا منها.. كما يلي : اداة القائمة ( List ) : تعرض قائمة مكونة من عناصر يختار المستخدم أحدها و يتم حفظ خيار المستخدم بواسطة الدالة : (i).. getitem حيث )i( تمثل رقم العنصر في القائمة. )1 مثال : في أداة القائمة المقابلة يكون : getitem(2) العنصر األول هو )األول الثانوي(.. و بالتالي فإن : قيمة )i( = 1 العنصر الثاني هو )الثاني الثانوي(.. و بالتالي فإن : قيمة )i( = 2 عندما يختار المستخدم العنصر األول من عناصر القائمة نكتب : getitem(1) عندما يختار المستخدم العنصر الثاني من عناصر القائمة فإن خياره يحفظ في الدالة : ) 4 (

5 أداة زر الخيار ( )RadioButton : تتيح للمستخدم االختيار من بين مجموعة من الخيارات و نستخدم مع هذه األداة الدالة : )n) getvalue حيث )n( تمثل ترتيب الخيارات و يبدأ بالرقم )1( و تتحقق من اختيار المستخدم حيث يعطى الزر الذي اختاره المستخدم القيمة المنطقية )True( وبقية االختيارات القيمة المنطقية )False(. )2 مثال : في أداة زر الخيار المقابلة يكون : العنصر األول هو )ابو بكر الصديق(.. و بالتالي فإن : قيمة )i( = 1 العنصر الثاني هو )عمر بن الخطاب(.. و بالتالي فإن : قيمة )i( = 2 عندما يختار المستخدم الخيار الثاني من الخيارات فإن خياره يحفظ في الدالة : )False( و بقية الخيارات قيمتها )True( و تكون قيمته getvalue(2) أداة التسمية ( Label ) : و يتم اخراج المعلومات للمستخدم في هذه األداة عن طريق الخاصية )TextContent( أدوات التعامل مع الصور : أ( أداة الصورة ( Image ) : و تستخدم لعرض الصور داخل التطبيق كالخلفيات أو لتنفيذ أمر معين عند الضغط عليها. ب( أداة الصورة ( PictureBox ) : و تستخدم لتحرير الصور كتعديل حجمها و لها العديد من الدوال مثل دالة رسم مربع. )4 4( بعض أوامر البرمجة األساسية في برنامج )NSB-AppStudio( : )1 إخراج المعلومات بواسطة األمر ( MsgBox ) : يظهر هذا األمر نافذة صغيرة غير النافذة األساسية تعرض رسالة للمستخدم نتيجة حدث ما ثم يضغط زر األمر كما في الصورة التالية : ) 5 (

6 2( الجمل الشرطية : تستخدم عند الحاجة التخاذ قرارات مختلفة على حسب شرط معين و منها : : ) If ( الجملة الشرطية و لها عدة صيغ في برنامج )NSB-AppStudio( ال تختلف عنها في فيجول بيسك و هي : صيغة ( Then ) If - صيغة If( ) If - Then - End صيغة ( Else ) If - Then - صيغة ( ElseIf ) If - Then - ملخص الدرس األول ) 6 (

7 نشاط الدرس األول قومي بالبحث عن مميزات أخرى لبرنامج )NSB-AppStudio( بالرجوع إلى دروس برنامج فيجول بيسك التي تمت دراستها في الصف األول الثانوي.. فكري في الفرق بين صيغ الجملة الشرطية )IF( و استخدامات كل منها.. في رأيك على ماذا تعتمد تطبيقات األجهزة الذكية في عملها.. )1 )2 االختبار الذاتي للدرس األول عزيزتي.. لقد أتممت دراسة.. الختبار معلوماتك و استيعابك للدرس الرجاء إغالق هذا الملف و العودة للحقيبة ألداء االختبار الذاتي للدرس.. و عند اجتيازك االختبار بنجاح يمكنك متابعة تعلم بقية الدروس.. مع اطيب األماني بالتوفيق ) 7 (