1__

‫بسم ا‬ ‫الرحمن‬ ‫الرحيم‬

‫المحاضرة الولى‬ ‫‪-1‬‬

‫خطوات التنصيب‬

‫‪-2‬‬

‫التعرف على البيئة التطويرية المتكاملة ‪IDE‬‬

‫‪-3‬‬

‫التعرف على بعض الدوات‬ ‫‪-‬‬

‫النموذج ‪User Form‬‬

‫‪-‬‬

‫اداة النص ‪TextBox‬‬ ‫‪1‬‬

‫‪-‬‬

‫اداة العنوان ‪Label‬‬

‫‪-‬‬

‫اداة المر ‪Button‬‬ ‫عمل مشروع حاسبة صعيرة ‪Calculator‬‬

‫‪-4‬‬

‫التعرف على البيئة التطويرية ‪IDE‬‬ ‫‪(IDE(Integrated development Environment‬‬ ‫نحتاج الى تكوين مشروع جديدلكي نفهم هذه البيئة لذا نقوم بالخطوات التالية‬ ‫‪-1‬‬

‫نشغل التطبيق‬

‫‪-2‬‬

‫‪ Create--- Project‬او من ‪File….> new project‬‬

‫‪-3‬‬

‫تظهر شاشة اختيار نوع المشروع نختار‬ ‫‪ Windows form Application‬لنشاء البرامج المتوافقة مع الوندوز‬ ‫نضع اسما للمشروع من‬ ‫‪Name=test01‬‬ ‫…‪ok<.‬‬

‫‪2‬‬

‫ننتظر عدة ثواني فتكون البيئة جاهزة للعمل حيث نلحظ ظهور النموذج‬ ‫الول )‪ ( user form‬قي منطقة العمل باسم ‪Form1‬‬ ‫مكونات البيئة ‪-:‬‬ ‫‪-1‬‬

‫‪-2‬‬

‫منطقة العمل ‪ Work area‬وهي اكبر جزء حيث يتم فيها التصميم‬ ‫وكتابة الكود البرمجي‬ ‫مستكشف الحلول ‪ Solution Explorer‬يحتوي على مكونات المشروع‬ ‫من نوافذ او غيرها ويوفر وصول سريع الى المون بمجرد عمل دبل‬ ‫كلك على المكون‬ ‫‪3‬‬

‫‪-3‬‬

‫‪-4‬‬

‫مصادر البيانات ‪ Data Sources‬يحتوي على الرتباطات مع قواعد‬ ‫البيانات مثل الكسس وال اسكيوال‬ ‫شاشة الخصائص ‪ Property Window‬تسمح بتغيير خصاص الكائن‬ ‫المفعل حاليا مثل عندما نضغط على شاشة ‪ Form1‬ونذهب الى شاشة‬ ‫الخصائص ونغير الخصائص التالية‬ ‫‪Backcolor‬‬ ‫‪ " =Text‬مرحبا بكم "‬ ‫‪=Name‬‬

‫‪-5‬‬

‫شريط الدلة ‪ MenuBar‬كما في تطبيقات الوفيس‬

‫‪-6‬‬

‫الشرطة المساعدة التي توفر وصول سريع لبعض العمليات‬

‫‪-7‬‬

‫‪ Toolbox‬صندوق الدوات الذي يحتوي على كافة الكائنات التي‬ ‫سنستخدمها في بناء التطبيقات مثل‬ ‫‪Textbox‬‬ ‫‪Label‬‬ ‫‪Picture‬‬ ‫‪Button‬‬ ‫‪Listbox‬‬ ‫‪Datagrid‬‬ ‫‪Treeview‬‬ ‫‪Linkedlabel‬‬ ‫‪Monthcalender‬‬ ‫‪Progressbar‬‬ ‫‪Tooltip‬‬ ‫‪4‬‬

Groupbox Checkbox radiobutton

‫وغيرها الكثير‬ ‫حاول ان‬ Text ‫ تضع على الفورم اداة‬‫ولتكن خصائصاها كالتي‬ Font=16 Backcolor=red ‫ وغير الخصائص‬Label ‫ضع اداة‬

-

Text Font Forcolor

‫ واعمل دبل كلك عليها واكتب الكود التالي‬Button ‫ضع اداة‬ Private Sub Button1_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button1.Click "‫ = "مرحبا بكم‬Label1.Text Label1.BackColor = Color.Yellow "‫يال‬ ‫ =" عليك توكلنا‬TextBox1.Text

-

-

End Sub 5

-

‫=============== مشروع حاسبة صغيرة ================‬ ‫تنشاء مشروع جديد باتباع الخطوات التالية‬ ‫‪File------> New Project ---- > Windows forms Application‬‬ ‫‪NAME=Calculator---- > Ok‬‬ ‫ننتظر ثواني فتظهر منطقة العمل نقوم بعمل التغييرات التالية‬ ‫‪-1‬‬

‫بالنسبة للفورم ‪ Form1‬نعدل اخصائص الى‬

‫‪ =BackColor‬نختار المشابه للون الحاسبة الصغيرة‬ ‫‪-2‬‬

‫نضع على الفورم اداة ‪ Textbox‬و بحيث تكون تقريبا على عرض‬ ‫الفورم ونعدل خصائصها ‪Text=0‬‬ ‫خاصية ‪ ) TextAlign=Right‬لماذا(‬ ‫خاصية ‪ ) ReadOnly=true‬لماذا(‬ ‫خاصية ‪Backcolor=color.white‬‬

‫‪-3‬‬

‫نضع اداة ‪ Button‬على الفورم اسفل اداة النص ونغير الخصائص‬ ‫‪Text=1‬‬ ‫‪ =Font‬نغير حسب صندوق الحوار الظاهر وليكن الحجم ‪ 16‬و ثخين‬

‫‪6‬‬

‫‪-4‬‬

‫‪-5‬‬

‫نعمل العمل نفسه بالنسبة لبقية الرقام ولكن توجد عملية اسرع‬ ‫وافضل لكي نحصل على مفاتيح متشابه بالخصائص وذللك بتأشير‬ ‫المفتاح الول ثم ضغط ‪ Ctrl‬وسحب بالماوس فنحصل على مفتاح‬ ‫جديد وهكذا حتى الرقم ‪ 9‬و اضافة ‪ 0‬في السفل‬ ‫نشغل البرنامج ونلحظ عند الضغط على اي مفتاح عدم حصول اي‬ ‫شي لذا سسنتقل الى مرحلة الكود البرمجي وقبل ذلك نغير خاصية‬ ‫السم لكل المفاتيح لتكون قريبة للمحتوى حتى تكون عملية كتابة‬ ‫الكود اسهل ‪ ..‬مثل عند الضغط على المفتاح الذي يحمل الرقم ‪1‬‬ ‫نلحظ خاصية السم ‪ Name=button1‬فنغير هذه الخاصية الى‬ ‫‪ name=n1‬وهكذا بالنسبة للبقية‬

‫‪=Name‬‬

‫‪-6‬‬

‫‪=Name‬‬ ‫‪-7‬‬

‫‪-8‬‬

‫غير خاصية السم لكل مقتاح حسب ما معروض في‬ ‫الصورة‬ ‫غير خاصية النص لكل مقتاح ليكون كل مفتاح حسب الرقم الذي‬ ‫يحمله‬

‫اعمل دبل كللك على المفتاح الذي يحمل الرقم ‪ 1‬نلحظ ظهور‬ ‫شاشة الكود البرمجي فنكتب الكود التي‬

‫‪Private Sub n1_Click(ByVal sender As System.Object, ByVal e As‬‬ ‫‪System.EventArgs) Handles n1.Click‬‬

‫‪Text=9‬‬ ‫‪Text=7‬‬

‫‪7‬‬

If LCD.Text = "0" Then "LCD.Text = "1 Else "LCD.Text = LCD.Text & "1 End If End Sub

‫( معروض‬lcd)‫ اذا كانت شاشة الحاسبة‬IF ‫استخدمنا اداة الشرط‬ ‫ اما اذا كانت الشاشة فيها عدد ما‬1 ‫ فنبدل ذلك بالرقم‬0 ‫فيها الرقم‬ ‫ الى العدد الموجود اصل‬1 ‫فيجب دمج الرقم‬ ‫وهكذا بالنسبة لبقية المفاتيح مع مراعاة الرقم الذ تحمله بحيث‬ ‫يكون الكود البرمجي كما في ادناه‬ Private Sub n1_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles n1.Click If LCD.Text = "0" Then "LCD.Text = "1 Else "LCD.Text = LCD.Text & "1 End If End Sub Private Sub n2_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles n2.Click If LCD.Text = "0" Then "LCD.Text = "2 Else "LCD.Text = LCD.Text & "2 End If End Sub Private Sub n3_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles n3.Click If LCD.Text = "0" Then "LCD.Text = "3 Else "LCD.Text = LCD.Text & "3 End If End Sub Private Sub n4_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles n4.Click If LCD.Text = "0" Then "LCD.Text = "4 Else "LCD.Text = LCD.Text & "4 End If 8

End Sub Private Sub n5_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles n5.Click If LCD.Text = "0" Then "LCD.Text = "5 Else "LCD.Text = LCD.Text & "5 End If End Sub Private Sub n6_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles n6.Click If LCD.Text = "0" Then "LCD.Text = "6 Else "LCD.Text = LCD.Text & "6 End If End Sub Private Sub n7_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles n7.Click If LCD.Text = "0" Then "LCD.Text = "7 Else "LCD.Text = LCD.Text & "7 End If End Sub Private Sub n8_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles n8.Click If LCD.Text = "0" Then "LCD.Text = "8 Else "LCD.Text = LCD.Text & "8 End If End Sub Private Sub n9_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles n9.Click If LCD.Text = "0" Then "LCD.Text = "9 Else "LCD.Text = LCD.Text & "9 End If End Sub Private Sub n0_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles n0.Click If LCD.Text = "0" Then "LCD.Text = "0 Else "LCD.Text = LCD.Text & "0 End If End Sub

9

‫عمل خزن ثم تنفيذ‬ ‫‪-‬‬

‫نعود لواجهة اللتصميم لضافة مفتاح التصفير ومفاتيح العمليات الحسابية الربعة ومفتاح‬ ‫المساواة‬

‫‪-‬‬

‫ عمل نسخه من المفتاح الذي يحمل الرقم ‪ 0‬ونغير خاصية ‪ Text=C‬ونلحظ الكود البرمجي‬‫المكتوب لهذا المفتاح بعمل دبل كلك عليه وونتقل الى اخر سطر الكود لنلحظ ‪ Handles‬ونمسح‬ ‫الرباك الحاصل‬

‫‪-‬‬

‫نعمل نسخ للمفاتيح )= و‪ +‬و* و\( ونلحظ ايضا الكود وتعديل خاصية السم في كل منها حسب ما‬ ‫تحمله‬

‫‪-‬‬

‫وضع متغيرات عالمية احدهما للعملية الحسابية والخر للرقم‬

‫‬‫‪-‬‬

‫‪Dim firstnumber as long‬‬ ‫‪10‬‬

Private

Sub

Dim operation as string

-

‫ ونضع الكود التالي‬+ ‫عمل دبل كلك على المفتاح الذي يحمل العملية‬

-

badd_Click(ByVal

sender

As System.Object, ByVal e As System.EventArgs) Handles badd.Click

FirstNumber = LCD.Text "LCD.Text = "0 "+" = Operation End Sub ‫وهكذا بالنسبة لبقية العمليات حيث يكون الكود البرمجي كما في ادناه‬

Private Sub badd_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles badd.Click FirstNumber = LCD.Text "LCD.Text = "0 "+" = Operation End Sub Private Sub bsub_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles bsub.Click FirstNumber = LCD.Text "LCD.Text = "0 "-" = Operation End Sub Private Sub bmult_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles bmult.Click FirstNumber = LCD.Text "LCD.Text = "0 "*" = Operation End Sub Private Sub bdiv_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles bdiv.Click FirstNumber = LCD.Text "LCD.Text = "0 "/" = Operation End Sub

‫اما الكود الخاص بعملية = يكون كما في ادناه‬

Private Sub bequal_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles bequal.Click Dim SecondNumber As Long Dim Result As Long SecondNumber = LCD.Text If Operation = "+" Then Result = FirstNumber + SecondNumber ElseIf Operation = "-" Then Result = FirstNumber - SecondNumber ElseIf Operation = "*" Then Result = FirstNumber * SecondNumber ElseIf Operation = "/" Then 11

Result = FirstNumber / SecondNumber End If FirstNumber = Result LCD.Text = Result End Sub

12