[أسامة فتحي]

إخوتي أعضاء منتدانا الغالي أوتما

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

سأبدأ باسم الله عز وجل بشرح طريقتي في عرض الدروس وهي كالتالي:

سيتكون درسنا من ثلاثة أقسام:
القسم الأول : الشــرح
القسم الثاني: أسئلة وأجوبة
القسم الثالث: الواجب

وسيتم طرح درس أسبوعياً يوم الخميس أو قبله إن توفر الوقت بمشيئة الله
وسيتم وضع بعض المعلومات البسيطة بين كل درس ودرس
وسيتم استقبال الأسئلة في الموضوع وأتمنى من المشرفين المساعدة والمبادرة معي في حلها

وتقبلوا خالص تحياتي:

هذه المشاركة حررت بواسطة : أسامة فتحي: 07 October 2008 - 02:14 AM

[Saad AL.Moosa]

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

[أسامة فتحي]

الدرس الرابع : البداية في انشاء البرامج

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

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

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

انشاء البرنامج الأول:

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

ندخل الآن إلى مرحلة التصميم:
أولاً: نذهب إلى خصائص النموذج 'form'
ونقوم بتغيير الخصائص كما يلي:
Caption ---- البرنامج الأول
Back Color ---- اللون الذي يعجبك
Right ToLeft ---- True
Hight ---- 3500
width ---- 4700
Left ---- 4500
Top ---- 3200

ثانياً: نذهب إلى خصائص الزر الأول (Command1)
ونقوم بالتغييرات التالية:
Caption ---- ترحيب
(font)
Font: Andalus
Size: 18
Hight ---- 500
Width ---- 1100
Left ---- 3200
Top ---- 2160
Style ---- 1.Graphical
Back color ---- اللون الذي تفضله

ثالثاً: نذهب إلى خصائص الزر الثاني (Command2)
ونقوم بتغيير الآتي:
Caption ---- خروج
(Font):
Font: Times New Roman
Size: 14
Hight ---- 500
Width ---- 1100
Left ---- 270
Top ---- 2160
Style ---- 1.Graphical
Back color ---- اللون الذي تفضله

بهذا نكون قد انتهينا للتو من مرحلة التصميم

ونبدأ بمرحلة كتابة الكود:
نضغط دبل كليك على الزر الأول فتظهر هذه الصورة

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

قائمة الأحداث:

اقتباس

حدث النقر Click ويقع عندما ينقر المستخدم على الأداة.
حدث النقر المزدوج DblClick ويقع عندما ينقر المستخدم على الأداة نقراً مزدوجاً.
حدث المرور بالماوس MouseMove ويقع عندما يمر المستخدم بمؤشر الماوس على الأداة.
زر الماوس إلى أسفل MouseDown ويقع عندما أثناء ضغط المستخدم على زر الماوس وقبل أن يحرره.
زر الماوس إلى أعلى MouseUp ويقع عندما يرفع المستخدم يده عن زر الماوس المضغوط.
حدث السحب DragOver ويقع عندما يسحب المستخدم أداة ويمر بها فوق أداة أخرى.
حدث الإلقاء DragDrop ويقع عندما يترك المستخدم الأداة المسحوبة فوق أداة أخرى.
حدث التركيز GotFocus ويقع عند حصول التركيز على الأداة.
حدث فقد التركيز LostFocus ويقع عند فقد التركيز من على الأداة.
حدث الضغط على لوحة المفاتيح KeyPress ويقع عندما يضغط المستخدم على أي حرف في لوحة المفاتيح.
المفناح لأسفل KeyDown ويقع أثناء ضغط المستخدم على أي حرف من لوحة المفاتيح وقبل أن يحرره.
المفتاح لأعلى KeyUp ويقع عندما يرفع المستخدم يده من على الحرف المضغوط.

القسام
منتديات الإبداع الإسلامي

نجعل الأداة Command1 والحدث Click ونكتب في منطقة الكود الكود

كـود PHP

Print = "أهلاً وسهلاً"

ثم نجعل الأداة Command2 والحدث Click ونكتب في منطقة الكود:

كـود PHP

ُEnd

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

1.Pointer.
2.Label.
3.Frame.
4.Check box.
5.Compo Box.
6.HScroll Bar.
7.Timer.
8.Dir List Box.
9.Shape.
10.Image.
11.OLE


1.Picture Box.
2.Text Box.
3.Command Button.
4.Optin Button.
5.List Box.
6.vScroll Bar.
7.Drive List Box.
8.File List Box.
9.Line.
10.Data.

سنضيف في كل درس عدداً من الخصائص التي تفيدنا في البرمجة:
وفي هذا الدرس سنضيف أهم خصائص أداة الزر (CommandButton) .
ملحوظة: بعض الخصائص التي ذكرتها في النموذج (الفورم) يظهر أيضاً في أداة الزر والبعض الآخر لا يظهر أما عن البعض الذي يظهر فهو يؤدي نفس المهام التي يؤديها في الفورم.

خاصية المظهر (Style) :
وأنت مخير بين خيارين الأول: قياسي(Standerd) والآخر:رسومي(Graphical)
إذا اخترنا الرسومي فيكون بامكاننا تغيير اللون كما نريد واذا اخترنا القياسي لا نستطيع إلا ان نبقى باللون الأساسي فقط

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

خاصية الخروج Cancel:
نجعل قيمتها True إذا كان هناك زر خروج ونريد من البرنامج أن يقوم بالخروج أيضاً عند الضغط على Esc

سؤال وجواب:
س1. هل يجب علينا حفظ الأكواد كاملة نصاً؟
ج1. لا فالبرمجة فهم ومنطق فقط اذا حفظت الكلمات التي نستخذمها في الكود عادة فيصبح تركيب جمل الأكواد من أسهل ما يكون .

الواجب:
إنشاء البرنامج الذي قمنا بصنعه
وحفظ الأدوات والخصائص التي تم ذكرها في الدرس

أتمنى لكم وقتاً سعيداً

أخوكم : أسامة فتحي

[أحمد سعودي]

ما شاء الله أخى أسامة وفقك الله وإلى الأمام

هذه المشاركة حررت بواسطة : أحمد سعودي: 17 October 2008 - 02:38 PM

[بو أحمد]

ممتاز اخـ أسامة

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

اقتباس

لا تتدخلوا وتخرجوا بدون جديد
والمشكلة مشاهدات الموضوع أكثر من 75 وما في غير عضوين ردوا ((جزاهم الله كل خير)).

ربما يكون السبب ان ما ذكرته حتى الأن معروف لدى الإغلبية ونحن معك فيما تٌقدمه نراقب بصمت

ولا تيأس أخي الكريم فمثل هذه المواضيع تستمر لفترة طويلة ولا تموت فهناك من هم بحاجه لها

[أسامة فتحي]

هاني الشايب في Oct 24 2008, 08:13 PM كتب :

لا تيأس أخي الكريم فمثل هذه المواضيع تستمر لفترة طويلة ولا تموت فهناك من هم بحاجه لها

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


وإن شاء الله تشوفوا اللي بيسركم.

[أحمد سعودي]

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

[أسامة فتحي]

الدرس الخامس: إنشاء آلة حاسبة

الشرح:
سنقوم بإنشاء مشروع آخر في هذا اليوم

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

ننتقل إلى مرحلة التصميم:
أولاً الفورم
Caption>>>> Calculator
Height>>>>3200
Width>>>> 4095


ثانياً: نقوم بإضافة أداة TextBox
ونغير في خصائصها ما يلي:
Name >>>>Txtnum1
ملحوظة: خاصية Name يتم تغييرها حتى يسهل علينا كتابته عند أوامرنا التي نضعها في الكود
Text >>>> نتركه فارغ
Height >>>> 375
Width >>>>1935
Left>>>> 120
Top>>>> 240


ثالثاً: نقوم بإضافة أداة TextBox أخرى:
ونقوم بنغيير ما يلي:
Name >>>>txtnum2
Text >>>> نتركه فارغ
Height >>>> 375
Width >>>>1935
Left>>>> 120
Top>>>> 840

رابعاً: نقوم باضافة أداة CommandButton:
ونقوم بتغيير ما يلي:
Name >>>>cmd1
Caption >>>> جمع
Height >>>> 495
Width >>>>855
Left>>>> 3000
Top>>>> 1440

خامساًً : نقوم باضافة أداة CommandButton آخر:
ونقوم بتغيير ما يلي:
Name >>>>cmd2
Caption >>>> طرح
Height >>>> 495
Width >>>>855
Left>>>> 2040
Top>>>> 1440

سادساً نقوم بإضافة أداة CommandButton أخرى:
ونقوم بتغيير الآتي:
Name >>>>cmd3
Caption >>>> ضرب
Height >>>> 495
Width >>>>855
Left>>>> 1080
Top>>>> 1440

سادساً نقوم بإضافة أداة CommandButton أخرى:
ونقوم بتغيير الآتي:
Name >>>>cmd4
Caption >>>> قسمة
Height >>>> 495
Width >>>>855
Left>>>> 120
Top>>>> 1440

سابعاً: نقوم بإضافة أداة Label:
ونقوم بتغيير الآتي:
Caption >>>> أدخل الرقم الأول
حجم الخط=14 نغيره من:
Font>>>> Size >>>>14
Height >>>> 375
Width >>>>1575
Left>>>> 2400
Top>>>> 240

ثامناً : نقوم بإضافة أداة Label أخرى:
ونقوم بتغيير الآتي:
Caption >>>> أدخل الرقم الثاني
Height >>>> 375
Width >>>>1575
Left>>>>2400
Top>>>>840

تاسعاً: نقوم بإضافة أداة Label أخرى
Caption >>>> أدخل الرقم الثاني
Height >>>> 375
Width >>>>1035
Left>>>>2760
Top>>>>2160

عاشراً وآخراً: نقوم بإضافة أداة Label أخرى

Name >>>>lblnum
Caption >>>> نتركه فارغ
Height >>>> 375
Width >>>>1035
Left>>>>2760
Top>>>>2160

بهذا نكون قد انهينا مرحلة التصميم وننتقل إلى المرحلة التالية:

مرحلة كتابة الكود:
نكتب في cmd1

lblnum.Caption = Val(Txtnum1.Text) + Val(Txtnum2.Text)

ونكتب في cmd2

lblnum.Caption = Val(Txtnum1.Text) - Val(Txtnum2.Text)

ونكتب في cmd3

lblnum.Caption = Val(Txtnum1.Text) * Val(Txtnum2.Text)

ونكتب في cmd4

lblnum.Caption = Val(Txtnum1.Text) / Val(Txtnum2.Text)

ويبقى اللون المناسب تختاره حسب ذوقك
يصبح المظهر النهائي للمشروع هكذ:

والمظهر النهائي لنافذة الكود هكذا:


ما عليك الآن إلا أن تسترخي تماماً وتضغط F5 وتنظر إلى ثمرة جهدك
وتشكر الله على ما آتاك

الواجب:
نقوم بإنشاء المشروع
إنشاء فولدر جديد ونضع في المشروع السابق & والمشروع الذي قمنا به الآن ويكون معد للمشاريع اللاحقة

أتمنى أن أكون قد وفقت في الشرح

أخوكم : أسامة فتحي

[أحمد سعودي]

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

[Saad AL.Moosa]

شرح ممتاز أخوي أسامة.

[أسامة فتحي]

تم تأجيل الدرس للأسبوع القادم
لأعطال حدثت في الجهاز

إنتظروووني

[أسامة فتحي]

الدرس السادس: كيفية إضافة فورم ومبدئيات في قاعدة If

الشرح:

سينقسم درسنا إلى قسمين:

أولاً: إنشاء فورم وكيفية إظهاره بواسطة أداة الزر في الفورم الأول

نضغط كليك يمين على شجرة المشروع ثم نختار Add ثم Form

فتظهر لنا هذه الصورة

نختار Form ثم Open

نضيف أداة زر في الفورم1
ونكتب في الكود

Form1.Hide
Form2.Show

سنشرح الكود بالتفصيل:
السطر الأول:

Form1.Hide

بمعنى اخفي الفورم1

السطر الثاني:

Form2.Show

بمعنى اظهر الفورم2

ثانيا: قاعدة IF
وتستخدم عندما يكون هناك شرط لتنفيذ الكود
وهذا مثال على ذلك
سننشئ مشروع لا يستطيع دخوله إلا من لديه كلمة السر
سنقوم أولاً بإنشاء برنامج يتكون من فورمين
الأول نضع عليه أداة Command Button وأداة Text
والثاني نتركه فارغ (أو تضع أنت عليه المحتوى الذي سيظهر بمجرد كتابة الباسوورد الصحيح من قبل المستخدم).
نعود للفورم الأول:
نكتب الكود في أداة زر

If Text1.Text = "ضع كلمة المرور التي تريد أن يضعها المستخدم كي يفتح الفورم الآخر" Then
Form1.Hide
Form2.Show
Else
MsgBox "أكتب محتوى الرساالة التي ستظهر للمستخدم إذا أخطأ في كتابة كلمة المرور"
End If

سنشرح الآن الكود
السطر الأول:

If Text1.Text = "123" Then

جعلنا الباسوورد (123) وشرح الجملة الكودية كما يلي: إذا كان محتوى الـ Text 1 123 فقم بما يلي (هو سيقوم بما نمليه عليه في السطور التالي):
السطر الثاني والثالث

Form1.Hide
Form2.Show

هذه الجملتان هي الأمر الذي سيقو البرنامج بعمله إذا تحقق الشرط
ومعناهما:
أخفي الفورم1
وأظهر الفورم2

ثم السطر الرابع:

Else

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

السطر الخامس:

MsgBox " كلمة المرور خاطئة "

سيقوم البرنامج مباشرة إذا اخطأ المستخدم في كتابة كلمة المرور بـإظهار رسالة مكتوب فيها (كلمة المرور خاطئة)
بهذا نكون قد أنهينا درسنا لهذا اليوم ونراكم في الدروس اللاحفة

الواجب :
قم بإنشاء البرنامج وقم بتجربته وضع استفسارك هنا إذا تعارض معك شيء لم تفهمه

سؤال وجواب:
س - هل بهذا نكون قد تعلمنا قاعدة If كاملة؟
ج - لا بل تعلمنا بعضاً منها وسيكون درسنا اللاحق بإذن الله متعلق بها أيضاً

تقبلوا خالص تحياتـي:

[أحمد سعودي]

موفق أخي أسامة والى الأمام

[أسامة فتحي]

أحمد سعودي في Nov 14 2008, 08:56 PM كتب :

موفق أخي أسامة والى الأمام

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

[الهمزاني]

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

[أسامة فتحي]

اقتباس

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

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

[عبد الصمد محمد أمين]

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

[أحمد سعودي]

وفقك الله اخي اسامة وكل عام وانتم بخير

[مالكـ]

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

على

المجهود والشرح الوافي

مع الشكر

[أحمد نجدي]

shokraa gazelaa

[اسامه حسن]

نتمنى ان تكمل ما بدأت