الطريق إلى البرمجة الكفي باستخدام Visual Basic .NET 2005
 

[SIZE="4"][COLOR="Navy"].. السلام عليكم ورحمة الله وبركاته ..[/COLOR][/SIZE]

سأبدأ بإذن الله معكم خطوة ً بخطوة حتى نتعلم أساسيات برمجة الكمبيوتر الكفي باستخدام إطار عمل .Net Frame Work 2.0

[IMG]http://msdn.microsoft.com/nodehomes/graphics/80x60/NETFw.jpg[/IMG]

بإذن الله لغة البرمجة المستهدفة هي Visual Basic .NET 2005 وهي الأسهل من بين أخواتها والأفضل من وجهة نظري وبالتأكيد النسخة الأخيرة ..

ستتمثل الدروس في عدة خطوات ستكون كل خطوة في رد بإذن الله ...
[RIGHT][COLOR="DarkRed"]أولاً [/COLOR]: الحصول على Visual Basic .NET 2005 وتثبيته .
[COLOR="darkred"]ثانياً [/COLOR]: اختيار الأجهزة المستهدفة في البرمجة +إنشاء المشاريع والبدء في العمل .
[COLOR="darkred"]ثالثاً [/COLOR]: تعلم أساسيات البرمجة للكفي , وتطبيقها عملياً .
[COLOR="darkred"]رابعاً [/COLOR]: البدء والإنتهاء من تصميم برنامجنا الأول المبسط ..[/RIGHT]

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

تحياتي ,,
محمد

أولاً ..
 

[COLOR="DarkRed"][SIZE="6"]الحصول على Visual Basic .NET 2005[/SIZE][/COLOR]

[IMG]http://msdn.microsoft.com/vstudio/images/VS2005_logo_product_home.gif[/IMG]

[COLOR="navy"][SIZE="5"]النسخ المتوفرة :[/SIZE][/COLOR]
قبل الحصول على البرنامج يجب أن تعرف أن هناك عدة نسخ من Visual Studio .NET 2005
منها Standard Edition , Enterprise , Profesional و TeamSuite وهو الأفضل والأشمل والموجود في المرفق .

[COLOR="navy"][SIZE="5"]الحصول على البرنامج :[/SIZE][/COLOR]
في الحقيقة هناك الكثير من الوسائل للحصول على البرنامج ..

[COLOR="DarkRed"]أولاً : [/COLOR] إذا كنت ممن يتجنبون النسخ غير الأصلية فيمكنك شراء النسخة أصلية إلا أن سعرها باهظ جداً فمثلاً إذا أردت الحصول على Visual Studio .NET 2005 كاملا سيتجاوز الألف ريال ..

[COLOR="DarkRed"]ثانياً :[/COLOR] الحصول على نسخة منسوخة من المحلات ستجدها إما على 5 سيديات أو DVD وسعرها لن يتجاوز الثلاثين ريال .

[COLOR="DarkRed"]ثالثاً والأخير :[/COLOR] وهو تحميلها من الإنترنت مجاناً إلا أن ذلك يتطلب منك إتصال سريع وغير مكلف ..
للحصول على النسخة من الإنترنت استخدم ملف التوررنت في المرفق علماً بأن حجمها يزيد على 3.5 GB .
[SIZE="2"]إذا لم تمتلك توررنت يمكنك استخدام BitTorrent أو أي برنامج آخر ..[/SIZE]

-----------------------------------------------------------------------------------------
[COLOR="DarkGreen"]Microsoft Visual Studio .NET 2005 Team Suite Edition[/COLOR]
-----------------------------------------------------------------------------------------
تحياتي ..

ثانياً :
 

[COLOR="DarkRed"][SIZE="6"]اختيار الأجهزة المستهدفة في البرمجة [/SIZE][/COLOR]
يجب عليك أن تعلم أنه بمجرد تحميلك لـ Visual Studio .NET 2005 ستتحمل تلقائياً أدوات التطوير لـ للبوكيت بي سي 2003 وللسمارت فون 2003 ..

أي برنامج تصممه سيعمل على هذه الأجهزة وعلى أجهزة 2005 ..

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

[IMG]http://img.microsoft.com/downloads/img%5Cproducts%5C7C1FA894-B2C5-41BE-8D97-E145DD2A883B.gif[/IMG]
لذلك ولكي تحصل على أدوات التطوير لـ 2005 ستحتاج إلى تحميل [URL="http://download.microsoft.com/download/d/2/e/d2e43e33-53b0-45b6-ba70-fe6fdc4aa5bb/Windows%20Mobile%205.0%20Pocket%20PC%20SDK.msi"]Windows Mobile 5.0 Pocket PC SDK [/URL]..
علما بأن حجمها 170 م.ب

