Lecture 8 - User Interface Design - PDF

‫تصميم واجهات المستخدم‬ ‫‪Lecture 8‬‬ ‫‪1‬‬  ‫مخرجات البيانات‬ ‫‪data output‬‬ ‫ مخرجات البيانات تتضمن اآلتي‪:‬‬ ‫– التقارير ‪.reports‬‬ ‫– الجداول ‪. tables‬‬ ‫ تعليمات لتصميم التقارير ‪gui...

‫تصميم واجهات المستخدم‬ ‫‪Lecture 8‬‬ ‫‪1‬‬  ‫مخرجات البيانات‬ ‫‪data output‬‬ ‫ مخرجات البيانات تتضمن اآلتي‪:‬‬ ‫– التقارير ‪.reports‬‬ ‫– الجداول ‪. tables‬‬ ‫ تعليمات لتصميم التقارير ‪guidelines‬‬ ‫‪for designing reports‬‬ ‫ التقارير هي قوائم من السجالت ‪records‬‬ ‫صّممت بغرض الطباعة‪.‬‬ ‫‪2‬‬  ‫مخرجات البيانات‬ ‫‪data output‬‬ ‫ ‪ ‬تصميم جسم التقرير ‪.report body‬‬ ‫جس>م التقري>ر ه>و الج>زء الرئيس>ي من التقري>ر و ه>و الج>زء ال>ذي‬ ‫–‬ ‫يح>ت>>وي عل>ى ص>>فوف> ‪ rows‬و>أعم>>دة ‪>columns‬من البيان>>ات‪،‬‬ ‫ويجب مراعاة اآلتي‪:‬‬ ‫يجب أن تك>ون عن>اوين األعم>دة ‪ column headings‬واض>حة‪ ،‬و‬ ‫–‬ ‫أن تصف محتويات العمود‪.‬‬ ‫اس>تعمل الخ>ّط الص>حيح و المناس>ب للكتاب>ة م>ع مراع>اة مح>اذاة‬ ‫–‬ ‫البيانات‪.‬‬ ‫يجب تمييز الصفوف بصريًا بشكل واضح‪.‬‬ ‫–‬ ‫إذا ك>>ان جس>>م التقري>>ر ع>>ريض بحيث ال يمكن رؤيت>>ه ك>>امال على‬ ‫–‬ ‫م من تح>ري>>ك ‪ move‬أو تغي>>ير‬ ‫ا>لشاش>>ة ي>جب تمك>ين المس>>تخد >‬ ‫‪ resize‬حجم األعمدة‪.‬‬ ‫‪3‬‬  ‫مخرجات البيانات‬ ‫‪data output‬‬ ‫ ‪ ‬تصميم رأس ‪ header‬التقرير‬ ‫– رأس التقرير هو الجزء الذي يحتوي معلومات عن‬ ‫محتويات التقرير‪.‬يجب أن يتضّمن المعلومات‬ ‫اآلتية‪:‬‬ ‫– تأريخ الطباعة‪.‬‬ ‫– الغرض من التقرير‪.‬‬ ‫– المستفيد من التقارير‪.‬‬ ‫– عنوان التقرير ‪.title‬‬ ‫‪4‬‬  ‫مخرجات البيانات‬ ‫‪data output‬‬ ‫ ‪ ‬تصميم تذييل ‪ footer‬التقرير‬ ‫التذييل هو الجزء الذي يحتوي على معلومات عن‬ ‫–‬ ‫التقريرالمطبوع ‪ printout‬وهو يجب أن يتضّم ن المعلومات‬ ‫اآلتية‪:‬‬ ‫رقم الصفحة‪.‬‬ ‫–‬ ‫عدد صفحات التقرير‪.‬‬ ‫–‬ ‫تأريخ طباعة التقرير‬ ‫–‬ ‫مصدر البيانات الذي طبع منه التقرير مثل اسم جدول أو ملف‬ ‫–‬ ‫أو قاعدة بيانات‪.‬‬ ‫كتابة التذييل يجب أن تكون بخط صغير و نمط عادي‪.‬‬ ‫–‬ ‫يجب تكرار التذييل على جميع صفحات التقرير‪.‬‬ ‫–‬ ‫‪5‬‬  ‫مخرجات البيانات‬ ‫‪data output‬‬ ‫ تعليمات لتصميم الجداول ‪guidelines for‬‬ ‫‪designing tables‬‬ ‫ الجداول هي قوائم مطبوعة للسجالت الناتجة‬ ‫من استفسارات قواعد البيانات ‪database‬‬ ‫‪.queries‬‬ ‫ القدرة على طباعة الجداول و التقرير من‬ ‫المتطلبات األساسية للمستخدمين و لألسباب‬ ‫اآلتية‪:‬‬ ‫– سهولة فحص أو تأشير البنود ‪ items‬المطبوعة و‬ ‫معالجتها‪.‬‬ ‫‪6‬‬  ‫مخرجات البيانات‬ ‫‪data output‬‬ ‫ الجدول هو عبارة عن مصفوفة ‪ matrix‬لترتيب المعلومات‪.‬تكون‬ ‫مرتبة في شكل صفوف و أعمدة‪.‬عند تصميم الجداول يجب‬ ‫مراعاة اآلتي‪:‬‬ ‫ ‪ ‬عنوان وترويسة الجدول ‪table title and headings‬‬ ‫– يجب أن تكون العناوين و الترويسات واضحة و أن تصف محتويات‬ ‫الجدول‪.‬‬ ‫– رّتب عناوين األعمدة وفق البيانات المعروضة في خاليا ‪cells‬‬ ‫الجدول‪.‬‬ ‫ محاذاة العمود إلى اليسار ‪left justify‬الذي يحتوي على نص إذا كانت‬ ‫الكتابة بالآلتينية و إلى اليمين إذا كانت الكتابة باللغة العربية‪.‬‬ ‫ محاذاة العمود إلى اليمين ‪ right justify‬في حالة العمود الذي يحتوي على‬ ‫بيانات رقمية‪.‬‬ ‫‪7‬‬  ‫مخرجات البيانات‬ ‫‪data output‬‬ ‫ ‪ ‬تنسيق الجدول ‪table format‬‬ ‫– عند استخدام التظليل يجب مراعاة أن يكون تظليل‬ ‫الصفوف تبادليًا‪.‬‬ ‫– استخدام الخلفية ذات اللون الفاتج‪.‬‬ ‫– إلظهار خلية معينة أو عمود أو صف يمكن استخدام‬ ‫تقنيات مثل تغيير اللون أو الخط أو الخلفية‪.‬‬ ‫‪8‬‬  ‫مخرجات البيانات‬ ‫‪data output‬‬ ‫ ‪ ‬بيانات أو معلومات الجدول ‪table data or‬‬ ‫‪information‬‬ ‫– يجب تنظيم و عرض البيانات أو المعلومات بطريقة‬ ‫واضحة و منطقية‪.‬‬ ‫– وضع المعلومات المتماثلة سويًا‪.‬‬ ‫– وضع المعلومات المهمة و األكثر استعماال في أعلى‬ ‫الجدول‪.‬‬ ‫– ترتيب المعلومات ترتيب تسلسليًا ‪ sequential‬أو‬ ‫ترتيبًا زمنيًا ‪chronological‬‬ ‫‪9‬‬  ‫مخرجات البيانات‬ ‫‪data output‬‬ ‫ ‪ ‬المطبوعات ‪printouts‬‬ ‫– يجب طباعة السجل كامًال و ليس الجزء المرئي‬ ‫على الشاشة فقط‪.‬‬ ‫– يجب أن يكون المستخدم قادرًا على تغيير حجم‬ ‫الخط و نوعه و عرض العمود حتي يالئم الجزء‬ ‫المراد طباعته على الورقة‪.‬‬ ‫– يجب أن تحتوي الطبعة على عنوان و تذييل‪.‬‬ ‫‪10‬‬