عمل تصميم الألة الحاسبة

يجب أن نتدرب جبداً على العمل مع الأدوات مثل Label, Button, TextBox وبالتالي مع خصائص هذه الأدوات أيضاً, لأنها مثل الشكل الخارجي لل Form الذي يظهر للمستخدم.

في الدرس السابق قمنا بعمل مشروع مبسط يحتوي على 2 TextBox و Button و Label, في هذا الدرس سوف نقوم بعمل مشروع ألة حاسبة يحتوي الكثير من الأدوات وسوف نقوم بتغيير الألوان وعمل تنظيم للمشروع بحيث يظهر بشكل جيد.

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

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

قم بإنشاء Folder جديد وابدأ برنامج ال Visual Basic ثم قم بحفظ البرنامج في هذا المجلد قبل أي شيء, عذراً للتكرار, ولكن التنظيم مهم.

 قم بغيير خاصية Caption ل Form1 إلى Calculator.

ملاحظة: تستطيع أن  تخار طريقة عرض الخصائص, حيث يوجد نوعان. الأول: Alphabetic, وهذا الاختيار يمكنك من عرض الخصائص بترتيب أبجدي a,b,c. الثاني: Categorized, وهذا الاختيار يمكنك من عرض الخصائص في مجموعات مثل Apperance و Font و Position, انظر إلى القائمة أسفل كل منها ستجد أنها مرتبطة بها. 

قم بتغيير الخاصية BorderStyle إلى FixedSingle, وقم باختيار اللون المناسب من الخاصية BackColor, لتغيير لون خلفية ال Form, اضغط على السهم المقابل ل BackColor سوف يظهر لك قائمتين من الألوان اختار Palette فإنها تحتوي على ألوان أكثير حيوية, وقم باختيار هذا اللون.

 أو قم بكتابة هذا الرقم &H00FF8080& في الحقل المقابل ل BackColor

قم بعرض الخصائص على شكل Categorized أو كما تحب, ابحث عن الخاصية Hight وقم بكتابة هذا الرقم 4230 في الحقل المقابل لها, والخاصية Width قم بتغييرها إلى 4395.

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

قم بإدراج TextBox إلى ال Form وقم بتغيير خصائصها كما في الصورة 

قم بتغيير الخاصية Text واحذف النص (Text1) بداخلها.

قم بإدراج CommandButton, وقم بتغيير ال Position إلى الآتي:

Height: 615

Left: 120

Top: 840

Width: 735

وقم بتغيير خاصية Caption إلى الرقم 1.

قم بعمل Copy لهذا المفتاح عن طريق Click يمين ثم Copy, ثم Paste على ال Form, سوف تظهر رسالة كالآتي:

You already have a control named 'Command'. Do you want to create a control array?

اختار No, وقم بتغيير خصائص ال Button إلى الآتي:

Left: 960

Top: 840

Caption: 2

قم بعمل Copy & Paste مرة أخرى لعمل المفتاح رقم 3 وقم بتغيير الخصائص إلى:

Left: 1800

Top: 840

Caption: 3

قم بعمل نفس الخطوات لباقي المفاتيح وإليك الخصائص

Command 4

Left: 120

Top: 1560

Caption: 4

Command 5

Left: 960

Top: 1560

Caption: 5

Command 6

Left: 1800

Top: 1560

Caption: 6

Command 7

Left: 120

Top: 2280

Caption: 7

Command 8

Left: 960

Top: 2280

Caption: 8

Command 9

Left: 1800

Top: 2280

Caption: 9

Command 10

Left: 960

Top: 3000

Caption: 0

Command 11

Left: 2640

Top: 840

Caption: +

Command 12

Left: 3480

Top: 840

Caption: -

Command 13

Left: 2640

Top: 1560

Caption: x

Command 14

Left: 3480

Top: 1560

Caption: /

Command 15

Left: 2640

Top: 2280

Caption: =

Command 16

Left: 3480

Top: 2280

Caption:C

قم بتحديد جميع المفاتيح بمؤشر ال Mouse كما بالصورة

عدل في خصائص ال Font واختار هذه العلامة

وقم بتغييير الآتي:

Font Style: Bold

Size: 10

ثم قم بتغيير خاصية Style إلى Graphical لتتمكن من تغيير لون المفاتيح, وحدد المفاتيح من 1 إلى 0 وغير خاصية BackColor إلى  اللون  &H00C0FFFF&