الآن الطريق أمامنا مفتوح ولم يتبق لنا سوى الشروع في العمل .!!

تحياتي ,,

[COLOR="DarkRed"][SIZE="6"]إنشاء المشاريع والبدء في العمل[/SIZE][/COLOR]

1- نشغل Visual Studio .NET 2005 ..
[IMG]http://www.xda3.com/f/sft/1150572702.gif[/IMG]

2- إنشاء مشروع جديد .
[IMG]http://www.xda3.com/f/sft/1150572740.gif[/IMG]

3- تحديد نوع المشروع وموقع إنشائه .
[IMG]http://www.xda3.com/f/sft/1150572776.gif[/IMG]

4- تظهر لنا نافذة التصميم لنبدأ عملنا .
[IMG]http://www.xda3.com/f//sft/1150572844.gif[/IMG]

[COLOR="Red"]***[/COLOR] بالنسبة للقائمة [COLOR="red"]المعلمة بالأحمر[/COLOR] في أعلى الصورة من خلالها تستطيع تحديد كيف تجرب برنامجك ..
إذا اخترت :
1- Windows Mobile PocketPC Phone فهذا يعني أن لديك كفي متزامن حالياً وستجرب تطبيقاتك عليه ..
أما الباقية فهي Emulators لتجرب برامجك عليها ..

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

مع خالص تحياتي ,,
محمد

ثالثاً :
 

[SIZE="6"][COLOR="DarkRed"]تعلم أساسيات البرمجة للكفي , وتطبيقها عملياً[/COLOR][/SIZE]
سوف نحاول الآن تعلم الأساسيات والتي من خلالها تستطيع البدء في مرحلة برمجة الكفي , وبالطبع سنبدأ بالأمور السهلة مثل تصميم النافذة ورسم الأدوات وما إلى ذلك قبل الولوج في كتابة الكود ..
سوف نحاول أثناء تعلمنا الأساسيات بناء برنامج بسيط جداً يظهر لك التاريخ والوقت .

بداية يجب علينا تحديد طبيعة الجهاز المستهدف من ناحية شاشته مثلاً ( VGA أو QVGA أو SquareVGA أو SquareQVGA ) كذلك من كونه جوال أو لا ..
حدد نافذة التصميم ثم انتقل إلى نافذة الخصائص [COLOR="darkred"]Properties [/COLOR]( والتي أوضحناهم في السابق ) وانتقل إلى الخاصية [COLOR="Green"]FormFactor [/COLOR]وحدد نوع الجهاز .
[IMG]http://www.xda3.com/f/sft/1150572915.gif[/IMG]

الآن سوف نبدأ برسم شكل البرنامج من ناحية التصميم .
بالنسبة للاسم الظاهر أعلى النافذة نستطيع تغييره من خلال الخاصية [COLOR="green"]Text[/COLOR]
[IMG]http://www.xda3.com/f/sft/1150572948.gif[/IMG]
ليصبح كالشكل التالي:
[IMG]http://www.xda3.com/f/sft/1150572980.gif[/IMG]


لكي نضيف أي أداة يجب علينا الإنتقال إلى أدوات التصميم ( الموضحة سابقاً [COLOR="DarkRed"]ToolBox[/COLOR]) ثم اختيار الأداة وبعد ذلك رسمها داخل نافذة التصميم ..
الصورة التالية توضح بعض الأدوات الشائعة المتاحة ..
[IMG]http://www.xda3.com/f/sft/1150573009.gif[/IMG]

الآن الذي نحتاجه هو [U]ثلاثة [/U]أزرار أمر ( [COLOR="Navy"]Button [/COLOR]) وأداة نص واحدة ( [COLOR="Navy"]Label [/COLOR]) ..
أضف الأدوات السابقة باختيارها ورسمها لتصبح كالشكل التالي :
[IMG]http://www.xda3.com/f/sft/1150573072.gif[/IMG]

