فى هذا الدرس سوف نتعرف على كيفيه اضافة الكود الى التطبيق وما هى الاخطاء التي نقع فيها اثناء كتابته وقبل البدء فى كتابه الكود يجب تحديد المهمه التي يجب انجازها بالتحديد والكود الذى يقام علية البرنامج و البرمجة كاملة .. تابع شرح كتابه الكود خطوة خطوة ...
ففى هذا التطبيق نريد قسمة العدد الذى نريد ادخاله فى المربع النصى first number على العدد داخل المربع النصي second number ثم اظهار الناتج فى المربع النصى result ولعمل ذلك نضغط ضغط مزدوج على المفتاح calculate
فيتم الانتقال الى محرر الكود ويظهر البرنامج الفرعي calculateDiv_click والذى سيتم تنفيذه تلقائياً عن الضغط على المفتاح calculateDiv
نقوم بكتابه الكود الذى نريد تنفيذه بين السطرين وقبل كتابه الكود يجب تحديد عملية سير البرنامج فى خطوات محدده حتي يمكننا التفكير فى كيفية تنفيذ هذه الخطوات بأستخدام الكود وتسمى هذه العملية بخريطة التدفق
وفى بداية الامر نريد قراءة الرقم الموجود فى المربع النصى first number ثم قراءه الرقم الموجود فى المربع النصى second number ثم اجراء عملية القسمة واخيراً نريد اظهار عملية القسمة فى المربع النصى result
ولقراءة الرقم الموجود فى المربع النصى first number ندخل اسم المتغيير الذى نريد ادخال تخزين قيمة المربع النصى بيه وليكن first ثم ندخل علامة = وندخل اسم العنصر الذى نريد قراءه الكتابات به وهو first number متبوعاً بالعلامة dot . ثم اسم الخاصية التي تستخدم لقراءه الكتابات على العنصر وهى الخاصية text ويمكننا كتابة الخاصية مباشرة او اختيارها من القائمة التي تظهر تلقائى وتحتوى هذه القائمة على الخواص والاساليب والعناصر الاخرى المتاحة لعنصر التحكم الحالى ونلاحظ انه اثناء ادخال اسم الخاصية يحدث دوران لعناصر القائمة لتعكس الحروف التي نقوم بادخالها ويمكننا باختيار اسم الخاصية من هذه القائمة بدون ادخال اسم الخاصية بالكامل وسيتم ادراج اسم الخاصية التي اخترناها
ونلاحظ ان البرنامج وضع خط ازرق متعرج اسفل اسم المتغيير first وهذا يدل على ان هذا الجزء من الكود يحتوى على خطأ معين حيث ان لا يتعرف البرنامج على هذا المتغيير ولا يمكن استخدام اى متغير فى البرنامج بدون تعريفه ويجب تعريف اى متغيير نقوم بأستخدامه داخل البرنامج
ولتعريف المتغيير نتحرك الى اعلى البرنامج الفرعي ثم نقوم بكتابه جملة التعريف للمتغير وتبدأ هذه الجملة بالكملة dim ثم ندخل اسم المتغيير الذى نريد تعريفه وهو first وندخل الكلمة as متبوعة بنوع البيانات التي نريد استخدامه مع هذا المتغيير وليكن double ثم نضغط على مفتاح enter من لوحة المفاتيح نلاحظ انه تم اخفاء الخط المتعرج من اسفل المتغيير First لان تم تعريفه
وسوف نتعلم تعريف المتغييرات وانواعها المختلفة وانواع البيانات تفصيلياً فى الاجزاء القادمة
وسوف نقوم بتعريف متغييران اخران بنفس الطريقة احدهم لتخزين قيمة المربع النصى second number والاخر ناتج قسمة الرقم الاول على الرقم الثاني فنقوم بتعريف المربع second و calculate
والان نقوم بقراءه القيمة الموجوده بالمربع النصى second number
ندخل المتغيير second يليه عملية = ثم ندخل اسم المربع النصى الثاني second number متبوعاً بالعملية dot . ثم ندخل الخاصية text ونضغط enter وبهذا سوف يتم تخزين الرقم الذى نريد قسمته فى المتغيير First وتخزين الرقم المقسوم علية فى المتغيير second
والان نقوم بإدخال الكود الخاص بإجراء عملية القسمة .. ندخل المتغيير calculate لتخزين ناتج عملية القسمة به متبوعاً بعلامة = ثم ندخل First الذى يحتىو على الرقم الذى نريد قسمته ثم ندخل الرمز فلاش / ويستخدم هذا الرمز لأجراء عملية القسمة وندخل المتغيير second الذى يحتوى على الرقم المقسوم علية وبهذا فان ناتج عملية القسمة يكون موجود بالمتغيير calculate
ولعرض ناتج عملية القسمة فى المربع النصى result متبوع بالعلامة dot . ثم الخاصية text متبوعة بالعلامة = ثم ندخل اسم المتغيير الذى يحتوى على ناتج عملية القسمة وهو المتغيير calculate وهذه الجملة تعنى تغيير الكتابات التي تظهر بالمربع النصى result للقيمة المخزنه بالمتغيير calculate
وبذلك نكون انتهينا من كتابه الكود بالكامل ولأختبار البرنامج نتأكد من صحة الكود الذى ادخلناه نقوم بتشغيل التطبيق بالضغط على مفتاح start من شريط الادوات او من قائمة debug واختيار start او بالضغط على مفتاح f5 من لوحة المفاتيح
يتم تشغيل النموذج ولأختبار صحة عمل البرنامج ادخل الرقم الذى نريد قسمته فى الخانة الاولى و ندخل الرقم المقسوم علية فى الخانة الثانية ثم نضغط على مفتاح calculate ستظهر عملية القسمة ويظهر ناتج هذه العملية فى الخانة result