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

دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(20)_برمجة تطبيقات الجوال (2_بناء المشاريع Building MIDlets)ج2

اذهب الى الأسفل

دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(20)_برمجة تطبيقات الجوال (2_بناء المشاريع Building MIDlets)ج2 Empty دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(20)_برمجة تطبيقات الجوال (2_بناء المشاريع Building MIDlets)ج2

مُساهمة من طرف أحمد مناع الأربعاء أبريل 24, 2013 8:17 pm

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

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

أولا : خطوات إنشاء تطبيقات الجوال فى البنية الرسومية :

1_قم بفتح NetBeans ...بعد ذلك قم بالنقر على ايقونة New Project ليتم فتح معالج إنشاء مشروع جديد ....من هذا المعالج ومن التويب ( category ) أختر JAVA ME ومن التويب project أختر الامر Mobile Application ثم قم بالنقر على زر الامر Next

2_سيظهر لك مربع حوارى يطالبك .باسم للمشروع و مسار حفظ المشروع بالاضافة الى ذلك يوجد خيارين ....الاول set as main project و ذلك لجعل مشروعك رئيسى فى حالة وجود عدة مشاريع اخرى ...الخيار الثانى Create Hello MIDlet وهذا لانشاء تطبيق MIDlet جاهز باسم Hello ...لذلك سنقوم بإالغاء تحديد هذا الخيار و ذلك لانشاء التطبيق بانفسا ....ثم قم بالنقر على زر الامر
Next


3_بعد النقر على زر الامرNextيظهر المربع Default Platform Selection و ذلك لتحديد المعلومات الافتراضية اللازمة لانشاء تطبيق الجوال و التى قد تحدثنا عنها فى الدرس السابق مثل

device , Device Configuration , device profile


4 _بعد الانتهاء من تحديد كافة المعلومات اللازمة يمنكنك النقر على زر الامر (finsh )ليظهر لك بنية netbeans كما فى الشكل التالى :
دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(20)_برمجة تطبيقات الجوال (2_بناء المشاريع Building MIDlets)ج2 Egy-tech13666647321

5_ نقوم بإدراج المورد أو الملف MIDlet فى البيئة الرسومية و ذلك عن طريق تحديد ايقونة التطبيق ثم كليك يمين ومن القائمة التى ستظهر أختر الامر New ثم الامر Visual MIDlet كما فى الصورة التالية :
دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(20)_برمجة تطبيقات الجوال (2_بناء المشاريع Building MIDlets)ج2 Egy-tech13668319871

6_سيظهر لك المربع الحوارى التالى و الذى يطالبك ببعض المعلومات كأسم الملف MIDlet و اسم الكلاس الخاص ب MIDlet ويمكنك تغير البيانات الافتراضية أو تركها كما هى إن شئت كما فى الصورة التالية:



دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(20)_برمجة تطبيقات الجوال (2_بناء المشاريع Building MIDlets)ج2 Egy-tech13668319872

7 _ بعد الانتهاء من تحديد كافة المعلومات اللازمة للمربع الحوارى السابق قم بالنقر على زر الامر (next) لتظهر لك البنية الرسومية كما فى الشكل التالى :

دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(20)_برمجة تطبيقات الجوال (2_بناء المشاريع Building MIDlets)ج2 Egy-tech13668319873

وكما ترى أخى الكريم فى الصورة أعلاه ستجد ملف MIDlet كمخطط بيانى فى شاشة Flow و تعالوا الان الاخوة الافاضل نتعرف على تلك البنية الرسومية :

أولا : يحتوى شريط التويب العلوى الذى فى الصورة التالية على اربعة خيارات للتعامل مع التطبيق وهى :دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(20)_برمجة تطبيقات الجوال (2_بناء المشاريع Building MIDlets)ج2 Egy-tech13668322491


1_ source......وهذا التويب عند النقر عليه يفتح صفحة كتابة الشفرة و ذلك لكتابه اى كود او شفرة تريد تنفيذها