حدد الستة مفاتيح الأخرى وقم بتغيير BackColor إلى &H0080FFFF&

Congratulation

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

تمرين: قم بعمل ألة حاسبة أخرى مع تغيير الألوان وأحجام المفاتيح, أطلق إبداعاتك وصمم الألة الحاسبة الخاصة بك.

إلى اللقاء في الدرس القادم إن شاء الله

عمل مشروع يقوم بضرب رقمين

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

قم الآن ببدأ برنامج Visual Basic ثم قم بحفظ المشروع داخل مجلد My Projects, وقم بإنشاء مجلد أخر داخل هذا المجلد باسم (حاصل ضرب) وإذا أردت تغيير اسم المشروع بدلاً من Project1, قم بتغييره وليكن مثلاً Product

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

سوف نقوم الآن بعمل مشروع عبارة عن Form هذه ال Form يوجد بها 2 TextBox و Button و Label, يقوم المستخدم بادخال الرقم الأول في TextBox1 ثم يدخل الرقم الثاني في TextBox2 ثم يقوم بالضغط على Button1 ومن ثم يظهر له حاصل الضرب في Label1.

إذا كنت قد أغلقت البرنامج قم بفتحه مرة أخرى كما أوضحنا في الدرس السابق, ومن شاشة Properties Window قم بتغيير خاصية Caption الخاصة ب Form1 إلى Product عن طريق النقر مرتين على كلمة Caption أو مسح كلمة Form1 وتبديلها ب Product كما في الصورة  

سوف نقوم الآن بوضع الأدوات على ال Form, انتقل إلى نافذة ToolBox وقم بالضغط مرتين على أداة TextBox أو عمل Drag and Drop لها على الفورمة, قم بالبحث عن الأداة التي نريدها كما في هذه االصورة

عند عمل Double Click على أداة TextBox سوف توضع في منتصف ال Form قم بتعديل حجمها بال Mouse ووضعها في المكان الذي تريده, ثم قم بإدراج TextBox  أخر و Label و Button كما في الصورة

 

قم بالوقوف على Text1 بالمؤشر سوف تلاحظ أن شاشة Properties Window قد تغيرت لتصبح خاصة ب TextBox1, قم بالبحث عن خاصية Text وقم بإزالة النص الموجود فيها, وقم بعمل نفس الخطوات في أداة النص الأخرى, وكذلك الحال مع باقي الأدوات, قم بتحديد Command1 وابحث عن خاصية Caption وقم بتغييرها إلى Run, و Label1 قم بحذف النص الموجود.

 

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

لنقم الآن بكتابة الكود, قم بلإيقاف البرنامج وفي شاشة التصميم, اضغط مرتين على المفتاح Run, سوف يدخلك إلى شاشة الأكواد, قم بكتابة هذا الكود

Label1.Caption = Text1.Text * Text2.Text

وإليك صورة توضح أكثر 

 

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

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

 

قم بعمل Save حتى لا يضيع عملك وتجده مرة أخرى عند الحاجة إليه.

إذا كانت هذه هي البداية بالنسبة إليك, فأنا متأكد من أنك سعدت كثيراً بعمل هذا المشروع كأول برنامج لك, وقام بالفعل بتنفيذ مهمة معينة, وإذا واجهتك صعوبة وخاصة في البداية, فالرجاء لا تتردد في كتابة تعليق أو مراسلتي.

لنأخذ تمرين على هذا الدرس: قم بعمل مشروع يقوم بجمع رقمين وأخر يقوم بقسمة رقمين.

التعرف على بيئة Visual Basic

بعد تسطيب Visual Basic 6.0 قم بالضغط على أيكونة البرنامج سوف تظهر لك هذه الشاشة:

 

هذه الشاشة هي واجهة استخدام Vb6 أو IDE اختصار لجملة (Integrated Development Environment)

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

من الشكل السابق قم باختيار Standard EXE واضغط على Open

لا تقلق من شكل البرنامج وكيفية العمل على هذه البيئة, فهي أحد برامج مايكروسوفت فلو أنك استخدمت MS Word سوف تجد تشابهاً إلى حد كبير من حيث العمل على القوائم وأوامر Cut و Copy إلخ.. 

هذه الصورة فيها شرح مبسط وإشارة إلى أهم الأجزاء التي سنستخدمها كثيراً مثل: Project Explorer - Properties Window - ToolBox, وسوف نتناول كل واحدة منها على حدة فيما بعد.

قم الآن بعمل Run للمشروع عن طريق شريط القوائم قم باختيار القائمة Run ثم لأمر Start أو اضغط على F5 من لوحة المفاتيح أو عن طريق Standard Bar قم بالضغط على هذه الأيكونة

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

أو من شريط القوائم Run ثم End

قم الآن بإنشاء Folder في مكان ما على الهارد ديسك لكي تحفظ فيه ميع مشاريعك حتى يكون العمل منظم وتستطيع الوصول إليه بسهولة بعد ذلك, وليكن اسم ال Folder مثلا My Projects أو كما تريد, ثم اذهب إلى شريط القوائم واختار القائمة File ثم الأمر Save Project As وقم باختيار ال Folder الذي أنشأته عن طريق ال Combo - Save in وقم بتغيير ال FileName من Form1 إلى frm وقم بالضغط على الأمر Save, سوف تظهر نافذة أخرى قم بتغيير Project1  إلى Test مثلاً, ثم أغلق البرنامج واذهب إلى ال Folder  الذي حفظت فيه المشروع واضغط على هذه الأيكونة 

لا تفاجأ إذا لم تجد ال Form, ما عليك إلا الذهاب إلى Project Explorer, - وأعتقد أنك تعرف مكانه كما أوضحنا -  ثم اضغط على علامة + المقابلة لكلمة Form, سوف تعود Form1  إلى منتصف الشاشة ولاحظ شاشة ال Properties Window عادت إليها أيضاً خصائصها, وهذه الخصائص سوف نتعامل معها مع كل Object أو كل عنصر سوف نضعه على ال Form وحتى ال Form نفسها.

أنت الآن قمت بإنشاء مشروع وقمت بحفظه أيضاً وتعرفت على بيئة Visual Basic  وانتظروا المزيد بإذن الله تعالى في الدروس القادمة.

مقدمة إلى Visual Basic 6.0

Visual Basic 6.0 هي لغة شهيرة أنتجتها شركة مايكروسوفت العالمية سنة 1998, وهي منحدرة من لغة البرمجة BASIC – أكثر اللغات المستخدمة من قبل المبرمجين وقتها –  وهي اختصار لجملة (Beginners All-Purpose Symbolic Instruction Code) ومع تطوير هذه اللغة أنتجت مايكروسوفت عدة إصدارات من Visual Basic إلى الإصدار السادس. والفرق بين ال BASIC وما بعدها من إصدارات, هو أن ال BASIC كان يتم كتابة الكود بها على شاشة نصية سوداء, أما Visual Basic فهي تعتمد على GUI (Graphic User Interface) وهي الواجهة التي تسهل على المبرمجين الكثير من العمل وكتابة الأكواد, ومن هنا نستطيع أن نفهم معنى كلمة Visual –معناها الحرفي مرئي- وهي لغة كائنية ولكنها لا تجمع الكثير من مميزات Object Oriented Programming.

و Visual Basic 6.0 تجمع الكثير من المميزات أكثر من الإصدارات السابقة لها, فقد أصبحت تحتوي على الكثير من ال Procedures  و ال Functions وأدوات ActiveX والكثير من ال Components, وبالنسبة للمبتدئين فإن Visual Basic 6.0 هي أفضل بكثير من لغات برمجة أخرى,  لأن المبرمج لا يحتاج لإنشاء جميع الأدوات التي يحتاجها بنفسه, فقط ما عليه إلا النقر على الأداة أو عمل Drag and Drop للأداة, الأمر الذي يسهل الكثير على المبرمجين.

ويستطيع مبرمج ال Visual Basic عمل كل ما يحتاج إليه من برامج, سواء كانت تطبيقات صغيرة أو كبيرة, مكتبية أو تعمل على Server, وأيضاً يستطيع أن يقوم بعمل تطبيقات للإنترنت لأنها تدعم HTML  و ASP, وتدعم جميع أنواع قواعد البيانات مثل Access و SQL Server و Oracle وأيضاً My SQL, وهي متوافقة تماماً مع بيئة ويندوز لأنها مستوحاة منه أصلاً, فتطبيقاتها إلى حد كبير تشبه تطبيقات Windows والكثير من برامج Windows تستخدم Visual Basic مثل MS Excel و Access, فلو أنك مبرمج Visual Basic تستطيع بسهولة أن تجمع بين مميزات تطبيقات Windows المختلفة.

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

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

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

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