سلسلة تعليم الفيجوال بيزك

[Mgh]

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


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

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

[Mgh]

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

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

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

[Mgh]

البدايه :
---------
عندما تفتح الفيجوال بيزك ستظهر شاشة التحيه للحظات ثم تختفى ليظهر مربع الحوار التالى وهو يدعم بدأ مشروع جديد (New) أو فتح مشروع موجود (Existing) أو إختيار أحد المشاريع التى عملت فيها سابقا (Recent).

[Mgh]

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

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

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

شريط أدوات التحكم(Toolbox) :
--------------------------

شريط الأدوات يحتوى على أدوات التحكم التى ستستخدمها فى مشروعاتك. ومن هذه الأدوات :
أدوات الصورة (Picture box ,Image )
أدوات النصوص (Text box, label)
أدوات الإختيارات (Check box, option button)
أدوات التعامل مع الملفات ( File list box, dir list box, drive list box)
أداة المؤقت (Timer)
وغيرها من الأدوات التى سنتطرق إليها لاحقا.

الفورمه Form :
--------------
وهى مساحة العمل الأساسيه. فهى ستكون الخلفيه لبرامجك وهى التى ستحمل أدوات التحكم التى سيتعامل معها المستخدم.

شاشة الخصائص (Properties):
--------------------------
عندما تضغط بالماوس على أى عنصر من العناصر الموجوده فى مشروعك ستظهر خواصه فى تلك الشاشه مثل طوله و عرضه و مكانه و إسمه و لونه......

[Mgh]

تشغيل برنامجك الأول
------------------
1- إفتح برنامج الفيجوال بيزك وإختار Standered EXE
   سترى الأن شاشة بيئة التطوير التى تحتوى على الفورمه و التى تسمى (Form1) -(أنت الأن فى وقت التصميم)

2- إضغط F5 . سترى شكل برنامجك الأول وهو فورمه خاليه لا يمكنك عمل شيىء بها سوى التكبير و التصغير و الإغلاق .( أنت الأن فى وقت التشغيل )

3- إغلق الفورمه لتعود إلى وقت التصميم .

* هل تريد أن تغير من شكل الفورمه . إذهب إلى شاشة الخصائص (Properties) فى أقصى اليمين .ستجدها منقسمه إلى عمودين أحدهما يحتوى على عناوين الخصائص و هو الموجود على اليسار. والأخر به الخصائص التى يمكنك تغييرها(على اليمين).
والأن

4- إبحث عن الخاصيه (Appearance) وهى المسئوله عن تغيير شكل الفورمه من الشكل ذا البعد الثلاثى إلى الشاشه المسطحه - مثلا - إختر(Flat).
هل لاحظت التغير فى شكل الفورمه؟؟

5- أبحث عن الخاصيه (BackColor) وغير منها لون خلفية الفورمه.ستجد أن هناك نوعان من الألوان المتاحه وهى الألوان التى يستعملها الويندوز (لا يحبذ إستعمالها لأنها تتغير من جهاز لأخر و تغير من تنسيقك للألوان فى البرنامج)- أما النوع الثانى وهو قائمه بالألوان الثابته . وعليك أن تحدد المناسب لبرنامجك.

6-  أبحث عن الخاصيه (BorderStyle) وهى الخاصيه التى تحدد منها هل يستطيع المستخدم أن يكبر أو يصغر أو يغلق الفورمه أم لا. - جرب جميع الإختيارات ولاحظ الفرق فى شكل الفورمه.

7- الخاصيه (Caption) هى التى تمكنك من وضع عنوان للفورمه .

8- وأيضا يمكنك وضع أيكونه للفورمه من الخاصيه (icon).

9- أو وضع صوره كخلفيه لها من الخاصيه (Picture).

10- ويغيير عرضها وإرتفاعها من الخصائص (Width) و (Height)

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

11- أما عن إستخدام أدوات التحكم الموجوده فى شريط الأدوات على اليسار. فيمكنك وضع أى منها فى الفورمه بإختيارها(ضغطه بالزر الأيسر فى الماوس) ورسمها فى الفورمه - أو الضغط على الأداه مرتين .
-جرب هذا- وستجد الكثير من الخصائص المتشابه بين الفورمه و الأدوات - يمكنك مشاهدة الخصائص لأى أداه بأن تختارها(تضغط عليها بالماوس) وهنا ستظهر خصائصها فى شاشة الخصائص حيث يمكنك التغيير فيها.

12-و الأن إضغط مفتاح F5 لتشغل البرنامج (برنامجك الأول )
__

كتابة الكود البرمجى :
---------------------
1- إفتح مشروع جديد .
2- ضع أداة التحكم (Command Button)-الأزرار- على الفورمه.
3- لاحظ الخاصيه (Name) فى خواص الفورمه - وهى الخاصيه التى تستخدم لنداء الفورمه فى الكود البرمجى
   ولنفرض أنها = Form1
4- إنقر نقرتين بالفارة على الزر الموجود بالفورمه (Command1) . ستلاحظ إنتقالك إلى شاشه أخرى وهى شاشة كتابة الكود.

*فى أعلى هذه الشاشه ستجد خانتين . اليسرى مكتوب عليها (Command1) واليمنى مكتوب عليها (Click) وهذا يعنى أن ما ستكتبه من أوامر سيقوم البرنامج بتنفيذه فقط عندما تنقر نقرة واحده على الزرار.

أما فى الأسفل فتجد هذا الكود التالى مكتوبا مسبقا

Private Sub Command1_Click()

End Sub

5- والأن قم بكتابة الكود التالى بين السطرين السابقين ليصبح الكود



* لاحظ بعد كتابة كلمة (Form1.) وعند وضع النقطه بعدها ستلا حظ ظهور قائمه منسدله تحتوى على كل الخصائص للفورمه التى رأيتها من قبل فى شاشة الخصائص .
ولقد إخترنا الخاصية (Caption) لإستعمالها ولاحظ أن العنوان الجديد للفورمه قد تم وضعه بين قوسين تنصيص "My First Form" لأنه متغير حرفى .

6- شغل البرنامج ب F5

7- إضغط على الزر (command1) - ستلاحظ تغير عنوان الفورمه من Form1 إلى My First Form

8- إرجع إلى زمن التصميم - وذلك بغلق الفورمه أو ضغط (Ctrl+Break)

9- زد السطر التالى

Form1.BackColor = 110

ليصبح الكود على الشكل التالى


10- شغل البرنامج
11- إضغط على الزر

*لاحظ تغير عنوان الفورمه و تغير لون الفورمه. - فإن البرنامج قام بتنفيذ السطر الأول وهو تغيير العنوان ثم قام بتنفيذ السطر الثانى وهو تغيير لون الخلفيه فى الفورمه -

* أيضا يمكنك وضع تعليقاتك الخاصه داخل البرنامج (لتذكرك بما يفعله هذا الجزء أو لتخبر من يقرأ برنامجك بفائدة هذا الجزء فى الكود البرمجى ) وذلك بوضع (''> أو (Rem) قبل التعليق مثل :

[أبو عبدالرحمن]

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

قبل أي شيء آمل من أخي أبو معاذ تثبيت هذه الدروس في أعلى القائمة لأهميتها .

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

أخي الحبيب وأستاذي MGH

تحية طيبة ممزوجة بخالص التقدير

إسمح لي أستاذي الكريم أن أكون أول تلاميذك في هذه السلسلة ،  الناهمين لمعرفة خفايا الفيجوال بيسك وإمكاناته الرائعة ، واعتباره أداة لتطويع البرامج الأخرى أو إنشاء برامج جديدة وفق هوى المستفيد وحسب رغباته وحاجاته . ويكفي أنكم القائمين على هذه الدروس واجزم أنها ستكون غنية بمعلوماتها كصاحبها سهلة التعلم طالما تملكون زمام أمرها .. فبارك الله فيكم وجهدكم ولا حرمنا الله من علمكم ..
وبعدين تعال ( أبقلب بلدي ) يا خي حرام عليك يعني عندك الموقع الرائع هذا  http://message4all.jeeran.com وأنت المشرف عليه ولا تعلمنا عنه ، بس ما أقول شي هذا يدل على تواضعكم ، أنا لو عندي ربع هالموقع كان أزعجت خلق الله في كل مكان وقلت هذا موقعي أنا سامعين أنا واعوذ بالله من كلمة أنا . بحق أخي الحبيب موقع رائع بالفعل .وبصراحه لقافتي بعد خلتني أحطه هنا .
سؤال لماذا أخي الحبيب لم تضع صور للفورم بعد اكتمال إنشائه وإظهار هيئته النهائية ؟ وليقيني أن في هذا زيادة في العبء عليكم ولكن أجزم أن سيكون لها الأثر في اكتمال السلسة لتكون مرجعاً دائماً لكل مبتديء .  
تقبل أخي الحبيب خالص التحية والتقدير
تلميذكم الأول المسجل لتعلم هذه السلسلة
أخوكم ومحبكم أبو عبدالرحمن

[ابو الحروف]

اخي العزيز mgh

هل يمكنك قبل كل شيء, شرح الشيء القليل عن هذه اللغة. ما هي اهم مواصفاتها؟ ما الذي يميزها عن غيرها؟ وما الذي بامكانها عمله؟

وشكرا

[Mgh]

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

[أبو عبدالرحمن]

أخي الحبيب محمد

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

[Mgh]

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

[Mgh]

ردا على الأخ أبو الحروف جزاه الله كل خير .
الفيجوال بيزك هى إحدى اللغات الراقيه للتعامل مع الحاسب وهى تطوير للغات أقل تطورا كانت تعمل تحت بيئة الدوس وهى (JWBASIC) ثم من بعد ذلك البيزك السريع (qbasic). ثم عندما ظهر الويندوز كانت هناك حاجه للغه تدعم الرسوميات وكانت هى الفيجوال بيزك.

يميز الفيجوال بيزك عن غيره. سهولة تعلمه و قرب أوامره من لغة الإنسان و قرب أوامره من الإصدارات السابقه له ك (QBASIC).

يمكن للفيجوال بيزك عمل الكثير فمثلا :

1- يمكنه القيام بالعمليات الحسابيه والمنطقيه.
2- يمكنه التعامل مع الملفات (نسخ -قراءه-فتح- تعديل- تخزين-مسح ...)
3- يمكنه التعامل مع بيئة الويندوز وإجراء الكثير من العمليات عليه
4- يمكنه الربط بين الحاسب والأجهزة الخارجيه المختلفه
5- يمكنه التعامل مع برامج قواعد البيانات (Word,Excel,access).
6- يمكنه التعامل مع برامج الأصوات والفيديو
7- يمكنه الإرتباط بالكثير من البرامج التى تثبت على القرص الصلب.
8- يمكنه  تصفح الشبكه وعمل تنزيل للبرامج منها.
9- له القدره على الرسم ولكن بإمكانات بسيطه (عيب)

وهناك الكثير و الكثير مما يمكن أن يفعله غير ذلك .

[Mgh]

تم إدراج الدرس الأول فى المنتدى فى الإرتباط التالى .
http://olom.f2web.net/ib3....;t=2346
--------
رساله إلى المشرف :
هل على أن أنشر الدروس فى نفس المشاركه.أم فى مشاركه جديدة. حيث أنكم لم تضعوا الدرس الأول هنا.خلف المقدمه.
أرجو الرد سريعا؟

[ابو نواف]

السلام عليكم
الاخ mgh  جزاك الله خير علي ذة امعلومات المفيدة
لاكن نتمني من الاخ ابو عبدالرحمن ان تثبت جميع الدروس في نفس المشاركةا لاولي

[أبو عبدالرحمن]

أخي الحبيب محمد ( mgh )

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

وهذا مثال على ذلك

Code Sample

private sub command_click() form1.caption = "my first form" end sub

 تراه غير مطابق للأصل ، ولكن انسخه إلى المفكره وانظر إلى النتيجة ..

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

[Mgh]

الدرس الأول