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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

دورة الجافا الرسومية بأستخدام 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 كما فى الشكل التالى :


5_ نقوم بإدراج المورد أو الملف MIDlet فى البيئة الرسومية و ذلك عن طريق تحديد ايقونة التطبيق ثم كليك يمين ومن القائمة التى ستظهر أختر الامر New ثم الامر Visual MIDlet كما فى الصورة التالية :


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





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



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

أولا : يحتوى شريط التويب العلوى الذى فى الصورة التالية على اربعة خيارات للتعامل مع التطبيق وهى :


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

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

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

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

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



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

1_ قم بإدراج المكون textbox الى المشروع و ذلك عن طريق سحب المكون من القائمة palette ثم إفلاته الى المشروع من خلال التويب Flow كما فى الصورة التالية :


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

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



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




بقم النقر المزدوج على عنوان المكون textbox الموجود اعلى العنصر و الذى يأخذ القيمة textbox لتسطيع كتابة عنوان للعنصر وبعد ما يتم الكتابة قم بالنقر على زر الادخال (Enter ) كما فى الصورة التالية :


ايضا قم بالنقر المزدوج على القيمة <ull> وذلك لاضافة نص الرسالة "مرحبا بكم فى منتدى مصر التقنى " كما فى الصورة التالية :


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

الطريقة الاولى : النقر على التويب Flow ثم تحديد الحدث Started للمورد MIDlet ثم النقر يمين ومن القائمة التى ستظهر أختر الامر propertites لتظهر لك النافذة MIDlet Started Event كما فى الصور التالية :





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




النافذة السابقة تحتوى على 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)كما فى الصورة التالية :




بعد ذلك ستجد مخطط التطبيق فى التويب Flow كما فى الصورة التالية :


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




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



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

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



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



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


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



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



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



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



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

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


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

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



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



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


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

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

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

أحمد مناع
.
.

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

http://egy-tech.forumegypt.net

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

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

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

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

NEXT
الادارة
الادارة

تاريخ التسجيل : 18/02/2011
المساهمات : 262
النقاط : 378
التقيم : 10
الجنس : ذكر

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

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

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

مشكوررررررررر

أيمن الإبراهيم
........
........

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

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

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

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

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

جورج صبحى
.....
.....

تاريخ التسجيل : 18/02/2011
المساهمات : 98
النقاط : 211
التقيم : 3
الجنس : ذكر

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

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة


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