‫ا

 ا‬
‫   ا‬
‫))‪(Introduction to Integrated Development Environment (IDE‬‬

‫ﺍﻷﻫﺩﺍﻑ ‪:‬‬
‫ﺒﻨﻬﺎﻴﺔ ﻫﺫﺍ ﺍﻝﻔﺼل ﺴﻴﻜﻭﻥ ﺒﺈﻤﻜﺎﻨﻙ ‪-:‬‬
‫‪ -‬ﺍﻝﺘﻌﺭﻑ ﻋﻠﻰ ﺒﻴﺌﺔ ﺘﻁﻭﻴﺭ ﺍﻝﺒﺭﺍﻤﺞ )‪. (IDE‬‬
‫‪ -‬ﻜﺘﺎﺒﺔ ﺃﻭل ﻤﺸﺭﻭﻉ ﻓﻴﺠﻭﺍل ﺒﻴﺴﻙ ﺩﻭﺕ ﻨﺕ )‪. (First VB project‬‬

‫‪ - ١-٥‬ﺇﻋﺩﺍﺩ ﺒﺭﻨﺎﻤﺞ ‪.Visual Basic.NET 2005‬‬

‫ﻜل ﺨﻁﻭﺍﺕ ﺘﺜﺒﻴﺕ ﻓﻴﺠﻭﺍل ﺒﻴﺴﻙ ﺩﻭﺕ ﻨﺕ ‪٢٠٠٥‬ﻤﺫﻜﻭﺭﻩ ﻓﻰ ﻤﻠﺤﻕ ﺃ‪ .‬ﻋﻼﻭﺓ ﻋﻠﻰ ﺫﻝﻙ ﻴﻤﻜﻨﻙ‬
‫ﻋﻠﻰ ﺍﻝﻘﺭﺹ ﺍﻝﻤﻀﻐﻭﻁ ﺍﻝﻤﺼﺎﺤﺏ ﻝﻠﻜﺘﺎﺏ ﺃﻭ‬ ‫”‪“Install.exe‬‬ ‫ﺍﻝﺤﺼﻭل ﻋﻠﻰ ﻤﻠﻑ ﻴﺴﻤﻰ‬
‫‪ .www.moe.gov.eg‬ﻫﺫﺍ ﺍﻝﻤﻠﻑ ﻴﻅﻬﺭ ﻝﻙ ﺒﻁﺭﻴﻘﺔ ﻤﺭﺌﻴﺔ‬ ‫ﻋﻠﻰ ﻤﻭﻗﻊ ﻭﺯﺍﺭﺓ ﺍﻝﺘﺭﺒﻴﺔ ﻭﺍﻝﺘﻌﻠﻴﻡ‬
‫ﻭﺒﺎﻝﺘﻔﺼﻴل ﻜل ﺨﻁﻭﺍﺕ ﺘﺜﺒﻴﺕ ﺍﻝﺒﺭﻨﺎﻤﺞ‪.‬‬

‫‪ ٢-٥‬ﺸﺎﺸﺔ ﻜﺘﺎﺒﺔ ﺍﻝﺒﺭﺍﻤﺞ)ﺒﻴﺌﺔ ﺍﻝﺘﻁﻭﻴﺭ ‪. ( I D E‬‬

‫ﺘﻤﺜل ﺸﺎﺸﺔ ﻜﺘﺎﺒﺔ ﺍﻝﺒﺭﺍﻤﺞ ) ‪ (Visual Basic I D E‬ﺍﻝﺫﻱ ﻴﺴﺘﻁﻴﻊ ﺍﻝﻤﺒﺭﻤﺞ ﻤﻥ ﺨﻼﻝﻬﺎ‬
‫ﻜﺘﺎﺒﺔ ﻭﺍﺨﺘﺒﺎﺭ ﻤﺸﺭﻭﻋﺎﺕ ﺍﻝﻔﻴﺠﻭﺍل ﺒﻴﺴﻙ ”‪ “VB Projects‬ﻭﻴﺘﻴﺢ ‪ I D E‬ﻝﻠﻤﺒﺭﻤﺞ ﺍﺴﺘﻌﻤﺎل‬
‫ﻤﺠﻤﻭﻋﺔ ﻤﺘﻜﺎﻤﻠﺔ ﻤﻥ ﺍﻷﺩﻭﺍﺕ ﻭﺍﻝﺘﺴﻬﻴﻼﺕ ﻓﻲ ﻜل ﻤﺭﺍﺤل ﻜﺘﺎﺒﺔ ”‪ .“VB Projects‬ﻭﺘﺘﻀﻤﻥ ﻫﺫﻩ‬
‫ﺍﻷﺩﻭﺍﺕ ﻤﺎ ﻴﻠﻰ ‪:‬‬

‫‪ " Form Designer " -١‬ﻝﻠﻤﺴﺎﻋﺩﺓ ﻓﻲ ﺨﻠﻕ ﺍﻝﻤﺴﺎﺤﺔ ﺍﻝﻼﺯﻤﺔ ﻝﺘﺼﻤﻴﻡ ﻭﺍﺠﻬﺔ ﺍﻝﺒﺭﻨﺎﻤﺞ‬
‫ﻭﺘﺴﻤﻰ ﻫﺫﻩ ﺍﻝﻤﺴﺎﺤﺔ ﺍﻝـ " ‪." Form‬‬

‫‪٧٧‬‬
 ‫‪ -٢‬ﻭﺴﻴﻠﺔ ﻝﺘﺴﻬﻴل ﻋﻤﻠﻴﺔ ﻜﺘﺎﺒﺔ ﺍﻝﺒﺭﻨﺎﻤﺞ ﻭﺘﺼﺤﻴﺢ ﺃﺨﻁﺎﺀ ﺍﻝﻜﺘﺎﺒﺔ ﻭﻴﻁﻠﻕ ﻋﻠﻰ‬
‫ﻫﺫﻩ ﺍﻝﻭﺴﻴﻠﺔ " ‪. " Editor‬‬
‫‪ -٣‬ﻤﺘﺭﺠﻡ " ‪ " compiler‬ﻝﺘﺤﻭﻴل ﺒﺭﻨﺎﻤﺞ ‪ Visual Basic‬ﺇﻝﻰ ﻝﻐﺔ ﺍﻵﻝﺔ "‬
‫‪. " machine code‬‬
‫‪ -٤‬ﺒﺭﻨﺎﻤﺞ " ‪ " Debugger‬ﻝﺘﺘﺒﻊ ﻭﺘﺼﺤﻴﺢ ﺃﺨﻁﺎﺀ ﺍﻝﺒﺭﻤﺠﺔ ‪.‬‬
‫‪ " object browser " -٥‬ﻝﻌﺭﺽ ﻤﺎ ﺘﻡ ﺍﺴﺘﺨﺩﺍﻤﻪ ﻓﻲ ﺍﻝﺒﺭﻨـﺎﻤﺞ ﻤـﻥ " ‪classes ، objects‬‬
‫‪. " events ،methods،‬‬
‫‪ -٦‬ﺒﺭﻨﺎﻤﺞ ﻝﻠﻤﺴﺎﻋﺩﻩ " ‪ " Help‬ﻝﻠﺤﺼﻭل ﻋﻠﻰ ﺍﻝﻤﺴﺎﻋﺩﺓ ﻓﻲ ﻭﻗﺕ ﺍﻝﺤﺎﺠﺔ ‪.‬‬

‫‪ ١-٢-٥‬ﺸﺎﺸﺔ ‪ I D E‬ﺍﻻﻓﺘﺘﺎﺤﻴﺔ ‪.‬‬

‫‪ “Start‬ﺍﻝﻤﻭﻀﺤﺔ ﻓـﻲ‬ ‫ﺇﻥ ﺃﻭل ﻤﺎ ﺘﺭﺍﻩ ﻋﻥ ﺩﺨﻭل ‪ I D E‬ﻫﻭ ﻤﺎ ﻴﺴﻤﻰ ﺼﻔﺤﺔ ﺍﻝﺒﺩﺍﻴﺔ ‪page‬‬
‫”‪Start page‬‬
‫ﺸﻜل ‪١-٥‬‬

‫ﺸﻜل ‪ ١-٥‬ﺸﺎﺸﺔ ‪ IDE‬ﺍﻻﻓﺘﺘﺎﺤﻴﺔ‪.‬‬

‫‪٧٨‬‬
 ‫ﺘﺨﺘﻠﻑ ﻤﻜﻭﻨﺎﺕ ‪ Start Page‬ﻁﺒﻘﹰﺎ ﻝﻜﻭﻥ ﺠﻬﺎﺯ ﺍﻝﺤﺎﺴﺏ ﻤﺘﺼل ﺒﺎﻹﻨﺘﺭﻨﺕ‬
‫ﻤﻥ ﻋﺩﻤﻪ ‪ .‬ﻭﺍﻵﻥ ﺩﻋﻨﺎ ﻨﺘﻔﺤﺹ ﻤﻜﻭﻨﺎﺕ ‪. Start Page‬ﻓﻰ ﺍﻝﺠﻬﺔ ﺍﻝﻌﻠﻴﺎ‬
‫ﻤﻥ ﺍﻝﺸﻤﺎل ﺘﻭﺠﺩ ﻤﺴﺎﺤﺔ ﺭﺒﺎﻋﻴﺔ ﺍﻝﺸﻜل ﺘﺴﻤﻰ " ‪ . " Recent Projects‬ﻤﻥ ﻫﺫﺍ ﺍﻝﻤﻜﺎﻥ ﺘﺴﺘﻁﻴﻊ‬
‫ﺃﻥ ﺘﺩﺨل ﺇﻝﻰ ﺁﺨﺭ ﻤﺸﺎﺭﻴﻊ ﻗﺩ ﻗﻤﺕ ﺒﻬﺎ ﺃﻭ ﺃﻥ ﺘﺒﺩﺃ ﻭﺍﺤﺩﺍ ﺠﺩﻴﺩﹰﺍ‪ .‬ﺒﺎﻻﺘﺠﺎﻩ ﺇﻝﻰ ﺍﻷﺴﻔل ﻨﺠﺩ ﻤﺴﺎﺤﺔ‬
‫ﺃﺨﺭﻯ ﺘﺴﻤﻰ " ‪ "Getting Started‬ﻫﺫﻩ ﺍﻝﻤﺴﺎﺤﺔ ﺘﺤﺘﻭﻯ ﻋﻠﻰ ﻤﺠﻤﻭﻋﺔ ﻤﻥ ﺭﻭﺍﺒﻁ ﺍﻝﻭﻴﺏ‬
‫)‪ (Web Links‬ﹸﺘﺘﻴﺢ ﻝﻙ ﺍﻝﺘﻌﺎﻤل ﻤﻊ "‪ "Starter Kit‬ﻭﻜﺫﻝﻙ ﻤﻊ "ﻤﺎﺫﺍ ﺃﻓﻌل" ”?‪“How do I ..‬‬
‫ﻭﻫﻭ ﺠﺯﺀ ﻴﺤﺘﻭﻯ ﻋﻠﻰ ﺃﺴﺌﻠﺔ ﻭﺃﺠﻭﺒﺔ ﻤﻔﻴﺩﺓ ﻝﻠﻤﺒﺭﻤﺞ ‪ .‬ﺃﻤﺎ ﺍﻝﺠﻬﺔ ﺍﻝﻴﻤﻨﻰ ﻤﻥ ‪ Start Page‬ﻓﻬﻲ‬
‫ﻤﺨﺼﺼﺔ ﻹﺨﺒﺎﺭ ﻭﻋﺭﻭﺽ ‪ . MSDN‬ﻭﺃﺨﻴﺭﹰﺍ ﻓﻤﻥ ﺍﻝﻤﻬﻡ ﺃﻥ ﺘﻌﻠﻡ ﺃﻨﻪ ﻴﻤﻜﻨﻙ ﺇﻅﻬﺎﺭ ﺃﻭ ﺇﺨﻔﺎﺀ‬
‫ﻁﺒﻘﹰﺎ ﻝﻤﺎ ﺘﺭﺍﻩ ﻤﻨﺎﺴﺒﹰﺎ ﻝﻙ ‪.‬‬ ‫‪ Start Page‬ﻤﻥ ﺨﻼل ‪View ⇒Start Page‬‬

‫‪ ٢-٢-٥‬ﻤﺭﺒﻊ "ﻤﺸﺭﻭﻉ ﺠﺩﻴﺩ" ‪: New Project‬‬

‫ﻫﻨﺎﻙ ﻁﺭﻴﻘﺘﺎﻥ ﻻﺒﺘﺩﺍﺀ ‪ VB Project‬ﺠﺩﻴﺩ‪ .‬ﺍﻝﻁﺭﻴﻘﺔ ﺍﻷﻭﻝﻰ ﻫﻰ ﺒﺎﻝﻀﻐﻁ ﻋﻠﻰ ‪New Project‬‬
‫ﻓﻰ ‪ . Start Page‬ﺃﻤﺎ ﺍﻝﻁﺭﻴﻘﺔ ﺍﻷﺨﻴﺭﺓ ﻓﻬﻰ ﺒﺎﺨﺘﻴﺎﺭ ‪ File ⇒ New Project‬ﻤﻥ ﺍﻝﻘﺎﺌﻤﺔ‬
‫ﺍﻝﺭﺌﻴﺴﻴﺔ ‪ I D E‬ﻭﺍﻵﻥ ﺩﻋﻨﺎ ﻨﺒﺩﺃ ﺃﻭل ‪ VB Project‬ﺃﻴﹰﺎ ﻜﺎﻨﺕ ﺍﻝﻁﺭﻴﻘﺔ ﺍﻝﺘﻰ ﺴﻨﺒﺩﺃ ﺒﻬﺎ ﻓﺈﻨﻬﺎ‬
‫ﺴﺘﻌﺭﺽ ﻝﻨﺎ ﻤﺭﺒﻊ ”‪ “New Project‬ﺍﻝﻤﻭﻀﺢ ﻓﻰ ﺸﻜل ‪. ٢-٥‬‬

‫ﺸﻜل ‪ ٢-٥‬ﻤﺭﺒﻊ "ﻤﺸﺭﻭﻉ ﺠﺩﻴﺩ" )‪. (New Project‬‬

‫‪٧٩‬‬
 ‫
 ا ‪:‬‬
‫‪ -١‬ﻓﻰ ﻤﺭﺒﻊ ﻤﺸﺭﻭﻉ ﺠﺩﻴﺩ ”‪ “New Project‬ﻗﻡ ﺒﺎﺨﺘﻴﺎﺭ ‪Visual Basic‬‬
‫‪ -٢‬ﻗﻡ ﺒﺎﺨﺘﻴﺎﺭ ”‪ “Windows‬ﻓﻰ ”‪. “Project Types‬‬
‫‪. “Templates‬‬
‫‪ -٣‬ﻗﻡ ﺒﺎﺨﺘﻴﺎﺭ ”‪ “Windows Application‬ﻤﻥ ”‪Templates‬‬
‫‪ VB Project‬ﻓﻰ ﺍﻝﻤﻜﺎﻥ ﺍﻝﻤﺨﺼﺹ ﻝﺫﻝﻙ ﺃﻤﺎﻡ ‪New :‬‬ ‫‪ -٤‬ﺃﺩﺨل ﺍﺴﻡ ﺍﻝﻤﺸﺭﻭﻉ‬
‫ﻭﻝﻴﻜﻥ ‪. Windows Application1‬‬
‫‪ -٥‬ﺍﻀﻐﻁ ‪OK‬‬

‫‪ ٣-٢-٥‬ﻨﺎﻓﺫﺓ ‪ I D E‬ﺍﻝﺭﺌﻴﺴﻴﺔ ‪:‬‬

‫ﻴﺒﻴﻥ ﺸﻜل ‪ ٣-٥‬ﻨﺎﻓﺫﺓ ‪ I D E‬ﺍﻝﺭﺌﻴﺴﻴﺔ ﻭﻜﺫﻝﻙ ﺍﻝﻨﻭﺍﻓﺫ ﺍﻝﻔﺭﻋﻴﺔ ﻋﻠﻤﹰﺎ ﺒﺄﻥ ﻜل ﻨﺎﻓﺫﺓ ﻤﻥ ﻫﺫﻩ‬
‫ﺍﻝﻨﻭﺍﻓﺫ ﻴﻤﻜﻥ ﺘﺤﺭﻴﻜﻬﺎ ‪ ،‬ﺘﻐﻴﻴﺭ ﺃﺒﻌﺎﺩﻫﺎ ‪ ،‬ﻏﻠﻘﻬﺎ ﺃﻭ ﻓﺘﺤﻬﺎ ‪.‬‬

‫ﺸﻜل ‪ ٣-٥‬ﻨﺎﻓﺫﺓ ‪ IDE‬ﺍﻝﺭﺌﻴﺴﻴﺔ ﻭ ﺍﻝﻨﻭﺍﻓﺫ ﺍﻝﻔﺭﻋﻴﺔ ‪.‬‬

‫‪٨٠‬‬
 ‫‪Toolbar‬‬ ‫‪ ١-٣-٢-٥‬ﺸﺭﻴﻁ ﺍﻷﺩﻭﺍﺕ‬
‫ﺸﺭﻴﻁ ﺍﻷﺩﻭﺍﺕ ‪ Toolbar‬ﻤﺎ ﻫﻭ ﺇﻻ ﻤﺠﻤﻭﻋﺔ ﻤﻥ ﺍﻷﺯﺭﺍﺭ ﺍﻝﺘﻰ ﺘﻤﺜل‬
‫ﻁﺭﻕ ﻤﺨﺘﺼﺭﺓ ﻝﺘﻨﻔﻴﺫ ﺍﻷﻭﺍﻤﺭ ﺍﻝﻤﻭﺠﻭﺩﺓ ﻓﻰ ﺍﻝﻘﻭﺍﺌﻡ ) ‪. (Menu Commands‬‬
‫ﻭﻴﻭﻀﺢ ﺍﻝﺸﻜل ‪ ٤ – ٥‬ﺸﺭﻴﻁ ﺍﻷﺩﻭﺍﺕ ﺍﻝﻘﻴﺎﺴﻰ ”‪. “standard toolbar‬‬

‫ﺸﻜل ‪ ٤-٥‬ﺸﺭﻴﻁ ﺍﻷﺩﻭﺍﺕ ﺍﻝﻘﻴﺎﺴﻰ ”‪. “standard toolbar‬‬

‫‪ ٢ -٣-٢-٥‬ﻤﺼﻤﻡ ﺍﻝﺸﺎﺸﺎﺕ ‪Form Designer‬‬

‫‪ Form Designer‬ﻫﻭ ﺍﻝﻭﺴﻴﻠﺔ ﺍﻝﺘﻰ ﻴﺘﺎﺡ ﻝﻙ ﻤﻥ ﺨﻼﻝﻬﺎ ﺘﺼﻤﻴﻡ ﺸﺎﺸﺎﺕ ﺍﻝﺒﺭﻨﺎﻤﺞ‪ .‬ﻭﻴﺒﻴﻥ ﺸﻜل‬
‫‪ ٥-٥‬ﻤﺼﻤﻡ ﺍﻝﺸﺎﺸﺎﺕ ”‪ “Form Designer‬ﻋﻼﻭﺓ ﻋﻠﻰ ﺍﻝﻨﻤﻭﺫﺝ ‪ Form1‬ﻭﺍﻝﻨﻤﻭﺫﺝ ”‪Form‬‬
‫ﻋﺒﺎﺭﺓ ﻋﻥ ﻨﺎﻓﺫﺓ ﻴﻤﻜﻥ ﺘﻐﻴﻴﺭ ﺃﺒﻌﺎﺩﻫﺎ ﻁﺒﻘﹰﺎ ﻻﺤﺘﻴﺎﺝ ﺍﻝﻤﺒﺭﻤﺞ ﻭﻴﺘﻡ ﻫﺫﺍ ﺍﻝﺘﻐﻴﻴﺭ ﺒﻭﺍﺴﻁﺔ ﺍﻝﻤﺎﻭﺱ‬
‫ﺠﺩﻴﺩ ‪.‬‬ ‫)ﺍﻝﻔﺄﺭﺓ( ‪ .‬ﻭﻴﺘﻡ ﺘﺨﻠﻴﻕ ‪ Form‬ﺠﺩﻴﺩ ﺘﻠﻘﺎﺌﻴﹰﺎ ﺒﺎﺴﻡ ‪ Form1‬ﻋﻨﺩ ﺍﺒﺘﺩﺍﺀ ‪VB Project‬‬
‫ﻭﻤﻊ ﺫﻝﻙ ﻓﺈﻥ ﻫﺫﺍ ﺍﻻﺴﻡ ﻴﻤﻜﻥ ﺘﻐﻴﻴﺭﻩ ﻜﻤﺎ ﺴﻨﺘﻌﻠﻡ ﻓﻰ ﺍﻝﺘﺩﺭﻴﺏ ﺍﻝﻤﻭﺠﻭﺩ ﻓﻰ ﺍﻝﺠﺯﺀ ‪. ٣-٥‬‬

‫‪ ٣-٣-٢-٥‬ﻤﺭﺒﻊ ‪: Solution Explorer‬‬

‫‪VB‬‬ ‫ﻴﺤﺘﻭﻯ ﻤﺭﺒﻊ ‪ Solution Explorer‬ﻋﻠﻰ ﺃﺴﻤﺎﺀ ﺍﻝﻤﻠﻔﺎﺕ ﺍﻝﺘﻰ ﻴﺤﺘﻭﻯ ﻋﻠﻴﻬﺎ ﺍﻝﻤﺸﺎﺭﻴﻊ‬
‫ﺍﺴﻡ‬ ‫ﺇﻝﻰ‬ ‫ﺒﺎﻹﻀﺎﻓﺔ‬ ‫ﺍﻝﻤﺴﺘﺨﺩﻤﺔ‬ ‫”‪”Classes‬‬ ‫ﺍﻝﻔﺌﺎﺕ‬ ‫ﺃﺴﻤﺎﺀ‬ ‫ﻭﻜﺫﻝﻙ‬ ‫‪Projects‬‬
‫‪ . “Project‬ﻭﻜﻤﺎ ﻴﻅﻬﺭ ﻓﻰ ﺸﻜل ‪ 3-٥‬ﻓﺈﻥ ﺍﺴﻡ ﺍﻝﻤﺸﺭﻭﻉ ”‪ ”Project‬ﻫﻭ‬
‫”‪Project‬‬ ‫ﺍﻝﻤﺸﺭﻭﻉ‬
‫‪. Windows Applica%on1‬‬

‫‪ ٤-٣-٢-٥‬ﻤﺭﺒﻊ ﺍﻝﺨﺼﺎﺌﺹ ‪: The Properties Window‬‬

‫ﻴ‪‬ﺴﺘﺨﺩﻡ ﻫﺫﺍ ﺍﻝﻤﺭﺒﻊ ﻓﻰ ﺘﺤﺩﻴﺩ ﺨﻭﺍﺹ ﺍﻝﻜﺎﺌﻨﺎﺕ ”‪ “Objects‬ﺍﻝﻤﻭﺠﻭﺩﻩ ﻓﻰ ﻤﺸﺎﺭﻴﻊ ﻓﻴﺠﻭﺍل ﺒﻴﺴﻙ‬
‫‪. “VB‬‬
‫”‪“ Projects‬‬

‫‪٨١‬‬
 ‫‪ ٥-٣-٢-٥‬ﺼﻨﺩﻭﻕ ﺍﻷﺩﻭﺍﺕ ‪: Toolbox‬‬
‫ﻴﺤﺘﻭﻯ ﺼﻨﺩﻭﻕ ﺍﻷﺩﻭﺍﺕ ”‪ “Toolbox‬ﻋﻠﻰ ﻤﺠﻤﻭﻋﺔ ﻤﻥ ﺍﻷﺩﻭﺍﺕ ﺍﻝﺘﻰ ﻴﺴﺘﺨﺩﻤﻬﺎ ﺍﻝﻤﺒﺭﻤﺞ ﻓﻰ‬
‫ﺒﺄﺸﻜﺎﻝﻬﺎ ﺍﻝﻤﺨﺘﻠﻔﺔ ‪ .‬ﻭﺘﺴﻤﻰ ﻫﺫﻩ ﺍﻷﺩﻭﺍﺕ‬ ‫ﺘﺼﻤﻴﻡ ﺸﺎﺸﺎﺕ ﺍﻝﺒﺭﻨﺎﻤﺞ ﻤﺜل ﺍﻷﺯﺭﺍﺭ ”‪“Buttons‬‬
‫ﺃﻥ ﻴﺨﺘﺎﺭﻤﺎ ﻴﺤﺘﺎﺠﻪ ﻤﻥ‬ ‫‪ . Controls‬ﻭﻴﺴﺘﻁﻴﻊ ﺍﻝﻤﺒﺭﻤﺞ ﻋﻥ ﻁﺭﻴﻕ ﺼﻨﺩﻭﻕ ﺍﻷﺩﻭﺍﺕ‬
‫‪ Controls‬ﻭﺃﻥ ﻴﻨﺴﺨﻪ ﻋﻠﻰ ﺍﻝـ ‪ Form‬ﺍﻝﺫﻯ ﻴﻘﻭﻡ ﺒﺘﺼﻤﻴﻤﻪ ﻴﻭﻀﺢ ﺸﻜل ‪ ٥-٥‬ﺼﻨﺩﻭﻕ‬
‫ﺍﻷﺩﻭﺍﺕ ‪.‬‬

‫ﺸﻜل ‪ ٥-٥‬ﺼﻨﺩﻭﻕ ﺍﻷﺩﻭﺍﺕ ”‪. “Toolbox‬‬

‫‪٨٢‬‬
 ‫‪ ٣-٥‬ﻜﺘﺎﺒﺔ ﺃﻭل ﻤﺸﺭﻭﻉ ﻓﻴﺠﻭﺍل ﺒﻴﺴﻙ ‪: First VB Project‬‬
‫ﻤﻥ ﺍﻷﻓﻀل ﻝﻙ ﻭﺃﻨﺕ ﺘﺨﻁﻭ ﺨﻁﻭﺍﺘﻙ ﺍﻷﻭﻝﻰ ﻓﻰ ﻓﻴﺠﻭﺍل ﺒﻴﺴﻙ ﺩﻭﺕ ﻨﺕ ‪ ٢٠٠٥‬ﺃﻥ ﺘﺒﺩﺃ ﺒﻜﺘﺎﺒﺔ‬
‫ﻤﺸﺭﻭﻉ ﻓﻴﺠﻭﺍل ﺒﻴﺴﻙ ﺒﺴﻴﻁ ‪ .‬ﻤﻥ ﺸﺄﻥ ﻫﺫﺍ ﺃﻥ ﻴﺯﻴل ﺭﻫﺒﺘﻙ ﻭﺨﻭﻓﻙ ﻤﻥ ﻋﻤﻠﻴﺔ ﺍﻝﺒﺭﻤﺠﺔ ﻜﻤﺎ ﺃﻨﻪ‬
‫ﺴﻴﺴﺎﻋﺩﻙ ﻋﻠﻰ ﺃﻥ ﺘﺸﺎﻫﺩ ﻋﻤﻠﻴﹰﺎ ﻤﺎ ﺘﻡ ﺸﺭﺤﻪ ﻨﻅﺭﻴﹰﺎ ﻭﻫﻜﺫﺍ ﺘﺘﻭﻝﺩ ﺍﻷﻝﻔﺔ ﺒﻴﻨﻙ ﻭﺒﻴﻥ ﻓﻴﺠﻭﺍل ﺒﻴﺴﻙ‪.‬‬

‫ﻭﺍﻵﻥ ﺩﻋﻨﺎ ﻨﺸﺭﺡ ﺒﺒﺴﺎﻁﺔ ﻤﻡ ﻴﺘﻜﻭﻥ ﺍﻝﺒﺭﻨﺎﻤﺞ ﻭﻤﺎ ﺴﻴﻘﻭﻡ ﺒﻌﻤﻠﻪ ﻋﻨﺩ ﺘﺸﻐﻴﻠﻪ‪ .‬ﻴﺘﻜﻭﻥ ﺍﻝﺒﺭﻨﺎﻤﺞ ﻤﻥ‬
‫ﻨﻤﻭﺫﺝ ”‪ “Form‬ﻴﺤﺘﻭﻯ ﻋﻠﻰ ﺯﺭ ﻭﺍﺤﺩ ﻓﻘﻁ ”‪ . “Button‬ﻋﻨﺩ ﺘﺸﻐﻴل ﺍﻝﺒﺭﻨﺎﻤﺞ ﺴﻴﺘﻡ ﻋﺭﺽ‬
‫ﺯﺭ ﻤﺴﺘﻁﻴل ﻤﻜﺘﻭﺏ ﻋﻠﻴﻪ ”‪ “Buon1‬ﻭﻋﻨﺩﻤﺎ ﻨﻀﻐﻁ ﻋﻠﻰ ﺍﻝﺯﺭ ﻴﺘﻐﻴﺭ ﻤﺎ ﻫﻭ ﻤﻜﺘﻭﺏ ﻋﻠﻴﻪ ﺇﻝﻰ‬
‫" ‪. " Hello Egypt‬‬

‫ﺃﺯﺭﺍﺭ ﺍﻝﺘﺤﻜﻡ ”‪ “Button Controls‬ﻤﻥ ﺃﻜﺜﺭ ﺍﻷﺩﻭﺍﺕ ﺍﺴﺘﺨﺩﺍﻤﹰﺎ ﻓﻰ ﺍﻝﺒﺭﻤﺠﺔ ‪ .‬ﻭﺍﻝﻭﻅﻴﻔﺔ‬

‫ﺍﻷﺴﺎﺴﻴﺔ ﻝﻬﺫﻩ ﺍﻷﺩﺍﺓ ﻫﻰ ﺭﺴﻡ ﺯﺭ ﺭﺒﺎﻋﻰ ﺍﻝﺸﻜل ﻴﺴﺘﺠﻴﺏ ﻝﻠﻀﻐﻁ ﻋﻠﻴﻪ ﺒﺄﺩﺍﺀ ﻤﻬﻤﺔ ﻤﻌﻴﻨﺔ ‪ .‬ﻭ ﺯﺭ‬
‫ﺍﻝﺘﺤﻜﻡ ﻫﺫﺍ ﻝﻪ ﻤﺠﻤﻭﻋﺔ ﻤﻥ ﺍﻝﺨﺼﺎﺌﺹ ) ‪ . ( Properties‬ﻤﻥ ﺒﻴﻥ ﻫﺫﻩ ﺍﻝﺨﺼﺎﺌﺹ ﺨﺎﺼﻴﺔ‬
‫ﺘﺴﻤﻰ ‪ Name‬ﻭﻫﻰ ﺍﺴﻡ ﺍﻝﺯﺭ ﺍﻝﺫﻯ ﻴﺴﺘﺨﺩﻤﻪ ﺍﻝﺒﺭﻨﺎﻤﺞ ﻝﻠﺘﻌﺎﻤل ﻤﻌﻪ ﺃﻤﺎ ﺍﻝﺨﺎﺼﻴﺔ ﺍﻝﺜﺎﻨﻴﺔ ﻓﻬﻰ‬
‫‪ Text‬ﻭﻫﻰ ﺘﺤﺩﺩ ﺍﻝﻜﻼﻡ ﺍﻝﻤﻜﺘﻭﺏ ﻋﻠﻰ ﺍﻝﺯﺭ ‪ .‬ﻭﻫﻨﺎ ﻴﺠﺏ ﺃﻥ ﺘﻼﺤﻅ ﺃﻨﻪ ﻋﻨﺩ ﻭﻀﻊ ﺯﺭ ﺍﻝﺘﺤﻜﻡ‬
‫ﻋﻠﻰ ﺍﻝﻨﻤﻭﺫﺝ ﻓﺈﻥ ﺍﻝﻘﻴﻤﺔ ﺍﻻﺒﺘﺩﺍﺌﻴﺔ ﻝﻠﺨﺎﺼﻴﺔ ‪ Name‬ﻫﻰ ‪ Button 1‬ﻭﻫﻰ ﻨﻔﺱ ﺍﻝﻘﻴﻤﺔ ﺍﻻﺒﺘﺩﺍﺌﻴﺔ‬
‫ﻝﻠﺨﺎﺼﻴﺔ ‪ . Text‬ﺃﻯ ﺃﻥ ﺍﺴﻡ ﺍﻝﺯﺭ ﻓﻰ ﺍﻝﺒﺭﻨﺎﻤﺞ ﻴﻜﻭﻥ ‪ Buon 1‬ﻭﻤﻜﺘﻭﺏ ﻋﻠﻴﺔ ‪. Buon 1‬‬

‫ﻭﺍﻵﻥ ﺇﻝﻰ ﺨﻁﻭﺍﺕ ﻜﺘﺎﺒﺔ ﺃﻭل ‪ VB Project‬ﻭﺴﻨﻁﻠﻕ ﻋﻠﻴﺔ ﺍﺴﻡ ‪. Hello‬‬

‫‪ -١‬ﻗﻡ ﺒﺎﺨﺘﻴﺎﺭ ) ‪ ( File ⇒ New project‬ﻤﻥ ﻗﺎﺌﻤﺔ ‪ Visual Studio‬ﺍﻝﺭﺌﻴﺴﻴﺔ ‪.‬‬
‫ﻭﻤﻥ ﺍﻝﻤﻤﻜﻥ ﺃﻴﻀﹰﺎ ﺘﻨﻔﻴﺫ ﻫﺫﻩ ﺍﻝﺨﻁـﻭﺓ ﻤـﻥ ‪ Start Page‬ﺒـﺎﻝﻨﻘﺭ ﺒﺎﻝﻔـﺄﺭﻩ ﻤـﺭﺘﻴﻥ ﻋﻠـﻰ‬
‫" ‪ " Create Projects‬ﻓﻰ ﻤﺭﺒﻊ " ‪ " Recent Projects‬ﻭﻓﻰ ﻜﻠﺘﺎ ﺍﻝﺤﺎﻝﺘﻴﻥ ﺴـﻴﺘﻡ ﻋـﺭﺽ‬
‫ﻤﺭﺒﻊ " ‪ " New Projects‬ﻜﻤﺎ ﻫﻭ ﻤﺒﻴﻥ ﻓﻰ ﺸﻜل ‪. ٦-٥‬‬
‫‪ -٢‬ﻤﻥ ”‪ “Project Types‬ﻗﻡ ﺒﺎﺨﺘﻴﺎﺭ ”‪ “Windows‬ﻭﻤﻥ ”‪ “Templates‬ﻗﻡ ﺒﺎﺨﺘﻴـﺎﺭ‬
‫”‪. “Windows Application‬‬
‫‪ -٣‬ﻗﻡ ﺒﺈﺩﺨﺎل ﺍﺴﻡ ﺍﻝﻤﺸﺭﻉ ”‪ “VB Project‬ﻓﻰ ﺍﻝﻤﻜﺎﻥ ﺍﻝﻤﺨﺼﺹ ﻝﺫﻝﻙ ‪.‬‬
‫ﻓﻰ ﻫﺫﺍ ﺍﻝﻤﺜﺎل ﺘﻡ ﺇﺩﺨﺎل ﺍﺴﻡ " ‪. " Hello‬‬

‫‪٨٣‬‬
 ‫”‪. “OK‬‬
‫“‬ ‫‪ -٤‬ﺍﻀﻐﻁ‬
‫ﺴﻴﻘﻭﻡ ﻓﻴﺠﻭﺍل ﺒﻴﺴﻙ ﺒﺘﺤﻤﻴل ﺍﻝﻨﻤﻭﺫﺝ ”‪ “Form1‬ﻭﻜﻤﺎ ﺘﻼﺤﻅ‬
‫ﻓﺈﻥ ”‪ “Form1‬ﻋﺒﺎﺭﺓ ﻋﻥ ﻨﺎﻓﺫﺓ ﻤﺯﻭﺩﺓ ﺒﺸﺭﻴﻁ ﻋﻨﻭﺍﻨﻪ ‪ ،‬ﺃﺯﺭﺍﺭ ﻝﻠﻔـﺘﺢ ﻭﺍﻹﻏـﻼﻕ‬
‫ﻭﺘﻐﻴﻴﺭ ﺍﻷﺒﻌﺎﺩ ‪.‬‬

‫‪. “New‬‬ ‫ﺸﻜل ‪ ٦-٥‬ﻤﺭﺒﻊ ﻤﺸﺭﻭﻉ ﺠﺩﻴﺩ ‪Project‬‬

‫”‪New Project‬‬

‫‪ -٥‬ﺍﻨﻘﺭ ﻋﻠﻰ ﺼﻨﺩﻭﻕ ﺍﻷﺩﻭﺍﺕ ”‪ “Toolbox‬ﻋﻠﻰ ﻴﺴﺎﺭ ﺍﻝﺸﺎﺸﺔ‪.‬‬

‫ﺴﻴﺘﻡ ﻋﺭﺽ ﺼﻨﺩﻭﻕ ﺍﻷﺩﻭﺍﺕ ”‪ “Toolbox‬ﻜﻤﺎﻫﻭ ﻤﺒﻴﻥ ﻓﻰ ﺸﻜل ‪. ٧-٥‬ﺇﺫﺍ ﻝﻡ ﺘﺸﺎﻫﺩ‬
‫ﺼﻨﺩﻭﻕ ﺍﻷﺩﻭﺍﺕ ﻓﻴﻤﻜﻨﻙ ﻋﺭﻀﻪ ﺒﺎﺨﺘﻴﺎﺭ ) ‪. ( View ⇒ Toolbox‬‬
‫‪ -٦‬ﺍﻨﻘﺭ ﺭﻤﺯ ﺯﺭ ﺍﻝﺘﺤﻜﻡ ”‪ “Button control‬ﻤﺭﺘﻴﻥ ﻭﻫﻨﺎ ﺴﻴﻅﻬﺭ ﺯﺭ ﻋﻠﻰ ﺍﻝﻨﻤﻭﺫﺝ‪ .‬ﻫﺫﺍ‬
‫ﺍﻝﻨﻤﻭﺫﺝ ﻴﺴﻤﻰ ﺃﺘﻭﻤﺎﺘﻴﻜﻴﺎ ”‪ “Form1‬ﻋﻠﻤﺎ ﺒﺄﻥ ﺍﻝﺯﺭ ﻴﺴﻤﻰ ﺃﺘﻭﻤﺎﺘﻴﻜﻴﺎ ”‪.“Bu on1‬‬
‫‪ -٧‬ﻤﻥ ﺍﻝﻤﻤﻜﻥ ﺘﻐﻴﻴﺭ ﻭ ﻀﻊ ”‪ “Buon1‬ﻋﻠﻲ ”‪ “Form1‬ﺒﺴﺤﺒﻪ ﺒﻭﺍﺴﻁﺔ ﺍﻝﻤﺎﻭﺱ ﺇﻝﻰ ﺃﻯ‬
‫ﻤﻜﺎﻥ ﺘﺭﻴﺩﻩ ﻜﻤﺎ ﻫﻭ ﻤﻭﻀﺢ ﺒﺸﻜل ‪. ٨ – ٥‬‬
‫ﻭ ﻫﺫﺍ ﻴﻌﻨﻰ ﺃﻥ ﺨﺎﺼﻴﺔ‬ ‫”‪“Bu on1‬‬ ‫ﻜﻤﺎ ﺘﻼﺤﻅ ﻓﻲ ﺸﻜل ‪ ٨ – ٥‬ﻓﺈﻥ ﺍﻝﺯﺭ ﻤﻜﺘﻭﺏ ﻋﻠﻴﻪ‬
‫”‪ “Text‬ﺍﻝﺨﺎﺼﻪ ﺒﻪ ﻫﻰ ”‪ “Button1‬ﻤﻊ ﺍﻝﻌﻠﻡ ﺒﺄﻥ ﻫﺫﻩ ﺍﻝﺨﺎﺼﻴﺔ ﻜﺎﻨﺕ ﻗﻴﻤﺘﻬﺎ ﻤﺼﺎﺩﻓﺔ‬
‫ﺍﻝﺨﺎﺼﺔ ﺒﺎﻝﺯﺭ ‪.‬‬ ‫ﺘﺴﺎﻭﻯ ﻨﻔﺱ ﻗﻴﻤﺔ ﺨﺎﺼﻴﺔ ﺍﻻﺴﻡ ”‪“Name‬‬

‫‪٨٤‬‬
‫ﺸﻜل ‪ ٧-٥‬ﺍﺨﺘﻴﺎﺭ ”‪ “View ⇒ Toolbox‬ﺴﻴﻅﻬﺭ ﺼﻨﺩﻭﻕ ﺍﻷﺩﻭﺍﺕ ”‪. “The Toolbox‬‬

‫ﺸﻜل ‪ ٨-٥‬ﺴﺤﺏ ﺍﻝﺯﺭ ﻋﻠﻰ ﺍﻝﻨﻤﻭﺫﺝ ”‪. “Form1‬‬

‫‪٨٥‬‬
 ‫ﻹﻀﺎﻓﺔ ﻭﻅﻴﻔﻪ ﺒﺴﻴﻁﻪ ﺇﻝﻰ ﺍﻝﺯﺭ ”‪ “Buon1‬ﺍﺘﺒﻊ ﺍﻝﺨﻁﻭﺍﺕ ﺍﻵﺘﻴﺔ‪:‬‬

‫‪ -١‬ﺃﻨﻘﺭ ﻤﺭﺘﻴﻥ ﻋﻠﻲ ﺍﻝﺯﺭ ”‪ “Buon1‬ﻝﺘﺩﺨل ﻓﻰ ﻤﺸﻬﺩ ﺍﻝﻜﻭﺩ ”‪. “Code View‬‬
‫ﻓﻲ ﻨﺎﻓﺫﺓ ﻤﺸﻬﺩ ﺍﻝﻜﻭﺩ ”‪ “Code View Window‬ﺘﺴﺘﻁﻴﻊ ﺃﻥ ﺘﺭﻯ ﺠﺯﺀ ﺍﻝﺒﺭﻨﺎﻤﺞ‬
‫ﺍﻝﻤﺘﻌﻠﻕ ﺒﻌﻤﻠﻴﺔ ﺍﻝﻀﻐﻁ ﻋﻠﻲ ﺍﻝﺯﺭ ﻜﻤﺎ ﻫﻭ ﻤﻭﻀﺢ ﻓﻴﻤﺎ ﻴﻠﻲ ‪:‬‬

‫‪Public Class Form1‬‬

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

‫‪End Sub‬‬
‫‪End Class‬‬

‫ﻓﻲ ﺤﻘﻴﻘﺔ ﺍﻷﻤﺭ ﻓﺎﻥ ﻫﺫﺍ ﺍﻝﺠﺯﺀ ﻤﻥ ﺍﻝﺒﺭﻨﺎﻤﺞ ﻋﺒﺎﺭﻩ ﻋﻥ ﻗﺎﻝﺏ ”‪ ”template‬ﻴﻁﻭﻕ ﺍﻝﺒﺭﻨﺎﻤﺞ‬
‫ﺍﻝﺫﻯ ﺴﻴﺘﻡ ﺘﺸﻐﻴﻠﻪ ﻓﻲ ﺤﺎﻝﺔ ﺍﻝﻀﻐﻁ ﻋﻠﻲ ﺍﻝﺯﺭ ”‪ “Button1‬ﻭﻗﺩ ﻗﺎﻤﺕ ﻓﻴﺠﻭﺍل ﺒﻴﺴﻙ ﺒﻌﻤﻠﻪ ﻨﻴﺎﺒﺔ‬
‫ﻋﻨﻙ ﻝﺘﺴﻬل ﻋﻠﻴﻙ ﺍﻝﻤﻬﻤﺔ ‪.‬‬

‫‪ -٢‬ﻓﻰ ﻨﺎﻓﺫﺓ ﻤﺸﻬﺩ ﺍﻝﻜﻭﺩ ”‪ “Code View Window‬ﻴﻤﻜﻨﻙ ﺘﻐﻴﻴﺭ ﺨﺎﺼﻴﺔ ‪ Text‬ﻝﻠﺯﺭ ﺍﻝﻤﻭﺠﻭﺩ‬
‫ﻭ ﺍﻝﻤﺴﻤﻰ ”‪ “Buon1‬ﻤﻥ ”‪ “Button1‬ﺇﻝﻲ ”‪. “Hello Egypt‬‬
‫ﻻﺤﻅ ﺃﻨﻪ ﻤﻥ ﺍﻝﻭﺍﺠﺏ ﺇﻀﺎﻓﺔ ﺍﻝﺴﻁﺭ ﺍﻝﺘﺎﻝﻰ ﻓﻲ ﻨﺎﻓﺫﺓ ﻤﺸﻬﺩ ﺍﻝﻜﻭﺩ ﻗﺒل ﺍﻝﺴﻁﺭ ﺍﻝﻤﻜﺘﻭﺏ ﻓﻴﻪ " ‪End‬‬
‫‪ " Sub‬ﻤﺒﺎﺸﺭﺓ‪.‬‬
‫”‪Button1.Text = “Hello Egypt‬‬

‫ﻭﺒﻌﺩﻫﺎ ﺴﻴﻜﻭﻥ ﺍﻝﺒﺭﻨﺎﻤﺞ ﺒﺎﻝﺸﻜل ﺍﻵﺘﻰ ‪:‬‬

‫‪Public Class Form1‬‬

‫‪Private Sub Button1_Click(ByVal sender As System.Object,‬‬
‫‪ByVal e As System.EventArgs) Handles Button1.Click‬‬
‫”‪Button1.Text = “Hello Egypt‬‬
‫‪End Sub‬‬
‫‪End Class‬‬

‫‪٨٦‬‬
 ‫‪ ٤-٥‬ﺤﻔﻅ ﺍﻝﺒﺭﻨﺎﻤﺞ ‪:‬‬
‫ﻝﺤﻔﻅ ﺍﻝﺒﺭﻨﺎﻤﺞ ﻗﻡ ﻴﻌﻤل ﺍﻵﺘﻲ ‪:‬‬
‫‪ -١‬ﻗﻡ ﺒﺎﺨﺘﻴﺎﺭ)‪ (File ⇒Save All‬ﻤﻥ ﺍﻝﻘﺎﺌﻤﺔ ﺍﻝﺭﺌﻴﺴﻴﺔ ﻝﻠﻔﻴﺠﻭﺍل ﺍﺴﺘﻭﺩﻴﻭ ‪ .‬ﺴﻴﻅﻬﺭ ﻝـﻙ‬
‫ﻤﺭﺒﻊ ﺤﻭﺍﺭ ”‪ “Save project‬ﻜﻤﺎ ﻫﻭ ﻤﻭﻀﺢ ﺒﺸﻜل ‪. ٩-٥‬‬
‫‪ -٢‬ﺴﻴﻁﻠﺏ ﻤﻨﻙ ﻓﻴﺠﻭﺍل ﺍﺴﺘﻭﺩﻴﻭ ﺃﻥ ﺘﺨﺘﺎﺭ ﻤﻜﺎﻥ ﺤﻔﻅ ﺍﻝﺒﺭﻨﺎﻤﺞ‪ .‬ﺤﺩﺩ ﺍﻝﻤﻜﺎﻥ ﺜﻡ ﺍﻀـﻐﻁ‬
‫”‪. “Save‬‬ ‫ﻋﻠﻰ ﺯﺭ‬

‫ﺸﻜل ‪ ٩-٥‬ﻤﺭﺒﻊ ﺤﻔﻅ ﺍﻝﺒﺭﻨﺎﻤﺞ‪.‬‬

‫‪ ٥-٥‬ﺘﺸﻐﻴل ﺍﻝﺒﺭﻨﺎﻤﺞ ‪:‬‬

‫‪ ١-٥-٥‬ﺘﺸﻐﻴل ﺍﻝﺒﺭﻨﺎﻤﺞ ﻤﻥ ﺩﺍﺨل ﻓﻴﺠﻭﺍل ﺍﺴﺘﻭﺩﻴﻭ ‪:‬‬

‫ﻝﺘﺸﻐﻴل ﺍﻝﺒﺭﻨﺎﻤﺞ ﻤﻥ ﺩﺍﺨل ﻓﻴﺠﻭﺍل ﺍﺴﺘﻭﺩﻴﻭ ﺍﻀﻐﻁ ‪ F5‬ﻋﻠﻰ ﻝﻭﺤﺔ ﺍﻝﻤﻔﺎﺘﻴﺢ ﺴﻴﻘﻭﻡ ﻓﻴﺠﻭﺍل ﺍﺴﺘﻭﺩﻴﻭ‬
‫ﺒﻔﺘﺢ ﻤﺸﺭﻭﻋﻙ ﺒﺎﻝﻀﺒﻁ ﻤﺜل ﺍﻝﺒﺭﺍﻤﺞ ﺍﻝﺨﺎﺼﻪ ﺒﺎﻝﻭﻨﺩﻭﺯ‪ .‬ﺍﻀﻐﻁ ﻋﻠﻰ ﺍﻝﺯﺭ ﻭﻻﺤﻅ ﺃﻥ ﺍﻝﻜﺘﺎﺒﺔ‬
‫”‪ “Buon1‬ﻜﻤﺎ ﻫﻭ ﻤﻭﻀﺢ ﺒﺸﻜل ‪. ١٠-٥‬‬ ‫ﻻ ﻤﻥ‬
‫ﺘﺘﻐﻴﺭ ﺇﻝﻰ " ‪ " Hello Egypt‬ﺒﺩ ﹰ‬

‫‪٨٧‬‬
 ‫ﺸﻜل ‪ ١٠-٥‬ﺍﻝﻤﺸﺭﻭﻉ ”‪ “Hello Egypt‬ﻋﻨﺩ ﺘﺸﻐﻴﻠﻪ‪.‬‬

‫‪ ٢-٥-٥‬ﺘﺸﻐﻴل ﺍﻝﺒﺭﻨﺎﻤﺞ ﻤﻥ ﺨﺎﺭﺝ ﻓﻴﺠﻭﺍل ﺍﺴﺘﻭﺩﻴﻭ ‪:‬‬

‫ﻝﺘﺸﻐﻴل ﺍﻝﺒﺭﻨﺎﻤﺞ ﻤﻥ ﺨﺎﺭﺝ ﻓﻴﺠﻭﺍل ﺍﺴﺘﻭﺩﻴﻭ ‪ ،‬ﺍﺘﺒﻊ ﺍﻝﺨﻁﻭﺍﺕ ﺍﻵﺘﻴﺔ‪:‬‬
‫‪ " Build‬ﻤﻥ ﺍﻝﻘﺎﺌﻤﺔ ﺍﻝﺭﺌﻴﺴﻴﺔ ‪.‬‬ ‫⇒‬ ‫ﺃ‪ -‬ﻗﻡ ﺒﺎﺨﺘﻴﺎﺭ "‪Hello‬‬
‫ﺴﻴﻘﻭﻡ ﻓﻴﺠﻭﺍل ﺍﺴﺘﻭﺩﻴﻭ ﺒﺘﺭﺠﻤﺔ ﻤﺸﺭﻭﻋﻙ ﺒﻭﺍﺴﻁﺔ ﺍﻝﻤﺘﺭﺠﻡ " ‪ " Compiler‬ﻭﺘﺤﻭﻴﻠﻪ‬
‫ﺇﻝﻰ ﺒﺭﻨﺎﻤﺞ ﺒﺎﺴﻡ“ ‪. ”Hello. exe‬‬
‫ﺏ‪ -‬ﺍﺫﻫﺏ ﺇﻝﻰ ﺍﻝﻤﺠﻠﺩ ) ‪ ( Folder‬ﺤﻴﺙ ﺘﺤﻔﻅ ﺘﻁﺒﻴﻘﺎﺕ ﺍﻝﻭﻴﻨﺩﻭﺯ ‪.‬‬
‫ﺝ‪ -‬ﺍﻨﻘﺭ ﻤﺭﺘﻴﻥ ﻋﻠﻰ ”‪ “Hello. Exe‬ﻝﺘﺸﻐﻴﻠﻪ ‪.‬‬

‫‪٨٨‬‬
 ‫‪ ٦-٥‬ﺃﺴﺌﻠـﻪ ‪:‬‬
‫ﺍﻝﺴـﺅﺍل ﺍﻷﻭل‪:‬‬
‫”‪ “IDE‬؟‬ ‫ﻤﺎ ﻤﻌﻨﻰ ﺍﻝﻤﺼﻁﻠﺢ‬

‫ﺍﻝﺴـﺅﺍل ﺍﻝﺜﺎﻨﻰ‪:‬‬

‫ﺍﺫﻜﺭ ﺍﺴﺘﺨﺩﺍﻤﺎﺕ ﻨﺎﻓﺫﺓ ﺍﻝﺨﺼﺎﺌﺹ ”‪ “properties window‬ﻭﺼﻨﺩﻭﻕ ﺍﻷﺩﻭﺍﺕ ”‪ “toolbox‬؟‬

‫ﺍﻝﺴـﺅﺍل ﺍﻝﺜﺎﻝﺙ‪:‬‬

‫”‪ “User Interface‬ﺒﻬﺎ ﺯﺭ ﻭﺍﺤﺩ ﻓﻘﻁ‪ .‬ﻋﻨﺩ ﺍﻝﻨﻘﺭ ﻋﻠﻰ ﺍﻝﺯﺭ ﻴﺠﺏ‬ ‫ﻗﻡ ﺒﺒﻨﺎﺀ ﻭﺍﺠﻬﺔ ﻝﻠﻤﺴﺘﺨﺩﻡ‬
‫ﺃﻥ ﻴﺼﺒﺢ ﺸﻜل ﺍﻝﻭﺍﺠﻬﺔ ﻜﻤﺎ ﻫﻭ ﻤﺒﻴﻥ ﺒﺸﻜل ‪: ١١-٥‬‬

‫ﺸﻜل ‪ ١١-٥‬ﺍﻝﻭﺍﺠﻬﺔ ﺍﻝﻤﻁﻠﻭﺒﺔ ﻝﻠﺴﺅﺍل ﺭﻗﻡ ‪.٣‬‬

‫‪٨٩‬‬
 :‫ "ن    ار 
  ه آ ه   
ول ا‬#$

(Property) / ‫ﺹ‬1‫ا‬ (New Value) 8 

‫ ا‬/‫ ـ‬:‫ا‬
Text “East or west, home is best”
ForeColor Color.Red
BackColor Color.Yellow

‫“ ﺘﻌﻨﻰ ﺍﻝﻜﺘﺎﺒﺔ ﺍﻝﻤﻭﺠﻭﺩﺓ ﻋﻠﻰ ﻭﺍﺠﻬﺔ ﺍﻝﺯﺭ ﻭ ﺍﻝﺨﺎﺼﻴﺔ‬Text” B ‫ﺹ‬1‫ "ن ا‬#$

.BF‫ ا‬B G# H  “BackColor” B ‫ﺹ‬1‫“ ﺘﻌﻨﻰ ﻝﻭﻥ ﺍﻝﻜﺘﺎﺒﺔ و أن ا‬ForeColor”

٩٠