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

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

بيئة الفيجول ستوديو
هي المكان التي تكتب وتتطور فيه تطبيقاتك , ومثل هذه البيئة تسمي (Integrated Development Environment IDE) او بيئة التطوير المتكاملة والتي تتكون من عدة ادوات منها Form Designer والتي تسمح لك بتصميم نوافذ و Editor او المحرر والذي يسمح لك بكتابة وتعديل الكود الخاص باللغة وCompiler والذي يسمح لك بترجمة الكود الي لغة يفهمها الجهاز وDebugger والذي يسمح لك بتحديد وتصحيح الاخطاء .
وفي النسخ السابقة من برنامج الفيجول ستوديو كانت لكل لغة برمجة بيئة التطوير الخاصة بها اما في اصدار الدوت نت اصبحت البيئة واحدة لكل لغات برمجة الدوت نت .
عند فتح برنامج الفيجول ستوديو ستجد صفحة البداية ومنها يمكنك فتح مشروع جديد او التعديل علي مشروع موجود مسبقاً . وعند اختيار مشروع جديد اضغط علي new project ومن القائمة اليسري اختر visual c# Projects واختر من القائمة اليمني windows application وستختار اسم للمشروع ومسار للمشروع , ومن ثم اضغط علي ok
new-project.jpg
عندها ستظهر امامك بيئة التطوير المتكاملة كما في الشكل التالي
the-program.jpg
وتتكون هذه الشاشة من
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)
في هذه الخطوة نقوم برسم واجهة البرنامج الذي سنقوم بتنفيذه ونقوم باضافة الادوات الي الفورم وكذلك اسم الفورم والادوات  , ولا تنسي ان هذه الرسوم ستقوم بها علي اي ورقة خارجية او برنامج لتصميم الرسوم مثل هذا الشكل التوضيحي
program-planning.jpg
2- تعريف الخصائص (Plan The Properties)
قم بتحديد الخصائص التي تنوي ان تضبطها او تغيرها لاي كائن في البرنامج
3- كتابة الكود (Write Pseudcode)
في هذه الخطوة ستقوم بكتابة الخطوات التي سينفذها البرنامج وفي هذه المرحلة لا نقوم بكتابة الكود الفعلي فمثلا الكود الذي سنكتبه عندما يضغط المستخدم علي  زر خروج هو انهاء البرنامج

المرحلة الثانية : البرمجة (programming)
في هذه المرحلة سنقوم بكتابة البرنامج وتنفيذه فعلياً علي جهاز الكمبيوتر وسنقوم بتكرار الخطوات الموجودة في مرحلة التخطيط ولكن سنقوم بها هذه المرة في برنامج السي شارب
1- تصميم واجهة المستخدم (design the user interface)
في هذه الخطوة سنقوم بوضع الكائنات التي تم تصميمها في المرحلة الاولي في البرنامج
program-programming.jpg
2- تعريف الخصائص (plan the properties)
في هذا الخطوة سنقوم بتعريف الخصائص لكل كائن والتي سبق تحديدها في المرحلة السابقة
3- كتابة الكود(write Pseudcode)
في هذه الخطوة سنقوم بكتابة الكود الخاص بلغة السي شارب او ترجمة الخطوات التي سبق ان حددناه في المرحلة السابقة الي الكود الخص بلغة السي شارب

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

10 تعليقات to “التعرف علي بيئة الفيجول ستوديو وكيفية تصميم وكتابة البرنامج”

  1. msayed2004 Says:

    الأحسن أنك تكمل الشرح عن الأصدارة 2005 , 2003 خلاص عصرها أنتهى , و بعدين ده الـ 2008 الرسمى على الأبواب.

  2. msayed2004 Says:

    أضافة : شكرا على الموضوع.

  3. sharqawi Says:

    اخي العزيز الفرق بين الاصدارات ليس فرق كبير , ونحن هنا لا نتحدث عن اصدار بعينه ولكننا نتحدث عن لغة السي شارب

  4. msayed2004 Says:

    بس فيه فعلا أضافات فى كل أصدار جديد , قد تكون قليلة فى العدد لكن أهميتها كبيرة.

  5. sherif98 Says:

    شكرا على الموضوع الجميل

  6. nitlogic.com - تصميم مواقع - استضافة مواقع Says:

    مشكور جدا جدا جدا

  7. ramy safawt raid wasley Says:

    thank you for youdo

  8. عبسي Says:

    مشكور أخوي و جزاك الله خير ..

    لكن ما يجوز تكتب ص بدلاً عن صلى الله عليه وسلم …

    حبيت أنبهك و أشكرك الله يجزاك خير …

  9. AMRHOBY Says:

    مشكوور جدا

  10. AMRHOBY Says:

    مشكووور جدا

أضف تعليقاً

إملأ الحقول أدناه بالمعلومات المناسبة أو إضغط على إحدى الأيقونات لتسجيل الدخول:

WordPress.com Logo

أنت تعلق بإستخدام حساب WordPress.com. تسجيل خروج   / تغيير )

صورة تويتر

أنت تعلق بإستخدام حساب Twitter. تسجيل خروج   / تغيير )

Facebook photo

أنت تعلق بإستخدام حساب Facebook. تسجيل خروج   / تغيير )

Google+ photo

أنت تعلق بإستخدام حساب Google+. تسجيل خروج   / تغيير )

Connecting to %s


%d مدونون معجبون بهذه: