دروس في تعلم الفيجوال بيسك (دروس متتالية)

[Fantasy-Reality]

-=== الدرس الأول ===-





السلام عليكم………….


انا الاول عايز نعرف حاجات معينه علشان حنحتاجها بعد كده……..


1- ادوات التحكم :
....................
وهى الادوات الى احنا بنستخدمها علشان نصمم واجهة التعامل مع المستخدم , ودى بستخدمها فى تصميم الفورم فى حاله الفيجول بيزيك... وهى مثل ( ازرار الاوامر , صناديق الاختيارات ,صناديق لحوار.................)


2- الحدث :
...........
وهى الحاجات اللى حيعملها المستخدم عند تعامله مع البرنامج مثل ضغط زر معين , او عده زارير ,المرور على ادوات التحكم ................. والعديد منها


3- الخصائص :
.................
وهى مميزات وخصائص كل اداه تحكم وهيا اللى بتخلينا نعدل من خصائصها حتى يمكننا التعامل معاها وتكيفها لتلائم برامجنا.......مثل اسمها..ظهورها او اخفاءها , لون خلفيتها ........................







http://www.uploadco.net/pictures/elhook_1.gif

ويتكون برنامج الفيجول بيزيك من اربع اجزاء اساسيه :
.................................................. ..................

1- نافذه المشروع:
.....................
وديه بقه بتورينا الفورم بتاعتنا او اكتر من واحده... اللى فى البرنامج بتعنا.... ولو فى موديل برضه بيبان هنا...ز

من الاخر...فيها بيبان مكونات الاساسيه للمشروع بتاعنا..


2- نافذه النموذج:
...................
وديه نافذه البرنامج بتاعنا اللى حيظهر عند تنفيذ البرنامج .... وفيها بنحط ادوات التحكم .ويمكن التحكم فى خصائصها(

الوانها, الخط,...........) فى اثناء وقت تصميم البرنامج .... ويمكن ان يحتوى المشروع على اكتر من واحده منها...


3- نافذه الخصلئص :
......................
وديه اللى فيها خصائص ادوات التحكم او الفورم .. بمجرد ما تضرب كليك واحده على اداه التحكم تظهر خواصها فى نافذه

الخصائص... وحنقول ونشرح جميع الخصائص ...


4- صندوق الادوات :
........................
وده اللى فيه ادوات التحكم ...........



http://www.uploadco.net/pictures/elhook__2.gif



ملاحظه:
.........

او فى اى حاجه من الحاجات اللى فاتت مش ظاهره عندك يمكنك اظهارها

-اختار فيو (عرض) من شريط الاستندر .......

-اختار صنوق الادوات , ..................


بص فى الصوره احسن...........



http://www.uploadco.net/pictures/elhook_3.gif



و فى الدرس التانى ان شاء الله حنعرف كل حاجه عن صندوق الادوات و نافذه الخصائص...............





وتم وضع هذا الدرس على شكل ملف Word

http://www.freewebtown.com/elhook2/first%20lesson.doc (http://www.freewebtown.com/elhook2/first%20lesson.doc)

كلمه السر : www.femto.tk (http://www.femto.tk/)

[Fantasy-Reality]

-=== الدرس الثانى ===-





السلام عليكم:

احنا فى الدرس اللى فات عرفنا فكره بسيطه عن البرنامج وحبة تعاريف بسيطه.....

النهارده بقه احنا حنزود الجرعه شويه....اعملك كوبايه شاى وصحصح معايااااااااا......

.................................

Design time:
....................

وقت التصميم...وهو فتره تصميمك للبرنامج..يعنى وانتا بتضيم العناصر وادوات التحكم وخواص العناصر للبرنامج بتاعك....وكتابه سطور البرمجه....


Run Time:
................

وقت التشغيل..وهو وقت تنفيذ البرنامج..اى وقت تفاعل البرنامج مع المستخدم العادى.....وطبعا مش ممكن تضيف او تعدل من برمجه البرنامج سعتها....

.............................................


خطوات تصميم اى برنامج : (خلى بالك علشان مهمه ليك اووى)
..................................

وهما خمس خطوات...

1-فكره البرنامج:
....................
لازم يكون عندك فكره للبرنامج اللى حتعمله مثلا...معادله لتحويل تاريخ ميلادى لهجرى......فكره لعبه.....كده يعنى


2-تحديد متطلبات البرنامج:
................................
وديه خطوه مهمه ..يعنى تحدد كام زرار كام ليبل كام تايمر............(نشرحها بعدين متخفش)


3-تصميم واجهة البرنامج:
................................
وديه من اهم عوامل جذب المستخدم...وهنا بتصمم شكل البرنامج توزيع ادوات التحكم ومكونات البرنامج والالوان والخطوط وكده..


4-كتابه كود البرنامج:
........................
وبنكتب هنا برمجه البرنامج وتصرف ادوات التحكم مع الاحداث المختلفه.....وديه لازم تراجع كل خطوه بدقه علشان مايبوظش البرنامج......


5-اختبار البرنامج:
......................
تجرب البرنامج ....يعنى تشغله بنواتج او حاجات انتا عارف نتائجها بدقه..وتشوف رد فغل البرنامج...او تعمل زى الشركات الكبيره وتنزل نسخه بيتا وتشوف ملاحظات الناس عليها.......................
كفايه نظرى النهارده نبدا فى الشغل......(اشرب حبه من الشاى ويلا.....)

.................................................. ..................................................
وحنشرح ادوات التحكم (فاكرها؟؟)
.....................................
Text Box
............
http://www.uploadco.net/pictures/femto_second-lesson_1.gif
وديه ياسيدى بيظهر فيها كتابه وممكن يكتب فيها المستخدم لو احنا عايزينه يكتب حاجه....



Label
........
http://www.uploadco.net/pictures/femto_second-lesson_2.gif
ليبل معانها عنوان.....وديه ممكن نكتب فيها اى كلام يتعرض للمستخدم بس هو يشوف بس مش ممكن يكتب حاجه(يعنى غير التكست)



Check Box
………….
http://www.uploadco.net/pictures/femto_second-lesson_3.gif
وده ليه حالتين نعم او لا..... وممكن نعمل كذا واحد ونختار اكتر من واحد منهم...



Radio Option
……………
http://www.uploadco.net/pictures/femto_second-lesson_4.gif
وده زى اللى فات بس يختلف عنه انه لو فى اكتر من واحد منه واحد بس اللى يتعلم عليه...



Command Bottom
………………….
http://www.uploadco.net/pictures/femto_second-lesson_5.gif
وده يا سيدى الزرار اللى انا بقولك عليه من الصبح.....وده بقه لما بتعمل عليه كليك بيدخل لجوه (اه والله) وينفذ الكود اللى متخزن فيه..



List Box
………..
http://www.uploadco.net/pictures/femto_second-lesson_6.gif
وده بيطلع ليسته فيها حاجات احنا حاطينها والمستخدم يختار منها.. بس مينفعش يكتب اى حاجه.....



Combo Box
…………..
http://www.uploadco.net/pictures/femto_second-lesson_7.gif
وده عامل زى الليست + التيكست بوكس......بنختار من ليسته وتطلع اللى احنا اخترناه فى بوكس بتاعه وممكن نكتب فيه......



Timer
……..
http://www.uploadco.net/pictures/femto_second-lesson_8.gif
وده بيسموه المؤقت....وبيكرر الخطوات اللى مكتوبه فيه فى ماده زمنيه بنحددها من خاصيه (الانترفال) ...لو كتبنا 1 مثلا فيكررها كا واحد من الالف من الثانيه...وده مش بيظهر فى وقت التنفيذ.......



Shape
…….
http://www.uploadco.net/pictures/femto_second-lesson_9.gif
وده بقه بيرسم شكل دائره .....مستطيل....مربع......وكذا شكل هندسى..ولو انتا ختارته وحاولت تجربه.حيرسم غالبا شكل مستطيل ولو انتا عايز تشوف الاشكال التانيه بتاعتوه... بص فى الخواص بتاعته (بعد ما تعمل كليك عليه) ....حتلاقى حاجه اسمها شيب..

افتح الليسته وغير الشكل اللى انتا عايزه , اه على فكره..ممكن نعمل اكواد وحاجات تتنفذ لما نعمل كليك او دبل كليك (اثناء التنفيذ طبعا)........


Line
……
http://www.uploadco.net/pictures/femto_second-lesson_10.gif
وده بيرسم خط مستقيم....وممكن برضه نعمله اكواد تتنفذ حسب تصرفات المستخدم......



يتبع.........

[Fantasy-Reality]

تابع الدرس الثاني..



Picture Box
……………
http://www.uploadco.net/pictures/femto_second-lesson_11.gif
وده ممكن نعرض فيه الصور بمعظم الامتدادت وبيعرضها فى اطار....زى كده

http://www.uploadco.net/pictures/femto_second-lesson_12.gif


وهنا مفيش اى تعامل بين المستخدم والصوره....


Image Box
…………..
http://www.uploadco.net/pictures/femto_second-lesson_13.gif
هنا بقه مش بيعمل اى اطارات بيعرض الصوره....زى كده

http://www.uploadco.net/pictures/femto_second-lesson_14.gif


وممكن نعمل اكواد للصوره ونتعمل معاها زى الزراير بالظبط.....

.................................................. .................................................. .................


الحاجات اللى فاتت اهم الادوات اللى احنا بنستخدمها....والباقى حنقولها واحنا شغالين.........

...افتح البرنامج وجرب الحاجات اللى فاتت وبعدين اشرب الشاى....

.................................................. ....................


Properties:
…………..

http://www.uploadco.net/pictures/femto_second-lesson_15.gif

طبعا فاكرينها...... يلااااا بينا: .........


الخصائص:
..............

الخصائص هيا الحاجات اللى بتغير فى شكل الماده الخارجى....لونها ..خطها...او سلوكها اثناء التشغيل....متاحه..ظاهره ........


تعالو نشوف خواص الفورم كمثال...

.......................................

حتلقيها متقسمه الى.....

Alphabetic
Categorized

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

ركز ...وتعالى نشوف حكيتهم ايه.....

.................................................. .......

Name:
………

وده اسم الاداه....ومش بيظهر اثناء وقت التنفيذ...الاسم اللى بتسمى بيه الاداه مع الادوات الاخرى...

ممكن تقول اسم الدلع بين ادوات التحكم...والافضل نخليه..يعبر عن نوع الاداه مثلا نخليه يبدا باول 3 حروف من نوع الاداه..

Caption:
………

ده اسم الخاصيه الرسمى الرسمى اللى بيظهر اثناء التنفيذ.....

http://www.uploadco.net/pictures/femto_second-lesson_16.gif


Back color
………….

وده لون خلفيه العنصر.....

http://www.uploadco.net/pictures/femto_second-lesson_17.gif


Border Style
…………….

وديه بتحدد نوع الاطار حول العنصر...وحالاته هى:

None
Fixed Single
Sizable
Fixed Double

والاولى....معنها مفيش خالص..

والتانيه..اطار فردى...غير قالبل لتغيير الحجم اثناء التنفيذ

واللى بعد كده...يمكن تغيير حجمها........ واخر واحده...زى التانيه بس الاطار تخين شويه...


.................................................. .......................

نكمل المره الجيه........





وتم وضع هذا الدرس في ملف Word

http://www.freewebtown.com/elhook2/second%20lesson.doc (http://www.freewebtown.com/elhook2/second%20lesson.doc)

[Fantasy-Reality]

الدرس الثالث (خصائص الادوات)

http://www.geocities.com/amiraelhoob/thl.zip (http://www.geocities.com/amiraelhoob/thl.zip)



..............................................................................................

الدرس الرابع....اول خطوات فى البرمجه :
.................................................. ......

http://www.freewebtown.com/elhook2/fourlesson.zip (http://www.freewebtown.com/elhook2/fourlesson.zip)

واعذرونى لوضعها مضغوطها.. نظراا لضيق الوقت.. واعملوا الواجب..

[amawi]

مشكور اخوي

[Fantasy-Reality]

مشكووور عماوي على مرورك وانشاءالله استفدت من الشرح