‫‪Lab1: Security‬‬

‫ذطٌٕش تشايط تٕاظٓاخ سسٕيٍح )‪(GUI‬‬

‫ُْانك ػذج أدٔاخ ٔنغاخ ٔيكرثاخ ًٌكٍ أسرخذايٓا نرطٌٕش تشايط تٕاظٓاخ سسٕيٍح‪ٔ ،‬نغح انسً شاسب‬
‫ٔاحذج يٍ ْزِ انهغاخ انرً ذرٍح ذصًٍى ٔاظٓاخ سسٕيٍح نهرطثٍقاخ‪ .‬ششكح ياٌكشٔسٕفد ذٕفش ذقٍُح نرصًٍى‬
‫انٕاظٓاخ انشسٕيٍح ًْٔ‪:‬‬

‫‪- Windows Forms‬‬

‫فًٍكٍ ذكٌٍٕ يششٔع ظذٌذ يٍ خالل تشَايط انفٍعٕال سرٕدٌٕ كًا ْٕ يٕظح فً انشكم سقى (‪..)1‬‬

‫انشكم رقم (‪ :)1‬واجهت نتكىيه مشزوع ببستخذام ال ‪windows form‬‬

‫ٔ ُْانك يشحهرٍٍ اساسٍرٍ نكراتح ٔذطٌٕش تشايط تٕاظٓاخ سسٕيٍح‪:‬‬

‫‪ -‬اوال ‪ :‬يشحهح ذصًٍى انٕظٓاخ انشسٕيٍح حٍس ٌرى فً ْزِ انًشحهح اسرخذاو االدأاخ انرً ذٕفشْا‬
‫نغح انسً شاسب (ٔانرً ذؼشف تـ ‪ )Controls‬نهرصًٍى حسة ٔظٍفح انثشَايط ٔسغثح انًصًى‪ٌ .‬رى‬
‫فً ْزِ انًشحهح اخرٍاس االدٔاخ انًطهٕتح‪ ،‬اظافح انى ذُسٍقاخ االنٕاٌ ٔانخطٕغ‪ٔ ،‬كم يا ٌرؼهق‬
‫تانرصًٍى‪.‬‬
‫‪ -‬ثبويب ‪ :‬يشحهح اظافح انكٕد انثشيعً نألدٔاخ انرً ذى اظافرٓا فً يشحهح انرصًٍى نكً ذؤدي انٕظٍفح‬
‫انًطهٕتح يُٓا‪.‬‬

‫شزح بيئت انؼمم (بزوبمج انـ ‪)Visual Studio 2017‬‬

‫سٍرى اسرخذاو تشَايط انفٍعٕال سرٕدٌٕ (َسخح ‪ )2017‬فً ذصًٍى ظًٍغ ذطثٍقاخ ْزِ انذسٔط‪.‬‬

‫ػُذ ذشغٍم تشَايط انفٍعٕال سرٕدٌٕ َسخح ‪ 2017‬سركٌٕ انٕاظٓح االٔنى كًا يٕظح فً انشكم سقى (‪.)2‬‬

‫‪1‬‬
‫‪Asst. Prof. Melad Jader‬‬ ‫‪Asst. Lect. Manar Talaat‬‬
‫‪Lab1: Security‬‬

‫انشكم رقم (‪ :)2‬انىاجهت االونى نبزوبمج انفيجىال ستىديى‬

‫يًكٍ يٍ خالل انرأشٍش سقى ‪ 1‬اخرٍاس ‪ New Project‬نركٌٍٕ يششٔع ظذٌذ‪ٔ ،‬يٍ خالل انرأشٍش سقى ‪2‬‬
‫اخرٍاس ‪ Open Project‬نفرح يششٔع يٕظٕد يسثقا‪ .‬انقائًح انًٕظحح فً انرأشٍش سقى ‪ 3‬ذظٓش انًشاسٌغ‬
‫انًسرخذيح اخٍشا فً تشَايط انفٍعٕال سرٕدٌٕ‪ٔ ،‬ػُذ انعغػ ػهى اي تشَايط سٍرى فرحّ‪.‬‬

‫االخرٍاساخ انصالشح االٔنى انًٕظحح فً االػهى ٔظؼد نهسشػح ٔاخرصاسا نهٕقد‪ .‬انرؼايم االساسً يغ‬
‫تشَايط انفٍعٕل سرٕدٌٕ ٌرى ػٍ غشٌق انقٕائى ٔ كًا يٕظح فً انراشٍش سقى ‪.4‬‬

‫تكىيه مشزوع جذيذ‬

‫نركٌٍٕ يششٔع ظذٌذ فً انفٍعٕال سرٕدٌٕ‪ ،‬يًكٍ انعغػ ػهى االخرٍاس سقى ‪ 1‬انًٕظح فً انشكم اػالِ ‪،‬‬
‫كًا ًٌٔكٍ رنك ػٍ غشٌق قائًح ‪ File‬شى اخرٍاس ‪ New‬شى ‪ Project‬كًا ْٕ يٕظح فً انشكم سقى (‪.)3‬‬

‫‪2‬‬
‫‪Asst. Prof. Melad Jader‬‬ ‫‪Asst. Lect. Manar Talaat‬‬
‫‪Lab1: Security‬‬

‫انشكم رقم (‪ :)3‬تكىيه مشزوع جذيذ‬

‫تؼذ انعغػ ػهى انخٍاساخ انساتقح (‪ )FileNewProject‬سرظٓش انٕاظٓح انًثٍُح فً انشكم سقى (‪.)4‬‬

‫‪1‬‬
‫‪2‬‬

‫‪3‬‬

‫‪4‬‬

‫انشكم رقم (‪ :)4‬واجهت ػىذ تكىيه مشزوع جذيذ‬

‫‪3‬‬
‫‪Asst. Prof. Melad Jader‬‬ ‫‪Asst. Lect. Manar Talaat‬‬
‫‪Lab1: Security‬‬

‫حٍس ٌعة ذحذٌذ انهغح ٔ ًْ ال ‪ ٔ C#‬كًا يٕظح فً انراشٍش سقى ‪ ٔ 1‬يٍ شى َخراس ال ‪Windows Form‬‬
‫كًا يٕظح فً انراشٍش سقى ‪ .2‬تؼذ رنك َحذد اسى انًششٔع انعذٌذ كًا يٕظح فً انخاَح انًؤشش ػهٍٓا تانشقى‬
‫‪ٔ 3‬اخٍشا َحذد يٕقغ خضٌ انًششٔع انعذٌذ فً انخاَح انًؤشش ػهٍٓا تانشقى ‪.4‬‬

‫تؼذ ذحذٌذ ْزِ انخٍاساخ ٔانعغػ ػهى صس ‪ ،OK‬سٍرى ذكٌٍٕ انًششٔع ٔذظٓش انٕاظٓح االساسٍح كًا ْٕ‬
‫يٕظح تانشكم سقى (‪.)5‬‬

‫انشكم رقم (‪ :)5‬انىاجهت االسبسيت نمشزوع مه وىع ‪Windows Forms‬‬

‫انشكم سقى (‪ًٌ )5‬صم انٕاظٓح االساسٍح ألي يششٔع يٍ َٕع ‪ٔ Windows Forms‬انرً ذركٌٕ يٍ استؼح‬
‫اظضاء اساسٍح يٕظحح ادَاِ حسة ذشقًٍٓا‪.‬‬

‫انجشء االول انًًصم تانرأشٍش سقى ‪ٌ ،1‬ؼشف تانـ ‪ٔ Toolbox‬انزي ٌحٕي ػهى ظًٍغ االدٔاخ انرً ذٕفشْا‬
‫انهغح ٔانرً ًٌكٍ اظافرٓا انى انرصًٍى ػٍ غشٌق انعغػ يشذٍٍ يررانٍرٍٍ ػهى انؼُصش انًشاد اظافرّ (أ‬
‫يًكٍ اظافرّ ػٍ غشٌق انسحة ٔاالفالخ)‪.‬‬

‫انجشء انثبوي ان ًًُصم تانرأشٍش سقى ‪ًٌ ،2‬صم ٔاظٓح انثشَايط انًشاد ذصًًٍّ‪ٔ ،‬كًا ْٕ ظاْش ذكٌٕ فاسغح فً‬
‫انثذاٌح‪ ،‬اي اَُا نٕ قًُا ترُفٍز انثشَايط فً ْزِ انًشحهح‪ ،‬سٍظٓش انشكم انًؤشش تانشقى ‪ 2‬نهًسرخذو‪ٌ .‬رى اظافح‬
‫االدٔاخ انًطهٕتح نٓزا انشكم يٍ ظضء انـ ‪.Toolbox‬‬

‫انجشء انثبنث ٔانزي ٌؼشف تـ ‪ٔ Solution Explorer‬انزي ٌحٕي ظًٍغ يهفاخ انًششٔع انحانً‪.‬‬

‫انجشء انزابغ ْٕ َافزج انخصائص ٔانرً يٍ خالنٓا ٌرى ذغٍٍش خصائص انؼُصش انًحذد فً انعضء سقى ‪.2‬‬

‫‪4‬‬
‫‪Asst. Prof. Melad Jader‬‬ ‫‪Asst. Lect. Manar Talaat‬‬
‫‪Lab1: Security‬‬

‫نرُفٍز انثشَايط‪ًٌ ،‬كٍ انعغػ ػهى انضس ‪ ،F5‬أ تانعغػ ػهى انشيض انظاْش فً انشكم سقى (‪.)6‬‬

‫انشكم رقم (‪ :)6‬سر انتىفيذ‬

‫تغييز خصبئص انـ ‪Form‬‬

‫ٌرى يٍ خالل َافزج انخصائص ذغٍٍش أي خاصٍح يرٕفشج نألداج (انـ ‪ )Control‬انًحذدج‪ .‬ػهى سثٍم انًصال‪،‬‬
‫نرغٍٍش نٌٕ انُافزج‪ ،‬يًكٍ يٍ خالل َافزج انخصائص انزْاب انى خاصٍح انـ ‪ٔ BackColor‬أخرٍاس أي نٌٕ‬
‫َشغة تّ كًا ْٕ يٕظح فً انشكم سقى (‪.)7‬‬

‫انشكم رقم (‪ :)7‬تغييز نىن انىبفذة‬

‫‪5‬‬
‫‪Asst. Prof. Melad Jader‬‬ ‫‪Asst. Lect. Manar Talaat‬‬
‫‪Lab1: Security‬‬

‫ْٔكزا ًٌكٍ ذغٍٍش أي خاصٍح أشُاء ػًهٍح انرصًٍى يٍ خالل َافزج انخصائص‪.‬‬

‫االدواث ‪:Label, TextBox, Button‬‬

‫‪ ‬االداج ‪ Label‬ذسرخذو فقػ نؼشض َص ذٕظٍحً ػٍ غشٌق انخاصٍح ‪ text‬انراتؼح نالداج ‪ٔ Label‬‬
‫كًا يٕظح فً انشكم سقى (‪ .)8‬انعذٔل انرانً ٌٕظح اْى انخصائص انراتؼح نالداج ‪:Label‬‬
‫اسم انخبصيت‬ ‫انىصف‬
‫‪Name‬‬ ‫ػٍ غشٌق ْزِ انخاصٍح ًٌكٍ ذحذٌذ اسى ال ‪ ٔ Label‬كًا يٕظح فً انشكم سقى (‪.)8‬‬
‫‪Text‬‬ ‫ػٍ غشٌق ْزِ انخاصٍح ًٌكٍ ادخال انُص انزي سٍظٓش ػهى االداج ‪.Label‬‬

‫التأشٌر اوال على ال ‪Label‬‬

‫انشكم رقم (‪ :)8‬اضبفت ال ‪Label‬‬

‫‪ ‬االداج ‪ Textbox‬ذسرخذو الدخال ٔػشض تٍاَاخ فٍٓا‪ .‬انعذٔل انرانً ٌٕظح اْى انخصائص انراتؼح‬
‫نالداج ‪:Textbox‬‬
‫اسم انخبصيت‬ ‫انىصف‬
‫‪Name‬‬ ‫ػٍ غشٌق ْزِ انخاصٍح ًٌكٍ ذحذٌذ اسى ال ‪ ٔ Textbox‬كًا يٕظح فً انشكم سقى (‪.)9‬‬
‫‪Text‬‬ ‫ػٍ غشٌق ْزِ انخاصٍح ًٌكٍ ادخال أ ػشض تٍاَاخ فً االداج ‪.Textbox‬‬

‫يالحظح‪ٌ :‬رؼايم ال ‪ Textbox‬يغ انثٍاَاخ ػهى آَا ‪ string‬فثؼط االحٍاٌ َحراض ذحٌٕم انثٍاَاخ يٍ‬
‫‪ string‬انى َٕع اخش يٍ انثٍاَاخ كًا سُالحع فً انًصال فً َٓاٌح انًحاظشج‪.‬‬

‫‪6‬‬
‫‪Asst. Prof. Melad Jader‬‬ ‫‪Asst. Lect. Manar Talaat‬‬
‫‪Lab1: Security‬‬

‫نالحظ ان الخاصٌة ‪ Text‬تترك فارغة الدخال او‬

‫عرض البٌانات فٌها اثناء عملٌة التنفٌذ‪.‬‬

‫انشكم رقم (‪ :)9‬اضبفت ال ‪Textbox‬‬

‫‪ ‬االداج ‪ Button‬ذؼرثش يكٌٕ ذفاػهً ذًكٍ انًسرخذيٍٍ يٍ انرٕاصم يغ انرطثٍق‪ًٌ ٔ .‬كٍ انُقش ػهى‬
‫انضس تاسرخذاو انًأط‪ .‬انعذٔل انرانً ٌٕظح اْى انخصائص انراتؼح نالداج ‪:Button‬‬
‫اسم انخبصيت‬ ‫انىصف‬
‫‪Name‬‬ ‫ػٍ غشٌق ْزِ انخاصٍح ًٌكٍ ذحذٌذ اسى ال ‪ Button‬كًا يٕظح فً انشكم سقى (‪.)10‬‬
‫‪Text‬‬ ‫ػٍ غشٌق ْزِ انخاصٍح ًٌكٍ ذحذٌذ انُص انزي سٍظٓش ػهى ال ‪ Button‬نهذالنح ػهى ػًم انضس ٔ‬
‫كًا يٕظح فً انشكم سقى (‪.)11‬‬

‫التأشٌر اوال على ال ‪button‬‬

‫انشكم رقم (‪ :)10‬اضبفت ال ‪Button‬‬

‫‪7‬‬
‫‪Asst. Prof. Melad Jader‬‬ ‫‪Asst. Lect. Manar Talaat‬‬
‫‪Lab1: Security‬‬

‫مالحظت‪ :‬نرحقٍق انرفاػم تٍٍ انًسرخذو ٔ انرطثٍق ٌعة كراتح انثشيعح داخم انضس ػٍ غشٌق انُقش انًضدٔض‬
‫ػهى انضس نفرح انحذز ‪ٔ Click‬كراتح انكٕد انثشيعً فً داخهّ ٔ كًا يٕظح فً انشكم سقى (‪.)11‬‬

‫ناخذ القٌم من ‪ textBox1‬و الذي‬

‫الحدث‬
‫‪Click‬‬ ‫ٌمثل الرقم االول و ال ‪ textBox2‬و‬
‫و الذي ٌمثل الرقم الثانً‪ ,‬و نحول‬
‫القٌم من ‪ string‬الى ‪ int‬عن طرٌق‬
‫الدالة ‪ Parse‬و من ثم نجمع القٌمتٌن‬
‫و نضع الناتج فً ال ‪.sum‬‬

‫بما انه االدا ‪ textbox‬ال تتقبل اال‬

‫‪ string‬فتحتاج تحوٌل ناتج الجمع فً‬
‫ال ‪ sum‬من ‪ int‬الى ‪ string‬عن‬
‫طرٌق الدالة )(‪ ToString‬و عرض‬
‫الناتج فً ال ‪.textBox3‬‬

‫انشكم رقم (‪ :)11‬اضبفت انكىد انبزمجي‬

‫الشكل رقم (‪ٌ )21‬مثل ٌوضح تنفٌذ التطبٌق البسٌط اعاله‪..‬‬

‫سٌتم جمع العدد ‪ 6‬مع العدد ‪ 4‬عند‬

‫النقر ‪ Click‬على الزر ”‪ “Add‬و‬
‫سٌتم عرض الناتج و كما هو موضح‪.‬‬

‫انشكم رقم (‪ :)12‬تىفيذ انتطبيق‬

‫‪8‬‬
‫‪Asst. Prof. Melad Jader‬‬ ‫‪Asst. Lect. Manar Talaat‬‬