2_ Screan ....وهذا التويب عند النقر عليه يفتح واجهة رسومية تحاكى وجهة الجوال لتستطيع بعدها إدراج العناصر الرسومية عليها عن طريق السحب و الافلات .

3_Flow .....وهذا التويب عند النقر عليه يفتح صفحة كمخطط للعناصر الرسومية و اوامر الربط بينهما و ايضا يتح لنا ادارج الكائنات التابعة للفئة Displayable للتطبيق عن طريق السحب و الافلات

4_analyzer ....وهذا التويب عند النقر علية يفتح صفحة تحليل لجميع العناصر و الموارد و الملفات التى تم إدراجها للتطبيق

ثانيا : فى الجهة اليمنى ستجد القائمة palette و التى تحتوى على الكثير من المكونات الرسومية و أوامر التنفيذ command التى يمكنك استخدامها فى تطبيقك منها ما ينتمى الى الفئمة Displayable ومنها ما ينتمى الى الفئة Item كما فى الصورة التالية :

دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(20)_برمجة تطبيقات الجوال (2_بناء المشاريع Building MIDlets)ج2 Egy-tech13668322492

و سيتم شرح تلك المكونات كلا على حد فى دروس متقدمة ....الان وبعد ما تعرفنا على تلك البنية الرسومية تعالوا نقوم بانشاء نفس التطبيق السابق الذى تم شرحة فى البنيه غير الرسومية وهو عبارة عن تطبيق لاظهار رسالة ترحيب ....ويتم ذلك عن طريق الخطوات التالية :

1_ قم بإدراج المكون textbox الى المشروع و ذلك عن طريق سحب المكون من القائمة palette ثم إفلاته الى المشروع من خلال التويب Flow كما فى الصورة التالية :
دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(20)_برمجة تطبيقات الجوال (2_بناء المشاريع Building MIDlets)ج2 Egy-tech13668322493

ملحوظة / جميع الكائنات التى تنتمى للفئة Displayable لا يمكن إدراجها للمشروع عن طريق السحب و الافلات إلا من خلال التويب Flow

2_قم بتحديد المكون فى التويب ثم كليك يمين ومن القائمة التى ستظهر أختر الامر propertites لتظهر لك نافذة الخصائص كما فى الشكل التالى :

دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(20)_برمجة تطبيقات الجوال (2_بناء المشاريع Building MIDlets)ج2 Egy-tech13668325281

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


دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(20)_برمجة تطبيقات الجوال (2_بناء المشاريع Building MIDlets)ج2 Egy-tech13668325282

بقم النقر المزدوج على عنوان المكون textbox الموجود اعلى العنصر و الذى يأخذ القيمة textbox لتسطيع كتابة عنوان للعنصر وبعد ما يتم الكتابة قم بالنقر على زر الادخال (Enter ) كما فى الصورة التالية :
دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(20)_برمجة تطبيقات الجوال (2_بناء المشاريع Building MIDlets)ج2 Egy-tech13668325283

ايضا قم بالنقر المزدوج على القيمة <ull> وذلك لاضافة نص الرسالة "مرحبا بكم فى منتدى مصر التقنى " كما فى الصورة التالية :
دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(20)_برمجة تطبيقات الجوال (2_بناء المشاريع Building MIDlets)ج2 Egy-tech13668327171

3_قم بربط المكون textbox بنقطة البداية للمورد او الملف MIDlet حتى يتم تشغيل التطبيق ويتم ذلك عن طريق الاوامر command ويتم ذلك عن طريقتين :

الطريقة الاولى : النقر على التويب Flow ثم تحديد الحدث Started للمورد MIDlet ثم النقر يمين ومن القائمة التى ستظهر أختر الامر propertites لتظهر لك النافذة MIDlet Started Event كما فى الصور التالية :
دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(20)_برمجة تطبيقات الجوال (2_بناء المشاريع Building MIDlets)ج2 Egy-tech13668327172


دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(20)_برمجة تطبيقات الجوال (2_بناء المشاريع Building MIDlets)ج2 Egy-tech13668327173

ويمكنك ملاحظة أن نافذة الخصائص تلك لا تحتوى إلا على خاصية واحده وهى Action ...قم بالنقر على الزر الصغير الذى بجوارها ليتم لك فتح النافذة التالية :


دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(20)_برمجة تطبيقات الجوال (2_بناء المشاريع Building MIDlets)ج2 Egy-tech13668329511

النافذة السابقة تحتوى على 5 خيارات للاحداث المتاحة وهى على النحو التالى :

1_ الخيار call .....هذا الخيار يتم استخدامة فى حاله اذا اردنا الاتصال بأحد ملفات MIDlet الاخرى الموجودة بالتطبيق عند بداية التشغيل للتطبيق

2_ الخيار Eext MIDlet ....هذا الخيار يتم استخدامه اذا اردنا الخروج من MIDlet الحالى .

3_ الخيار Go to previous Displayable ....هذا الخيار يتم استخدامه فى حاله وجود عده مكونات تابعة للفئة Displayable و تريد الرجوع للخلف الى المكون السابق

4_ الخيار Switch to Displayable ....وهذا الخيار يتم استخدامه فى حاله اننا نريد تشغيل احد مكونات الفئة Displayable وتوجد قائمة بها جميع المكونات التى أضفتها لتطبيقك .

5_ الخيار Do Nothing ......وهذا الخيار لعدم فعل اى حدث .

بعد ما تعرفنا على تلك النافذة نريد الان تشغيل المكون textbox بربطة بنقطة البداية Started للمورد MIDlet و ذلك من خلال الخيار الرابع Switch to Displayable و ستجد بجانبه قائمة بها المكونات التى تم إضافتها للتطبيق و فى مثالنا هذا هو مكون واحد فقط وهو textbox لذلك سنقوم بتحديد هذا الخيار ثم قم بالنقر على زر الامر (OK)كما فى الصورة التالية :

دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(20)_برمجة تطبيقات الجوال (2_بناء المشاريع Building MIDlets)ج2 Egy-tech13668329512


بعد ذلك ستجد مخطط التطبيق فى التويب Flow كما فى الصورة التالية :
دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(20)_برمجة تطبيقات الجوال (2_بناء المشاريع Building MIDlets)ج2 Egy-tech13668329513

الطريقة الثانية : قم بتحديد الحدث Started للمورد MIDlet ثم النقر بزر الماس شمال مع السحب فى وضعية النقر ليظهر لك سهم أسود أثناء السحب ثم قم بإقلاته على المكون المراد ربطة بنقطة البداية Started وفى مثالنا هذا هو المكون textbox كما فى الشكل التالى :

دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(20)_برمجة تطبيقات الجوال (2_بناء المشاريع Building MIDlets)ج2 Egy-tech13668332561


الان يمكنك تشغيل التطبيق لعرض رسالة الترحيب و يظهر كما فى الصورة التالية :

دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(20)_برمجة تطبيقات الجوال (2_بناء المشاريع Building MIDlets)ج2 Egy-tech13668332562

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

_ قم بتحديد المكون textbox من خلال التويب Flow ثم النقر يمين ومن القائمة التى ستظهر أختر الامر New/Add ثم أختر الامر Eixt command كما فى الصورة التالية :

دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(20)_برمجة تطبيقات الجوال (2_بناء المشاريع Building MIDlets)ج2 Egy-tech13668332563

ستجد انه قد تم إضافة command للمكون textbox قم بتحديده ثم النقر يمين ومن القائمة التى ستظهر اختر الامر propertites لتظهر لك نافذة الخصائص كما فى الصور التالية :

دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(20)_برمجة تطبيقات الجوال (2_بناء المشاريع Building MIDlets)ج2 Egy-tech13668334541

دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(20)_برمجة تطبيقات الجوال (2_بناء المشاريع Building MIDlets)ج2 Egy-tech13668334542

وكما هو ملاحظ فى نافذة الخصائص ....كتبنا كلمة (إنهاء)عند الخاصية label وذلك لوضع تسميه للامر تظهر فى الجوال ...أما الخاصية Action قم بالنقر على الزر الذى بجوارها لتحديد خيار الخروج من MIDlet كما فى الصورة التالية :

دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(20)_برمجة تطبيقات الجوال (2_بناء المشاريع Building MIDlets)ج2 Egy-tech13668334543

بعد النقر على زر (ok) ستجد فى التويب Flow التطبيق كما فى الشكل التالى :

دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(20)_برمجة تطبيقات الجوال (2_بناء المشاريع Building MIDlets)ج2 Egy-tech13668336231

الان قم بتشغيل التطبيق ليظهر لك كما فى الشكل التالى:

دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(20)_برمجة تطبيقات الجوال (2_بناء المشاريع Building MIDlets)ج2 Egy-tech13668336232

ايضا يمنك ملاحظة اننا قد استخدمنا محاكى أخر غير المستخدم بالدرس السابق و غير المستخدم فى المثال السابق وهذا المحاكى الحالى يمثل أجهزة الجوال التى تعمل بخاصية اللمس وتستطيع أن تختار محاكى Device مختلف عما قد حددته فى بداية إنشاء المشروع عن طريق تحديد الامر Customize من قائمة المهام فى NetBeans كما فى الصورة التالية :

دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(20)_برمجة تطبيقات الجوال (2_بناء المشاريع Building MIDlets)ج2 Egy-tech13668336233

بعد ذلك سيظهر لك 2 مربع حوارى الاول Add Configuration وهذا ليس لنا به علاقة الان لذلك قم بالنقر على زر الامر Cancel و المربع الحوارى الاخر كما فى الصورة التالية :

دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(20)_برمجة تطبيقات الجوال (2_بناء المشاريع Building MIDlets)ج2 Egy-tech13668337831

وكما هو ظاهر إعلاه يمكنك تحديد المحاكى الذى يناسبك من خلال القائمة Device و يجب ملاحظة أن كل محاكى يختلف عن الاخر و كلما كان المحاكى أحدث كلما كانت له مميزات كثيرة

_ تعالوا الان نضيف بعض الخصائص الاخرى للتطبيق ....فمن نفس المربع الحوارى السابق نستطيع إضافة رقم إصدار التطبيق و معلومات عن مبرمج التطبيق وايضا اضافة ايقونة للتطبيق كل ذلك من خلال المربع الحوارى السابق التويب Application Description ليظهر لك المربع الحوارى كما فى الصورة التالية :

دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(20)_برمجة تطبيقات الجوال (2_بناء المشاريع Building MIDlets)ج2 Egy-tech13668337832

_كما هو ظاهر أعلاه ستجد جدول The General Attributes table به بعض المعلومات الافتراضة وهى على النحو التالى :
MIDlet-Name ....وهذا الخيار لوضع اسم للتطبيق
MIDlet-Vendor ....وهذا الخيار لوضع معلومات عن مبرمج التطبيق
MIDlet-version ......وهذا الخيار لوضع رقم إصدار للتطبيق

وجميع تلك الخصائص اساسية لايمكنك حذفها ومع ذلك يمكنك تعديل القيم فقط بما يناسبك ......فقط قم بتحديد الخاصية المراد تعديلها و ستجد زر الامر (Edit ) الموجود على يمين تلك الخصائص أصبح نشط لتقوم بالنقر عليه ليفتح لك مربع حوارى أخر تستطيع من خلاله تعديل البيانات لتلك الخصائص .....فأنا مثلا سأقوم بتعديل الخاصية MIDlet-Vendor لوضع اسم المبرمج لذلك سأقوم بتحديد تلك الخاصية ثم النقر على زر (Edit ) ليتم فتح المربع الحوارى التالى :

دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(20)_برمجة تطبيقات الجوال (2_بناء المشاريع Building MIDlets)ج2 Egy-tech13668337833

_ كما يمكنك إضافة بعض الخصائص الاخر وذلك عن طريق زر الامر Add ليفتح لك مربع حوارى يحتوى على قائمة الخصائص المتاحة الاخرى كما فى الشكل التالى :

دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(20)_برمجة تطبيقات الجوال (2_بناء المشاريع Building MIDlets)ج2 Egy-tech13668339751

فمثلا أريد إضافة ايقونة للتطبيق لذلك سأقوم أولا بتحديد تلك الايقونة و يجب أن تكون بأمتداد BMP أو PNG و أن يكون حجمها مناسب لا تزيد عن 64 بيكسل ثم وضع تلك الصورة فى مجلد البرنامج src سأختار من قائمة الخصائص الخاصية MIDlet-Icon ثم أكتب أسم و أمتداد الصورة فى مربع النص value كما فى الشكل التالى :

دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(20)_برمجة تطبيقات الجوال (2_بناء المشاريع Building MIDlets)ج2 Egy-tech13668339752

والى هنا نكون قد أنتهيا من هذا الدرس الى اللقاء إنشاء الله تعالى فى درس جديد

ـــــــــــــــــــ التوقيع ــــــــــــــــــــ
سبحان الله وبحمدة .....سبحان الله العظيم
أحمد مناع
أحمد مناع
.
.

تاريخ التسجيل : 15/02/2011
المساهمات : 1108
النقاط : 202034
التقيم : 144
الدولة : مصر
الجنس : ذكر

https://egy-tech.forumegypt.net

الرجوع الى أعلى الصفحة اذهب الى الأسفل

دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(20)_برمجة تطبيقات الجوال (2_بناء المشاريع Building MIDlets)ج2 Empty رد: دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(20)_برمجة تطبيقات الجوال (2_بناء المشاريع Building MIDlets)ج2

مُساهمة من طرف NEXT الخميس أبريل 25, 2013 2:14 pm

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

ـــــــــــــــــــ التوقيع ــــــــــــــــــــ
دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(20)_برمجة تطبيقات الجوال (2_بناء المشاريع Building MIDlets)ج2 Do.php?imgf=154090993464951
NEXT
NEXT
الادارة
الادارة

تاريخ التسجيل : 18/02/2011
المساهمات : 446
النقاط : 200660
التقيم : 28
الدولة : مصر
الجنس : ذكر

الرجوع الى أعلى الصفحة اذهب الى الأسفل

دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(20)_برمجة تطبيقات الجوال (2_بناء المشاريع Building MIDlets)ج2 Empty رد: دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(20)_برمجة تطبيقات الجوال (2_بناء المشاريع Building MIDlets)ج2

مُساهمة من طرف أيمن الإبراهيم الخميس أبريل 25, 2013 3:06 pm

مشكوررررررررر
أيمن الإبراهيم
أيمن الإبراهيم
........
........

تاريخ التسجيل : 19/03/2013
المساهمات : 251
النقاط : 398
التقيم : 1
الدولة : سوريا
الجنس : ذكر

الرجوع الى أعلى الصفحة اذهب الى الأسفل

دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(20)_برمجة تطبيقات الجوال (2_بناء المشاريع Building MIDlets)ج2 Empty رد: دورة الجافا الرسومية بأستخدام NetBeans ...الدرس(20)_برمجة تطبيقات الجوال (2_بناء المشاريع Building MIDlets)ج2

مُساهمة من طرف جورج صبحى الأحد أبريل 28, 2013 2:48 pm

درس رائع يا صحبى ....منتظرين المزيد Very Happy
جورج صبحى
جورج صبحى
......
......

تاريخ التسجيل : 18/02/2011
المساهمات : 127
النقاط : 259
التقيم : 6
الجنس : ذكر

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة

ََ

مواضيع ذات صلة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى