موقع الكمبيوتر الكفي
استعادة كلمة المرور | استعادة كود التفعيل | تفعيل العضوية
موقع الكمبيوتر الكفي

العودة   الكمبيوتر الكفي > المنتديات العامة > المنتدى العام
انظمة المنتدى التقييم التجاري التعليمات قاعة المؤتمرات محرك البحث اجعل جميع المنتديات مقروءة

للتذكير فقط ....

موضوع مغلق
 
أدوات الموضوع
قديم 19-01-2005, 01:52 PM   #1
عضو مشارك
 
تاريخ التسجيل: 02-06-2004
الدولة: السعودية
المشاركات: 224
مشاركات الشكر: 0
شكر 169 مرات في 21 مشاركات
دورة الفيجوال بيسكـ شرح مصور

دورة الفيجوال بيسكـ شرح مصور

بسم الله الرحمن الرحيم

كما وعدناكم نفي بوعدنا لكم ونتمنى أن يحوز هذا العمل على رضاكم

وقبل الشروع في هذه الدورة أعلموا أني لازلت مبتدء ولا أستغنى عن المساعدة فيما بيننا فاليد الواحده لا تصفق..


في البدايه نأخذ مقدمة سريعة عن البرنامج .. وأكيد راح يتساءل البعض عن كيفية إيجاد هذا البرنامج؟
أقول لك وبكل بساطه .. اذهب لأي محل كمبيوتر واطلب منه "فيجوال بيسك 6,0 "
بعشره ريالات....


الفيجوال بيسك لغة برمجة أطلقتها شركة ميكروسوفت ولكن يميزها عن باقي اللغات أنها أسهلهم برمجيا و أسهلهم لعمل شكل للبرنامج
(Easier Creating Inteface)
و هذه من أهم مميزات هذه اللغة و سنبدأ الآن بالشرح أولا :
- لفتح البرنامج :
من قائمة Start
نختار Programs
ثم Visaul Studio 6.0
ثم Visaul Basic 6.0

الشاشة الإفتتاحية :
أ-
أولا يظهر شعار للبرنامج ثم يختفي تلقائيا و يظهر لنا نافذة لإختيار نوع المشروع
الأنواع الرئسية :
EXE Standard
و هو النوع الذي عادة ما يستخدم لصنع برامج تنفيذية بامتداد exe
ِActive x DLL
و هو يستخدم لصنع ملفات بامتداد dll و لا يحتاج المستخدم لتشغيلها لكنها تعمل بأوامر معينة
Active X Control
و هي تعد أفضل ما في الإصدار 6,0 فأنت تستطيع إنشاء أدوات بامتداد *.ocx
و تقوم باستخدامها في برامجك و يمكنك بيعها كما تفعل الشركات الأجنبية

و في هذه الدروس سيكون النوع الذي نستخدمه هو EXE Standard
ب-عند الدخول على EXE Standard ستفتح لنا نافذة العمل design
و هي تتكون من :
1- tool box:
و هي التي توجد بها مجموعمة من الأدوات المرفقة مع الفيجوال بيسك مثل الزر و صندوق الصورة و سنشرحها بالتفصيل فيما بعد
2-Properties Window
ومن هذه النافذة نستطيع التحكم في خصائص الكائنات و الأدوات
3-Form
و هو شكل البرنامج و يكون داخل نافذة Project1
4-Project Explorer
و هي تتيح لك التنقل بين الفورمات المختلفة و الذهاب لنافذة البرمجة
5- Code Window
اضغط مفتاح F7ستر ىأن نافذة بيضاء قد ظهرت و هنا يتم كتابة الأوامر البرمجية
هكذا نكون قد انتهينا من مكونات شاشة فيجوال بيسك و سيلي فيما بعد شرح تفصيلي
لصندوق الأدوات أداة أداة ستقوم بشرحها إن شاء الله تعالى ..

تشغيل ‘ فيجول بيسيك ’ :

دورة الفيجوال بيسكـ شرح مصور



هنا شرح لأدوات البرنامج


d1

1-المؤشر poniter وهذه الاداة تستخدم في نقل الاشياء وتحديدها وهذه الاداة غير غريبة عنا لانها تراه في معظم البرامج
2- العنوان label وهذه الاداه تتيح لك خاصية كتابة العنواين
3-الفريم frame1 وهي اداة تحديد سيأتي مجال الشرح عنها لاحقا
4-صندوق الاختيار check box وهي ليست غريبة علينا فهي تتيح لك اختيار اكثر من خيار في ان واحد
5- picture box وهذه الاداة تتيح لك عرض الصور من خلالها
6- اداة النص textbox وهي اداة جدا مفيدة اذ تتيح لك خاصية كتابة نص معين او تستطيع استخدامها كوسيلة ادخال للبرنامج وسيتم شرح كيفية استخدامها لاحقا
7-زر الامر command button وهذه تتيح لك تمرير الاوامر التي تريدها عبر البرنامج
8-صندوق الاختيار radio button وهذه الخاصية لا تسمح الا باختيار فقط خيار واحد .
9-combo box وسنأتي لشرحه لاحقا
10- listbox وسنأتي لشرحها لاحقا
11- timer المؤقت وهذه الاداة تسمح لك بعمل تغييرات في خلال وقت زمنى معين
12-drive box وهذه الاداة تتعامل مع محركات الاقراص الصلبة
13- folder list box وهذه الاداة تتعامل مع المجلدات
14- shape رسم اشكال
15- file list box وتتيح لك التعامل مع الملفات
16- line الخط رسم خط طوليا او عرضيا او قطريا

أكثر ما يهمنا من هذه الأدوات والتي أنصحكم بالتركيز عليها مبدئياً:
2 و 3 و6 و 7


هنا شرح واجهة الفيجوال بيسكـ

دورة الفيجوال بيسكـ شرح مصور

الصورة منقووله


وترقبوا الدروس القادمة "إن شاء الله"

أي سؤال أي استفسار قبل الشروووع
البرق سامي غير متصل  

اخر 5 مواضيع للعضو البرق سامي
الموضوع الاقسام الرد الاخير للعضو الردود مشاهده اخر مشاركة
برنامج الملاحه sygic 13.3.2 رابط... قسم الملاحة وتحديد الموقع لاجهزة Google Android red crx 12 3841 06-02-2014 10:40 AM
هاتفي لا يتعرف من خلال... قسم ترقيات أجهزة Samsung بنظام Google Android هيثم بخيت 17 1924 11-07-2012 02:07 PM
شرح برنامج sygic عربي وسهل... قسم الملاحة وتحديد الموقع لاجهزة Google Android beso7777 20 23049 08-07-2012 06:15 AM


اعلان

قديم 19-01-2005, 02:28 PM   #2
qtekmaster
 
الصورة الرمزية qtekmaster
 
الرتبة الادارية: مشرف
تاريخ التسجيل: 10-09-2003
الدولة: المملكة العربية السعودية
المشاركات: 1,706
مشاركات الشكر: 86
شكر 27 مرات في 24 مشاركات

شكراً لك أخي الكريم موضوع شق وشرح وافي، جزاك الله خير.

qtekmaster غير متصل  
قديم 19-01-2005, 03:17 PM   #3
البرق سامي
عضو مشارك
 
تاريخ التسجيل: 02-06-2004
الدولة: السعودية
المشاركات: 224
مشاركات الشكر: 0
شكر 169 مرات في 21 مشاركات

زجزاك أخي الكريم

ونريد أن نرد لهذا المنتدى بعض من جمايله علينا

ووفقكم الله ,,

البرق سامي غير متصل  
قديم 19-01-2005, 06:35 PM   #4
ملك الكيوتك
عضو نشط
 
الصورة الرمزية ملك الكيوتك
 
تاريخ التسجيل: 02-03-2004
الدولة: Saudi Arabia
المشاركات: 256
مشاركات الشكر: 38
شكر 12 مرات في 11 مشاركات

ما شاء الله عليك شرح ممتاز ...صحيح انك BARG
ونحن بإنتظار الدروس القادمة منك .....

ملك الكيوتك غير متصل  
قديم 19-01-2005, 07:30 PM   #5
kuwaitdiamond
 
الصورة الرمزية kuwaitdiamond
 
الرتبة الادارية: مشرفة المنتدى العام
تاريخ التسجيل: 13-02-2004
الدولة: دار آل الصباح الكرام
المشاركات: 2,917
مشاركات الشكر: 0
شكر 80 مرات في 66 مشاركات

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


وفيت وكفيت اخوي

kuwaitdiamond غير متصل  
قديم 19-01-2005, 08:36 PM   #6
zraiqy
عضو جديد
 
الصورة الرمزية zraiqy
 
تاريخ التسجيل: 25-12-2004
الدولة: السعودية
المشاركات: 25
مشاركات الشكر: 0
شكر 1 مرة في 1 مشاركة
وفيت وكفيت ياالبرق

مشكور أخوي البرق على الشرح الجميل ،،،
لي سؤال بالنسبة لربط الفيجوال بيسك فيرجين 6 مع قاعدة بيانات أكسس 2000 فما فوق باستخدام الداتا كنترول في الفيجوال والتي أشرت عليها بالرقم 17 ، حيث ان البرنامج يرفض الربط بينهما ولكن يسمح بالربط إذا إستخدمت أكسس 97 ...
وهل هنالك إصدار فيجوال بيسك خاص بالبوكيت بي سي
شاكراً ومقدراً لك ...

zraiqy غير متصل  
قديم 19-01-2005, 09:42 PM   #7
البرق سامي
عضو مشارك
 
تاريخ التسجيل: 02-06-2004
الدولة: السعودية
المشاركات: 224
مشاركات الشكر: 0
شكر 169 مرات في 21 مشاركات

أهلاً وسهلاً بكم جميعاً

صدق جبرت بخاااطري وإن شاء الله تلقون اللي يسركم
دورة الفيجوال بيسكـ شرح مصور

أخي ملك الكيوتك ... شاكر لك كلماتك يا غالي
وحنزل الدرس الثاني اليوم عشان سواااد عيوووونك

دورة الفيجوال بيسكـ شرح مصور

kuwaitdiamond
أشكر لك التعقيب وانتظروا بقية الدروس

دورة الفيجوال بيسكـ شرح مصور
zraiqy
أهلاً بك ... ولو انتظرت لحين نزول الدروس تباعاً ستلقى الجواب
لكن عشانك نعطيك إجابه عاااجله..
نحول قاعدة البيانات من اكسس 2000 إلى اكسس 97
هل تعرف؟

وبالنسبه لسؤالك عن :
وهل هنالك إصدار فيجوال بيسك خاص بالبوكيت بي سي؟؟
نعم وهو فيجوال استديو نت 2003
وقد بدأ أحد أعضاء هذا المنتدى بشرحه ... وللأسف لا أجيده وإن شاء الله سأتعلمه قريباً
دورة الفيجوال بيسكـ شرح مصور

محبكم
البرق

البرق سامي غير متصل  
قديم 19-01-2005, 09:49 PM   #8
البرق سامي
عضو مشارك
 
تاريخ التسجيل: 02-06-2004
الدولة: السعودية
المشاركات: 224
مشاركات الشكر: 0
شكر 169 مرات في 21 مشاركات


vs

التعرف على شاشات الفيجول بيسيك:
بداية وقبل كل شيء لابد أن نتعرف على شاشات الفيجول، لكي تسهل عملية التعامل معها فيما بعد:
عندما نفتح الفيجول بيسك ستظهر شاشة التحيه للحظات ثم تختفى ليظهر مربع الحوار التالى وهو يتيح لك إنشاء مشروع جديد New،
أو فتح مشروع موجود Existing، أو فتح مشروع تم عمله قريباً Recent.
دورة الفيجوال بيسكـ شرح مصور


الصورة السابقة منقوله من أحد المنتديات

لكن لدي البرنامج معرب وتظهر الصورة هكذا
دورة الفيجوال بيسكـ شرح مصور

سنختار مشروع قياسى Standerd EXE، ثم نضغط المفتاح Open، بعدها ستظهر لك شاشه الفيجول بيسك العاديه(شاشة بيئة التطوير)
والتى ستصبح مألوفة بالنسبه لك قريبا إن شاء الله. ومن هذه الشاشه تبدأ صناعة البرنامج:

دورة الفيجوال بيسكـ شرح مصور

والذي لديه البرنامج معرب يختار "تنفيذي قياسي" ثم اضغط موافق :
دورة الفيجوال بيسكـ شرح مصور

من المهم جداً أن نتعرف على محتويات الشاشة السابقة بالتفصيل، ولا تنزعج في البداية إذا وجدت الأمر صعباً ومعقداً، فسرعان ما ستعتاد على الأمر وسيكون ذلك من أسهل الأشياء بالنسبة إليك.


النموذج (الفورمة) Form:
وهى مساحة العمل الأساسيه، أو الواجهة الأساسية لبرنامجك والذي ستظهر للمستخدم عند تشغيل البرنامج.
دورة الفيجوال بيسكـ شرح مصور

شريط أدوات التحكم Toolbox:
ويحتوي هذا الشريط على الأدوات التي سنستخدمها في البرمجة، والأدوات هي عبارة عن الكائنات التي يمكن وضعها في النموذج والذي يتعامل المستخدم مع البرنامج من خلالها.
دورة الفيجوال بيسكـ شرح مصور

شاشة الخصائص Properties:
دورة الفيجوال بيسكـ شرح مصور

ومن خلالها نستطيع تغيير خصائص أي أداة في البرنامج .. طولها ، عرضها، مكانها، لونها ... الخ.

وأهم الخصائص الذي سنحتاجها حالياً:
الخاصية Name وتعني الاسم الخاص بالأداة، ولا يظهر هذا الاسم للمستخدم، وإنما يحتاجه فقط المبرمج.
الخاصية Caption وهي العنوان الذي سيظهر على الأداة للمستخدم.
الخاصية FontName وتعني نوع الخط.
الخاصية FontSize وتعني حجم الخط.
الخاصية ForeColor وتعني لون الخط.
الخاصية Top وتحدد مكان الأداة رأسياً.
الخاصية Left وتحدد مكان الأداة أفقياً.
الخاصية Hight وتعني طول الأداة.
الخاصية Width وتعني عرض الأداة.



الآن لنلق نظرة على البرنامج وشكله وقت التشغيل ... قم بالضغط على F5 ... ما الذي حدث ؟ لقد ظهر أمامك النموذج، ولكنه فارغ لا يحتوي
على أي شيء، فهل من الممكن أن يكون هذا برنامجاً ... بالطبع لا، إذن قم بإغلاقه ودعنا نبدأ في فهم فلسفة البرمجة باستخدام الفيجول بيسيك.

تعتمد البرمجة باستخدام الفيجول بيسيك على التفاعل مع المستخدم من خلال الأدوات والأحداث.. ما معنى هذا الكلام؟؟ لنفترض أننا نريد أن نضع في هذا النموذج الفارغ زراً، وعندما يضغط المستخدم على هذا الزر يتم كتابة (مرحباً) في النموذج .. هنا نكون قد تفاعلنا مع المستخدم عن طريق وضع الأداة وهي الزر في النموذج وأصبح من المتاح له أن يستخدم هذا الزر كما يريد، ثم تفاعلنا معه مرة أخرى عن طريق كتابة (مرحبا) عندما يتم حدث الضغط أو النقر على الزر.
هذا يعني أن الزر أداة .. وأن النقر على الزر حدث.

دعنا من ذلك الآن ولنبدأ في تصميم برنامجنا الأول مباشرة، وسيتضح الأمر بعد ذلك، وفي البداية لابد أن نعلم أن البرمجة تمر بثلاث مراحل أساسية وهي:

المرحلة الأولى: التخيل العام لشكل البرنامج.
وفيها نتصور شكل البرنامج بكل تفاصيله عندما يقوم المستخدم بتشغيله، ما الذي نريد أن يظهر للمستخدم؟ وماذا لو أن المستخم ضغط على هذا الزر أو اختار تلك الصورة أو مسح ذلك النص ؟ ما الذي سيحدث ؟ كل ذلك وغيره يجب تصوره جيداً قبل البدء في تصميم البرنامج.

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

المرحلة الثالثة: كتابة الكود الخاص للبرنامج.
وهي المرحلة الأخيرة، وفيها نضع الأكواد الخاصة بالأحداث، على سبيل المثال: عندما يحدث الضغط على الزر قم بكذا، وعندما يحدث أن تمر الماوس على الزر قم بكذا، وعندما يحدث اختيار المستخدم للصورة قم بكذا ... الخ.

انتهينا من الدرس الثاني

وسنتعلم في درسنا الثالث "تصميم البرنامج الأول"

((الشرح منقول بتصرف))
محبكم
البرق
البرق سامي غير متصل  
قديم 20-01-2005, 12:20 AM   #9
imate4ever
 
الصورة الرمزية imate4ever
 
الرتبة الادارية: مشرف
تاريخ التسجيل: 26-02-2004
الدولة: الكويت
المشاركات: 2,223
مشاركات الشكر: 91
شكر 112 مرات في 42 مشاركات

اقتباس:
الكاتب qtekmaster شكراً لك أخي الكريم موضوع شق وشرح وافي، جزاك الله خير.
imate4ever غير متصل  
قديم 20-01-2005, 12:38 AM   #10
البرق سامي
عضو مشارك
 
تاريخ التسجيل: 02-06-2004
الدولة: السعودية
المشاركات: 224
مشاركات الشكر: 0
شكر 169 مرات في 21 مشاركات

مين















ناااائب موقع الكفي

يا هلا والله شرفتنا والله يسلمك

أشكر لك مروووركـ

البرق سامي غير متصل  
قديم 20-01-2005, 12:48 AM   #11
imate4ever
 
الصورة الرمزية imate4ever
 
الرتبة الادارية: مشرف
تاريخ التسجيل: 26-02-2004
الدولة: الكويت
المشاركات: 2,223
مشاركات الشكر: 91
شكر 112 مرات في 42 مشاركات

اقتباس:
الكاتب ALBARG مين



ناااائب موقع الكفي

يا هلا والله شرفتنا والله يسلمك

أشكر لك مروووركـ
انت الي شرفتنا اخوي وبضع خبرتك في متناول الاخوان في المنتدى
imate4ever غير متصل  
قديم 20-01-2005, 01:17 AM   #12
البرق سامي
عضو مشارك
 
تاريخ التسجيل: 02-06-2004
الدولة: السعودية
المشاركات: 224
مشاركات الشكر: 0
شكر 169 مرات في 21 مشاركات

الله يسلمك وهذا من طيبك




دورة الفيجوال بيسكـ شرح مصور

نريد عمل برنامج يحتوي على زرين فقط [ترحيب - خروج]، وعندما يحدث الضغط Click على الزر الأول يقوم بكتابة (مرحباً) على النموذج،
وعندما نضغط على الزر الثاني يقوم بالخروج من البرنامج، وهذه هي المرحلة الأولى (التخطيط).


ولندخل في المرحلة الثانية مباشرة (التصميم): لذلك قم باختيار الأداة (Command Button)
دورة الفيجوال بيسكـ شرح مصور من نافذة الأدوات التي أشرنا إليها سابقاً،
وقم برسم زرين داخل النموذج، بحيث يبدو الشكل هكذا:

دورة الفيجوال بيسكـ شرح مصور

بعد ذلك يلزمنا ضبط الخصائص الخاصة بكل أدوات البرنامج، لذلك قم بالنقر على أي نقطة في النموذج ثم اذهب إلى شاشة الخصائص
لضبط خصائص النموذج،
أولاً: وهي خاصية الـ Caption (عنوان النموذج) وسنغيرها إلى
"تطبيق الدرس الأول" .. شاهد الصورة:

دورة الفيجوال بيسكـ شرح مصور

دورة الفيجوال بيسكـ شرح مصور

دورة الفيجوال بيسكـ شرح مصور



لننتقل الآن إلى الأداة Command1 وهي أداة الزر الأول، ولنقم بتغيير خصائصها كالتالي: الخاصية Caption (عنوان الزر)
غيرها إلى "ترحيب"
- الخاصية Font غيرها إلى خط Tahoma حجمه 14
- الخاصية Hight (الطول) إلى 700 - الخاصية Width إلى 1500.


ثم لنقم بتغيير خصائص الأداة Command2 كالتالي: الخاصية Caption (عنوان الزر) غيرها إلى "خروج"
- الخاصية Font غيرها إلى خط Tahoma حجمه 14
- الخاصية Hight (الطول) إلى 700 - الخاصية Width (العرض) إلى 1500.

هنا تظهر التغيرات السابقة:
دورة الفيجوال بيسكـ شرح مصور


وانتبه لابد من تحديد الأداءة قبل تنفيذها.......

وبذلك نكون قد انتهينا من المرحلة الثانية وهي التصميم وبقيت المرحلة الأخيرة وهي: (كتابة الكود).
أولاً لإظهار شاشة الكود نضغط على الزر الأول مرتين (اللي هو "ترحيب")
ستظهر لك الشاشة التالية:

دورة الفيجوال بيسكـ شرح مصور

كما ترى يوجد سطران مكتوبان، لا تهتم لهما كثيراً، كل ما يهمنا هو كتابة الكود وسط هذين السطرين، وإليك الكود:
"مرحباً" Print


الآن نفذ نفس الخطوات من جديد بالنسبة للزر الآخر Command2 والخاص بالخروج، وقم بكتابة هذا الكود في داخله:
End

ملحوظه مهمة:
لابد أن نكتب الكود بين السطرين

نضغط دبل كليك على زر ترحيب


Private Sub Command1_Click()
هنا يتم كتابة الكود
End Sub

نكتب بدل "هنا يتم كتابة الكود"
نكتب Print
ثم نضغط مسافه ونحول مؤشر الكتابة إلى العربي ونكتب
"مرحبا"

أو انسخي ما يلي وقومي بلصقه بين السطرين:
Print "مرحبا"

هذا الزر الأول ترحيب

الزر الثاني خروج نضع بين السطرين هالكود .. سهل جداً
end

فيصبح منظر الكود كاملاً هكذا:

Private Sub Command2_Click()
End
End Sub

وبذلك نكون قد أنهينا المرحلة الأخيرة من البرنامج، وأصبح البرنامج جاهزاً للاستخدام، كل ما عليك هو الاسترخاء، والضغط على F5
وسيظهر لك البرنامج كما قمت بعمله، وأنت غير مقيد بما ذكرناه في السابق من ناحية التصميم، فالأمر عائد إلى ذوقك أولاً وأخيراً ...

خلاصة الدرس السابق:
تعرفنا في الدرس السابق على برنامج الفيجول بيسيك بشكل عام، وعلى النوافذ التي يتضمنها، وتعرفنا أيضاً على المراحل التي تتم بها البرمجة،
وهي كما عرفنا ثلاث مراحل [تخطيط - تصميم - كتابة كود]، وقمنا بتطبيق هذه المراحل في عمل برنامج صغير ...
وكان هذا هو أهم ما تطرقنا إليه في الدرس السابق.

** ولحفظ البرنامج:
هناك طريقتان:
الأولى: أن نضغط ملف ثم نختار منه الإيقونه السادسة "حفظ المشروع بإسم" وفائدة هذا الحفظ أن تستطيع تعديل البرنامج لاحقاً
مثل الفوتوشوب يوم تجي تحفظه بصيغة pdf حتى تتمكن من تعديله..

الثانية: هي أن تقوم بحفظه بصيغة exe ... ولكن لا تستطيع تعديله لاحقاً ..
وذلك أن تذهب إلى ملف وتختار الخيار رقم 13

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


أرجو من الجميع إدراج تطبيقاااتهم ..

أي اقتراح رأي ملاحظه .. عندك وجهة نظر على الشرح أرجو ثم أرجو طرحها


محبكم
البرق سامي
[/QUOTE]
البرق سامي غير متصل  
قديم 20-01-2005, 02:04 AM   #13
ce4arab
عضو اساسي
 
الصورة الرمزية ce4arab
 
الرتبة الادارية: رئيس مجلس الادارة
تاريخ التسجيل: 19-12-2002
الدولة: KSA
المشاركات: 13,934
مشاركات الشكر: 6,442
شكر 14,660 مرات في 2,864 مشاركات

الاوسمة التي حصل عليها

اسمحلي احضر معكم الدورة اخي البرق سامي
ماشاء الله دروس رائعة ومنظمة

ياليت تذكر الموقع الذي نقلت منه من اجل حقوق الكاتب الاصلي وشكر

ce4arab متصل الآن  
قديم 20-01-2005, 02:09 AM   #14
scorbion
عضو اساسي
 
الصورة الرمزية scorbion
 
تاريخ التسجيل: 24-09-2004
الدولة: الرياض
المشاركات: 1,042
مشاركات الشكر: 110
شكر 466 مرات في 207 مشاركات

الف شكر اخوي وفعلا مجهووووووود تشكر عليه

scorbion غير متصل  
قديم 20-01-2005, 09:31 AM   #15
البرق سامي
عضو مشارك
 
تاريخ التسجيل: 02-06-2004
الدولة: السعودية
المشاركات: 224
مشاركات الشكر: 0
شكر 169 مرات في 21 مشاركات

أهلاً أخي ce4arab
وحياك الله من جديد

الدرس الأول والثاني منقول بتصرف من الصقر الجارح من منتديات العاصفه

لكن من الدرس الثالث كله أنا اللي شااارحه

وترى أنا "البرق سامي" لا يغرك اليوزر بتاع المنتدى والاسم اللي على الصور
شكراً

البرق سامي غير متصل  
قديم 20-01-2005, 09:36 AM   #16
البرق سامي
عضو مشارك
 
تاريخ التسجيل: 02-06-2004
الدولة: السعودية
المشاركات: 224
مشاركات الشكر: 0
شكر 169 مرات في 21 مشاركات

scorbion

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

محبكم
البرق

البرق سامي غير متصل  
قديم 20-01-2005, 10:02 AM   #17
ملك الشبكات
عضو مشارك
 
الصورة الرمزية ملك الشبكات
 
تاريخ التسجيل: 16-01-2005
الدولة: بلاد الحرمين
المشاركات: 134
مشاركات الشكر: 0
شكر 1 مرة في 1 مشاركة

اقتراح ..

وهو شرح الـ Visual Basic.NET بدلاً من الإصدار السادس (القديم).

لا يهمك .. راح أساعدك في الإجابة (إذا أحببت ) عن استفسارات الأعضاء.


شكراً لك.

ملك الشبكات غير متصل  
قديم 20-01-2005, 01:26 PM   #18
البرق سامي
عضو مشارك
 
تاريخ التسجيل: 02-06-2004
الدولة: السعودية
المشاركات: 224
مشاركات الشكر: 0
شكر 169 مرات في 21 مشاركات

أهلاً بك أخي ملك الشبكات

أنا أجهل Visual Basic.NET تماماً

وأنا أريد أن أتعلمه هل تستطيع تفيدني

شكراً لك

البرق سامي غير متصل  
قديم 21-01-2005, 04:37 PM   #19
ملك الشبكات
عضو مشارك
 
الصورة الرمزية ملك الشبكات
 
تاريخ التسجيل: 16-01-2005
الدولة: بلاد الحرمين
المشاركات: 134
مشاركات الشكر: 0
شكر 1 مرة في 1 مشاركة

أبشر أخوي ..

لكن بصراحة ليس لدي الوقت الكافي لعمل دروس كاملة (بالصور مثلاً)..

لكن اسأل وأجيبك إن شاء الله تعالى ..

مرحباً بك في عالم الـ NET.

شكراً لك.

ملك الشبكات غير متصل  
قديم 21-01-2005, 05:23 PM   #20
البرق سامي
عضو مشارك
 
تاريخ التسجيل: 02-06-2004
الدولة: السعودية
المشاركات: 224
مشاركات الشكر: 0
شكر 169 مرات في 21 مشاركات

أشكرك أخي ملك الشبكات



سنذكر الآن أهم الخصائص والتي نجدها في معظم الأدوات:

خاصية الاسم
ويرمز إليها البرنامج بي Name:

وهي خاصية تحدد اسماً رمزياً للاداة، ولا يمثل هذا الاسم أهمية بالنسبة للمستخدم، بل إنه لا يستطيع معرفته أصلاً، ولكنه يمثل أهمية كبيرة بالنسبة للمبرمج حيث أنه لا يستطيع التعامل مع الأداة إلا من خلال اسمها هذا، وسنستخدم هذا الاسم كثيراً ولكن في المرحلة الثالثة وهي مرحلة كتابة الكود.
وعندما نقوم برسم الأداة في النموذج فإنها تأخذ اسماً افتراضياً، على سبيل المثال عندما نقوم برسم أداة عنوان فإنها ستأخذ الاسم Lable1، وإذا رسمنا أداة عنوان أخرى فإنها ستأخذ الاسم Lable2، وكذلك الحال بالنسبة لباقي الأدوات، ومن الأفضل تغيير هذا الاسم الافتراضي باسم آخر بحيث يميز الأداة، مثلاً إذا كان لدينا ثلاث أزرار [نسخ] و [قص] و[لصق] فإنها ستأخذ الأسماء Commadn1، Command2، Command3، ويمكن مع تشعب البرنامج وضخامته أن تمثل هذه الأسماء مشكلة فنحن لا نعرف هل هذا الاسم خاص بزر النسخ أو اللصق أو القص ... وخروجاً من هذه المشاكل فإننا نقوم بتغيير أسمائها مثلاً: نسمي زر النسخ CmdCopy، وزر القص CmdCut، وزر اللصق CmdPaste، وفي هذه الأسماء استخدمنا الأحرف الثلاثة الأول Cmd للإشارة إلى أن هذه الأداة أداة زر ( اختصاراً لكلمة CommandButton ) ثم بعدها كتبنا كلمة تدل على وظيفة هذه الأداة ليسهل الرجوع إليها فيما بعد ... أخيراً: يشترط في هذا الاسم أن لا يكون رقما، وأن لا يكون أكثر من أربعين حرفا.


خاصية العنوان
ويرمز إليها البرنامج بيCaption:
ونعني بهذه الخاصية العنوان الذي سيظهر للمستخدم فوق الأداة، وهذه الخاصية تختلف عن خاصية الاسم، حيث أن هذه الخاصية تهم المستخدم أكثر فهو يعرف بها وظيفة الأداة، ولكنها بالنسبة للمبرمج مجرد عنوان للأداة فقط، ولا دخل له بالنواحي البرمجية، بخلاف الاسم فهو الأهم بالنسبة للمبرمج.


خاصية من اليمين إلى اليسار
ويرمز إليها البرنامج بي Right to Left:
ونجد هذه الخاصية أكثر في الأدوات التي تتعامل مع النصوص، وهي تحدد اتجاه الكتابة هل هو من اليسار إلى اليمين أومن اليمين إلى اليسار؟ وتكون القيمة الافترضية من اليسار إلى اليمين ويمكنك التغيير كما تشاء ... في هذا الصدد نذكر خاصية أخرى وهي خاصية المحاذاة Alignment وهي تقوم بمحاذاة النص داخل الأداة، والقيمة 0 تعني المحاذاة إلى اليسار، والقيمة 1 تعني المحاذاة إلى اليمين، والقيمة 2 تعني توسيط النص.


خصائص خط الكتابة
ويرمز إليها البرنامج بي Font:
وفيها نحدد نوع الخط، وحجمه، وتخانته، وميله، وتسطيره.


خصائص الألوان:
خاصية لون الخلفية BackColor وتحدد لون الخلفية للأداة ...
خاصية لون الخط ForeColor وتحدد لون الخط ...


خاصية شكل المؤشر
ويرمز إليها البرنامج بي MousePointer:
كما تعرف فإن مؤشر الماوس عادة ما يأخذ رمز السهم المتجه إلى أعلى اليسار، ويتيح لك الفيجول بيسيك تغيير شكل المؤشر من هذا الشكل التقليدي إلى أي شكل آخر ترغب فيه وذلك من خلال هذه الخاصية ... فبعد تغييرها تجد أن مؤشر الماوس يتغير عند مرورك على الأداة التي غيرت فيها هذه الخاصية.


خاصية التمكين
ويرمز إليها البرنامج بي Enabled:
وهي خاصية تحدد ما إذا كان المستخدم يستطيع استخدام الأداة أو لا، فإذا كانت تساوي True فهذا يعني أن المستخدم يمكنه التعامل مع الأداة، وإذا كانت تساوي False فإن الأداة تظهر باهتة اللون، ولن يتمكن المستخدم من التعامل معها ... وسيتضح ذلك أكثر بالتجربة ... جرب ان تدرج أداتي زر، واجعل خاصية الـ Enabled لأحدهما True، وللأخرى False، ثم اضغط على F5 وانظر الفرق ...


خاصية الظهور
ويرمز إليها البرنامج بي Visible:

وهي خاصية تتحكم في ظهور الأداة أو إخفائها، فإذا كانت تساوي True فهذا يعني أن الأداة ستظهر وقت تنفيذ البرنامج، وإذا كانت تساوي False فهذا يعني أنها لن تظهر.


خصائص الحجم
ويرمز إليها البرنامج بي Hight, Width:
ومن خلالهما نحدد طول الأداة وعرضها.


خصائص الموقع
ويرمز إليها البرنامج بي Top, Left:
ومن خلالهما نحدد موقع الأداة رأسياً وأفقياً.


خاصية التلميح
ويرمز إليها البرنامج بي ToolTipText:
ونكتب في هذه الخاصية النص الذي نريده أن يظهر كتلميح عند تثبيت الماوس على أداة ما.


- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -


+ لا يمكنك فهم هذه الخصائص فهماً جيداً بدون التجربة، لذلك قم بتجربتها كلها لكي ترسخ المعلومة في ذهنك.
.......
البرق سامي غير متصل  
قديم 21-01-2005, 11:20 PM   #21
ملك الشبكات
عضو مشارك
 
الصورة الرمزية ملك الشبكات
 
تاريخ التسجيل: 16-01-2005
الدولة: بلاد الحرمين
المشاركات: 134
مشاركات الشكر: 0
شكر 1 مرة في 1 مشاركة

آسف أخي ALBARG ..
أود أن أقدم شيئاً عن هذه اللغة .. لكن طبيعة عملي .. قد تفرض علي عدم الإستمرار في الشرح أو التوقف لفترة طويلة ..

عموماً.. أنا حاضر بأي استفسار .. وإن شاء الله أشوف حل لعمل دروس أو تلميحات سريعة عن هذه اللغة الرائعة والتقنية الأكثر من روعة!

ربما أقوم بشيء مثل هذا في المستقبل القريب .. لكن مع عدم ضمان الاستمرارية.

شكراً لك.

ملك الشبكات غير متصل  
قديم 22-01-2005, 12:31 AM   #22
البرق سامي
عضو مشارك
 
تاريخ التسجيل: 02-06-2004
الدولة: السعودية
المشاركات: 224
مشاركات الشكر: 0
شكر 169 مرات في 21 مشاركات

الله يكتب اللي فيه الخير أخي ملك الشبكات

ومشكور يا رااائع

البرق سامي غير متصل  
قديم 24-01-2005, 09:23 AM   #23
البرق سامي
عضو مشارك
 
تاريخ التسجيل: 02-06-2004
الدولة: السعودية
المشاركات: 224
مشاركات الشكر: 0
شكر 169 مرات في 21 مشاركات

في البداية تمنيت أن أجد تطبيقاتكم على الدرس الثالث.. لكن مو مشكله
أكيد ظروف .. لكن أخشى أن لا يكون الشرح مناسب أو غير مفهوم؟
قبل نبداء في الدرس الخامس نقول لكم المتعة ستبداء من الدرس السادس .. فقط اجعل الدروس عندكم في الأرشيف للرجوع إليها وقت الحاجة

الدرس الخامس

+++ الخصائص السابقة في الدرس الرابع هي خصائص مشتركة، أي أن معظم الأدوات تشترك فيها، ولكن مما لا شك فيه
أن كل أداة تنفرد عن الأخرى في بعض الخصائص، وسنأخذ الآن بعض هذه الأدوات كالتالي:

1. أداة النموذج Form:
أهم أدوات البرمجة، وهي واجهة البرنامج والتي نضع في داخلها باقي الأدوات الأخرى، وفي الغالب الأعم لابد أن يحتوي البرنامج على واجهة واحدة على الأقل:

دورة الفيجوال بيسكـ شرح مصور

خاصية أيقونات التحكم EX25
وهي خاصية تتحكم في ظهور أيقونات التحكم في أعلى النموذج وهي :
1ــ الإغلاق
2ــ التكبير ويرمز لها البرنامج MAXButton
3ــ التصغير ويرمز لها البرنامج MinButton
4ــ الرمز (إيقونة البرنامج) ويرمز لها البرنامج Icon

ــــــــــــــــــــ ــــــــــــــــــــ ــ
خاصية موضع النموذج عند التشغيل StartUpPosition:
ويمكن من خلال هذه الخاصية تحديد موقع النموذج عند بدء تشغيل البرنامج.

خاصية حالة الواجهة WindowState:
وتحدد هذه الخاصية شكل الواجهة عند بدء تشغيل البرنامج وهل تظهر في في الحجم العادي Normal Size، أو تظهر في أكبر حجم Maximized، أو في أصغر حجم Minimized.
=============================
2. أداة الزر CommandButton:
أداة معروفة، وتُستخدم بكثرة، وهي أداة الزر دورة الفيجوال بيسكـ شرح مصور وأهم خصائصها:

خاصية الشكل Style:
ويمكن الاختيار ما بين قياسي Standerd وهو الشكل واللون الطبيعي للأزرار، أو رسومي Graphical وعند اختياره يمكنك التغيير في لون الزر كيفما تشاء.

خاصية الافتراضي Default:
وتحدد الزر الافتراضي الذي يقع عليه التركيز عندما لا يكون التركيز على أي أداة أخرى.

خاصية الخروج Cancel:
وعندما تكون قيمة هذه الخاصية True فهذا يعني أننا لو ضغطنا على زر الخروج Esc من لوحة المفاتيح فكأننا نقرنا على هذا الزر بالماوس.
=============================
3. أداة العنوان Lable:
ddrr
وهي أداة تستخدم لكتابة النصوص على الشاشة ويرمز لها البرنامج بي ( A )
، وأهم خصائصها:

خاصية الحجم التلقائي AutoSize:
وتقوم بتحديد حجم الأداة على قدر الكلام الموجود بها فقط.
=============================
4. أداة مربع النص TextBox:
وهي أداة تسمح للمستخدم بكتابة نص بداخلها ، وأهم خصائصها:
دورة الفيجوال بيسكـ شرح مصور
خاصية القفل Locked:
وعندما تكون True فإنها لا تسمح للمستخدم بكتابة أي نصوص داخل هذه الأداة.


خاصية طول النص MaxLength:
ونحدد بواسطتها عدد الحروف التي يمكن كتابتها داخل الأداة.


خاصية تعدد الأسطر MultiLine:
وتحدد إمكانية تعدد الأسطر داخل الأداة من عدمه.


خاصية التشفير PasswordChar:
لجعل النص المدخل مشفراً مثل كلمات السر.


خاصية النص Text:
وتحتوي هذه الخاصية على النص الموجود داخل الأداة.
=============================
5. أداة الصورة Picture Control:
دورة الفيجوال بيسكـ شرح مصور
أداة يمكن من خلالها عرض صورة ، وأهم خصائصها:

خاصية الصورة Picture:
وفيها نختار ملف الصورة الذي نريد عرضه في الأداة.

=============================

تقريباً انتهينا من النظري وأنا لم أعطكم إلا القليل وهو انطباع عام عن البرنامج..

وسنبداء بشرح كيفية تصميم البرامج التالية:
برنامج جمع
برنامج حاسبه (جمع طرح ضرب قسمه)
برنامج حساب مساحة مستطيل
برنامج حساب مساحة مثلث


تقريباً هذه حتى نتعلم مبدئياً ... ولا تعتقدون أنها صعبه بالعكس سهلة جداً

ما رأيكم ما ملاحظاتكم .. هل تقترحون شيء .. هل تريدون أن نتوقف !!؟؟!!؟؟

هنا شرح الدرس الخامس في ملف واحد
حمل .. محبكم البرق

محبكم في الله
البرق
البرق سامي غير متصل  
قديم 29-01-2005, 08:33 PM   #24
البرق سامي
عضو مشارك
 
تاريخ التسجيل: 02-06-2004
الدولة: السعودية
المشاركات: 224
مشاركات الشكر: 0
شكر 169 مرات في 21 مشاركات

السلام عليكم

نشرح اليوم طريقة حفظ عملنا

في البداية نفتح برنامج الفيجوال بيسكـ ونتابع الشرح

sav

sav1

sav2

sav3

وهنا مثال على الحفظ بهذه الطريقة
angr

sav4

وهنا مثال على الحفظ بهذه الطريقة
angr
البرق سامي غير متصل  
قديم 01-02-2005, 10:43 PM   #25
البرق سامي
عضو مشارك
 
تاريخ التسجيل: 02-06-2004
الدولة: السعودية
المشاركات: 224
مشاركات الشكر: 0
شكر 169 مرات في 21 مشاركات

الدرس السابع من ((دورة الفيجوال بيسك شرح مصور))

جهزت لكم درس لذيذ يبي له جهد وهو طويل وسيفيدكم في تعلم الدروس القادمة بسهولة
واللى يطبق الدرس بيفهم يعنى ايه لذيذ
الدرس عباره عن صنع برنامج مبرمج بلغه الفجوال بيسك
"برنامج لجمع رقمين"

في البداية نصمم الواجهة للبرنامج على ذوقكـ

عندما تريد تصميم أي برنامج ما فإنا أول ما نقوم به هو "تصميم الواجهة" وهو سهل جداً جداً
ويعتمد تصميم الواجهة على الفكرة التي تريدها في برنامجك

سنقوم بتغيير الخصائص التالية:
1ــ تغيير اسم البرنامج.
2ــ تحويله من اليمين إلى اليسار.
3ــ تغيير صورة الإيقونة.
4ــ تغيير لون واجهة التصميم
5ــ عمل زر خروج
6ــ إلغاء زر الخروج والتكبير والتصغير


نكتب اسم البرنامج في Caption وهو
برنامج جمع رقمين .. كما بالصورة
دورة الفيجوال بيسكـ شرح مصور

طبعاً بعد مسح Form1

2ــ الآن نريد تحويل اسم البرنامج "برنامج جمع رقمين" من اليسار إلى اليمين .. ويوجد خاصية لذلك .. وقد شرحناها في الدرس الثالث

3ــ نستطيع أن نقوم بتغيير صورة الإيقونة كما تشاهد:
دورة الفيجوال بيسكـ شرح مصور

كما شاهدت سابقاً .. فلقد اخترت ايقونة لبرنامجي وقد حولت الاسم من اليسار إلى اليمين .. ألا تلاحظ؟؟!!؟؟
دورة الفيجوال بيسكـ شرح مصور

4ــ نغيير لون واجهة التصميم كما تشاهد
دورة الفيجوال بيسكـ شرح مصور

لازلنا في تصميم الواجهة وترجع لذوق المصمم..

5ــ الأن سنضع زر للخروج كما تشاهد في الصورة
دورة الفيجوال بيسكـ شرح مصور

طبعاً تغيير مسمى الزر إلى "خروج" تعلمناه في الدروس السابقه ... من نسي كيف ذلك فالجواب في الدرس الثالث

6ــ الآن سنلغي عمل الخروج والتكبير والتصغير .. لنجبر المستخدم على الخروج من نفس البرنامج أي من الإيقونة التي صممناها
طبعاً عندما نريد أن نعمل أي خاصيه فلابد من تحديد الأداة أولاً ثم تغيير الخصائص كما نريد .. الآن نريد إبطال مفعول زر التكبير والتصغير والخروج هذه الظاهرة في الصورة
دورة الفيجوال بيسكـ شرح مصور

نضغط ضغطة واحدة في وسط المشروع ومن ثم نذهب إلى controlbox من الخصائص التي توجد في يمين البرنامج ونعدلها من true إلى false كما تشاهد في الصورة:
دورة الفيجوال بيسكـ شرح مصور

ثم يظهر البرنامج هكذا :
دورة الفيجوال بيسكـ شرح مصور

ونبداء بكتابة البسملة فوق كما تشاهد بإستعمال هذه الأداة
ddrr

دورة الفيجوال بيسكـ شرح مصور

ونغير بعض الإعدادات حتى يكون مظهر البرنامج لائق وجذاب فيظهر لنا البرنامج هكذا:
دورة الفيجوال بيسكـ شرح مصور

ثم نستعمل نفس الأداة التي استعملناها في كتابة البسملة ونكتب العدد الأول , ونضع أمامه مربع نص "تيكست" هذه صورة توضح الأداة التي سنرسم بها "مربع التيكست" دورة الفيجوال بيسكـ شرح مصور
وكذلك نستعمل نفس الأداة التي استعملناها في كتابة العدد الأول ونكتب العدد الثاني ونضع أمامه مربع نص أيضاً "تيكست" كما تشاهد:
دورة الفيجوال بيسكـ شرح مصور

طبعاً نغير لون خلفية "العدد الأول" و "العدد الثاني" مثل لون الخلفيه كما في البسملة
وكذلك نقوم بمسح text1 و text2 وذلك بعد الضغط على الأداة التي نريد تعديلها .. كما تشاهد في الصورة:
دورة الفيجوال بيسكـ شرح مصور

الآن لم يبقى لنا إلا خطوات قليلة وسهله نوعاً ما ....

نتابع ..
الآن أوجدنا مكان لإدخال العدد الأول وأوجدنا مكان لإدخال العدد الثاني
نريد حساب العددين

إذاً سنضع أداة CommandButton الظاهرة في هذه الصورة دورة الفيجوال بيسكـ شرح مصور ووظيفتها عندما نضغط عليها تجمع لنا العدد الأول والثاني ... ويضع لنا الناتج في text3 الذي سنرسمه ... انظر الصورة التالية وتظهر لنا زر الجمع و
text3 :
دورة الفيجوال بيسكـ شرح مصور

دورة الفيجوال بيسكـ شرح مصور

الآن مرحلة كتابة الكود اتبع الصورة:
دورة الفيجوال بيسكـ شرح مصور

الآن ضغطنا ضغطتين وظهرت لنا شاشة الكود كما ترى:
دورة الفيجوال بيسكـ شرح مصور

فكرة الكود:
يجب أن نعرف ماذا سنفعل بالكود ... فكرة الكود في برنامجنا هذا سهله وهي أن الكود سيقوم بجمع الأرقام الموجودة في الخانة الأولى والأرقام الموجودة في الخانة الثانية ويظهر لنا ناتج المجموع في الخانة الثالثة انظر معي إلى البرنامج:
الخانة الأولى اسمها text1
الخانة الأولى اسمها text2
الخانة الأولى اسمها text3

يعني هالكود سيصبح هكذا:
text3=text1+text2
بس .. في أسهل من كذا بس في شيء بسيط بنزوده بعد text .

الآن نضغط ضغطتين على زر "اجمع" ونكتب الكود بداخله كما تشاهد:
دورة الفيجوال بيسكـ شرح مصور

سيصبح الكود هكذا:
دورة الفيجوال بيسكـ شرح مصور

الأن شاهد هذه الصورة لتفهم الكود السابق:
دورة الفيجوال بيسكـ شرح مصور

الآن نريد أن نكتب كود زر "خروج" والكود بتاعه كلمة واحدة هي end فقط ... انظر الصورة:
دورة الفيجوال بيسكـ شرح مصور

بعد ذلك نجرب البرنامج كما تشاهد في الصور:
دورة الفيجوال بيسكـ شرح مصور

دورة الفيجوال بيسكـ شرح مصور

وبقي عليكم أن تحفظوا البرنامج كما تعلمنا في الدرس السااابق
ومن ثم رفعه إلى الأنترنت وجلبه إلى هنا لنقيم البرنامج
ونرى من سيحصل على المركز الأول.


وهنا الشرح في ملف واحد
angr

وصلى الله وسلم على نبينا محمد .

البرق سامي غير متصل  
العضو التالي يشكر البرق سامي على مشاركته الطيبة ويطلب المزيد من هذه المشاركات الرائعة
موضوع مغلق

العبارات الاستدلاليه
برامج, دورة, شرح


الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)
 
أدوات الموضوع


الانتقال السريع إلى

جميع الأوقات بتوقيت GMT +3. الساعة الآن 06:38 PM.


Powered by vBulletin
Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.