التعرف علي بيئة الفيجول ستوديو وكيفية تصميم وكتابة البرنامج

في البداية دعنا نقرأ حديث لرسول الله (ص) ومن ثم نكمل حديثا واليوم اخترت لكم هذا الحديث , عن ابن عمر رضي الله عنهما عن رسول الله (ص) انه ادرك عمر بن الخطاب في ركب وعمر يحلف بابيه فناداهم رسول الله (ص) (الا ان الله ينهاكم ان تحلفوا بابائكم فمن كان حالفاً فليحلف بالله او ليصمت) متفق عليه .

بيئة الفيجول ستوديو
هي المكان التي تكتب وتتطور فيه تطبيقاتك , ومثل هذه البيئة تسمي (Integrated Development Environment IDE) او بيئة التطوير المتكاملة والتي تتكون من عدة ادوات منها Form Designer والتي تسمح لك بتصميم نوافذ و Editor او المحرر والذي يسمح لك بكتابة وتعديل الكود الخاص باللغة وCompiler والذي يسمح لك بترجمة الكود الي لغة يفهمها الجهاز وDebugger والذي يسمح لك بتحديد وتصحيح الاخطاء .
وفي النسخ السابقة من برنامج الفيجول ستوديو كانت لكل لغة برمجة بيئة التطوير الخاصة بها اما في اصدار الدوت نت اصبحت البيئة واحدة لكل لغات برمجة الدوت نت .
عند فتح برنامج الفيجول ستوديو ستجد صفحة البداية ومنها يمكنك فتح مشروع جديد او التعديل علي مشروع موجود مسبقاً . وعند اختيار مشروع جديد اضغط علي new project ومن القائمة اليسري اختر visual c# Projects واختر من القائمة اليمني windows application وستختار اسم للمشروع ومسار للمشروع , ومن ثم اضغط علي ok

عندها ستظهر امامك بيئة التطوير المتكاملة كما في الشكل التالي

وتتكون هذه الشاشة من
1- اشرطة الادوات the toolbars
يمكن ان تستخدم الازارر الموجودة علي اشرطة الادوات كاختصارات للاوامر التي يكثر استعمالها مثل النسخ واللصق وبالطبع هذه الاوامر موجودة في القائمة الرئيسية ويمكن اخفاء او اظهار او تخصيص كل شريط ادوات وهي standard toolbar , the layout toolbar and the text editor toolbar
2- the form designer
وهو المكان في منصف الشاشة والذي تصمم فيه واجهة المستخدم
3- the solution explorer window
ويحتوي علي الملفات الخاصة بالمشروع المفتوح
3- the properties window
وتستخدم لضبط خصائص كل كائن في المشروع
4- the toolbox
ويحتوي علي الادوات التي يمكن اضافتها الي الفورم

لاحظ ان السي شارب له ثلاث مراحل مختلفة فعندما تصمم واجهة المستخدم او تقوم بكتابة الكود تسمي هذه المرحلة design time وعندما تختبر البرنامج وتشغله تسمي هذه المرحلة run time وعندما تحدث اخطاء اثناء تشغيل البرنامج تسمي هذ المرحلة break time

كتابة البرنامج
في هذا الدرس سنتعلم كيف نكتب البرنامج فعند كتابة اي برنامج او تطبيق بلغة السي شارب او اي لغة اخري هناك خطوات يجب اتباعها وتختلف هذه الخطوات من لغة لاخري اختلافات بسيطة وفي لغة السي شارب نتبع ثلاث خطوات لتخطيط المشروع او البرنامج ونقوم بتكرار هذه الخطوات عند تنفيذ المشروع وهذه الخطوات هي تصميم واجهة البرنامج وتعريف الخصائص وكتابة الكود

المرحلة الاولي : تخطيط البرنامج (Planning)
1- تصميم واجهة المستخدم (Design The User Interface)
في هذه الخطوة نقوم برسم واجهة البرنامج الذي سنقوم بتنفيذه ونقوم باضافة الادوات الي الفورم وكذلك اسم الفورم والادوات  , ولا تنسي ان هذه الرسوم ستقوم بها علي اي ورقة خارجية او برنامج لتصميم الرسوم مثل هذا الشكل التوضيحي

2- تعريف الخصائص (Plan The Properties)
قم بتحديد الخصائص التي تنوي ان تضبطها او تغيرها لاي كائن في البرنامج
3- كتابة الكود (Write Pseudcode)
في هذه الخطوة ستقوم بكتابة الخطوات التي سينفذها البرنامج وفي هذه المرحلة لا نقوم بكتابة الكود الفعلي فمثلا الكود الذي سنكتبه عندما يضغط المستخدم علي  زر خروج هو انهاء البرنامج

المرحلة الثانية : البرمجة (programming)
في هذه المرحلة سنقوم بكتابة البرنامج وتنفيذه فعلياً علي جهاز الكمبيوتر وسنقوم بتكرار الخطوات الموجودة في مرحلة التخطيط ولكن سنقوم بها هذه المرة في برنامج السي شارب
1- تصميم واجهة المستخدم (design the user interface)
في هذه الخطوة سنقوم بوضع الكائنات التي تم تصميمها في المرحلة الاولي في البرنامج

2- تعريف الخصائص (plan the properties)
في هذا الخطوة سنقوم بتعريف الخصائص لكل كائن والتي سبق تحديدها في المرحلة السابقة
3- كتابة الكود(write Pseudcode)
في هذه الخطوة سنقوم بكتابة الكود الخاص بلغة السي شارب او ترجمة الخطوات التي سبق ان حددناه في المرحلة السابقة الي الكود الخص بلغة السي شارب

في الدرس القادم سنقوم بكتابة اول برنامج باستخدام لعة السي شارب.