يجب علينا تعديل النصوص داخل الأزرار والنص لتتلائم مع برنامجنا , دائماً سنستخدم الخاصية [COLOR="DarkGreen"]Text [/COLOR]لتعديل النصوص ..
فمثلاً لتعديل النص الموجود داخل الزر [COLOR="Navy"]Button1 [/COLOR]يجب عليك تحديده أولاً ثم الذهاب للخاصية [COLOR="darkgreen"]Text [/COLOR]وكتابة النص ..
عدل الخاصية [COLOR="darkgreen"]Text [/COLOR]للعنصر [COLOR="navy"]Button1 [/COLOR]ليصبح = "الوقت والتاريخ"
عدل الخاصية [COLOR="darkgreen"]Text [/COLOR]للعنصر [COLOR="navy"]Button2 [/COLOR]ليصبح = "عن البرنامج"
عدل الخاصية [COLOR="darkgreen"]Text [/COLOR]للعنصر [COLOR="navy"]Button3 [/COLOR]ليصبح = "خروج"
عدل الخاصية [COLOR="DarkGreen"]Text [/COLOR]للعنصر [COLOR="navy"]Label1 [/COLOR]ليصبح = ""

سوف تصبح بهذا الشكل :
[IMG]http://www.xda3.com/f/sft/1150573113.gif[/IMG]

الآن وبعد هذا كله يجب عليك أن تعلم أن هناك خاصية اسمها Name موجودة لكل عنصر وأداة ..
أي أداة تريد التعامل معها أثناء كتابة الكود يجب عليك وضع مسمى لها داخل الخاصية Name ثم التعامل معها بهذا المسمى ..
فمثلاً سوف نتعامل مع Label1 داخل الكود لذلك يجب علينا تسميته .. فلنسمه أي اسم مثلاً ..
عدل الخاصية [COLOR="darkgreen"]Name [/COLOR]للعنصر [COLOR="navy"]Label1 [/COLOR]ليصبح = "lbl" مثلاً ..
كما في الصورة ..
[IMG]http://www.xda3.com/f/sft/1150573150.gif[/IMG]

الآن برنامجنا أصبح جاهز 100% من ناحية التصميم وبإذن الله سنبدأ في مرحلة الكود بالرد القادم .,,
--------------------------------------------------------------
[COLOR="DarkRed"][SIZE="4"]معلومات إضافية ..[/SIZE][/COLOR]
[COLOR="darkred"]*** [/COLOR]يمكنك تغيير أيقونة النافذة من خلال الخاصية Icon ثم تحديد أيقونة من جهازك ..
أيضاً إذا أردت تغيير الأيقونة الخاصة بالبرنامج كامل ( ملف الـexe ) إضغط الزر الأيمن على اسم المشروع ثم Properties ثم Icon ومن القائمة اختر الأيقونة أو اختر Browse لاختيار من ملف ..
[IMG]http://www.xda3.com/f/sft/1150573199.gif[/IMG]

تابع : ثالثاً :
 

تابع لـ
[COLOR="darkred"][SIZE="6"]تعلم أساسيات البرمجة للكفي , وتطبيقها عملياً[/SIZE][/COLOR]
[COLOR="darkred"][SIZE="5"]كتابة الكود لبرنامجنا المبسط[/SIZE][/COLOR]

الآن سوف نبدأ بعملية كتابة الكود وهي المرحلة الأصعب إلا أنها سهلة جداً قياساً ببساطة برنامجنا ..

قبل أن نبدأ كتابة الكود يجب أن تعلم أن هناك أشياء اسمها الأحداث [COLOR="darkred"]Events[/COLOR] هذه الأحداث هي قسم في مكان كتابة الكود . تكتب فيه الكود الخاص بك .. وسوف يتنفذ هذا الكود أو يتفجر كما يقولون عند حدوث شيء معين .. فمثلاً ..
ننتقل إلى الزر Button1 والذي كتبنا عليه " الوقت والتاريخ " , ثم نضغط عليه ضغطتين متتاليتين ...
ستظهر لنا النافذة التالية :
[IMG]http://www.xda3.com/f/sft/1150573305.gif[/IMG]
نلاحظ في الصورة السابقة أننا كتبنا الكود في الحدث Click الخاص بـ Button1 لذلك فإن هذا الحدث والكود الذي كتبناه لن يعمل إلا عندما يضغط المستخدم على هذا الز ..

كذلك يجب أن تعرف أنه عند كتابة الكود تستخدم [COLOR="Red"]اسم الأداة[/COLOR] وبعدها نقطة [COLOR="red"][SIZE="4"].[/SIZE][/COLOR] وبعدها [COLOR="red"]اسم الخاصية[/COLOR] وبعدها [COLOR="red"]=[/COLOR] وبعدها القيمة الجديدة للخاصية ...

فمثلاً نود عند الضغط على الزر Button1 أن تستبدل الخاصية Text للعنصر lbl بالوقت الحالي ..
فيصبح الكود كالتالي :
[CODE]lbl.Text = Now[/CODE]
[COLOR="Green"]Now[/COLOR] هي قيمة بالوقت والتاريخ الحالين ..

وبالطبع شكل الكود السابق عند كتابته في الحدث Click الخاص بـButton1 سيكون بالشكل التالي :
[CODE] Private Sub Button1_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button1.Click
lbl.Text = Now
End Sub[/CODE]

الآن عند ضغط الز سيكتب في أداة النص الوقت والتاريخ الحاليين ..
------------------------------------------
ماذا عن زر عن البرنامج ؟
نضغط عليه ضغطتين لنحرر الكود الخاص به وبالطبع ستكون وظيفته اظهار معلومات عن مصمم البرنامج في أداة النص .
فيصبح الكود كالتالي :
[CODE]lbl.Text = "www.ce4arab.com" [/CODE]
أيضاً يجب أن تعلم أن أي قيمة نصية تكتبها داخل الكود يجب أن تضع علامة " قبل وبعد القيمة ولاحظ ذلك في الكود السابق .. لاحظ أننا لم نضع العلامة "" للكود الأول وإنما وضعناها الآن لأننا أسندنا قيمة نصية من عندنا ..

أيضاً سيصبح الكود عند إضافته للحدث كالتالي :
[CODE] Private Sub Button2_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button2.Click
lbl.Text = "www.ce4arab.com"
End Sub[/CODE]

أما بالنسبة للزر الأخير وهو زر الخروج فسيكون الكود له كالتالي :
[CODE] Private Sub Button3_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button3.Click
Application.Exit()
End Sub[/CODE]
علماً بأن الجملة Application.Exit هي جملة تستخدمها دائماً للخروج من البرنامج ..

إذا كانت الأكواد السابقة غير واضحة فهذه الصورة توضح الكود على شكله الأخير ( [URL="http://www.xda3.com/f/sft/1150573356.gif"]اضغط هنا[/URL] )

الآن لم يتبق لنا سوى أن نجرب برنامجنا البسيط ..
[IMG]http://www.xda3.com/f/sft/1150573407.gif[/IMG]

[COLOR="Green"]هكذا ننتهي بإذن الله من بناء الكود وبإذن الله سننتقل لاحقاً إلى النقطة الرابعة وهي البدء والإنتهاء من تصميم برنامجنا الأول والذي سأتطرق فيه إلى تصميم برنامج أشد من هذا بإذن الله ..

تحياتي ,, محمد[/COLOR]

[COLOR="DarkRed"][SIZE="4"]ملاحظة مهمة :[/SIZE][/COLOR]
إذا أردت تجريب برنامج على أحد الـEmulators فيجب أن تأخذ بعين الإعتبار أنها لا تدعم اللغة العربية لذلك قد تضطر إلى تجربة البرنامج على جهازك الكفي إن كنت قد صممته بالعربي ..

تابع : ثالثاً ..
 

إذا انتهيت من البرنامج انتقل إلى Build > Build Solution وسيحفظ ملف الـexe في مجلد البرنامج في الدليل bin

[COLOR="Navy"][SIZE="5"]مرفق ![/SIZE][/COLOR]
مرفق هو ملف المشروع لمن أراد مشاهدته أو التعديل فيه جاهزا ..
مع خالص التحية والتقدير .

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

شكرا على الشرح
كانت في حاجات كتير ناقصاني علشان لسة كنت بتعلم في الvisual basic بس windows application و كانت في حاجات مش عارفة اظبطها
شرحك ممتاز ربنا يكرمك

ما شاء الله
يستحق التثبيت بقووووووووووه

ما شاء الله شرح مبسط وواضح جزاك الله خيرا

ماشاء الله تبارك الله

وبارك الله فيك أخوي محمد ،،، شرح ولا أروع لموضوع راااااااااائع ...;) :thumbup:

*********************

[SIZE="5"][COLOR="Blue"]لكن هل يمكن ربط أي فورم بقاعدة بيانات mdb مثلاً تخزن على الكفي ؟؟؟؟؟[/COLOR][/SIZE]

ما شاء الله تبارك الله

والله مدري وش أقول

ما .. أدري .. وش .. أقووووووووول


إبداع إبداع إبداع

;)

الله يوفقك وييسر لك أمورك كلها


* ما شاء الله ما قد شفت أسهل من هذا الشرح *

;) ;) ;) ;) ;)


;) ;) ;)

;)








:cool:

Re:
 

السلام عليكم ..
Microsoft , mk_smart , Abo Hassan , monmon23 أشكركم جداً على تجاوبكم مع الموضوع ..

byader
أتوقع الأمر ممكن لكن أتمنى ما تسألني عن قواعد البيانات :o .. :)

تحياتي ,

[QUOTE=محــKSAــمد]السلام عليكم ..
Microsoft , mk_smart , Abo Hassan , monmon23 أشكركم جداً على تجاوبكم مع الموضوع ..

byader
أتوقع الأمر ممكن لكن أتمنى ما تسألني عن قواعد البيانات :o .. :)

تحياتي ,[/QUOTE]

يسلم راسك أخوي محمد ،،، وجاري التجربة ولي عودة إن شاء الله .

فبعد جهد جهيد نصبت الآن برنامج الفجوال دوت نت ، والسيديات الخمس لها معاي أكثر من سنة وما توقعت يجيلي حاجة عليها :cool: (( وأول مرة أشوف برنامج تبدأ بالسيدي الخامس بعدين ترجع للسيدي الأول ،،، وهذي أول الحوسة .... وربك يعين ))

[QUOTE=byader]يسلم راسك أخوي محمد ،،، وجاري التجربة ولي عودة إن شاء الله .

فبعد جهد جهيد نصبت الآن برنامج الفجوال دوت نت ، والسيديات الخمس لها معاي أكثر من سنة وما توقعت يجيلي حاجة عليها :cool: (( وأول مرة أشوف برنامج تبدأ بالسيدي الخامس بعدين ترجع للسيدي الأول ،،، وهذي أول الحوسة .... وربك يعين ))[/QUOTE]
هلا والله byader ..
عالعموم تأكد أن النسخة 2005 لأن هذي النسخة على ما أعتقد لها أقل من سنة :) وعلى فكرة ما أتوقع تبدأ من السي دي الخامس ولكن ممكن أنت مرقم السيديات غلط :D ..

تحياتي ,

اففففففففففففففففففف

ما شاء الله عليك !!!
موضوع قوي جدا

اخي الفاضل
ماهي الاعتبارات التي يجب اني اخذها لتصميم برنامج لل pda2k ?

مبدع مبدع ماشاء الله عليك

يعطيك الف عافية وشكرا

متابع لجميع مواضيعك

شكرا لك

[IMG]http://xda3.com/f/sft/bs17.gif[/IMG]

أشكركم جداً على الردود الرائعة ahamza , الصقر ...

CO2
لا تحتاج إلى أي شيء سواء أنك لن تحتاج لتحميل Windows Mobile 5 SDK لأن جهازك يعمل على النظام القديم , إذا كنت قد حدثته إلى wm5 فقم بتحميل الملف ..

تحياتي ,,
محمد

أخوي كيف يتم برمحة ليعمل لكل الأنظمة

WM2003
WM2003SE
WM5


؟








:cool:

أخي Microsoft ..
ستعمل فمثلاً لو صممت برنامج واستهدفت WM2003SE سيعمل على WM5 بشكل طبيعي جداً ..

وهذا عن تجربة شخصية ..

عجيب .!!

إعتقدت العكس

إذا برمجة للنظام الجديد سيعمل للكل ..!!


السؤال .. لماذا هنا العكس

( إذا برمجة بالنظام القديم يعمل على الجديد .! )

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

واسمح لي ارد على الاخ Microsoft

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

jonoon كلامك من ذهب ..

وفي الحقيقة أنا لا أمتلك جهاز 2003 لأجرب عليه برامج الwm5 ..
إلا أنني صممت برنامج 2003 وشغلته على wm5 وعمل بشكل ممتاز ..

فعلاً

:eek:


وش لون راحت عن بالي

:D


بناء على الإجابة السابقة
هناك سؤال يطرح نفسه

لماذا لم تعمل بعض البرامج
المصممة للنظام القديم
ولم تعمل مع النظام الجديد

؟؟؟


سؤال آخر << ناوي ينجلد :cold:

أنا شريت برنامج الفيجوال

لكن خفت أنه ما يكون هو

لأني وجدت حوالي عشر إصدارات

:wacko:


فأخترت هذه النسخة فهل هي المطلوب .!

* أسم الإصدار كامل كما هو مكتوب عندي *

Microsoft Visual Studio 2005


المشكلة أني ما أدري وش نوع النسخة هذي

هي إحترافية ولا عادية مدري ..!






عذراً على الإطالة

:o









:cool: