دورة الفيجوال (مقدمه) بيسكـ شرح مصور

[البرق سامي]

دورة الفيجوال (مقدمه) بيسكـ شرح مصور
التطبيقات على الرابط التالي
http://alhilalclub.com/vb/showthread.php?t=51719
بسم الله الرحمن الرحيم
كما وعدناكم نفي بوعدنا لكم ونتمنى أن يحوز هذا العمل على رضاكم

وقبل الشروع في هذه الدورة أعلموا أني لازلت مبتدء ولا أستغنى عن المساعدة فيما بيننا فاليد الواحده لا تصفق..

في البدايه نأخذ مقدمة سريعة عن البرنامج .. وأكيد راح يتساءل البعض عن كيفية إيجاد هذا البرنامج؟
أقول لك وبكل بساطه .. اذهب لأي محل كمبيوتر واطلب منه "فيجوال بيسك 6,0 "
بعشره ريالات....

الفيجوال بيسك لغة برمجة أطلقتها شركة ميكروسوفت ولكن يميزها عن باقي اللغات أنها أسهلهم برمجيا و أسهلهم لعمل شكل للبرنامج
(Easier Creating Inteface)
و هذه من أهم مميزات هذه اللغة و سنبدأ الآن بالشرح أولا :
- لفتح البرنامج :
من قائمة Start
نختار Programs
ثم Visaul Studio 6.0
ثم Visaul Basic 6.0

الشاشة الإفتتاحية :
أ-
أولا يظهر شعار للبرنامج ثم يختفي تلقائيا و يظهر لنا نافذة لإختيار نوع المشروع
الأنواع الرئسية :
EXE Standard
و هو النوع الذي عادة ما يستخدم لصنع برامج تنفيذية بامتداد exe
ِActive x DLL
و هو يستخدم لصنع ملفات بامتداد dll و لا يحتاج المستخدم لتشغيلها لكنها تعمل بأوامر معينة
Active X Control
و هي تعد أفضل ما في الإصدار 6,0 فأنت تستطيع إنشاء أدوات بامتداد *.ocx
و تقوم باستخدامها في برامجك و يمكنك بيعها كما تفعل الشركات الأجنبية

و في هذه الدروس سيكون النوع الذي نستخدمه هو EXE Standard
ب-عند الدخول على EXE Standard ستفتح لنا نافذة العمل design
و هي تتكون من :


1- tool box:
و هي التي توجد بها مجموعمة من الأدوات المرفقة مع الفيجوال بيسك مثل الزر و صندوق الصورة و سنشرحها بالتفصيل فيما بعد
2-Properties Window
ومن هذه النافذة نستطيع التحكم في خصائص الكائنات و الأدوات
3-Form
و هو شكل البرنامج و يكون داخل نافذة Project1
4-Project Explorer
و هي تتيح لك التنقل بين الفورمات المختلفة و الذهاب لنافذة البرمجة
5- Code Window
اضغط مفتاح F7ستر ىأن نافذة بيضاء قد ظهرت و هنا يتم كتابة الأوامر البرمجية
هكذا نكون قد انتهينا من مكونات شاشة فيجوال بيسك و سيلي فيما بعد شرح تفصيلي
لصندوق الأدوات أداة أداة ستقوم بشرحها إن شاء الله تعالى ..


تشغيل ‘ فيجول بيسيك ’ :

http://www.absoft2000.com/les1.files/image002.jpg



هنا شرح لأدوات البرنامج


http://www.vb-pro.net/lessons/3/d1.gif



1-المؤشر poniter وهذه الاداة تستخدم في نقل الاشياء وتحديدها وهذه الاداة غير غريبة عنا لانها تراه في معظم البرامج
2- العنوان label وهذه الاداه تتيح لك خاصية كتابة العنواين
3-الفريم frame1 وهي اداة تحديد سيأتي مجال الشرح عنها لاحقا
4-صندوق الاختيار check box وهي ليست غريبة علينا فهي تتيح لك اختيار اكثر من خيار في ان واحد
5- picture box وهذه الاداة تتيح لك عرض الصور من خلالها
6- اداة النص textbox وهي اداة جدا مفيدة اذ تتيح لك خاصية كتابة نص معين او تستطيع استخدامها كوسيلة ادخال للبرنامج وسيتم شرح كيفية استخدامها لاحقا
7-زر الامر command button وهذه تتيح لك تمرير الاوامر التي تريدها عبر البرنامج
8-صندوق الاختيار radio button وهذه الخاصية لا تسمح الا باختيار فقط خيار واحد .
9-combo box وسنأتي لشرحه لاحقا
10- listbox وسنأتي لشرحها لاحقا
11- timer المؤقت وهذه الاداة تسمح لك بعمل تغييرات في خلال وقت زمنى معين
12-drive box وهذه الاداة تتعامل مع محركات الاقراص الصلبة
13- folder list box وهذه الاداة تتعامل مع المجلدات
14- shape رسم اشكال
15- file list box وتتيح لك التعامل مع الملفات
16- line الخط رسم خط طوليا او عرضيا او قطريا

أكثر ما يهمنا من هذه الأدوات والتي أنصحكم بالتركيز عليها مبدئياً:
2 و 3 و6 و 7



هنا شرح واجهة الفيجوال بيسكـ

http://www.geocities.com/beauty_gril_000/5.gif

الصورة منقووله

وترقبوا الدروس القادمة "إن شاء الله"

أي سؤال أي استفسار قبل الشروووع

[almltahib]

اوجعت روسنا يخوي عدل موضوعك
خله يبداء من اليسار لليمين
عموما مشكور اخوي ((على ايش)) اهم شي مشكور يكفي انك نزلت موضوع

[البرق سامي]

هلا والله


هههههههه

والله حتى أنا استغربت


راح وقت تعديل المشاااركه لو فيه مشرف يعدله زين أكون من الشاكرين

ولا أنسى أن أشكرك على تواجدك أخي الملتهب

[M.Alkahtani]

يعطيك العافيه الغالي البرق سامي

[البرق سامي]

والله أحلى شبكة والله أحلى شبكه

يلوووومووووني

يسلموا على التعديل وأعدكم بالمزيد وأشكركم على التثبيت

شكراً mksa

[البرق سامي]

http://sami876.jeeran.com/Visual/vs.gif

التعرف على شاشات الفيجول بيسيك:
بداية وقبل كل شيء لابد أن نتعرف على شاشات الفيجول، لكي تسهل عملية التعامل معها فيما بعد:
عندما نفتح الفيجول بيسك ستظهر شاشة التحيه للحظات ثم تختفى ليظهر مربع الحوار التالى وهو يتيح لك إنشاء مشروع جديد New،
أو فتح مشروع موجود Existing، أو فتح مشروع تم عمله قريباً Recent.
http://www.al-ebda3.info/ib/imagesuploader/images/p1.JPG


الصورة السابقة منقوله من أحد المنتديات

لكن لدي البرنامج معرب وتظهر الصورة هكذا
http://sami876.jeeran.com/Visual/6.gif

سنختار مشروع قياسى Standerd EXE، ثم نضغط المفتاح Open، بعدها ستظهر لك شاشه الفيجول بيسك العاديه(شاشة بيئة التطوير)
والتى ستصبح مألوفة بالنسبه لك قريبا إن شاء الله. ومن هذه الشاشه تبدأ صناعة البرنامج:

http://www.al-ebda3.info/ib/imagesuploader/images/p2.JPG

والذي لديه البرنامج معرب يختار "تنفيذي قياسي" ثم اضغط موافق :
http://sami876.jeeran.com/Visual/7.gif

من المهم جداً أن نتعرف على محتويات الشاشة السابقة بالتفصيل، ولا تنزعج في البداية إذا وجدت الأمر صعباً ومعقداً، فسرعان ما ستعتاد على الأمر وسيكون ذلك من أسهل الأشياء بالنسبة إليك.

النموذج (الفورمة) Form:
وهى مساحة العمل الأساسيه، أو الواجهة الأساسية لبرنامجك والذي ستظهر للمستخدم عند تشغيل البرنامج.
http://sami876.jeeran.com/Visual/8.gif

شريط أدوات التحكم Toolbox:
ويحتوي هذا الشريط على الأدوات التي سنستخدمها في البرمجة، والأدوات هي عبارة عن الكائنات التي يمكن وضعها في النموذج والذي يتعامل المستخدم مع البرنامج من خلالها.
http://sami876.jeeran.com/Visual/9.gif

شاشة الخصائص Properties:
http://sami876.jeeran.com/Visual/10.gif

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

وأهم الخصائص الذي سنحتاجها حالياً:
الخاصية Name وتعني الاسم الخاص بالأداة، ولا يظهر هذا الاسم للمستخدم، وإنما يحتاجه فقط المبرمج.
الخاصية Caption وهي العنوان الذي سيظهر على الأداة للمستخدم.
الخاصية FontName وتعني نوع الخط.
الخاصية FontSize وتعني حجم الخط.
الخاصية ForeColor وتعني لون الخط.
الخاصية Top وتحدد مكان الأداة رأسياً.
الخاصية Left وتحدد مكان الأداة أفقياً.
الخاصية Hight وتعني طول الأداة.
الخاصية Width وتعني عرض الأداة.



الآن لنلق نظرة على البرنامج وشكله وقت التشغيل ... قم بالضغط على F5 ... ما الذي حدث ؟ لقد ظهر أمامك النموذج، ولكنه فارغ لا يحتوي
على أي شيء، فهل من الممكن أن يكون هذا برنامجاً ... بالطبع لا، إذن قم بإغلاقه ودعنا نبدأ في فهم فلسفة البرمجة باستخدام الفيجول بيسيك.

تعتمد البرمجة باستخدام الفيجول بيسيك على التفاعل مع المستخدم من خلال الأدوات والأحداث.. ما معنى هذا الكلام؟؟ لنفترض أننا نريد أن نضع في هذا النموذج الفارغ زراً، وعندما يضغط المستخدم على هذا الزر يتم كتابة (مرحباً) في النموذج .. هنا نكون قد تفاعلنا مع المستخدم عن طريق وضع الأداة وهي الزر في النموذج وأصبح من المتاح له أن يستخدم هذا الزر كما يريد، ثم تفاعلنا معه مرة أخرى عن طريق كتابة (مرحبا) عندما يتم حدث الضغط أو النقر على الزر.
هذا يعني أن الزر أداة .. وأن النقر على الزر حدث.

دعنا من ذلك الآن ولنبدأ في تصميم برنامجنا الأول مباشرة، وسيتضح الأمر بعد ذلك، وفي البداية لابد أن نعلم أن البرمجة تمر بثلاث مراحل أساسية وهي:

المرحلة الأولى: التخيل العام لشكل البرنامج.
وفيها نتصور شكل البرنامج بكل تفاصيله عندما يقوم المستخدم بتشغيله، ما الذي نريد أن يظهر للمستخدم؟ وماذا لو أن المستخم ضغط على هذا الزر أو اختار تلك الصورة أو مسح ذلك النص ؟ ما الذي سيحدث ؟ كل ذلك وغيره يجب تصوره جيداً قبل البدء في تصميم البرنامج.

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

المرحلة الثالثة: كتابة الكود الخاص للبرنامج.
وهي المرحلة الأخيرة، وفيها نضع الأكواد الخاصة بالأحداث، على سبيل المثال: عندما يحدث الضغط على الزر قم بكذا، وعندما يحدث أن تمر الماوس على الزر قم بكذا، وعندما يحدث اختيار المستخدم للصورة قم بكذا ... الخ.

انتهينا من الدرس الثاني

وسنتعلم في درسنا الثالث "تصميم البرنامج الأول"

((الشرح منقول بتصرف))
محبكم
البرق

[البرق سامي]

http://sami876.jeeran.com/Visual/p1.gif

نريد عمل برنامج يحتوي على زرين فقط [ترحيب - خروج]، وعندما يحدث الضغط Click على الزر الأول يقوم بكتابة (مرحباً) على النموذج،
وعندما نضغط على الزر الثاني يقوم بالخروج من البرنامج، وهذه هي المرحلة الأولى (التخطيط).

ولندخل في المرحلة الثانية مباشرة (التصميم): لذلك قم باختيار الأداة (Command Button)
http://sami876.jeeran.com/Visual/3.gif من نافذة الأدوات التي أشرنا إليها سابقاً،
وقم برسم زرين داخل النموذج، بحيث يبدو الشكل هكذا:

http://sami876.jeeran.com/Visual/11.gif

بعد ذلك يلزمنا ضبط الخصائص الخاصة بكل أدوات البرنامج، لذلك قم بالنقر على أي نقطة في النموذج ثم اذهب إلى شاشة الخصائص
لضبط خصائص النموذج،
أولاً: وهي خاصية الـ Caption (عنوان النموذج) وسنغيرها إلى
"تطبيق الدرس الأول" .. شاهد الصورة:

http://sami876.jeeran.com/Visual/13.gif

http://sami876.jeeran.com/Visual/14.gif

http://sami876.jeeran.com/Visual/15.gif



لننتقل الآن إلى الأداة Command1 وهي أداة الزر الأول، ولنقم بتغيير خصائصها كالتالي: الخاصية Caption (عنوان الزر)
غيرها إلى "ترحيب"
- الخاصية Font غيرها إلى خط Tahoma حجمه 14
- الخاصية Hight (الطول) إلى 700 - الخاصية Width إلى 1500.


ثم لنقم بتغيير خصائص الأداة Command2 كالتالي: الخاصية Caption (عنوان الزر) غيرها إلى "خروج"
- الخاصية Font غيرها إلى خط Tahoma حجمه 14
- الخاصية Hight (الطول) إلى 700 - الخاصية Width (العرض) إلى 1500.

هنا تظهر التغيرات السابقة:
http://sami876.jeeran.com/Visual/16.gif


وانتبه لابد من تحديد الأداءة قبل تنفيذها.......

وبذلك نكون قد انتهينا من المرحلة الثانية وهي التصميم وبقيت المرحلة الأخيرة وهي: (كتابة الكود).
أولاً لإظهار شاشة الكود نضغط على الزر الأول مرتين (اللي هو "ترحيب")
ستظهر لك الشاشة التالية:

http://sami876.jeeran.com/Visual/12.gif

كما ترى يوجد سطران مكتوبان، لا تهتم لهما كثيراً، كل ما يهمنا هو كتابة الكود وسط هذين السطرين، وإليك الكود:
"مرحباً" Print


الآن نفذ نفس الخطوات من جديد بالنسبة للزر الآخر Command2 والخاص بالخروج، وقم بكتابة هذا الكود في داخله:
End

ملحوظه مهمة:
لابد أن نكتب الكود بين السطرين

نضغط دبل كليك على زر ترحيب


Private Sub Command1_Click()
هنا يتم كتابة الكود
End Sub

نكتب بدل "هنا يتم كتابة الكود"
نكتب Print
ثم نضغط مسافه ونحول مؤشر الكتابة إلى العربي ونكتب
"مرحبا"

أو انسخي ما يلي وقومي بلصقه بين السطرين:
Print "مرحبا"

هذا الزر الأول ترحيب

الزر الثاني خروج نضع بين السطرين هالكود .. سهل جداً
end

فيصبح منظر الكود كاملاً هكذا:

Private Sub Command2_Click()
End
End Sub

وبذلك نكون قد أنهينا المرحلة الأخيرة من البرنامج، وأصبح البرنامج جاهزاً للاستخدام، كل ما عليك هو الاسترخاء، والضغط على F5
وسيظهر لك البرنامج كما قمت بعمله، وأنت غير مقيد بما ذكرناه في السابق من ناحية التصميم، فالأمر عائد إلى ذوقك أولاً وأخيراً ...

خلاصة الدرس السابق:
تعرفنا في الدرس السابق على برنامج الفيجول بيسيك بشكل عام، وعلى النوافذ التي يتضمنها، وتعرفنا أيضاً على المراحل التي تتم بها البرمجة،
وهي كما عرفنا ثلاث مراحل [تخطيط - تصميم - كتابة كود]، وقمنا بتطبيق هذه المراحل في عمل برنامج صغير ...
وكان هذا هو أهم ما تطرقنا إليه في الدرس السابق.
** ولحفظ البرنامج:
هناك طريقتان:
الأولى: أن نضغط ملف ثم نختار منه الإيقونه السادسة "حفظ المشروع بإسم" وفائدة هذا الحفظ أن تستطيع تعديل البرنامج لاحقاً
مثل الفوتوشوب يوم تجي تحفظه بصيغة pdf حتى تتمكن من تعديله..

الثانية: هي أن تقوم بحفظه بصيغة exe ... ولكن لا تستطيع تعديله لاحقاً ..
وذلك أن تذهب إلى ملف وتختار الخيار رقم 13

جربوا الطريقتين وأنصحكم أن تحفظوا بالطريقة الأولى ولا مانع من الثانية حتى تستطيعوا إدراجها هنا كتطبيق..


أرجو من الجميع إدراج تطبيقاااتهم ..

أي اقتراح رأي ملاحظه .. عندك وجهة نظر على الشرح أرجو ثم أرجو طرحها

محبكم
البرق سامي

[M.Alkahtani]

الغالي البرق سامي
جهد رائع ربي يعطيك العافية

لفت نظري Private Sub
كلمة Private في كثير من لغات البرمجة (خصوصاً في تطبيقات ال ADT) تدل على أن هذا الكود لا يسمح أستخدامه في برنامج العميل أونما يستخدم في برنامج ال Abstracte Data Type

هل يدل على نفس الشيء في فيجول بيسك؟

[البرق سامي]

أهلاً بك أخي mksa

ومشكور على مشاركتك

وبالنسبة لي Private Sub

لا علم لي به للأسف والله

[البرق سامي]

سنذكر الآن أهم الخصائص والتي نجدها في معظم الأدوات:

خاصية الاسم
ويرمز إليها البرنامج بي Name:
وهي خاصية تحدد اسماً رمزياً للاداة، ولا يمثل هذا الاسم أهمية بالنسبة للمستخدم، بل إنه لا يستطيع معرفته أصلاً، ولكنه يمثل أهمية كبيرة بالنسبة للمبرمج حيث أنه لا يستطيع التعامل مع الأداة إلا من خلال اسمها هذا، وسنستخدم هذا الاسم كثيراً ولكن في المرحلة الثالثة وهي مرحلة كتابة الكود.
وعندما نقوم برسم الأداة في النموذج فإنها تأخذ اسماً افتراضياً، على سبيل المثال عندما نقوم برسم أداة عنوان فإنها ستأخذ الاسم Lable1، وإذا رسمنا أداة عنوان أخرى فإنها ستأخذ الاسم Lable2، وكذلك الحال بالنسبة لباقي الأدوات، ومن الأفضل تغيير هذا الاسم الافتراضي باسم آخر بحيث يميز الأداة، مثلاً إذا كان لدينا ثلاث أزرار [نسخ] و [قص] و[لصق] فإنها ستأخذ الأسماء Commadn1، Command2، Command3، ويمكن مع تشعب البرنامج وضخامته أن تمثل هذه الأسماء مشكلة فنحن لا نعرف هل هذا الاسم خاص بزر النسخ أو اللصق أو القص ... وخروجاً من هذه المشاكل فإننا نقوم بتغيير أسمائها مثلاً: نسمي زر النسخ CmdCopy، وزر القص CmdCut، وزر اللصق CmdPaste، وفي هذه الأسماء استخدمنا الأحرف الثلاثة الأول Cmd للإشارة إلى أن هذه الأداة أداة زر ( اختصاراً لكلمة CommandButton ) ثم بعدها كتبنا كلمة تدل على وظيفة هذه الأداة ليسهل الرجوع إليها فيما بعد ... أخيراً: يشترط في هذا الاسم أن لا يكون رقما، وأن لا يكون أكثر من أربعين حرفا.


خاصية العنوان
ويرمز إليها البرنامج بيCaption:ونعني بهذه الخاصية العنوان الذي سيظهر للمستخدم فوق الأداة، وهذه الخاصية تختلف عن خاصية الاسم، حيث أن هذه الخاصية تهم المستخدم أكثر فهو يعرف بها وظيفة الأداة، ولكنها بالنسبة للمبرمج مجرد عنوان للأداة فقط، ولا دخل له بالنواحي البرمجية، بخلاف الاسم فهو الأهم بالنسبة للمبرمج.


خاصية من اليمين إلى اليسار
ويرمز إليها البرنامج بي Right to Left:ونجد هذه الخاصية أكثر في الأدوات التي تتعامل مع النصوص، وهي تحدد اتجاه الكتابة هل هو من اليسار إلى اليمين أومن اليمين إلى اليسار؟ وتكون القيمة الافترضية من اليسار إلى اليمين ويمكنك التغيير كما تشاء ... في هذا الصدد نذكر خاصية أخرى وهي خاصية المحاذاة Alignment وهي تقوم بمحاذاة النص داخل الأداة، والقيمة 0 تعني المحاذاة إلى اليسار، والقيمة 1 تعني المحاذاة إلى اليمين، والقيمة 2 تعني توسيط النص.


خصائص خط الكتابة
ويرمز إليها البرنامج بي Font:وفيها نحدد نوع الخط، وحجمه، وتخانته، وميله، وتسطيره.


خصائص الألوان:
خاصية لون الخلفية BackColor وتحدد لون الخلفية للأداة ...
خاصية لون الخط ForeColor وتحدد لون الخط ...


خاصية شكل المؤشر
ويرمز إليها البرنامج بي MousePointer:كما تعرف فإن مؤشر الماوس عادة ما يأخذ رمز السهم المتجه إلى أعلى اليسار، ويتيح لك الفيجول بيسيك تغيير شكل المؤشر من هذا الشكل التقليدي إلى أي شكل آخر ترغب فيه وذلك من خلال هذه الخاصية ... فبعد تغييرها تجد أن مؤشر الماوس يتغير عند مرورك على الأداة التي غيرت فيها هذه الخاصية.


خاصية التمكين
ويرمز إليها البرنامج بي Enabled:وهي خاصية تحدد ما إذا كان المستخدم يستطيع استخدام الأداة أو لا، فإذا كانت تساوي True فهذا يعني أن المستخدم يمكنه التعامل مع الأداة، وإذا كانت تساوي False فإن الأداة تظهر باهتة اللون، ولن يتمكن المستخدم من التعامل معها ... وسيتضح ذلك أكثر بالتجربة ... جرب ان تدرج أداتي زر، واجعل خاصية الـ Enabled لأحدهما True، وللأخرى False، ثم اضغط على F5 وانظر الفرق ...


خاصية الظهور
ويرمز إليها البرنامج بي Visible:
وهي خاصية تتحكم في ظهور الأداة أو إخفائها، فإذا كانت تساوي True فهذا يعني أن الأداة ستظهر وقت تنفيذ البرنامج، وإذا كانت تساوي False فهذا يعني أنها لن تظهر.


خصائص الحجم
ويرمز إليها البرنامج بي Hight, Width:
ومن خلالهما نحدد طول الأداة وعرضها.


خصائص الموقع
ويرمز إليها البرنامج بي Top, Left:
ومن خلالهما نحدد موقع الأداة رأسياً وأفقياً.


خاصية التلميح
ويرمز إليها البرنامج بي ToolTipText:
ونكتب في هذه الخاصية النص الذي نريده أن يظهر كتلميح عند تثبيت الماوس على أداة ما.


- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -


+ لا يمكنك فهم هذه الخصائص فهماً جيداً بدون التجربة، لذلك قم بتجربتها كلها لكي ترسخ المعلومة في ذهنك.

[محمد عواض]

ألف شكر على هذا الجهد..........

[البرق سامي]

تسلم يا غالي

أشكرك أخي محمد عواض

[M.Alkahtani]

يعطيك الف عافية الغالي البرق سامي

[البرق سامي]

في البداية تمنيت أن أجد تطبيقاتكم على الدرس الثالث.. لكن مو مشكله
أكيد ظروف .. لكن أخشى أن لا يكون الشرح مناسب أو غير مفهوم؟
قبل نبداء في الدرس الخامس نقول لكم المتعة ستبداء من الدرس السادس .. فقط اجعل الدروس عندكم في الأرشيف للرجوع إليها وقت الحاجة

الدرس الخامس

+++ الخصائص السابقة في الدرس الرابع هي خصائص مشتركة، أي أن معظم الأدوات تشترك فيها، ولكن مما لا شك فيه
أن كل أداة تنفرد عن الأخرى في بعض الخصائص، وسنأخذ الآن بعض هذه الأدوات كالتالي:

1. أداة النموذج Form:
أهم أدوات البرمجة، وهي واجهة البرنامج والتي نضع في داخلها باقي الأدوات الأخرى، وفي الغالب الأعم لابد أن يحتوي البرنامج على واجهة واحدة على الأقل:

http://sami876.jeeran.com/Visual/8.gif

خاصية أيقونات التحكم http://www.al-ebda3.info/ib/imagesuploader/images/EX25.jpg
وهي خاصية تتحكم في ظهور أيقونات التحكم في أعلى النموذج وهي :
1ــ الإغلاق
2ــ التكبير ويرمز لها البرنامج MAXButton
3ــ التصغير ويرمز لها البرنامج MinButton
4ــ الرمز (إيقونة البرنامج) ويرمز لها البرنامج Icon

ــــــــــــــــــــــــــــــــــــــــــ
خاصية موضع النموذج عند التشغيل StartUpPosition:
ويمكن من خلال هذه الخاصية تحديد موقع النموذج عند بدء تشغيل البرنامج.

خاصية حالة الواجهة WindowState:
وتحدد هذه الخاصية شكل الواجهة عند بدء تشغيل البرنامج وهل تظهر في في الحجم العادي Normal Size، أو تظهر في أكبر حجم Maximized، أو في أصغر حجم Minimized.
=============================
2. أداة الزر CommandButton:
أداة معروفة، وتُستخدم بكثرة، وهي أداة الزر http://sami876.jeeran.com/Visual/3.jpg وأهم خصائصها:

خاصية الشكل Style:
ويمكن الاختيار ما بين قياسي Standerd وهو الشكل واللون الطبيعي للأزرار، أو رسومي Graphical وعند اختياره يمكنك التغيير في لون الزر كيفما تشاء.

خاصية الافتراضي Default:
وتحدد الزر الافتراضي الذي يقع عليه التركيز عندما لا يكون التركيز على أي أداة أخرى.

خاصية الخروج Cancel:
وعندما تكون قيمة هذه الخاصية True فهذا يعني أننا لو ضغطنا على زر الخروج Esc من لوحة المفاتيح فكأننا نقرنا على هذا الزر بالماوس.
=============================
3. أداة العنوان Lable:
http://members.lycos.co.uk/albrgvip/php/pic/ddrr.gif
وهي أداة تستخدم لكتابة النصوص على الشاشة ويرمز لها البرنامج بي ( A )
، وأهم خصائصها:

خاصية الحجم التلقائي AutoSize:
وتقوم بتحديد حجم الأداة على قدر الكلام الموجود بها فقط.
=============================
4. أداة مربع النص TextBox:
وهي أداة تسمح للمستخدم بكتابة نص بداخلها ، وأهم خصائصها:
http://sami876.jeeran.com/Visual/4.gif
خاصية القفل Locked:
وعندما تكون True فإنها لا تسمح للمستخدم بكتابة أي نصوص داخل هذه الأداة.


خاصية طول النص MaxLength:
ونحدد بواسطتها عدد الحروف التي يمكن كتابتها داخل الأداة.


خاصية تعدد الأسطر MultiLine:
وتحدد إمكانية تعدد الأسطر داخل الأداة من عدمه.


خاصية التشفير PasswordChar:
لجعل النص المدخل مشفراً مثل كلمات السر.


خاصية النص Text:
وتحتوي هذه الخاصية على النص الموجود داخل الأداة.
=============================
5. أداة الصورة Picture Control:
http://sami876.jeeran.com/Visual/5.gif
أداة يمكن من خلالها عرض صورة ، وأهم خصائصها:

خاصية الصورة Picture:
وفيها نختار ملف الصورة الذي نريد عرضه في الأداة.

=============================

تقريباً انتهينا من النظري وأنا لم أعطكم إلا القليل وهو انطباع عام عن البرنامج..

وسنبداء بشرح كيفية تصميم البرامج التالية:
برنامج جمع
برنامج حاسبه (جمع طرح ضرب قسمه)
برنامج حساب مساحة مستطيل
برنامج حساب مساحة مثلث


تقريباً هذه حتى نتعلم مبدئياً ... ولا تعتقدون أنها صعبه بالعكس سهلة جداً

ما رأيكم ما ملاحظاتكم .. هل تقترحون شيء .. هل تريدون أن نتوقف !!؟؟!!؟؟

هنا شرح الدرس الخامس في ملف واحد
حمل .. محبكم البرق (http://forum.ma3ali.net/uploadjss/14096_dvb5.rar)

محبكم في الله
البرق

[M.Alkahtani]

ما زلنا ننتظر على أحر من الجمر شرح البرامج الغالي البرق سامي

[البرق سامي]

أهلاً بك أخي mksa

وإن شاء الله في الطريق
======================
نشرح اليوم طريقة حفظ عملنا

في البداية نفتح برنامج الفيجوال بيسكـ ونتابع الشرح

http://members.lycos.co.uk/albrgvip/php/pic/sav.gif

http://members.lycos.co.uk/albrgvip/php/pic/sav1.gif

http://members.lycos.co.uk/albrgvip/php/pic/sav2.gif

http://members.lycos.co.uk/albrgvip/php/pic/sav3.gif

وهنا مثال على الحفظ بهذه الطريقة
http://members.lycos.co.uk/albrgvip/php/pic/angr.gif (http://forum.ma3ali.net/uploadjss/14096_1sami.rar)

http://members.lycos.co.uk/albrgvip/php/pic/sav4.gif

وهنا مثال على الحفظ بهذه الطريقة
http://members.lycos.co.uk/albrgvip/php/pic/angr.gif (http://forum.ma3ali.net/uploadjss/14096_2sami.rar)

[مقدور]

الله يعطيك العاافية يا البرق

وبانتظااار شرح البرااامج زي ما قااال اخووي mksa

تحياتي لك
وتسلم على جهوودك :)

[البرق سامي]

هلا بك أخي مقدور .. وأشكر لك تواجدك

وحاااضرين إن شاء الله

أخي mksa

لم استطع فتح الرساله الخاصه ... أتوفع لازم عدد المشاركات يكون أكثر من 34 مشان افتحها .. صح؟؟

[M.Alkahtani]

الغالي البرق سامي

أنت ملغي خاصية أستقبال الرسائل ( راح للوحة التحكم و فعلها)

[البرق سامي]

أهلاً بك

لقيتها مفعله ...

وحينما أذهب لقراءة الرساله

يجين كذا:
Could not find phrase 'nbpostpm'.

[M.Alkahtani]

فعلاً الرسائل الخاصة موقفه للأعضاء اللي مشاركاتهم أقل من 50

قصدي
أنت ملغي خاصية أستقبال الرسائل ( راح للوحة التحكم و فعلها)
اللي هو البريد لأني أبغى أرسل لك الرسالة على البريد

[البرق سامي]

أبشر والله أفعلها ...

بس وضح لي عنوان الرساله لأني ما افتح أي رساله..

مشكور أخي mksa

[M.Alkahtani]

وصلتك الرسالة عنوانها عنوان موضوعك :)

[البرق سامي]

السلام عليكم

أهلاً أخي mksa

قراءت الرساله .. والله يسلمك ...

وجميل جداً .. اقتراح راائع

وإن شاء الله الدرس القادم أضعه في موضوع جديد

المعذرة إذا تأخرت عليك .. أيام المدرسه لا استطيع الدخول إلا نهاية الاسبوع فقط.

شكراً لك