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

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

بيئة الفيجول ستوديو
هي المكان التي تكتب وتتطور فيه تطبيقاتك , ومثل هذه البيئة تسمي (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)
في هذه الخطوة سنقوم بكتابة الكود الخاص بلغة السي شارب او ترجمة الخطوات التي سبق ان حددناه في المرحلة السابقة الي الكود الخص بلغة السي شارب

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

مقدمة لدورة برمجيات باستخدام السي شارب

تعتبر لغة السي شارب لغة جديدة قدمتها ميكروسوفت مع حزمة الفيجول ستودويو دوت نت وتجمع بين سهولة لغة الفيجول بيزك وقوة لغة الجافا وc++ . وتسمح هذه اللغة بتطوير تطبيقات للعمل في بيئة الويندوز ومستعرضات الويب بكل سهولة وتستهدف هذه الدورة المبتدئ والمحترف علي حد سواء ولا تتطلب الا المعرفة بنظام الويندوز والتعامل مع المتصفح.
مقدمة للبرمجة ولغة السي شارب
يوجد المئات من لغات البرمجة وكل لغة طورت لحل مشكلة معينة ومعظم اللغات التقليدية او القديمة مثل البيزك والكوبل والسي والفورتران والبسكال تعتبر لغات اجرائية Procedular Programming Languages مما يعني ان البرنامج المكتوب بهذه اللغات عبارة عن مجموعة من الاوامر التي تنفذ خطوة خطوة.
واللغات الجديدة مثل السي شارب دوت نت والفيجول بيزك دوت نت والجافا تعتبر لغات برمجة كائنية Object Orinted Programming Languages وسنرمز لها بالاختصار OOP وفيها ينقسم البرنامج الي وحدات تسمي الكائنات Objects وكل كائن عبارة عن مجموعة من الدوال .
وكخطوة تقف بين المرحلتين كانت هناك بعض اللغات التي توفر بعض عناصر OOP ولكن ليس اكملها مثل الفيجول بيزك6 لذلك سميت Event Driven Programming Languages
وفي لغة OOP لا يكتب المبرمج خطوات متتالية او متتابعة لينفذها البرنامج ولكن المستخدم له الحرية في فعل ما يشاء فيستطيع تحريك الماوس او الضغط علي مفتاح ما من لوحة المفاتيح او استخدام بعض الادوات الموجودة امامه علي الفورم , فكل فعل ينفذه المستخدم يؤدي بدوره الي حدث ينفذ مجموعة من الجمل البرمجية التي حددها المبرمج فمثلاً عندما تكتب برنامج يضغط فيه المستخدم زر ما وبدوره يقوم بتنفيذ بعض الخطوات التي حددتها مثل عرض رسالة ما علي الشاشة .
ومن خلال تعاملنا مع لغة السي شارب سنجد بعض المصطلحات التي تتكرر معنا ومنها الكائنات(Object) والتي لها خصائص(Properties) ودوال(Methods) واحداث(Events) وكل كائن مبني علي او جزء من الكلاس الخاص به (Class) وسنتعرف علي هذه المصطلحات
Objects
فكر في الكائن علي انه اسم فالفورم او الادوات التي نضعها علي الفورم تعتبر كائنات والفورم هو النافذة او مربع الحوار الذي نضعه علي الشاشة اما الادوات فهو اي شئ نضعه داخل الفورم واسمه Controls
Properties
هي الخصائص التي تتحم في الاوبجكت مثل الاسم واللون والموقع
Methods
الفعل الذي يرتبط بالكائن يسمي حدث مثل حدث اغلاق النافذة واظهارها وهكذا يتم تنفيذ الدالة وان شاء الله سنتعلم كيفية كتابة الدوال في الدروس القادمة ويتم الاشارة الي الدوال بالطريقة التالية Object.Mehod مثل ExitButton.Show
Events
يقع الحدث عندما يقوم المستخدم بفعل ما مثل الضغط علي الماوس او اغلاق نافذة فمن المعروف ان لكل فعل رد فعل ومن الممكن اعتبار الحدث هو رد الفعل لما يقوم به المستخدم
Classes
عبارة عن قالب لعمل الاوبحكت وتحتوي الكلاس علي تعريف لجميع الخصائص والدوال والاحداث فمثلا اذا اردت اضافة ثلاثة ازارر الي الفورم فكل زر مبني علي الكلاس الخاص بالزر ولكن يمكنك تغيير خصائص كل زر علي حده فيمكن ان تسمي زر خروج والاخر عرض والاخر التالي.

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