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

[البرق]

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

بسم الله الرحمن الرحيم

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

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

في البدايه نأخذ مقدمة سريعة عن البرنامج .. وأكيد راح يتساءل البعض عن كيفية إيجاد هذا البرنامج؟
أقول لك وبكل بساطه .. اذهب لأي محل كمبيوتر واطلب منه "فيجوال بيسك 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

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

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

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

[مستغرب]

رائع جدا أخي البرق

يعطيك العافيه

[البرق]

الله يعافيك أخي مستغرب

صراحه أشكرك على تواجدك

بارك الله فيك

====

أين الأعضاء هل تريدون الاستمرار في الدورة ... نريد لكم الاستفادة فقط


وفقكم الله ,,

[ابو فيصل]

أخي البرق أرجوا متابعة الشرح

وسوف تجد جميع المهتمين هنا

[فريق أول]

أين الأعضاء هل تريدون الاستمرار في الدورة ... نريد لكم الاستفادة فقط

استمر يا جعلك تعرس ..

مُتــابع لإبداعاتكـ ..

وعسى الله لا يحرمنا منكـ

[البرق]

يكفيني تواجدكما ( بو فيصل ــ فريق أول )

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

وسأشرع في طرح الدرس الثاني

لا أنسى أن أشكركم على تثبيت الموضوع بارك الله فيكم

محبكم
البرق

[البرق]

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://www.dannh.com/vb/images/smilies/85.gif
هنا الدرس الثالث
http://www.dannh.com/vb/images/smilies/85.gif




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

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


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

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

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

[مجنون الحروف]

والله وناسة
حاولت اتعلم عن طريق الكتب
لاكن بلا جدوى
بكرا برنامج
الفيجول بالجهاز
شيكر

[البرق]

هلا والله بمجنون الحروف "محمد الحسن"

يسرني تواجدك .. وبإذن الله حتتعلم

أرق تحيه

[البرق]

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

خاصية الاسم
ويرمز إليها البرنامج بي 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:
ونكتب في هذه الخاصية النص الذي نريده أن يظهر كتلميح عند تثبيت الماوس على أداة ما.


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


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

[البرق]

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

الدرس الخامس

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

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.gif وأهم خصائصها:

خاصية الشكل 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)

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

[اهم 1]

ماشاء الله تبارك الله

حقيقه يا استاذ سامي مدري وش اقول لك

حتى كلمة مشكور ماتوفيك حقك في هذا الجهد الجبار

لكن ماعندي غيرها الف مليون شكرا على هذا الجهد الجبار

جزاك الله الف خير وماقصرت

تحياتي وتقديري لك

[البرق]

أهلاً بك ودوماً أسعد بإطلاتك .. والله يديم المحبه

شكراً لك يا غالي

[مستغرب]

يا مال العافيه سامي

ونحن نتعلم ونرجوا ان تواصل

[البرق]

الله يسلمك أخي مستغرب وباااارك الله فيك

نريدك تشاركنا

والله متشووق أتعلم منك يا غالي

[مستغرب]

هلا والله بأخوي سامي

نحن من يتعلم منكم أخي

وأبشر باللي يفزع معك

لكن كمل الدوروس وانا عندي أمثلة كثيرة للفيجوال .. لكن بعد ما يفهم الأعضاء اساسيات البرمجه

[موت & ميلاد]

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


أنا من اشد المتابعين معك في هذه الدورة

استمر يااستاذنا في طرح الدروس .. ونحن علينا التطبيق



الله يعطيك العافيه

[البرق]

هلا مستغرب وجزاك الله خير نحن في شوق للأمثلة ... فالبرمجه مثيرة ومدهشة

أهلاً مووووت ميلاد ونتمنى لكم المتعة والفائدة



نشرح اليوم طريقة حفظ عملنا

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

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)

[ohas8]

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

[البرق]

وحده وبررررركه يا
ohas8

وتسلم على مرووورك

وإن شاء الله الدرس القادم راااائع

[البرق]

السلام عليكم ورحمة الله وبركاته

هنا الدرس السابع من دروس الفيجوال بيسك "شرح تصميم برنامج لجمع رقمين"
http://www.qassimy.com/vb/showthread.php?p=327774#post327774

[العاذريه]

ماشاءالله تبارك الله
وش هالزين يامال الغنيمه
بس بدري علي على هالبرنامج!!
ولي عودة بأذن الله..

[العاذريه]

ماشاءالله تبارك الله
وش هالزين يامال الغنيمه
بس بدري علي على هالبرنامج!!
ولي عودة بأذن الله..

[ابن القصيم]

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


والله انك رائع ونطمع بالمزيد من الدروس


وتقبل تحياتي .......................................

[ابن القصيم]

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


والله انك رائع ونطمع بالمزيد من الدروس


وتقبل تحياتي .......................................

[المسلمه]

جزاك الله خير
الله يجزاك الفردوس الاعلى
جزاك الله خير
الله يجزاك الفردوس الاعلى

[البرق]

أهلاً بك أخي ابن القصيم

وإن شاء الله نستمر في طرح الدروس

[البرق]

الله يسمع منك يا رب يا أم أنس

وجزاكي الله خيراً

[البرق]

العاذرية أهلاً بك .. وأشكر لك الرد

[Ahmed Ezzat 24]

أخى الكريم هل لى بوصلة تحميل البرنامج حتى يمكننى تطبيق

شرحك الذى شجعنى لسلاسته على التعلم .

بارك الله فيك أخى الكريم .

أخوك : أحمد عزت .

[البرق]

أهلاً بك أخي الكريم

سأحاول البحث عنه .. ويا مرحباااا

[Ahmed Ezzat 24]

فى أنتظارك أخى الكريم

[البرق]

أهلاً بك

لقد كتبت رداً ولا أدري هل تم أو لا .. لكن سأعيده

بحثت عن الوصله ولم أجد أي وصلة تعمل .. وبعض الوصلات التي تعمل عندما تحمل البرنامج في جهازك

لا يشتغل يجي erro .. فانصحك أخي بإقتناء البرنامج من أحد محلات الكمبيوتر

وشكراً

[البرق]

السلام عليكم

شوف جرب تحمله من هنا
http://www.alnamer.net/download/pafiledb.php?action=file&id=121

[qs_man]

جزاك الله خير


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

[ابوفهيد]

بسم الله الرحمن الرحيم


السلام عليكم ورحمة الله وبركاته


الله يعطيك العافيه

[البرق]

يا هلا وغلا بالكل

[wsem]

شكرا ..تسلم

[سيف العداله]

الله يعطيك العافية

وتشكرات كثيرات

[أم أديم]

الله يعطيك العافيه


ماقصرت


لاعدمناك

[البرق]

أهلاً بكم



وأسعدني تواجدكم

[hytham]

بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
جزاك الله خيراً

[hytham]

بسم الله الرحمن الرحيم

[hytham]

صلى الله عليه وسلم

[hytham]

أسفرت وأنورت بمقدمك دارنا ,, . . المتعة و الفائدة عنواننا فمرحباً بك بيننا .. (q72)

[hytham]

مساء الخير والأحساس والطيبه

[hytham]

هلااا و غلااا (q72)

[hytham]

شكراً على هذه المشاركة

[البرق]

هلا فيك يا حاتم

[المجتهــد]

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

والله يعطيك العافية على هالـــــــــدورة الرائعة........

[سفير المعاقين]

الله يعطيكم العافيه

[البرق]

هلا فيكـ أنا ابن جلا

اقتراح جيد .. أبشر أخوي

[البرق]

العفو أخي فالح الهاجري

[المجتهــد]

أخوي البرق......
إذا جيت أثبت البرنامج يطلب رقم سيريال.......
أتمنى لو تضعه.....
تحياتي....

[البرق]

أخي أسد الدين

حياك الله


تفضل:
111111

أو
111111111


المهم أنه كلها رقم واحد:
1


محبتي
البرق

[قصيميه22]

بصراحه .....ماقصرت يالبرق

جزاك الله الف خير

ويعطيك العافيه

[البرق]

الله يسلمكـ ويبارك فيكي

[المجتهــد]

البرق ننتظر ملف الوورد....

الله يعطيك العافية......

[البرق]

يا هلا فيكـ أخي أسد الدين

للجميييييييع:
http://www.qassimy.com/vb/showthread.php?p=953741#post953741

هذا أفضل وأسهل وأكثر ترتيباً وتنظيماً من الوورد

محبكم
البرق

[المجتهــد]

ألف شكر يالغالي......

[البرق]

حياك الله أخي الكريم

[sagar2009]

رائع جدا يالبرق شرح واف واسلوب شيق ودراية كاملة وفقك الله وحفظك وجعل ما تقوم به في ميزان حسناتك

[البرق]

هلا بك صقر

أشكر لكـ كلماتك يا غالي

[محب قصيمي نت]

http://www.qassimy.com/vb/upk/mo7bqassimy.gif

[البرق]

أهلاً بكـ :)

[المشااااكس]

بسم الله الرحمن الرحيم

:::مشكوووور حاولت افهمه لكن صعب:::
http://smileys.smileycentral.com/cat/23/23_30_126.gif (http://www.smileycentral.com/?partner=ZSzeb001_ZNxpt173YYSA)

[البرق]

العفو .. يا هلا

[#هجير#]

مشكور اخوي :)

[الكتالوني]

الله يعطيك العافيه

[البرق]

العفو هلا بكم

[ابوطاهر]

مشكووور اخوي البرق على الشرح ان شاء الله تعم الفائدده على الجميع
مشكووووور اخوي

[البرق]

حياكـ الله

[sms990]

http://www.9m.com/upload/5-11-2006/0.3796301162725624.jpg

[البرق]

وفيكـ باركـ أخي الكريم

[كاتم الونة]

بارك الله فيك .. ونفع بك


وجزاك الله خيرا.

[البرق]

العفو أخي كاتم الوانه

[البرق]

السلام عليكم ورحمة الله وبركاته

[دروس الفيجوال بيسك للمبتدئين ـ بالصورـ ] في [كتاب الكتروني]


هذه دروس قمت بإعدادها وشرحها على مدار أشهر .. وقد فكرت بأن أضعها كلها في (كتاب واحد يحوي جميع هذه الدروس)

ليسهل على الجميع متابعتها ولضمان عدم ظهور الصور.

وقد أخذ مني جمعها في كتاب واحد مدة أسبوعين.

لكم صافي الود من اخوكم البرق.

صورة للكتاب:
http://www.barrq.net/sami/8.GIF

رابط الكتاب:
حملته مرتين :) مراعاة لعدم حذفه مجدداً
http://www.barrq.net/sami/v.zip
أو
http://www.barrq.com/p/vi/Visual.zip
حجمه: 1.34 ميقا

لا يوجد كلمة مرور على الكتاب , تمنياتي لكم بالتوفيق

وترقبوا [كتاب شروحات الفيجوال بيسكـ 2 ]
الذي سيحوي الدروس التالية:
ــ تصمـــــــــــــيم آلة حاسبه مصغــــــــــــره.
ــ قواعد البيانات وعلاقتها بالفيجوال بيسكـ.
ــ تصمـيم برنامج كامل مـــــع قاعدة بيانات.
ــ توضيحات هامه وشرح مشكلة قواعد البيانات.
ــ تصميم برنامج دليل التليفون.
ــ شروحات عامه ومنوعه رائعه.

محبكم
البرق

[سمي الظبي]

مرحبا ممكن سؤال صغنننن
كيف ادخل صةت على الفيجول اقصد على الفورم بحيث ماشغل البرنامج يشتغل معاه الصوت طول الوقت
وشكرا:)
http://www.qassimy.com/vb/http://www.lahdah.com/up/uploads99/lahdah-1792165735.jpg (http://www.lahdah.com/up)

[غادة الجنوب]

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

[... بنت الجنوب ...]

http://www.alganasah.com/test/up/ar/hghgghg.gif

[البرق]

الله يعافيكم

[فروووحه]

الله يعطيك العافيه

[سلام الشاعر]

اشكرك على الدروس الجميله والشرح الرائع ولكن الصور لا تظهر في بعض الدروس
أرجو حل هذه المشكلة

[آنسه ريلاكس]

الف شكر اخوي ويعطيك ربي الف عافيه
لاني داخله قسم حاسب ومواجهه نوعا ما صعوبه بالفيجول بس ماقصرت
يحفظك ربي واصل