منتديات موظفي الضرائب العقاريه_محمد حسني
أهلاً وسهلاً بكم في :منتدي موظفي الضرائب العقاريه -محمد حسني..
أسعدنا تواجدك بيننا على أمل أن تستمتع وتستفيد
وننتظر مشاركاتك وتفاعلك فمرحباً بك بين إخوانك وأخواتك
ونسأل الله لك التوفيق والنجاح والتميز ........محمد حسني







منتديات موظفي الضرائب العقاريه_محمد حسني

نهدف الى تطويرالعقاريه والعمل على توعية الموظفين بما يتطلبه عملهم والاجابه على استفساراتهم وامدادهم بكل الاخبار التى تخص الضرائب العقاريه ---زوروا موقعنا علي الفيس هوhttps://www.facebook.com/groups/ACARIA3012/--ونرحب دائما بطرح الافكار البناءه .
 
الرئيسيةبحـثالتسجيلدخول
بحـث
 
 

نتائج البحث
 
Rechercher بحث متقدم
سحابة الكلمات الدلالية
المواضيع الأخيرة
» كيف تقومون بانشاء واجهة برنامج
الأربعاء فبراير 10, 2016 8:14 pm من طرف الاداره

» تعرف على أسهل طريقة لرفع صوت هاتفك الأندرويد إلى أقصى
السبت أكتوبر 03, 2015 9:02 am من طرف الاداره

» أضف هذا الخيار إلى اليوتوب أسفل الفيديوهات لتحميلها دائما mp4 أو mp3 بسهولة
السبت أكتوبر 03, 2015 8:30 am من طرف الاداره

» أضف هذا الخيار إلى اليوتوب أسفل الفيديوهات لتحميلها دائما mp4 أو mp3 بسهولة
السبت أكتوبر 03, 2015 8:30 am من طرف الاداره

» إضافة جديدة وصغيرة لجوجل كروم تقوم بتصوير شاشة حاسوبك بالفيديو بجودة عالية
السبت أكتوبر 03, 2015 8:26 am من طرف الاداره

» أفضل موقع عربي لتحميل أفلام التورنت مترجمة وبجودة عالية
السبت أكتوبر 03, 2015 8:22 am من طرف الاداره

» الحل الشامل لمشكلة عدم تعرف الكمبيوتر على الهاتف بعد ربطهما بالكايبل
السبت أكتوبر 03, 2015 8:17 am من طرف الاداره

» تنزيل برنامج ضغط الملفات وينرير WinRAR 5.30 Beta 3 (64-bi
الأربعاء سبتمبر 09, 2015 10:33 pm من طرف الاداره

» ملخص إجتماع اليوم 22/8/2015
السبت أغسطس 22, 2015 9:15 pm من طرف الاداره

التبادل الاعلاني

انشاء منتدى مجاني



ازرار التصفُّح
 البوابة
 الرئيسية
 قائمة الاعضاء
 البيانات الشخصية
 س .و .ج
 بحـث

شاطر | 
 

 كيف تقومون بانشاء واجهة برنامج

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
الاداره
Admin
avatar

عدد المساهمات : 153
تاريخ التسجيل : 03/11/2012
العمر : 53
الموقع : http://www.acareai.forumegypt.net

مُساهمةموضوع: كيف تقومون بانشاء واجهة برنامج   الأربعاء فبراير 10, 2016 8:14 pm

 كيف تصمم واجهات لبرامجك ؟ معلومات لن تجدها في اي موقع عربي
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة][وحدهم المديرون لديهم صلاحيات معاينة هذا الرابط][ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة][وحدهم المديرون لديهم صلاحيات معاينة هذا الرابط][ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة][ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[وحدهم المديرون لديهم صلاحيات معاينة هذا الرابط]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] 21:06 - 2009/08/01[وحدهم المديرون لديهم صلاحيات معاينة هذا الرابط][وحدهم المديرون لديهم صلاحيات معاينة هذا الرابط][ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] 



 
[size=32]بسم الله الرحمن الرحيم[/size]

 
  
 [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

 
 [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

 


ما جعلني اكتب هذا الموضوع هو رؤيتي لواجهات

البرامج (وليس المواقع) التي يضعها الاعضاء

هذا الموضوع لا يدخل في مجال التصميم وانما هو من اساسيات

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



 
 

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

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

لكن هل هذا صحيح ؟

 
بالتاكيد تقول في نفسك ان هذا ليس بالعمل الاحترافي ولا اظن ان هناك من يخالفني الراي في هذه النقطة

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

ان اكثر من 30 في المائة من الميزانية المخصصة لمشروع برنامج تذهب فقط في انشاء الواجهة ، لذلك على المبرمج ان لايستهين بهذه النقطة

 
امر اخر يجب ان تعرفه

هو ان برنامج سيتعل من طرف مستخدمين عاديين وليس مبرمجين ، اي انهم يحكمون على برنامجك عن طريق الواجهة وليس عن طريق خفة الحجم او سرعه تشغيله

او طريقة البرمجة او الكود سورس

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

ماهي الامور التي يجب ان تكون في الواجهة ؟

من اهم الامور التي يجب ان تكون في واجهة برنامجك نذكر

- لون الخلفية

- شكل الايقونات

- نوع الكتابة ولونها

- مواقع الازرار والقوائم

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

اول شيء قبل بداية البرمجة على المبرمج دراسة كل الامور والوضائف التي ستكون في البرنامج لذلك جميع الشركات المتخصصة في البرمجة تضع فريقا مكون من مصمين ماهرين من اجل تصميم الواجهة ، ترسم الواجهة في اول الامر على الورق وباليد

وهذا ما يسمى Paper prototyping

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

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

 
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

الان مع النموذج الخاص باي واجهة

 
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

 
 
هذا النموذج يلخص شاشة الجهاز ويجزؤها الى 9 مناطق حسب سهولة الرؤية من طرف المستخدم وسهولة الاستعمال ايضا

 
المناطق باللون الاصفر : عادة ماتستعمل للقوائم الرئيسية وشريط العنوان

المناط بالازرق : تستعمل اظهار محتوى البرنامج

 
المناطق بالخضر تستخدم لمعلومات اظافية او كمناطق مساعدة

 
المنطقو باللون الاحمر : تستخدم لازرار الغلق

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

الان ندرس كل جزء من الرنامج على حدى

 
1- الخلفية :

يجب ان تكون خلفية البرنامج مناسبة في الحجم لمكونات البرنامج ولايجب ان تتعدى كثيرا حجم المكونات وتكون صغيرة لدرجة ظهور اعمدة التصعيد

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

 
2- شكل الايقوانات

الايقونات هي من اهم الامور في البرنامج فالمستخدم يلاحظ الصورة قبل قراءة النص واغلب المستخدمين عندما يبحثون عن امر ما لايتذكرون اسمه وانما يتذكرون شكل الايقونة لذلك فالايقونة يجب ان تكون لها علاقة واحظة مع عمل الزر ، وان يكون كل الايقونات في ستايل واحد ، وحجمها لايجب ان يتعدى 32*32 بيكسل

 
-3 القوائم

هناك نوعين من القوائم الثابة والمتحركة

بالنسبة للقوائم الثابتة بجب ان تكون في المنطقة الصفراء لكونها منطقة متوسطة الرؤية وقليلة الاستعمال ، يفضل ترتيب القوائم حسب النوع وجرت العادة وضع القوائم بالترتيب File / edition / affichage ..

لايجب ان تتعدى القائمة الرئيسية 8 قوائم فرعية والا فهذا يزيد من تعقيد الامور ،يمكن وضف قوائم داخل القوائم الرئيسية من اجل ترتيب اكثر وسهولة افضل

اما القوائم المتحركة فتكون فقط في الاماكن التي بها تخصيص وتحمل فقط الاوامر الخاصة بتلك الزر

 
-4 الكتابة

الكتابة يجب ان تكون بلون سهل القراءة وواضحة للرؤية وتكون بحجم متوسط عادة 8ن ويجب مراعات الاخطاء الاملائية ومحاولة جعل النص اقصر مما يمكن عليه مع ترك المعنى اوضح ، يجب ا ن تكون الكتابة ملازمة للصور

 
-5 مواقع الازرار

الازرار الخاصة بالتنفيذ والتسجيل او الغاء التسجيل تكون عادة في اسفل اليمين الازرار الاخرى يكب ان تكون بترتيب حسب الاسنعمال

 
-6 الاضافات

هناك اضافات اخرى يمكن اضافتها الى البرانمج من اجل استعمال اسهل وافضل مثل les infos bulles وهي تلك الشرات الصغية التي تظهر فوق الازرار والايقونات بمجرد وضع المؤشر عليها ، لايجب ان تحمل نص طويل فقط اسم الادات مع شرح بسيط عن عملها ان امكن ذلك

 
الازرار والاوامر التي لاتعمل مع فئة معينة عليها ان تكون grise باللون الرمادي ومن الافضل عدم اخفائها ولكن تركها ليعلم المستخدم ان الامر موجود لكن لايستعمل في ذلك المكان

 
اذا كان البرنامج يحمل formulaire لملئه يجب مراعات ترتيب les zone de texte

عندما يملئ النص الاول ويضغط على entre ينتقل مباشرة الى النص الثاني وفي الاخير يطب الزر ok (tab ordre(

 
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

المساعدة

اظافة Help المساعدة امر ضروري في البرامج حتى ولو كان الامر بديهي بالنسبة لك والواجهة سهلة لكن هناك من لايفهمها لذلك يجب مراعات هذا الامر

 
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

فئة المستخدمين

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

ترتيب الازرار

يجب على الازرار ان تكون مرتبة وبنفس الحجم والطول والعرض والنص لايجب ان يتعدى حدود الزر

 
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

المسافة المقطوعة بالمؤشر

اغلب الشركات بعد ان تضع واجهاتها تقوم بتجربها مع عدد كبير من جميع فئات المستخدمين وتقوم بحساب المسافة التي تقطعها مؤشر الفارة وحساب المتوسط

يجب ان تكون المسافة التي يحرك فيها المستخدم الفارة صغيرة جدا وكذلك استعمال لوحة المفاتيح لايجب ان يكون كثيرا

 
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

 
هاذا هو حال المبرمج يفكر من اجل جعل البرانامج اكثر سهولة للمستخدم ولايجب الاستهانة بادق التفاصيل

وفي الاخير اتمنى ان اكون قد قدمت شيئا به فائدة

....منقول....

 



الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.acareia.forumegypt.net
 
كيف تقومون بانشاء واجهة برنامج
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات موظفي الضرائب العقاريه_محمد حسني :: منتدي العلوم :: منتدي الكمبيوتر والدش-
انتقل الى: