‫تصميم وبرمجة واجهة المستخدم‬

‫‪User Interface Design and‬‬

‫‪Programming‬‬

‫د‪.‬أيمن حمارشه‬

‫‪1‬‬
 ‫المقدمة‬

‫مع التطكر المتسارع ألنظمة الحاسكب كتكسع مجاالت استخداميا أخذت كاجيات المستخدـ‬

‫تأخذ حي از كبي ار مف اىتماـ المطكريف كالمستخدميف عمى حد سكاء‪ .‬كأصبح الحكـ عمى أم نظاـ‬

‫ُم َح ْك َسب يعتمد بشكؿ كبير عمى كاجية ىذا النظاـ كخاصة بعد أف أصبحت ىذه األنظمة متاحة لمناس‬

‫العادييف كدخمت في مناحي الحياة المختمفة بدءان مف أجيزة الحاسكب الشخصي كاألجيزة المنزلية‬

‫كانتياءا باألنظمة المعقدة كأنظمة التحكـ في الطائرات كأنظمة التحكـ في الصناعات المختمفة كفي‬

‫أنظمة إطالؽ كتكجيو المركبات الفضائية كغيرىا‪ .‬كقد قمنا في ىذا البحث مف خالؿ دراسة األنكاع‬

‫المختمفة مف الكاجيات بالتعرؼ عمى الميمات كالكظائؼ التي يؤدييا كؿ نكع مف ىذه األنكاع كعمى‬

‫طرؽ تصميميا كالمبادئ المتبعة في ذلؾ‪.‬‬

‫‪2‬‬
 ‫الفصل األول‬

‫نشأة وتطور واجه ات‬

‫المستخدم‬

ORGINS AND
EVOLUTION
OF USER INTERFACE

3
 ‫‪ .1.1‬نشأة واجهات المستخدم‪:‬‬

‫دخمت الحكسبة في حياتنا بكتيرة متسارعة بحيث أصبح استخداـ األجيزة اإللكتركنية المختمفة‬

‫جزءان ال يتج أز مف حياة كؿ كاحد منا ‪ .‬مف مظاىر ىذه الحكسبة كجكد الحكاسيب الشخصية‪(Personal‬‬

‫)‪ Computers‬ؼم البيكت كالشركات كالمؤسسات التجارية كالمالية كغيرىا‪ ,‬ككذلؾ اليكاتؼ النقالة‬

‫التي أصبحت عبارة عف حكاسيب منتقمة يمكنيا انجاز الكثير مف الكظائؼ كالميمات ؾتخزيف البيانات‬

‫كمعالجتيا باإلضافة لمكظائؼ التقميدية لمياتؼ العادم‪.‬‬

‫مع ظيكر األجياؿ األكلى مف الحكاسيب ظيرت الحاجة إلى كجكد طريقة يتفاعؿ فييا اإلنساف‬

‫مع ىذه الحكاسيب بحيث يتمكف المستخدـ مف تكجيو األكامر ككذلؾ الحصكؿ عمى النتائج بطرؽ سيمة‬

‫كسريعة‪ .‬كلكف البداية كانت صعبة كلـ تكف أنظمة الحاسكب المختمفة تممؾ كاجيات مستخدـ متماثمة‪,‬‬

‫حيث كاف لكؿ نظاـ أك تطبيؽ كاجية مستخدـ خاصة بو ال تشبو الكاجيات في األنظمة كالتطبيقات‬

‫األخرل لذلؾ فإف مستخدمي الحاسكب كانكا فقط مف المتخصصيف ذكم الكفاءات العالية كالذيف كانكا‬

‫يحتاجكف لفترات طكيمة لمتعمـ كالتدريب‪.‬‬

‫يعتبر فانيفر بكش ‪ Vannevar Bush‬الباحث في معيد ماساشكسيتس لمتقنية كالخبير‬

‫العسكرم خالؿ الحرب العالمية الثانية مف أكائؿ الذيف بحثكا في تفاعؿ اإلنساف كالحاسكب ‪Human-‬‬

‫‪ Computer Interaction‬كقد نشر في عاـ ‪ 1945‬مقاال بعنكاف "كيؼ يمكف أف نفكر" كضع فيو‬

‫رؤيتو حكؿ أدكات إدارة المعمكمات في المستقبؿ ككضع تصك انر لكسائؿ اتصاؿ يمكف بكاسطتيا تخزيف‬

‫المعمكمات عمى مايكرك فيؿـ بحيث تككف قابمة لالسترجاع كالبرمجة‪.‬‬

‫في خمسينيات القرف العشريف كانت الحكاسيب ضخمة الحجـ ‪ ,‬مجيزة بكاجية مستخدـ رقمية‬

‫إلدخاؿ البيانات عمى شكؿ أكامر خطية ‪ Numerical Command Line Interfaces‬كمستخدمييا‬

‫كانكا فقط مف الخبراء ذكم الكفاءات العالية‪ .‬في بداية الستينات بدأت مجمكعة مف العمماء كالباحثيف في‬

‫أمريكا عمى رأسيـ دكغالس إنجمبارت ‪ Douglas Engelbart‬البحث عف مفاىيـ حديثة كطرؽ جديدة‬

‫‪4‬‬
 ‫لتطكير الحكاسيب‪ .‬كقد نجحت ىذه المجمكعة في تطكير مفاىيـ كطرؽ تسمح لممستخدـ بالتعامؿ‬

‫‪ Direct Manipulation‬كقد استطاعكا‬ ‫المباشر مع الحاسكب كادارة المعمكمات كىك ما يسمى‬

‫الكصكؿ إلى مفاىيـ جديدة أىميا‪:‬‬

‫‪ -‬المزج بيف الحاسكب‪ ,‬لكحة المفاتيح كالشاشة في نظاـ كاحد‪.‬‬

‫‪ -‬تطكير برمجيات جديدة لمعالجة النصكص‬

‫‪ -‬استخداـ الفأرة في مبدأ التأشير كالنقر‬

‫‪ -‬مبدأ تعدد النكافذ‬

‫‪ -‬تطكير برمجيات نقؿ النصكص ‪Hypertext‬‬

‫‪ -‬ربط الحكاسيب (الفكرة البدائية لنظاـ الشبكات)‬

‫‪Ivan‬‬ ‫مف الركاد األكائؿ الذيف بحثكا في تفاعؿ اإلنساف كالحاسكب كاف إيفاف سكثرالند‬

‫‪ Sutherland‬الذم طكر في عاـ ‪ 1957‬برنامجا لمرسـ اتسـ بإمكانية التعامؿ المباشر مع البرناـ ج‬

‫‪J.R.C.‬‬ ‫”‪ . “Sketchpad‬في عاـ ‪ 1960‬قاـ ليؾ اليدر‬ ‫كالتحكـ فيو مف قبؿ المستخدـ اسماه‬

‫‪The‬‬ ‫‪ Licklider‬بنشر مقالة أضافت قيمة عممية كعممية تحت عنكاف "تعايش اإلنساف كالحاسكب"‬

‫‪ Man-Computer Symbiosis‬شرح فييا تصكر كاضح لكيفية معالجة البيانات في المستقبؿ‪.‬‬

‫في تمؾ الفترة كانت شركة ‪ IBM‬األمريكية مييمنة عمى سكؽ صناعة الحكاسيب إال أف الشركة‬

‫العمالقة في صناعة آالت النسخ ‪ Xerox Photocopiers‬قامت باستثمارات ميمة في مجاؿ البحث‬

‫عف بدائؿ الستخداـ الكرؽ في األعماؿ المكتبية كاضعة شعار "مكتب بدكف كرؽ"‪ .‬كاتجيت ىذه‬

‫األبحاث إلى تطكير أنظمة حاسكب تحتكم عمى كحدات إدخاؿ كاخراج قادرة عمى تحقيؽ أفكار حديثة‬

‫في التعامؿ مع البيانات كادارتيا‪.‬‬

‫في سبعينيات القرف العشريف تكممت جيكد عدد مف الباحثيف بالنجاح كتـ تطكير الحاسكب‬

‫‪ Xerox Alto‬الذم يمكف اعتباره أكؿ حاسكب شخصي )‪ Personal Computer (PC‬كقد ظيرت‬

‫‪5‬‬
 ‫فيو أفكار دكغالس إنجمبارت المتعمقة بالتحكـ المباشر حيث تـ استخداـ الفأرة كأداة تأشير كلكحة‬

‫المفاتيح ككحدة إدخاؿ باإلضافة إلى شاشة ككحدة إخراج‪ .‬عالكة عمى ذلؾ تـ استخداـ نظاـ التشغيؿ‬

‫‪ Xerox Star‬الذم كاف يمتمؾ كألكؿ مرة كاجية رسكمية حقيقية‪.‬‬

‫الشكؿ (‪ )1-1‬كاجية نظاـ ‪Xerox Star‬‬

‫لـ تقـ شركة ‪ Xerox‬بتطكير ىذا النمكذج كلـ تطرحو بشكؿ تجارم في األسكاؽ اعتقادان منيا‬

‫بأنو سيككف مكمفا كلف تككف لو جدكل اقتصادية‪ .‬بدال مف ذلؾ قاـ أعضاء نكادم اليكاة مف الميتميف‬

‫بالحكاسيب كبشكؿ شخصي بتطكير نماذج خاصة بيـ مستغميف ظيكر المعالجات المصغرة‬

‫‪ Microprocessors‬في األسكاؽ كمف ىنا جاءت التسمية "حاسكب شخصي"‪.‬‬

‫‪ Apple‬كالتي كانت حديثة الظيكر آنذاؾ بتبني فكرة إنشاء‬ ‫مف جية ثانية قامت شركة‬

‫حكاسيب شخصية سيمة االستخداـ‪ .‬ليذا الغرض انتدبت الشركة ستيؼ جكبس ‪ Steve Jobs‬الذم كاف‬

‫عمى معرفة عميقة بتفاصيؿ مشركع ‪ Xerox Star‬ليقكـ بالتفاكض مع ‪ Xerox‬كتـ االتفاؽ عمى‬

‫‪ .Apple‬تـ‬ ‫التعاكف في بناء كاجية مستخدـ رسكمية قادرة عمى العمؿ مع الحكاسيب الخاصة بشركة‬

‫طرح الحاسكب الشخصي ‪ Apple Macintosh. Launched‬في عاـ ‪ 1984‬كنتيجة ليذا التعاكف‪,‬‬

‫‪6‬‬
‫كقد حقؽ نجاحا كبي ار ككاف مزكدا بسطح مكتب ‪ ,Desk Top‬قكائـ منسدلة ‪,Drop-Down Menus‬‬

‫مجمدات ‪ ,Folders‬سمة محذكفات ‪ Wastebasket‬كما تـ استخداـ النكافذ ‪ Windows‬ألكؿ مرة‪.‬‬

‫أظيرت ىذه الحكاسيب فكائد عظيمة الستخداـ النكافذ كاأليقكنات كالقكائـ التي سيمت كثي ار عمى‬

‫المستخدـ عممية التفاعؿ مع الحاسكب‪ ,‬فبدال مف تعمـ كحفظ مجمكعات كبيرة مف األكامر عند استخداـ‬

‫كاجية األكامر الخطية أصبح اآلف باإلمكاف استخداـ مؤشر الفأرة كالنقر عمى األيقكنة المطمكبة لتكجيو‬

‫األمر لمحاسكب‪.‬‬

‫الشكؿ (‪ )2-1‬كاجية نظاـ ‪Macintosh‬‬

‫شيء آخر ميـ في ىذا الحاسكب ىك أف كاجية المستخدـ الرسكمية تـ تثبيتيا كجزء مف نظاـ‬

‫‪ Macintosh‬ليا نفس الكاجية‬ ‫التشغيؿ كىذا يعني أف جميع التطبيقات التي يتـ تشغيميا عمى نظاـ‬

‫كىذا يعني أف المستخدـ سكؼ يتعامؿ مع جميع التطبيقات بنفس الطريقة‪.‬‬

‫‪7‬‬
 ‫ىذا النجاح الباىر ساعد بشكؿ كبير عمى ظيكر عصر جديد في عالـ التطبيقات كنظـ‬

‫‪ Microsoft‬الشييرة أخذت الكثير مف ميزات ىذا النظاـ‬ ‫التشغيؿ‪ .‬كمف الجدير بالذكر أف نكافذ‬

‫كاستفادت منو في تطكير نظاـ النكافذ الخاص بيا‪.‬‬

‫الشكؿ (‪ )3-1‬كاجية نظاـ التشغيؿ ‪Windows 3.0‬‬

‫تـ تسكيؽ ‪ Macintosh‬عمى أنو نظاـ يصمح لمجميع ككانت الحكاسيب مكجية باألساس‬

‫لشريحة المستخدميف المبتدئيف الذيف سيمت عمييـ الكاجيات الرسكمية عممية التفاعؿ مع الحاسكب إلى‬

‫حد كبير كلـ يعد استخداـ الحكاسيب مقتص ار عمى المتخصصيف كالمحترفيف‪.‬‬

‫شركة ‪ Microsoft‬المتخصصة في مجاؿ صناعة البرمجيات كالتي كانت تزكد المستخدـ‬

‫بكاجية أكامر خطية مف خالؿ نظاـ التشغيؿ ‪ MS DOS‬قامت في عاـ ‪ 1990‬بتقديـ كاجية رسكمية‬

‫‪ Windows‬الذم كاف في الكثير مف خصائصو تقميدا لنظاـ‬ ‫مف خالؿ نظاـ التشغيؿ الجديد‬

‫‪ Microsoft‬بطرح عدة إصدارات مف ىذا النظاـ كاف أنجحيا‬ ‫‪ .Macintosh‬بعد ذلؾ قامت‬

‫‪ Windows 3.0‬الذم أصبح األكثر قبكال كاستخداما في ذلؾ الكقت‪ .‬بعد ذلؾ قامت الشركة بطرح‬
‫‪8‬‬
‫‪ Windows 95‬الذم القى ركاجا ىائال بسبب اإلمكانيات الكبيرة التي احتكتيا كاجية المستخدـ ككذلؾ‬

‫بسبب إضافة خاصية التحديث ‪ Upgrade‬لمنظاـ بعد إصداره‪.‬‬

‫‪ .2 .1‬أهمية واجهة المستخدم‪:‬‬

‫يتميز مستيمؾ التقنية االلكتركنية بسعيو الدؤكب كبحثو المستمر عف المعمكمات بشتى الطرؽ‬

‫كالكسائؿ في الكقت الذم أصبحت فيو المعمكمات مف أكثر السمع استيالكا‪ .‬كبما أف المعمكمات‬

‫أصبحت سمعة تباع كتشترل فإف مالكي المعمكمات يسعكف بدكرىـ لتركيج سمعتيـ مف خالؿ إيجاد‬

‫أفضؿ الطرؽ لعرض سمعتيـ الراغبيف في الحصكؿ عمييا كبالتالي الحصكؿ عمى السعر المطمكب‪.‬‬

‫بشكؿ عاـ يمتمؾ اإلنساف طبيعة حدسية حيث يقكده حدسو دائما نحك ما يعتقد أنو األفضؿ‪ ,‬أما‬

‫إنساف العصر الحالي بشكؿ خاص فيتميز بالنيـ الشديد لممعمكمات التي يسعى الستخداميا في تطكير‬

‫معارفو كتحسيف مستكل حياتو‪ .‬ككما ىك معركؼ فإنو في عصرنا الحالي عصر الحكسبة كعصر‬

‫أنظمة الحكاسيب كاإلنترفت يعتبر الحاسكب الشخصي المصدر األكؿ لممعمكمات كىذا ما يعطي أىمية‬

‫كبرل لمطريقة التي يتـ الحصكؿ فييا عمى المعمكمات أم لكاجية المستخدـ التي يتفاعؿ مف خالليا‬

‫المستخدـ مع ىذه الحكاسيب كمع أنظمة االتصاؿ األخرل‪.‬‬

‫تمعب كاجية المستخدـ دك ار كبي ار في تكجيو المستخدـ خالؿ تعاممو مع أنظمة الحاسكب‬

‫المختمفة حيث تقكـ بدكر المكجو كالمساعد في إنجاز الكظائؼ كالميمات المختمفة‪ .‬يمكف القكؿ أف‬

‫الكاجية الجيدة ىي تمؾ التي ال يضطر المستخدـ إلى بذؿ الكثير مف الكقت كالجيد في التفكير في‬

‫كيفية استخداميا كانما يقكـ باالستفادة مف خصائصيا كالميزات التي تقدميا بسيكلة كيسر حتى دكف أف‬

‫يشعر ىك بذلؾ ككأف ىذه الكاجية ىي جزء شفاؼ يستطيع المستخدـ "النفاذ" مف خاللو إلى الميزات‬

‫المتعددة لمبرنامج الذم يتعامؿ معو كاالستفادة منيا‪.‬‬

‫‪9‬‬
 ‫كمف المعمكـ أيضا أف كاجية المستخدـ ألم برنامج ىي مفتاح النجاح لو حيث أف كاجية‬

‫المستخدـ ىي أكؿ ما ُيرل مف البرنامج كىي الجزء المحسكس منو فإذا كانت كاجية المستخدـ مميزة‬

‫فإنيا سكؼ تميد الطريؽ لمبرنامج ليحظى بالقبكؿ ‪.‬فكاجية المستخدـ تسيؿ عممية التكاصؿ مع البرنامج‬

‫كفي كاجية المستخدـ الرسكمية نجد االعتماد عمى الرمكز كالنقر بزر الفأرة بعكس ما ىك مكجكد في‬

‫كاجية النمط النصي بحيث يجب عمى المستخدـ إدخاؿ أكامر لمبرنامج بحيث ينفذ ما يطمب مف‬

‫البرنامج بحسب األكامر كىذا يتطمب مف المستخدـ حفظ ىذه األكامر حتى يستطيع استخداـ البرنامج ‪.‬‬

‫كحيث أف كاجية المستخدـ ىي كسيمة لمتكاصؿ مع البرنامج فيي تساعد المستخدـ عمى إدخاؿ البيانات‬

‫أك األكامر المطمكبة كتعرض لو النتائج بطريقة يفيميا لذلؾ يجب أف تككف مصممة بحيث ال تضع‬

‫لبس لممستخدـ في حالو اإلدخاؿ أك العرض‪.‬‬

‫ما ينطبؽ عمى الحكاسيب الشخصية ينطبؽ عؿل باقي األجيزة لذلؾ تسعي الشركات عمى فيـ‬

‫كظائؼ ىذه األجيزة كعؿل إدراؾ كيفية التعامؿ معيا كفي كقت قصير ‪.‬فالمستخدـ مثال لف يعجبو فرف‬

‫المايكرككيؼ الذم يحتكم عؿل لكحو رقميو )‪ (Digital Panel‬ـ ليئة بالمفاتيح كاألزرار المختمفة التي‬

‫يجب عؿمق معرفة كظيفة كؿ منيا ليتمكف مف استخداـ ىذا الفرف‪ ،‬كلكنو سكؼ يككف سعيدا إذا كاف ىذا‬

‫)‪ (Display‬كمؤقت )‪ (Timer‬كزر تشغيؿ كما عؿمق سكم‬ ‫الفرف يحتكم فقط عمى شاشو صغيره‬

‫استخداـ المؤقت لتحديد فتره التشغيؿ ثـ الضغط عؿل زر التشغيؿ كمراقبة العممية مف خالؿ الشاشة ال‬

‫أكثر كال أقؿ‪ .‬إف المستخدـ يفضؿ دائما اقتناء األجيزة التي تتميز بالبساطة كبسيكلو التعامؿ معيا ‪.‬‬

‫قياسا عؿل ذلؾ نجد أف البرامج التي تدير ىذه األجيزة كتتحكـ في عمميا يجب أف تككف أيضا سيمو‪،‬‬

‫بسيطة كمفيكمو لممستخدـ‪.‬‬

‫‪10‬‬
 ‫‪ .3.1‬واجهات المستخدم; أنواعها ومميزاتها‪:‬‬

‫في الكقت الحاضر أصبح مالحظا التنكع الكبير في كاجيات المستخدـ مف ناحية الشكؿ ككذلؾ‬

‫مف ناحية الكظائؼ التي يؤدييا كؿ نكع منيا‪ .‬كعمى الرغـ مف ىذا التنكع فإف ىناؾ مميزات كسمات‬

‫مشتركة لمكاجيات ميما كانت أنكاعيا كأشكاليا مف أىميا‪:‬‬

‫‪ -‬أف كاجية االستخداـ تتحكـ في كصكؿ المستخدـ لكؿ المميزات التي يقدميا البرنامج حيث‬

‫أف استخداـ أم برنامج متطمب مف المستخدـ التفاعؿ مع اؿكاجية ليستخدـ المميزات البرمجية لو ‪ ,‬فمثال‬

‫لكي تحدث شخصا ما عف طريؽ الياتؼ المحمكؿ يجب أف تضغط عمى بعض األزرار كلكي تستخدـ‬

‫برنامج ‪ Microsoft Word‬مثال يجب عؿمؾ التعامؿ مع مميزاتو عف طريؽ قكائـ منسدلة في كاجية‬

‫االستخداـ كىكذا لف يجد المستخدـ صعكبة في الكصكؿ إلي ما يريد‪.‬‬

‫ألنو عادةن‬ ‫‪ -‬كاجية االستخداـ تظؿ مع المستخدـ أغمب الكقت كتصنع خبرتو مع البرنامج‬

‫مقضي كقتا طكيال في التعامؿ مع األدكات كاألزرار كالقكائـ المكجكدة بكاجية البرنامج طكاؿ فترة عممو‬

‫عؿمق مما يجعؿ الكاجيات تمعب دك ار كبي ار في صناعة خبرة استخدامو لمبرنامج ‪ ,‬لذلؾ فإف تطكير كاجية‬

‫استخداـ معقدة يصعب التعامؿ معيا يترؾ أث ار سمبيا في نفس المستخدـ كالعكس بالعكس عندما يتعامؿ‬

‫المستخدـ مع كاجية استخداـ سيؿ ة بسيط ة كمريح ة ‪ .‬كتعتبر كاجية االستخداـ البكابة بيف المستخدـ‬

‫مثال كاجية استخداـ معقده تطيؿ فترة العمؿ أكثر كالضغط عمى عدد‬
‫كعممو الذم يؤديو عمى البرنامج‪ :‬ؼ‬

‫ت إضافيا لكقت العمؿ المطمكب مف‬

‫كبير مف األزرار كالتحكؿ بيف العديد مف القكائـ سكؼ يضيؼ كؽا‬

‫بالنيام مف إنتاجيتو‪.‬‬
‫ة‬ ‫المستخدـ مما يقمؿ‬

‫عند العمؿ مع كاجيات المستخدـ – كخاصة الحديثة منيا ‪ -‬يحرص المصممكف عمى إعطاء‬

‫ىذه الكاجيات صفة المباقة‪ ,‬كىذا يعني الحرص عمى عدـ إزعاج المستخدـ كعدـ إرباكو حيث أف راحة‬

‫المستخدـ ىي العامؿ األىـ الذم يؤخذ بعيف االعتبار عند تصميـ الكاجيات‪ .‬ليذا فإف الكاجيات يجب‬

‫أف تقدـ الخدمات لممستخدـ بأسرع الطرؽ كأسيميا‪ .‬ككاجية المستخدـ "المبقة" ىي التي تكجو المستخدـ‬

‫‪11‬‬
 ‫بحيث يتـ اختيار أنسب األكقات لمقاطعة المستخدـ ككذلؾ يتـ اختيار أنكاع كأشكاؿ رسائؿ التحذير‬

‫كمضمكنيا بحيث ال تربؾ المستخدـ كانما تككف مساعدة لو في حؿ أية مشكمة قد يكاجييا خالؿ‬

‫استخدامو لمكاجية‪.‬‬

‫بشكؿ عاـ ىناؾ تنكع كبير في أشكاؿ كأنكاع كاجيات المستخدـ الحديثة إال أف كؿ نكع منيا تـ‬

‫تصميمو بحيث يؤدم كظائؼ خاصة بالنظاـ الذم كجدت فيو‪ .‬كمف ىذه األنكاع‪:‬‬

‫‪ .1.3.1‬واجهات األوامر الخطية ‪:Command Line Interface‬‬

‫عندما كاف يستخدـ ىذا النكع مف الك اجيات كاف استخداـ الحاسكب صعبا نسبيا ألنيا كانت‬

‫فقط كىذا يسـ ل المكاجية الخطية‬ ‫تفرض عمى المستخدـ أف يكتب األكامر مستخدما لكحة المفاتيح‬

‫)‪ (Command Line‬حيث كاف المستخدـ يتعامؿ مع كاجيات تسمى كاجيات األكامر الخطية‬

‫‪ Command Line Interface‬كتسمى اختصا ار ‪ .CLI‬ىذا النمط يتميز بأف عمى المستخدـ حفظ‬

‫اعدم‪ ,‬ثـ‬
‫إمالئية أك قك ة‬ ‫كميات كبيره مف األكامر كالحرص دائما عمى كتابة ىذه األكامر بدكف أخطاء‬

‫تحسف األمر بعض الشيء مع ظيكر الكاجيات التي تسمح لممستخدـ اختيار األكامر مف خالؿ قكائـ‬

‫)‪ (Menu‬تظير أمامو عمى الشاشة‪.‬‬

‫يمكف تعريؼ ىذا النكع مف الكاجيات بأنيا كاجية الكصكؿ إلى البرمجيات المختمفة كالتي يتـ فييا‬

‫تكجيو األكامر إلى الحاسكب عف طريؽ كتابة األكامر في أسطر حيث يتـ كتابة كؿ أمر في سطر‬

‫منفرد كيبقى النظاـ في حالة انتظار كال يتـ تنفيذ األمر إال بعد أف يضغط المستخدـ عمى مفتاح ‪Enter‬‬

‫في لكحة المفاتيح‪.‬‬

‫‪Operating Systems‬‬ ‫تعتبر ‪ CLI‬إحدل اآلليات المستخدمة في التفاعؿ مع نظـ التشغيؿ‬

‫كالبرمجيات التطبيقية ‪ Applications‬المختمفة كذلؾ مف خالؿ كتابة األكامر إلنجاز الكظائؼ‬

‫المختمفة‪ .‬كتختمؼ طريقة التعامؿ مع ىذا النكع مف الكاجيات عف طريقة التعامؿ مع كاجيات المستخدـ‬

‫الرسكمية ‪ Graphical User Interface‬كالتي تسمى اختصا ار ‪ GUI‬كالتي يتـ فييا تكجيو األكامر‬

‫‪12‬‬
‫عف طريؽ مؤشر الفأرة ‪ Mouse Pointer‬لتحديد خيار معيف مف ضمف عدة خيارات مكجكدة في قكائـ‬

‫‪ Icons‬تمثؿ تطبيقات مختمفة ليبدأ التنفيذ‬ ‫‪ Menus‬أك بالنقر عمى رسكمات صغيرة تسمى أيقكنات‬

‫فك ار‪.‬‬

‫‪Teletype‬‬ ‫ظير مفيكـ ‪ CLI‬في خمسينيات القرف العشريف عندما تـ ربط اآلالت المبرقة‬

‫‪ Machines‬التي كانت تستخدـ في إرساؿ الرسائؿ النصية مع الحكاسيب‪ .‬ىذه اآلالت كانت تمتمؾ‬

‫لكحة مفاتيح شبيية بمكحة المفاتيح المعركفة حاليا ككانت تستخدـ في كتابة النصكص التي يتـ إرساليا‬

‫عبر خطكط الياتؼ إلى المكاف المطمكب ليتـ طباعة النص عمى شريط مف الكرؽ‪ .‬مع ظيكر شاشات‬

‫أنبكبة الكاثكد ‪ CRT‬تـ ربط ىذه األجيزة مع الشاشات حيث أصبح النص يظير عمى الشاشة ممؿ‬

‫جعؿ المستخدـ يتفاعؿ مع ىذه المخرجات المرئية بشكؿ أسرع كبطريقة أسيؿ‪ .‬مف ىنا بدأ االىتماـ‬

‫بتطكير ىذه التقنية المرئية في إدخاؿ األكامر كاخراج النتائج‪.‬‬

‫يعتبر استخداـ ‪ CLI‬مفيدا في الحاالت التي تككف فييا األكامر أك التعميمات عبارة عف مجمكعة‬

‫مف الحركؼ مما يجعؿ إدخاليا عمى شكؿ نص أسرع كأسيؿ مف استخداـ الكاجيات النصية‪ .‬مف‬

‫األمثمة الكاضحة عمى ىذه الحاالت ىك بعض أكامر الطبقة الخارجية أك قشرة نظاـ التشغيؿ‬

‫‪Command‬‬ ‫‪ Operating System Shell‬حيث يتـ إدخاؿ األكامر عف طريؽ مكجو األكامر‬

‫‪Python, Lisp‬‬ ‫‪ CLI‬في بعض لغات البرمجة مثؿ‬ ‫‪ Prompt‬عمى شكؿ نصكص‪ .‬كما تستخدـ‬

‫كبعض المغات المتفرعة عف لغة ‪ ,BASIC‬كما أف ىناؾ بعض التطبيقات التي تستخدـ فييا الكاجيات‬

‫النصية كالكاجيات الرسكمية عمى حد سكاء مثؿ برنامج الحكسبة الشيير ‪ MATLAB‬حيث يتـ تكجيو‬

‫بعض األكامر مف خالؿ الكاجية الرسكمية في حيف أف ‪ CLI‬تصمح إلجراء العمميات الحسابية بجميع‬

‫أنكاعيا‪ .‬ىناؾ أيضا برنامج تصميـ النماذج ثالثية األبعاد ‪ Rhinoceros 3D‬الذم يتـ التعامؿ معو‬

‫مف خالؿ كاجية نصية كما ىك الحاؿ مع برامج ‪ Oberon‬ك ‪.Smaltalk‬‬

‫‪13‬‬
 ‫الشكؿ (‪ )4-1‬كاجية خطية لنظاـ ‪ Gentoo Linux‬قديـ‬

‫أما شركة ‪ Microsoft‬فيي ماضية في تطكير الكاجية الخطية لنظاـ ‪ Windows‬جنبا إلى جنب‬

‫مع تطكير الكاجية الرسكمية ليذا النظاـ حيث نرل أف مكجو األكامر ‪ Command Prompt‬ال يزاؿ‬

‫مستخدما لحد اآلف في تكجيو األكامر‪ .‬في نكفمبر مف عاـ ‪ 2006‬قامت شركة ‪ Microsoft‬بإطالؽ‬

‫النسخة األكلى مف قشرة نظاـ التشغيؿ تحت اسـ ‪ Windows PowerShell‬التي تجمع بيف ميزات‬

‫قشرة نظاـ ‪ Unix‬التقميدية مع بيئة العمؿ المكجية ‪ .NET‬الخاصة بمايكركسكفت‪ .‬أما نظاـ تشغيؿ‬

‫‪ Unix‬التي تسمى ‪ Darwin‬حيث يمكف‬ ‫‪ Macintosh‬األحدث فيك قائـ عمى أحد تفرعات نظاـ‬

‫‪ Unix‬الخطية كتسمى‬ ‫لمستخدمي ىذه الحكاسيب استخداـ كاجية خطية شبيية بكاجية نظاـ‬

‫‪ Terminal‬كالتي يمكف إيجادىا في مجمد التطبيقات الخدمية ‪ . Application Utility Folder‬أما‬

‫أكثر الشرائح استخداما لمكاجيات الخطية فيي المبرمجيف كمديرم النظـ الذيف يتعاممكف مع البرامج‬

‫العممية كاليندسية المختمفة ككذلؾ مف قبؿ المستخدميف ذكم الميارات العالية‪.‬‬

‫‪14‬‬
‫الشكؿ (‪ )5-1‬كاجية خطية ‪ Windows PowerShell 1.0‬تعمؿ تحت نظاـ ‪Windows Vista‬‬

‫تتككف قشرة كاجية المستخدـ الخطية ‪ CLI Shell‬بشكؿ عاـ مف جزئيف ىما‪:‬‬

‫‪ – Syntax ‬كىي مجمكعة القكاعد اإلمالئية كالنحكية التي يجب إتباعيا عند كتابة األكامر كلكؿ‬

‫نظاـ تشغيؿ أحكاـ خاصة بو يجب التقيد بيا عند كتابة الككد أك الشفرة البرمجية كىذه األحكاـ‬

‫تختمؼ مف نظاـ آلخر‪ .‬كفي حالة عدـ إتباع ىذه األحكاـ فإف مترجـ المغة ‪ Compiler‬لف يتمكف‬

‫مف ترجمة ىذه األكامر كفيميا كىذا يسمى ‪ Syntax Error‬مما يؤدم إلى عدـ تنفيذ ىذه األكامر‬

‫ككتابة ‪ ffor‬بدال مف ‪ for‬مثال‪ .‬مف جية أخرل فإف ىذه األحكاـ تكجو المستخدـ خالؿ منظكمة‬

‫األكامر‪.‬‬

‫‪15‬‬
‫‪ - Semantics ‬كىك الجزء المسؤكؿ عف تحديد ما ىي العمميات التي يمكف لمنظاـ القياـ بيا أك‬

‫الميمات التي يمكنو تنفيذىا كما ىك نكع البيانات المطمكبة لمتنفيذ ككذلؾ تحديد كيفية تمثيؿ‬

‫العمميات كالبيانات (أم المعنى الرمزم)‪ .‬لذلؾ فإف المستخدـ الجيد لكاجية نظاـ ما قد ال يككف‬

‫بارعا في استخداـ كاجية نظاـ آخر نظ ار الختالؼ القكاعد اإلمالئية كالنحكية لكؿ كاجية‪.‬‬

‫‪ prompt‬يقكـ باستقباؿ األمر الخطي الذم‬ ‫يظير عمى الكاجيات الخطية البسيطة عادة مكجو‬

‫يقكـ المستخدـ بطباعتو باستخداـ لكحة المفاتيح كعند الضغط عمى مفتاح ‪ Enter‬يبدأ تنفيذ ىذا األمر‬

‫‪ Message Error‬عند‬ ‫لتظير النتائج عمى الشاشة عمى شكؿ نصكص أك قد تظير رسالة خطأ‬

‫حدكث خطأ ما‪.‬‬

‫بخالؼ األزرار ‪ Buttons‬كالقكائـ ‪ Menus‬التي تستخدـ في الكاجيات الرسكمية ‪ GUI‬كال تكجد‬

‫في ‪ CLI‬فإف ‪ CLI‬تتطمب مف المستخدـ كتابة ما يريده بالضبط‪ ,‬باإلضافة إلى ذلؾ فإف أسطر‬

‫األكامر تحتكم عمى جمؿ ككممات افتراضية ‪ Defaults‬تستخدـ في تغيير أك تحسيف النتائج‪ .‬يتـ القياـ‬

‫بذلؾ مف خالؿ حفظ أسطر األكامر المفيدة كتحديد متسمسمة حرفية كعند كتابة بداية المتسمسمة الحرفية‬

‫يقكـ النظاـ بإظيار سطر األمر كامال‪ .‬ميزة أخرل ميمة لمكاجيات الخطية ىي إمكانية تجميع عدة‬

‫أكامر لتنفيذ متكالية مف الميمات أكثر تعقيدا مثؿ ترجمة برنامج‪ ,‬تنصيبو ثـ تنفيذه كذلؾ مف خالؿ‬

‫إنشاء كائف كاحد ‪ Single Entity‬يسمى إجراء ‪ Procedure‬أك ‪ Script‬حيث يتـ كتابة مجمكعة‬

‫أكامر كضميا في مجمكعة كاحدة ليتـ تنفيذىا معا ككأنيا أمر كاحد‪ .‬عمى سبيؿ المثاؿ في نظاـ ‪MS-‬‬

‫‪ DOS‬يمكف إنشاء ممؼ تنفيذم امتداده ‪ BAT‬أم ممؼ ذاتي التنفيذ ُيكتب بداخمو مجمكعة األكامر‬

‫المراد تنفيذىا دفعة كاحدة كعند تنفيذ ىذا الممؼ يتـ تنفيذ جميع األكامر التي بداخمو‪ .‬كىذا يعني أنو‬

‫بإمكاف المستخدـ كتابة ىذه المجمكعة مف األكامر مرة كاحدة فقط كيتـ حفظيا ثـ استخداميا كمما دعت‬

‫الحاجة‪.‬‬

‫‪16‬‬
 ‫‪ .2.3.1‬واجهة المستخدم النصية )‪:Text User Interface (TUI‬‬

‫‪ CLI‬بأنو يسمح باستغالؿ مساحة‬ ‫يختمؼ ىذا النكع مف الكاجيات عف كاجية األكامر الخطية‬

‫كاسعة مف الشاشة في إدخاؿ األكامر كليس عف طريؽ كتابة األكامر في أسطر فقط حيث تتميز بكجكد‬

‫أزرار كقكائـ يتـ التعامؿ معيا كالتنقؿ فيما بينيا بكاسطة لكحة المفاتيح فقط حيث ال يمكف المجكء إلى‬

‫النقر بالفأرة كىي في ىذا تشبو الكاجيات الرسكمية ‪ ,GUI‬كلكنيا في الكقت نفسو تختمؼ عف ‪GUI‬‬

‫ؿ كذلؾ باستخداـ لكحة المفاتيح في حيف‬ ‫في استخداـ الرمكز كالنصكص فقط في عمميات اإلدخا‬

‫تستخدـ النقر بمؤشر بالفأرة عمى الرسكمات كاأليقكنات المكجكدة عمى الكاجية الرسكمية إلدخاؿ‬

‫األكامر‪.‬‬

‫الشكؿ (‪ )6-1‬كاجية مستخدـ نصية نمطية ‪Typical Text User Interface‬‬

‫الكثير مف ىذه البرامج يستخدـ عادة المكف األزرؽ كمكف لمخمفية الرئيسية في حيف يككف لكف‬

‫الحركؼ كالرمكز أبيض أك أصفر مع إعطاء المستخدـ إمكانية تغيير ىذه األلكاف جميعيا إذا رغب في‬

‫‪Norton ,Word Perfect , MS-DOS‬‬ ‫ذلؾ‪ .‬مف البرامج الشييرة التي تستخدـ ىذه الكاجيات‬

‫‪17‬‬
‫‪ Borland Turbo C ,Lotus ,Commander‬كغيرىا‪ .‬بعض ىذه الكاجيات استمر استخدامو لحيف‬

‫ظيكر ‪ Windows 3.x‬في بداية تسعينيات القرف العشريف‪.‬‬

‫مع أف ظيكر الكاجيات الرسكمية قد أحدث ثكرة في طريقة تفاعؿ المستخدـ مع أنظمة الحاسكب‬

‫كرغـ النجاح اليائؿ الذم حققتو ىذه الكاجيات كخاصة الكاجيات المستخدمة في نظاـ ‪ Windows‬فإف‬

‫ىذه األنظمة كمنذ بداية ظيكرىا بقيت تحتكم عمى بيئة نصية ‪ Console‬تستخدـ في التعامؿ مع نظاـ‬

‫‪ MS-DOS‬كمع ‪ . BIOS‬ككذلؾ األمر في اإلصدارات الحديثة منيا كالتي جاءت بعدىا تـ إضافة‬

‫البيئة النصية ‪ Win32‬لتكجيو األكامر الخطية كالنصية كىذه البيئة يمكف فتحيا مباشرة مف خالؿ بيئة‬

‫النكافذ‪ .‬في نظاـ ‪ Windows XP‬مثال ىناؾ طريقة رائعة لصيانة النظاـ كحؿ المشاكؿ التي قد تحدث‬

‫‪Recovery‬‬ ‫– كذلؾ بالدخكؿ إلى‬ ‫لو ‪ -‬كخاصة عندما يتعذر الدخكؿ إلى الكاجية الرسكمية‬

‫‪ Console‬كذلؾ بالضغط عمى مفتاح ‪ F10‬أك عمى مفتاح ‪ R‬عند ظيكر شاشة الترحيب الخاصة‬

‫بالتثبيت ‪. welcome to setup‬‬

‫الشكؿ (‪ )7-1‬كاجية نصية تستخدـ تحت نظاـ ‪ MS-DOS‬كتحت نظاـ ‪Windows‬‬

‫‪18‬‬
 ‫‪ .3.3.1‬واجهة المستخدم الرسومية ‪: (Graphical User Interface) GUI‬‬

‫أيقكنات )‪(Icons‬‬ ‫في ىذا النكع مف الكاجيات يتعامؿ المستخدـ مع رسكمات صغيره تسمي‬

‫يقكـ المستخدـ مف خالليا بتكجيو األكامر لمحاسكب كذلؾ بالنقر بكاسطة الفأرة )‪ (Mouse‬عمى أم مف‬

‫ىذه األيقكنات لتنفيذ الميمة التي يريدىا ‪.‬كقد عممت ىذه الكاجيات عمى جعؿ عممية تفاعؿ المستخدـ‬

‫مع الحاسكب سيؿة كمريحة ‪.‬فمثال عندما تظير أماـ المستخدـ أيقكنة عمى شكؿ زر كقد كتب عمى ىذا‬

‫الزر أمر مثؿ نعـ أك مكافؽ أك خركج فانو لف يتردد في النقر فك ار عمى احد ىذه األزرار إلحداث تأثير‬

‫ما أك تنفيذ أمر معيف كعند حدكث خطا ما فسكؼ تظير عمى الشاشة رسالة قصيرة تكضح المشكمة‬

‫كأحيانا تحتكم الرسالة عمى معمكمات تخبره ماذا عميو أف يفعؿ لحؿ المشكمة‪.‬‬

‫الشكؿ (‪ )8-1‬كاجية نظاـ ‪ Windows Vista‬الرسكمية‬

‫في البرامج الكبيرة كالمعقدة سيككف مف الصعب عمى المستخدـ تصكر كافو اإلمكانيات التي‬

‫يممكيا ىذا البرنامج كذلؾ الستحالة إظيار جميع ىذه اإلمكانيات مف أزرار كمربعات اختيار كرسكمات‬

‫‪(Menu‬‬ ‫مختمفة عمى الشاشة في نفس الكقت‪.‬في ىذه الحاالت يتـ المجكء إلي ىيكمية القكائـ‬

‫‪19‬‬
 ‫)‪ Structure‬التي يتـ مف خالليا استخداـ مساحو الشاشة بشكؿ جيد كحيكم ‪.‬‬

‫األساسي في استخداـ القكائـ عمى إظيار الكثير مف الكظائؼ التي يمكف لمنظاـ أك‬
‫ة‬ ‫تقكـ الفكرة‬

‫البرنامج القياـ بيا كبشكؿ مختصر‪ ،‬لذلؾ في اغمب الكاجيات الحديثة يتـ تصميـ شريط يسمي شريط‬

‫القكائـ )‪ (Menu Bar‬تظير عؿمق مجمكعو مف القكائـ الرئيسية يتراكح عددىا بيف ‪ 6‬ك‪ 10‬فقط ‪،‬كعند‬

‫فتح أم قائمو مف ىذه القكائـ الرئيسية سكؼ نجد أنيا تحتكم عمى مجمكعو مف الكظائؼ أك المياـ التي‬

‫القائمة الرئيسية‬ ‫ترتبط مع بعضيا البعض بشكؿ أك بآخر كتظير عمى التكالي بشكؿ عمكدم ‪.‬ىذه‬

‫تتفرع بدكرىا إلي قكائـ فرعيو )‪ (Sub Menu‬لذلؾ فإف المستخدـ الذم يريد إدخاؿ صكره لف يتكقؼ‬

‫‪)Insert‬‬ ‫عند خيار ممؼ( ‪ )File‬أك خيار( ‪ )Edit‬مثال بؿ بديييا سكؼ يتكقؼ عند خيار إدخاؿ (‬

‫كسكؼ ينقر ىذا الخيار كعندىا سكؼ تظير أمامو قائـ ة باألشياء التي يمكف إدخاليا كبشكؿ تمقائي‬

‫سكؼ يستعرض المستخدـ محتكيات ىذه القائـ ة كلف يختار رقـ الصفحة (‪ ) Page Number‬أك‬

‫رمز( ‪ ) Symbol‬كانما سيختار صكره ( ‪ ) Picture‬كعند النقر عمى خيار صكر ة سكؼ ير ل قائـ ة‬

‫النيام سكؼ يصؿ المستخدـ إؿل‬

‫ة‬ ‫عي أخرل تكضح لو كيفية إدخاؿ صكرة مف أكثر مف مصدر كفي‬
‫فر ة‬

‫مسبؽ بكيفية القياـ بيذه الميـ ة كلف يأخذ منو ىذا جيدا كبي ار أك كقتا‬
‫ة‬ ‫معرؼ‬
‫ة‬ ‫ىدفو حتل لك لـ يكف عمى‬

‫طكيال‪.‬‬

‫‪ .4.3.1‬واجهات الدفعة ‪ : Batch Interface‬تستخدـ ىذه الكاجيات في نظاـ الدفعة ‪Batch‬‬

‫‪ System‬كىي مف الكاجيات الغير تفاعمية ألف المستخدـ يقكـ بتحديد جميع التفاصيؿ الخاصة‬

‫بتسمسؿ العمميات قبؿ بدأ عممية التنفيذ كلف يتمكف مف إدخاؿ أية بيانات إضافية بعد البدء بالتنفيذ‬

‫كيجب االنتظار حتى انتياء التنفيذ إلجراء أية تعديالت‪ .‬أما النتائج كالمخرجات فيتـ الحصكؿ‬

‫عمييا فقط بعد انتياء عممية التنفيذ‪.‬‬

‫‪ .5.3.1‬واجهات أدوات المحادثة ‪ :Conversational Interface Agents‬كىي كاجيات‬

‫تستخدـ في بعض األنظمة التفاعمية كأنظمة اإلنساف اآللي ‪ Robot‬كاألنظمة الشبيية بيا‪ ,‬حيث‬

‫‪20‬‬
 ‫تتـ محاكلة أيجاد نكع مف التفاعؿ مع ىذه األنظمة بكاسطة الحديث كالكالـ بحيث يتـ إدخاؿ‬

‫البيانات كتكجيو النظاـ بشكؿ رئيسي عف طريؽ أكامر صكتية‪ ,‬ككذلؾ األمر بالنسبة إلى المخرجات‬

‫التي تككف عمى شكؿ أصكات أيضا‪.‬‬

‫‪ .6.3.1‬الواجهات الذكية ‪ :Intelligent user interfaces‬ىي عبارة عف كاجيات "ذكية" يتـ‬

‫مف خالليا زيادة كفاءة التفاعؿ بيف الحاسكب كالمستخدـ حيث يتـ إيجاد كسائؿ كاضافة عناصر‬

‫إلى الكاجية تجعؿ الكاجية تقكـ بالكثير مف األعباء بدال مف أف يقكـ بيا المستخدـ مباشرة‪.‬‬

‫‪ :Live user interfaces‬كىي نكع مف الكاجيات التي‬ ‫‪ .7.3.1‬واجهات المستخدم الحية‬

‫تستخدـ لمتأثير عمى المستخدـ كىذه الكاجيات مكجكدة بعض مكاقع االنترنت حيث تقكـ بتكجيو‬

‫المستخدـ مف خالؿ عرض الصكر كالخرائط كمقاطع الفيديك كذلؾ لمتركيج لتسكيؽ بضائع كتقديـ‬

‫خدمات مختمفة مباشرة عبر االنترنت‪.‬‬

‫‪ :Multi-screen interfaces‬تستخدـ مف أجؿ‬ ‫‪ .8.3.1‬واجهة المستخدم متعددة الشاشات‬

‫الكصكؿ إلى تفاعؿ أكثر مركنة مع المستخدـ كما ىك الحاؿ في بعض األلعاب التي يتفاعؿ فييا‬

‫المستخدـ مع عدة شاشات في كاجية كاحدة كفي نفس الكقت‪.‬‬

‫‪ :Noncommand user interfaces‬تعتبر ىذه‬ ‫‪ .9.3.1‬واجهة المستخدم االستنتاجية‬

‫الكاجيات مف أكثر األنكاع تطك ار حيث ال يتـ استخداـ األكامر في تكجيو الحاسكب كما ىك مألكؼ‪,‬‬

‫كانما يقكـ النظاـ بمراقبة كمتابعة المستخدـ ثـ يقكـ باستنتاج ما ىي الخدمات التي يريدىا المستخدـ‬

‫أك ما ىي احتياجاتو مف النظاـ دكف أف يقكـ المستخدـ بصياغة ىذه االحتياجات عمى شكؿ أكامر‬

‫صريحة ككاضحة‪.‬‬

‫‪ .10.3.1‬الواجهات المرتدة ‪ :Reflexive user interfaces‬كمف خالليا يقكـ المستخدـ بالتحكـ‬

‫في النظاـ كامال مف خالؿ الكاجية كحدىا فقط لذلؾ تككف ىذه الكاجية غنية بالعناصر التي تجعؿ‬

‫المستخدـ قاد ار عمى التحكـ في جميع العمميات التي يقكـ بيا النظاـ‪.‬‬

‫‪21‬‬
‫‪ .11.3.1‬واجهات الممس ‪ :Tangible user interfaces‬في ىذا النكع مف كاجية المستخدـ‬

‫تتـ عممية إدخاؿ البيانات مف خالؿ التأثير عمى الكاجية عف طريؽ الممس أك عف طريؽ أدكات‬

‫مادية أخرل‪.‬‬

‫‪ .12.3.1‬واجهة المستخدم الصوتية ‪ :Voice user interfaces‬كىي كاجيات تقبؿ المدخالت‬

‫التي تككف عمى شكؿ أصكات كتستخدـ في تقديـ الخدمات عبر الياتؼ كشبكات االتصاؿ األخرل‬

‫حيث يمكف إدخاؿ البيانات مف خالؿ الضغط عمى أزرار لكحة الياتؼ كيتـ الحصكؿ عمى‬

‫مخرجات صكتية بنفس الطريقة‪.‬‬

‫‪ :Natural-Language interfaces‬تستخدـ ىذه‬ ‫‪ .13.3.1‬واجهات المغات الطبيعية‬

‫الكاجيات بشكؿ أساسي في محركات البحث عمى االنترنت حيث يقكـ المستخدـ بإدخاؿ سؤاؿ أك‬

‫استفسار ثـ ينتظر اإلجابة‪.‬‬

‫‪ :Zero-Input interfaces‬في ىذا النكع مف‬ ‫الص ِِف ِْرية‬

‫‪ .14.3.1‬واجهات المستخدم ِ‬

‫الكاجيات يتـ إدخاؿ البيانات عمى شكؿ إشارات ‪ signals‬مف خالؿ مجسات أك قركف استشعار‬

‫‪.sensors‬‬

‫‪ .15.3.1‬واجهات التكبير ‪ :Zooming interfaces‬ىي عبارة عف كاجيات رسكمية يتـ تمثيؿ‬

‫العناصر عمييا بشكؿ أيقكنات‪ ,‬كعند النقر عمى ىذه األيقكنات يتـ عرض معمكمات تفصيمية أكثر‪.‬‬

‫‪ .4.1‬واجهات الواقع االفتراضي‪:‬‬

‫الكاقع االفتراضي )‪ Virtual Reality (VR‬ىك أحد أشكاؿ التفاعؿ بيف اإلنساف كالحاسكب‬

‫في بيئة ثالثية األبعاد تحاكي الكاقع بالصكرة كالصكت كالممس‪ ،‬أك مف خالؿ عركض مرئية تتضمف‬

‫‪22‬‬
‫صكر ثالثية األبعاد يتـ عرضيا عمى شاشتيف صغيرتيف في جياز يثبت عمى الرأس مضاؼ إليو تقنية‬

‫تعمؿ عمى محاكاة الصكت كالممس في نظاـ متكامؿ مما يعطي الشخص المتمقي إحساسا بأنو يعيش‬

‫داخؿ عالـ تخيمي أك افتراضي يتاح لو التحكـ في بعض مككناتو‪.‬‬

‫كقد بدأ االىتماـ في اآلكنة األخيرة بتطبيقات الكاقع االفتراضي خاصة بعد التقدـ الكبير الذم‬

‫‪Information Superhighway Ways‬‬ ‫حدث في مجاؿ اإلنترنت كالطريؽ السريع لممعمكمات‬

‫كتكزيعات الكسائط المتعددة في بيئة عمؿ الحاسكب الشخصي‪ .‬البدايات المبكرة ليذه التطبيقات ىي‬

‫)‪ (NASA‬كالخاصة بإنشاء‬ ‫تمؾ التي قامت بيا الككالة القكمية ألبحاث الفضاء بالكاليات المتحدة‬

‫محيط اصطناعي لمحاكاة الرحالت الفضائية‪ .‬كاستمر العمؿ عمى تطكير ىذه التطبيقات كفي منتصؼ‬

‫‪ Morton‬نظاـ المحاكي الحسي‬ ‫‪Heilig‬‬ ‫ستينيات القرف العشريف ابتكر "مكرتكف ىيمج"‬

‫‪ Ivan Sutherland‬أكؿ‬ ‫)‪ ،(Sensorama Simulator‬كفي عاـ ‪ 1968‬ابتكر "ايفاف سذرالند"‬

‫نمكذج لجياز العرض المثبت عمى الرأس )‪. Head Mounted Display (HMD‬‬

‫في الكقت الحالي ىناؾ تكجيات حديثة لتطكير برامج الكاقع االفتراضي لتحاكي المكتبات‬

‫التي تحتكم عمى مصادر المعمكمات‬ ‫العالمية المعركفة مف خالؿ تمثيؿ بيئة عمؿ ىذه المؤسسات‬

‫المختمفة التي يفترض أف تككف مخزنة إلكتركنيا بحيث يتمكف المستفيد الجالس في مكاف مخصص لو‬

‫كيرتدم جياز )‪ (HMD‬كقفاز البيانات ‪ Data Glove‬بالتجكاؿ في أركقة المكتبة كالكصكؿ إلى‬

‫مخازنيا كاالقتراب مف المصادر لمتعرؼ عمى المعمكمات المسجمة عمى الكتاب ثـ تصفحو كقراءة‬

‫المعمكمات المتكفرة فيو كالحصكؿ عمى نسخة كرقية في حالة كجكد رغبة في ذلؾ‪.‬‬

‫على زيادة إمكانيات نظـ‬ ‫ساعد ظيكر ثالث تقنيات متطكرة في تسعينيات القرف العشريف‬

‫)‪ (VR‬كجعميا أكثر فاعمية مف خالؿ زيادة درجة محاكاتيا لمكاقع الحقيقي كيمكف القكؿ أف ىذه اؿفترة‬

‫تعد نقطة البداية الحقيقية ليذه النظـ‪ ,‬كىذه التقنيات ىي‪:‬‬

‫‪23‬‬
‫‪ .1‬أجيزة العرض التمفزيكني باستخداـ أنبكبة أشعة الميبط )‪ Cathode Ray Tube (CRT‬كأجيزة‬

‫العرض باستخداـ البمكر السائؿ )‪. Liquid Crystal Display (LCD‬‬

‫‪ .2‬نظـ تكليد الصكر ‪ Image Generation Systems‬باالعتماد عمى حاسكب آلي ذ ك سرعة كبيرة‬

‫كدرجة كضكح عالية لجياز العرض المرتبط بو‬

‫‪ .3‬نظـ التعقب ‪ Tracking System‬التي تقكـ بتحكيؿ كضع كاتجاه األشياء المكجكدة في الكاقع إلى‬

‫إشارات كرمكز يستطيع الحاسكب فيميا كالتعامؿ معيا كمف ثـ صياغتيا كعرضيا في شكؿ صكر‬

‫كرسكـ تظير عمى الشاشة‪.‬‬

‫تجدر اإلشارة ىنا إلى الفرصة الكبيرة التي يمكف أف تكفرىا ىذه النظـ لعمميات استرجاع‬

‫المعمكمات مف خالؿ التخمص نيائيا مف دكر الكساطة في عمميات استجكاب نظـ استرجاع المعمكمات‬

‫ليصبح بإمكاف المستفيد النيائي استجكاب النظـ بشكؿ مباشر مع فرصة الستطالع كتقيـ نتائج البحث‬

‫المعمكمات المتاحة في الغالب بنصيا الكامؿ‬ ‫التي يحصؿ عمييا مف خالؿ قراءة نصكص مصادر‬

‫كاتخاذ القرار بشأف صالحيتيا أك عدـ صالحيتيا لمكضكع البحث ‪ .‬كبكؿ تأكيد ستكفر نظـ استرجاع‬

‫المعمكمات التي تعمؿ في بيئة الكاقع االفتراضي جيد ككقت المست خدـ كتقدـ مركنة في التعامؿ مع‬

‫محركات البحث خاصة بالنسبة لممستفيديف الذيف ليست لدييـ الخبرة الكافية لتشغيؿ الحكاسيب أك إدارة‬

‫عممية البحث اآللي‪.‬‬

‫تعمؿ االتجاىات الحديثة عمى تكحيد االستعماالت كالتطبيقات في بيئة العمؿ الرقمية كتصبح‬

‫المعطيات متاحة عف طريؽ االنترنت‪ .‬يظير ذلؾ مثالن في كاجية ‪ Interface Free‬كىي عبارة عف‬

‫شاشة تعمؿ عف طريؽ الممس كتقكـ بمياـ الفأرة‪ ،‬لكحة المفاتيح ككؿ ما في الئحة نظاـ التشغيؿ‪ .‬تككف‬

‫يدكيان‪ ،‬إذ نتحكـ بكؿ‬ ‫ٍ‬

‫كعممي كيككف استعماليا ّ‬
‫ّ‬
‫بشكؿ منطقي‬
‫ّ‬
‫الكظائؼ في تمؾ الشاشة حدسية كتُنظّـ‬

‫شيء بأصابعنا كتعمؿ كاجية الممس ىذه بكاسطة الضغط عمى سطحيا باإلصبع‪.‬‬

‫‪24‬‬
 ‫تتزايد استعماالت الكاجية يكمان بعد يكـ فيي تستعمؿ في الحكاسيب كفي أجيزة الياتؼ النقاؿ‬

‫كفي الكثير مف األجيزة المنزلية كيدرس استعماليا أيضان في األماكف التي تباع فييا التذاكر في أميركا‬

‫كأكركبا كيبقى العائؽ التكنكلكجي مشكمة‪ ،‬إذ ال تستطيع شاشات الكاجية عادةن القياـ بأكثر مف عمؿ في‬
‫ّ‬
‫الكقت نفسو‪.‬‬

‫أخذت العممية الحركية تأخذ منحى اإلشارة لتمثيؿ ىذه الحركة كقمب الصفحة باإلصبع كىي‬

‫حركة معركفة كمعتادة كمف الطبيعي ّأنو لمتعامؿ مع األجيزة االلكتركنية كالحاسكب كالتمفاز كالياتؼ‬

‫اس كالكضعيات لمتكاصؿ معيا‪ .‬فمثالن السمع لمراديك‪ ،‬النظر كالسمع‬

‫النقاؿ يتـ استخداـ مجمكعة مف الحك ّ‬

‫استخدامان في التكنكلكجيا حتى اآلف مع أف‬ ‫لمتمفاز‪ .‬كمع ذلؾ يعتبر الممس كالرائحة مف أقؿ الحكاس‬

‫حاسة الممس بدأت تأخذ حي انز أكبر في سياؽ العممية التفاعمية مع ىذه األجيزة‪.‬‬

‫يستعيف اإلنساف عند تفاعمو مع اآللة بحكاسو كافّةن مع أنو يفضؿ بعضيا عمى اآلخر كيبقى‬

‫السمع مف الحكاس األكثر استخدامان حتى اآلف العتماده عمى الصكت الذم ىك في جرياف متكاصؿ مع‬

‫الكقت كال يتطمب كضعية جسدية محددة كما تختمؼ كحدة قياس الصكت عف قياسات الحكاس األخرل‪.‬‬

‫أما النظر فيتطمب في أغمب األحياف القياـ بحركة فيما الممس مرتبط بالنظر كبالحركة مع مؤشر الفأرة‪.‬‬

‫أف اليدؼ‬
‫بحسب اإلحصاءات يمثّؿ استخداـ اليد كاألذف ‪ % 90‬مف االستخدامات حاليان كيشار إلى ّ‬

‫الحالي لصناعات األدكات المحمكلة مكجَّو نحك التفتيش عف حركات فعالة بشكؿ حدسي كأف يككف‬
‫ّ‬
‫ىزه كىكذا ‪ .‬بشكؿ عاـ يمكف‬
‫تحكيؿ كضعية الياتؼ النقاؿ إلى صامت بقمبو كلقراءة رسالة مثال يكفي ّ‬

‫تمييز عدة أنكاع مف كاجيات التفاعؿ بيف اإلنساف كاآللة منيا شاشات الممس التي ترتبط بنظـ الحقيقة‬
‫ّ‬

‫االفتراضية كالتي تتجو كاجيات المستقبؿ نحكىا بشكؿ رئيسي‪.‬‬

‫تسمح الحقيقة االفتراضية لمشخص بعمؿ نشاط حسي كحركي كادراكي داخؿ عالـ رقمي قد‬

‫يككف مف محض الخياؿ كما قد يككف رمزيان أك مشابيان لبعض مظاىر العالـ الحقيقي كال تُ ْختََزؿ الحقيقة‬
‫‪25‬‬
 ‫االفتراضية في مسألة الكصؿ بيف "خكذة" مرتبطة بالحاسكب لمعيش في عالـ افتراضي بؿ أنيا تتألؼ‬

‫عدة مثؿ عمـ الحاسكب لخمؽ بيئة تفاعمية‪ .‬تستفيد‬

‫تفاعمي تدخؿ فيو مجاالت عممية كتقنية ّ‬ ‫مف نشاط‬
‫ّ‬
‫بعض العمكـ مف أنظمة الحقيقة االفتراضية مثؿ عمـ الركبكت أك اإلنساف اآللي لتقميد حركات معينة‬

‫كالصكتيات‬ ‫كعمؿ بعض أجزاء جسـ اإلنساف كما يمكف االستفادة منيا مجاؿ الميكانيؾ‪ ،‬البصريات‬

‫كمجاالت كثيرة أخرل‪.‬‬

‫بالنسبة إلى العمكـ اإلنسانية تيتـ الحقيقة االفتراضية بظركؼ الراحة كاألمف في االستعماؿ‬

‫كتيتـ أيضان بعمـ النفس اإلدراكي الذم يدرس العممية اإلدراكية لمكضكع ما في ظرؼ افتراضي نظ ار‬

‫المتالؾ الحقيقة االفتراضية أكجيان متعددة‪ .‬يتعامؿ اإلنساف مع اآللة بكاسطة الكاجية‪ ،‬كيحاكؿ‬

‫المخترعكف صنع آلة قريبة مف الحقيقة تصنع الحقيقة االفتراضية بكاسطة تمثيؿ رمزم لبعض النشاطات‬

‫كفي النياية تمعب الحقيقة االفتراضية دك انر في خمؽ عالـ خيالي‪.‬‬

‫تُمثّؿ الكاجية أداة كصؿ بيف األنشطة المختمفة كتنجز عمميا عف طريؽ إتباع المستخدـ‬

‫عمميات إدراكية إذ ييدؼ العمؿ إلى ابتكار كاجية تسمح باندماج فعاؿ كطبيعي بحيث يستطيع اإلنساف‬

‫استخداـ األنشطة الحسية كالحركية كاإلدراكية التي اكتسبيا في عالمو الحقيقي ليستفيد منيا في مكاقؼ‬

‫مصنكعة في بيئة افتراضية‪ .‬لتحقيؽ ذلؾ اقترح عالـ النفس الفرنسي جاف بياجيو في ‪ 1979‬كضع رسـ‬

‫تحكلو كتعميمو عند تكرار فعؿ معيف في ظركؼ مشابية‬

‫بياني لمتنظيـ العقمي لألفعاؿ مع إظيار طُُرؽ ّ‬
‫ّ‬
‫ككذلؾ إبراز كيفية تعامؿ اإلنساف مع الفضاء االفتراضي ‪ .‬في حاؿ ظيرت صعكبة تقنية لتمثيؿ الكاقع‬

‫بطريقة فعالة يمكف مكاجية ذلؾ عف طريؽ اقتراح صكرة رمزية لمنشاط أك لإلدراؾ الحسي المطمكب‬

‫فمثالن بدال مف قمب الصفحة فعميان يتـ اُقتراح رمز يمثؿ ىذا العمؿ‪.‬‬

‫طكر الباحثكف في مختبر بحكث الكسائط في جامعة نيكيكرؾ كاجية تعمؿ عف طريؽ الممس المتعدد‬
‫ّ‬

‫عدة أك حتى عدة مستخدميف كعمؿ الباحثكف في ىذا‬

‫تساعد عمى التفاعؿ مع الشاشة باستخداـ أصابع ّ‬
‫‪26‬‬
 ‫كؿ إصبع بميمة معينة ككاف‬
‫المختبر عمى جعؿ الكاجية قادرة عمى تمييز األصابع المختمفة ثـ ربط ّ‬

‫التحكؿ مف ثقافة الضغط عمى أزرار لكحة‬

‫ّ‬ ‫ليذا أثر كبير عمى تطكير ىذا النكع مف الكاجيات‪ .‬ىكذا بدأ‬

‫األجياؿ األخيرة مف‬ ‫المفاتيح كالنقر عمى زر الفأرة إلى ثقافة الممس باألصابع كىذا ما بدأت تشيده‬

‫التقنيات الرقمية المحمكلة‪.‬‬

‫يبذؿ الباحثكف في مجاؿ تطكير كاجيات المستخدـ مجيكدا كبي ار لجعؿ عناصر الكاجية منظّمة‬

‫بطريقة تجعؿ مف استخداميا سيال كمريحا كعمى كجو الخصكص الكاجيات التي تعمؿ عف طريؽ‬

‫كمبسط‬
‫ّ‬ ‫الممس كالتي أصبحت تحظى بشعبية كاسعة‪ .‬ترتيب عناصر "نظاـ الممس" في شكؿ سيؿ‬

‫كبرمكز كاضحة ساعد عمى انتشار ىذا النظاـ حتى كصؿ إلى الحكاسيب‪ .‬المشكمة الكحيدة في ىذا‬

‫النظاـ ىي صعكبة كتابة نص كمعالجتو عف طريؽ الممس‪ ،‬إذ تصبح العممية متعبة بعض الشيء كلكف‬

‫مع التطكر التكنكلكجي الكبير الذم نعيشو قد نشيد حمكالن ليذه المشكمة فعمى سبيؿ المثاؿ طُ ّكر حديثا‬

‫نظاـ يعمؿ عمى الصكت بحيث يكفي النطؽ بالنص ليصبح مكتكبان عمى شاشة الحاسكب كلكف كفاءة‬

‫ىذه النظـ ما زالت قيد التطكير كالتحديث المستمر‪ .‬ىذا يعني أنو قد يصؿ تطكر أساليب التفاعؿ بيف‬

‫اإلنساف كاآللة إلى خمؽ طريقة جديدة كفعالة لمتفاعؿ ىي مزيج مف الممس كالتمييز الصكتي كالتحكـ‬

‫باألفكار‪ .‬كىناؾ الكثير مف األمثمة عمى كاجيات المستقبؿ منيا‪:‬‬

‫‪ -‬نظاـ ‪ Body pad‬الذم يتفاعؿ اإلنساف بكاسطتو مع الحاسكب عف طريؽ أعضاء جسمو األساسية‬

‫‪ -‬نظاـ ‪ Touch table‬كىي شاشة حاسكب مكضكعة عمى طاكلة تعمؿ بالممس‬

‫‪ -‬نظاـ ‪ Installation de Simon Greenwald‬الذم تمعب فيو الشاشة دكر المرآة لمصكرة‬

‫الحقيقية كيتـ تمثيؿ المكاف بأشكاؿ افتراضية‪.‬‬

‫‪ -‬نظاـ ‪ Vision station‬الذم تأخذ الشاشة فيو شكؿ قبة تسمح باندماج جزئي في أبعاد ثالثية‬

‫‪ -‬نظاـ ‪ Cyber walk‬الذم يعمؿ عمى كضع حمكؿ تقنية لممشي في بيئة افتراضية‬

‫‪27‬‬
 ‫‪ -‬نظاـ ‪ Heliodisplay‬الذم يمكنو عرض صكرة مرسكمة بخط اليد كالتفاعؿ معيا‬

‫‪ -‬نظاـ ‪ Virtusphere‬الذم يمتمؾ كاجية لتقميد الحركات‬

‫مف المرجح أف تدخؿ األنظمة التي تستخدـ شاشات الممس إلى األسكاؽ بشكؿ كاسع في‬

‫كيالحظ تقدـ كبير في تقنية التمييز الصكتي في حيف أف تقنية التح ّكـ باألفكار كىي‬
‫المستقبؿ القريب ُ‬

‫فكرة مطركحة أللعاب ‪ Play Station‬فالكقت ال يزاؿ مبك انر عمييا فيي ما زالت تحتاج إلى المزيد مف‬

‫الكقت لتطكيرىا مثؿ كاجية ‪ Brain Computer Interface‬التي يتـ التأثير عمييا بكاسطة أفكار‬

‫المستخدـ‪.‬‬

‫‪28‬‬
 ‫الفصل الثاني‬

‫تصميم واجهات المستخدم‬

‫‪USER INTERFACE‬‬
‫‪DESIGN‬‬

‫‪29‬‬
 ‫‪ .1.2‬تفاعل اإلنسان والحاسوب ‪:Human-Computer Interaction‬‬

‫تعتبر كاجية المستخدـ مف أىـ أجزاء البرنامج كيحتاج تصميـ الكاجية لمكثير مف الكقت كالجيد‬

‫حتى تككف النتيجة جيدة كذلؾ ألف كاجية المستخدـ ىي حمقة الكصؿ بيف المستخدـ كالحاسكب كتحديدا‬

‫بيف المستخدـ كالبرنامج الذم مف المفترض أف يقكـ بأداء كظائؼ كميمات يريدىا المستخدـ مف ىذا‬

‫البرنامج بمعنى أف ىذه الكاجية ىي الطريقة التي يتفاعؿ فييا المستخدـ مع الحاسكب كالتي مف خالليا‬

‫سكؼ يقكـ بتكجيو األكامر كبكاسطتيا سكؼ يتمقى النتائج أم أنيا البكابة بيف المستخدـ كمميزات‬

‫البرنامج الذم يستخدمو كخاصة عندما ال يممؾ المستخدـ الخبرة الكافية كالميارات الالزمة كسيككف مف‬

‫الصعب عميو التعامؿ مع البرنامج كربما لف يستطيع االستفادة مف الكثير مف المميزات التي يقدميا‬

‫إنو يجب تصميـ ىذه الكاجية بالشكؿ‬

‫البرنامج‪ .‬كبما أف المستخدـ يتعامؿ طك ؿ الكقت مع الكاجية ؼ‬

‫الذم يجعميا قادرة عمى تحقيؽ احتياجات كمتطمبات المستخدـ‪.‬‬

‫التقنية يعكد الفضؿ فييا إؿ ل فعالية تصميـ كاجية المستخدـ‬ ‫إف الكثير مف االختراعات‬

‫)‪ (Efficacy of User Interface‬حيث أف الكثير مف األنظمة كالتطبيقات تككف عؿل درج ة كبيرة‬

‫مف التعقيد كلكنيا تمتمؾ كاجيات مستخدـ عؿ ل مستكل عالي مف الكفاء ة تجعؿ مف استخداـ ىذه‬

‫األنظمة سيال مما يعكد بالفائد ة القصكل عؿل مستخدمي ىذه األنظـ ة ‪ .‬في الكقت الذم يركز فيو‬

‫الميندسكف عؿل الجانب التقني ألم منتج يقكـ اؿمختصكف بتصميـ كاجيات اؿمستخدـ بالبحث عف‬

‫أفضؿ التصاميـ التي تتيح لممستخدـ االستفادة القصكل مف إمكانية ىذا المنتج‪.‬‬

‫لمكصكؿ إؿل أفضؿ التصاميـ لكاجيات المستخدـ يقكـ متخصصكف في عمـ تفاعؿ اإلنساف‬

‫كالحاسكب ‪ - HCI‬كىك احد عمكـ الحاسكب الحديثة نسبيا كالذم ييتـ بتصميـ كتقييـ كتنفيذ نظـ‬

‫الم َّ‬
‫عدة لالستخداـ مف قبؿ اإلنساف كدراسة جميع الظكاىر المحيط ة بيذه األنظمة –‬ ‫الحاسكب التفاعمية ُ‬

‫بدراسة كيفية استخداـ الناس ألنظـ ة الحاسكب‪ ،‬كدراسة تأثير الحكاسيب عؿ ل األفراد كالمؤسسات‬

‫كالمجتمع‪ ،‬كتعمؿ ىذه الدراسات عؿل تسييؿ استخداميـ لمحاسكب عف طريؽ دعـ المستخدميف كتحسيف‬

‫‪30‬‬
‫يؽ حصكليـ عؿل المعمكمات كانشاء أنظمة اتصاالت أفضؿ‪ ,‬كتشمؿ أيضا أدكات اإلدخاؿ كاإلخراج‬
‫طر ة‬

‫كتفاعؿ المستخدميف معيا ككذلؾ الحصكؿ عؿل المعمكمات كنشرىا كتكثيؽ الممفات كأمكر أخرل‪.‬‬

‫ىذا العمـ ليس منفصال عف العمكـ األخرل بؿ ىك عبارة عف تداخؿ مجمكعو مف العمكـ مع‬

‫بعضيا البعض‪ ,‬فيك يحتاج إؿل عمـ النفس كعمـ االجتماع مع عمكـ الحاسكب األخرل لينجح‪ ،‬فدراسة‬

‫باإلضافة إؿل عمكـ الحاسكب‬ ‫احتياجات الناس كما يفضمكنو يتدخؿ بيا عمـ النفس كعمـ االجتماع‬

‫المختمفة‪ .‬ىذا يعني أف ىناؾ تداخؿ بيف عد ة عمكـ منيا ما يتعمؽ بالسمكؾ اإلنساني كمنيا ما يتعمؽ‬

‫‪User‬‬ ‫بعمكـ الحاسكب‪ .‬ىذا التفاعؿ بيف اإلنساف كالحاسكب يحدث عادة في كاجية المستخدـ‬

‫‪ Interface‬أك ببساط ة الكاجو ة ‪ Interface‬التي تشمؿ البرمجيات كالمعدات عؿ ل حد سكاء مثؿ‬

‫طرفيات الحكاسيب ذات األغراض العاـ ة كاألنظمة الميكانيكية كاسعة النطاؽ مثؿ الطائرات كمحطات‬

‫الطاؽ ‪.‬‬
‫ة‬ ‫تكليد‬

‫كيبحث ىذا العمـ أيضا في العمكـ المتعمؽ ة بالحاسكب مثؿ تقنيات الرسـ بالحاسكب‬

‫‪ ,Computer Graphics‬أنظمة التشغيؿ ‪ ,Operating Systems‬لغات البرمجة ‪Programming‬‬

‫‪ Languages‬ككذلؾ تطكير البيئة المحيطة بيذه األنظمة ىذا مف ناحية ‪ ،‬مف ناحية أخرل ييتـ عمـ‬

‫م االتصاؿ ‪,Communication Theory‬‬

‫تفاعؿ اإلنساف كالحاسكب بدراسة العمكـ اإلنسانية مثؿ نظر ة‬

‫عمـ المغكيات ‪ ,Linguistics‬عمـ االجتماع ‪ ,Social Science‬عمـ النفس اإلدراكي ‪Cognitive‬‬

‫‪ Psychology‬كغيرىا مف العمكـ‪.‬‬

‫يعتبر اليدؼ األساسي مف الدراسة ىك تحسيف التفاعؿ بيف المستخدميف كالحكاسيب كذلؾ‬

‫فاعمي كأكثر تقبال لحاجات المستخدـ‪ ,‬كبشكؿ محدد مىتـ عمـ تفاعؿ اإلنساف‬
‫ة‬ ‫بجعؿ ىذه الحكاسيب أكثر‬

‫التالي‪:‬‬
‫ة‬ ‫كالحاسكب باألمكر‬

‫‪31‬‬
‫‪ .1‬أساليب كطرؽ تصميـ كاجيات المستخدـ كذلؾ استنادا إؿل مستكل المستخدـ كنكع الميمات‬

‫المطمكب تنفيذىا حيث يتـ اختيار أفضؿ تصميـ لمكاجية لمكصكؿ إؿل اكبر قدر ممكف مف الخصائص‬

‫ككذلؾ إمكانية تعميـ ميارات االستخداـ بفعالية‪.‬‬

‫البرمجيات المستخدـ ة ‪ ،‬كاالستعانة‬ ‫‪ .2‬طرؽ تنفيذ الكاجيات (كبشكؿ أكثر تحديدا ما ىي‬

‫العالي)‪.‬‬
‫ة‬ ‫بالمكتبات كالخكارزميات ذات الكفاءة‬

‫‪ .3‬تقنيات تقييـ كمقارفة الكاجيات‪.‬‬

‫‪ .4‬تطكير كاجيات جديدة كتطكير تقنيات التفاعؿ‪.‬‬

‫الكصفي كالتنبؤمة كنظريات التفاعؿ‪.‬‬

‫ة‬ ‫‪ .5‬تطكير النماذج‬

‫أما اليدؼ عؿل المد ل البعيد فيك تصميـ انظمو تقمؿ إؿ ل أقصل حد الحكاجز بيف النمكذج‬

‫قابمي الحاسكب لتقبؿ ىذه الميمات ‪.‬‬

‫ة‬ ‫اإلدراكي لإلنساف الذم يريد إنجاز ميـ ة معينو كمدل‬

‫في بدايات ظيكره لـ يكف الحاسكب يستخدـ إال في إجراء العمميات الحسابي ة ككاف استخدامو‬

‫مقتص ار عؿل بعض المؤسسات العممية كالحككمية كالشركات‪ ،‬كلكف دراسة تفاعؿ اإلنساف كالحاسكب‬

‫أسيمت بشكؿ كبير في تطكر الحاسكب كتحسينو فقد تـ تقديـ أفكار جديد ة لكاجية المستخدـ ‪User‬‬

‫‪ Interface‬كأىميا التكصؿ إلى طريقة العرض مف خالؿ النكافذ ‪ Windows‬كذلؾ باستخداـ الكاجيات‬

‫الرسكمية ‪ (Graphical User Interface) GUI‬التي تقكـ في شكميا الحالي بعرض المعمكمات‬

‫بشكؿ كاضح يسيؿ عؿل المستخدميف – حتل األطفاؿ منيـ – استخداـ الحاسكب بحيث انو ليس مف‬

‫الضركرم أف يككف الشخص متخصصان في الحاسكب لؾ م يتمكف مف استخداـ مصادر الحاسكب‬

‫عالي ‪.‬‬
‫ة‬ ‫البرمجي عؿل حد سكاء بسيكلو كبكفاءة‬
‫ة‬ ‫المادم ك‬
‫ة‬

‫‪32‬‬
 ‫‪ .2.2‬أهمية دراسة تفاعل اإلنسان والحاسوب‪:‬‬

‫إؿل نجاح‬ ‫أظيرت الدراسات المختمؼة أف كاجية المستخدـ ىي مف أىـ العكامؿ التي تؤدم‬

‫المنتج كركاجو بيف الناس لذلؾ أصبح تركيز المبرمجيف منصبا عؿ ل تصميـ كبرمجة كاجيات مناسبة‬

‫لالستخداـ‪ .‬أدت ىذه الدراسة إؿل إنتاج أنظمو يسيؿ التعامؿ معيا بعكس األنظمة السابقة التي كانت‬

‫تحتاج إلى خبرة كاسع ة في التعامؿ معيا كىذا يبدك كاضحا مف االنتشار الكاسع ألجيزة الحاسكب‬

‫المختمؼ التي تتميز جميعيا بسيكلة االستخداـ‪.‬‬

‫ة‬ ‫النقاؿ كاأللعاب‬
‫ة‬ ‫كاليكاتؼ‬

‫بفضؿ ىذه الدراسة تـ تطكير أنكاع مف األنظمة كاألدكات الجديدة كأدكات التعرؼ عؿل الصكت‬

‫كالصكرة ‪ ,Multimedia‬كما تـ تطكير شبكات االتصاالت العالمي ة كأنظمة نقؿ المعمكمات التم ال‬

‫تستغني عنيا أم شرؾة حاسكب أك برمجيات‪.‬‬

‫بالرغـ مف التقدـ اليائؿ في مجاؿ تصنيع أنظمة الحاسكب كخاصة الحكاسيب الشخصية‬

‫اء مف ناحية الثمف أك الحجـ فإف ىناؾ‬

‫كالمحمكلة كالتي أصبحت في متناكؿ يد الشخص العادم سك ن‬

‫بعض الصعكبات ال زالت تكاجو المستخدـ كىي الجكانب التي تتعمؽ بكيفية التعامؿ مع ىذه األنظمة‬

‫كبشكؿ أكثر تحديدا كيفية الكصكؿ إلى كاجيات تجعؿ استخداـ ىذه األنظمة أكثر سيكلة‪ ,‬حيث أف‬

‫العمؿ مع نظاـ الحاسكب يتطمب مف المستخدـ أف يككف قاد ار عمى التحكـ في النظاـ كعمى تقييـ حالة‬

‫النظاـ في أم كقت‪.‬‬

‫مما سبؽ يمكف القكؿ أف العامؿ البشرم يجب أف يككف عمى رأس أكلكيات كاىتمامات مطكرم‬

‫ىذه األنظمة طكاؿ فترة التصميـ ألف ىذا سكؼ يساعد في إنشاء كاجيات تحقؽ متطمبات مستخدمي‬

‫ىذه األنظمة مف ناحية سرعة الفيـ كالتعمـ كالكفاءة العالية مما يجعؿ المستخدـ يقبؿ عمييا كال ينفر‬

‫منيا‪ .‬لذلؾ فإف العامؿ البشرم يعتبر أىـ العكامؿ التي يجب أخذىا بعيف االعتبار كاعتماد ىذا العامؿ‬

‫ككاحد مف أىـ المعايير التي يجب اعتمادىا عند تصميـ كاجيات المستخدـ‪ ,‬كىذا يعني أنو يجب القياـ‬

‫بعممية تحميؿ معمؽ كدراسة مكثفة الحتياجات المستخدـ كالميمات التي يريد مف النظاـ إنجازىا‪ .‬ىذا‬

‫‪33‬‬
 ‫يتطمب مف المصمـ أف يككف مدركا لكؿ ىذه الجكانب كما يجب أف يككف لديو تصكر كاضح عف ما‬

‫يحدث خالؿ تفاعؿ اإلنساف كالحاسكب ككيؼ ليذا التفاعؿ أف يؤدم إلى نتائج جيدة‪.‬‬

‫مف أجؿ الكصكؿ إلى األىداؼ الرئيسية المكضكعة عند تصميـ كاجيات المستخدـ فإنو يجب‬

‫عمى المصمـ االىتماـ بعدة أمكر أىميا‪:‬‬

‫‪ -‬فيـ العكامؿ التي تحدد كيفية استخداـ الناس لألنظمة التكنكلكجية‬

‫‪ -‬تطكير أدكات كتقنيات تساعد عمى إنشاء أنظمة مناسبة‬

‫‪ -‬الكصكؿ إلى عممية تفاعؿ آمنة‪ ,‬فعالة كذات كفاءة عالية‬

‫إف جكىر دراسة تفاعؿ اإلنساف كالحاسكب يتمخص في التركيز دائما عمى أف مستخدمي أنظمة‬

‫الحاسكب ىـ العامؿ األىـ كلو األكلكية القصكل كعمى أف تككف احتياجات المستخدميف كقدراتيـ كما‬

‫يفضمكنو ىي التي تكجو المصمـ في طريقة تصميمو‪ ,‬فالناس عادة ال يحبكف تغيير طريقتيـ في التعامؿ‬

‫مع األمكر المختمفة لذلؾ يجب عمى النظاـ كمف خالؿ ىذه الكاجية أف يككف قاد ار عمى تحقيؽ رغباتيـ‬

‫دكف الحاجة إلى تغيير طريقتيـ في العمؿ‪.‬‬

‫‪ .3.2‬مبادئ وأسس تصميم الواجه ات‪:‬‬

‫مف اجؿ الكصكؿ إؿل تصميـ جيد كناجح لكاجية المستخدـ يراعي القكاعد كالتقنيات السابؽ‬

‫ذكرىا فإف عؿل المصمميف إتباع بعض المبادئ الميـ ة كخاصة‪:‬‬

‫الييكمي )‪ :(The structure principle‬كىذا يعني تنظيـ كاجية المستخدـ بشكؿ ىادؼ‬
‫ة‬ ‫‪.1‬‬

‫مجدم كمفيدة مبنية عؿل أساس نماذج كاضح ة كمتسؽة بحيث تككف ىذه النماذج مرئية يمكف‬
‫ة‬ ‫كبطرؽ‬

‫لممستخدـ تمييزىا بسيكلو‪ ،‬كما ينبغي كضع األشياء التي ترتبط مع بعضيا البعض في مجمكعات‬

‫الييكمي ييتـ بمعمارية كاجية‬

‫ة‬ ‫كفصؿ األشياء التي ال ترتبط مع بعضيا‪ .‬بشكؿ عاـ يمكف القكؿ أف مبدأ‬

‫المستخدـ ‪. User Interface Architecture‬‬

‫‪34‬‬
‫‪ .2‬البساطة )‪ :(The simplicity principle‬حيث يجب أف يجعؿ التصميـ الميمات سيؿ ة‬

‫في الفيـ كالتنفيذ كأف يسيؿ عممية التكاصؿ مع المستخدـ كذلؾ مف خالؿ التعامؿ مع ىذا المستخدـ‬

‫بالمغ ة التي يفيميا كبالطريؽة التي يفضميا‪ .‬مف األمثمة عؿل ذلؾ تكفير طرؽ مختصر ة ‪Shortcuts‬‬

‫تسيؿ عممية الكصكؿ إؿل التطبيقات ‪ Applications‬كاإلجراءات ‪ Procedures‬اؿكبيرة‪.‬‬

‫‪ .3‬الرؤية أك الشفافية )‪ :(The visibility principle‬حيث ينبغي عؿل التصميـ الجيد إبقاء‬

‫جميع الخيارات كالمكارد المطمكبة لتنفيذ ميـ ة معيفة مرئية ككاضح ة أماـ المستخدـ كفي الكقت نفسو‬

‫عدـ تشتيت المستخدـ بمعمكمات غريب ة كزائد ة عف الحاج ة ‪ .‬التصاميـ الجيد ة ىي تمؾ التي ال تقدـ‬

‫لممستخدـ كـ ىائؿ مف المعمكمات البديؿ ة كال تخمط المعمكمات الضركرمة بالمعمكمات التي ال يحتاجيا‬

‫م‪.‬‬
‫المستخدـ في تنفيذ الميـ ة التاؿة‬

‫التغذم المرتدة )‪ :(The feedback principle‬يجب عؿل التصميـ الجيد العمؿ عؿل أف‬
‫ة‬ ‫‪.4‬‬

‫يبقي المستخدـ عؿ ل عمـ بجميع اإلجراءات كالتفسيرات المتعمؽ ة بالميـ ة المطمكب تنفيذىا كذلؾ عف‬

‫طريؽ تزكيده كبشكؿ مستمر بكافة المعمكمات المتعمؽة بالتغيرات كالشركط الجديد ة التي قد تحدث أثناء‬

‫التنفيذ ككذلؾ األخطاء كاالستثناءات ذات الصؿ ة بالعممية كالتي تيـ المستخدـ‪ ،‬كىذا يجب أف يككف‬

‫كمألكؼ لدل المستخدـ‪.‬‬

‫ة‬ ‫بمغة كاضحة ال لبس فييا‪ ،‬مكجزة‬

‫‪ .5‬السماح )‪ :(The tolerance principle‬أم أف يككف التصميـ مرنا بحيث يقمؿ مف قيمة‬

‫األخطاء التي قد تحدث بسبب قمة خبرة المستخدـ أك سكء استخدامو لمكارد التطبيؽ كذلؾ مف خالؿ‬

‫السماح لو بالتراجع كاعادة األمر مرة أخرل كمنع حدكث الخطأ إذا أمكف‪.‬‬

‫‪ .6‬إعادة االستخداـ )‪ :(The reuse principle‬عندما يجعؿ التصميـ المستخدـ قاد انر عؿ ل‬

‫إعادة استخداـ مككنات الكاجو ة كعناصرىا المختمؼة فإف ىذا يقمؿ مف حاجة المستخدـ لمتذكر أك‬

‫التفكير‪.‬‬

‫‪35‬‬
 ‫‪ .4.2‬تقنيات تصميم واجهات المستخدم‪:‬‬

‫لكي تمؽل الكاجو ة نجاحا كتصبح مرغكب ة لد ل المستخدـ فػإنو يجب أف تتكفر فييا ميزات‬

‫كخصائص منيا عؿل سبيؿ المثاؿ الكضكح بحيث يفيـ المستخدـ بديييا ما عميو القياـ بو لمكصكؿ إؿل‬

‫ما يريد كىذا يحصؿ عندما تككف الكاجو ة مزكد ة برمكز كنصكص مفيكمو تقكد المستخدـ بخطكات‬

‫متتالية إؿل ىدفو‪ .‬مف ىذه الخصائص أيضا سيكلة التعمـ كالتدريب عؿ ل استخداـ الكاجو ة ‪ .‬ؿلكصكؿ‬

‫إؿل كاجيات تتكفر فييا ىذه الميزات كغيرىا فإنو يجب االلتزاـ ببعض القكاعد ككذلؾ استخداـ بعض‬

‫التقنيات كمنيا‪:‬‬

‫‪.1‬االتساؽ كاالنسجاـ )‪ :(Consistency‬كىذا يعني أف تعمؿ الكاجية عؿل نفس النسؽ بمعفل‬

‫أف أم حدث معيف يجب أف تككف لو نفس النتيج ة كبحيث يفيـ المستخدـ أف تكرار ىذا الحدث كلكف‬

‫معيف تمثؿ مجمدا أك‬

‫ة‬ ‫مع عنصر آخر في الكاجوة سيككف لو نفس األثر‪ .‬مثال النقر المزدكج عؿل أ ة‬
‫يقكف‬

‫ممفا سيؤدم إؿل فتح ىذه اإليقكنة كعرض محتكياتيا كىذا ما يجب أف يحدث في كؿ مرة يتـ فييا النقر‬

‫يقكف ميما كاف التطبيؽ أك البرنامج الذم تمثمو األيقكنة ‪ .‬بنفس الطريؽة يجب أف تككف‬
‫المزدكج عؿل أ ة‬

‫كظائؼ العناصر المتشابو ة التي تظير عؿل الكاجو ة ىي نفسيا‪ ،‬فمثال النقر عؿل الزر ‪ X‬المكجكد‬

‫عؿل شريط العنكاف في أم نافذة في نظاـ ‪ Windows‬يؤدم إلى إغالؽ التطبيؽ أك البرنامج كىذا ما‬

‫يجب أف يحدث عند النقر عمى نفس الزر في نافذ ة أخرل لتطبيؽ آخر‪ .‬ىذا طبعا يتطمب كضع‬

‫ة في التسميات )‪(Labels‬‬ ‫األزرار في جميع النكافذ في نفس المكاف ككذلؾ استخداـ نفس الصيغ‬

‫كالرسائؿ )‪ (Messages‬باإلضافة إؿل استخداـ نفس األلكاف )‪ (Color Schemes‬في األماكف‬

‫الخاصي عند التصميـ ُي َم ِّكف المستخدـ مف تككيف نمكذج ذىني دقيؽ لطريؽة عمؿ‬
‫ة‬ ‫المختؿفة‪ .‬إتباع ىذه‬

‫عناصر الكاجوة مما يساعد عؿل سرعة الفيـ كالتعمـ‪.‬‬

‫‪ .2‬كضع معايير تصميـ ثابتة )‪ :(Set Modeling Standards‬إف الطريؽة الكحيد ة التي‬

‫ثابت لمتصميـ كمف ثـ‬

‫خاصي االتساؽ في كاجية المستخدـ ىي كضع معايير ة‬
‫ة‬ ‫يمكف مف خالليا تحقيؽ‬

‫‪36‬‬
‫إتباع ىذه المعايير بدقو كخاصة تمؾ المعايير التي تـ استخداميا سابقا في تطكير البرمجيات بشكؿ عاـ‬

‫ككاجيات المستخدـ بشكؿ خاص كىك ما يسمي َن ْم َذجة معايير التطبيؽ )‪. (Standards Modeling‬‬

‫في بعض األحياف عند تطكير كاجيات بعض األنظمة كالتطبيقات يقكـ أصحاب ىذه األنظمة‬

‫بالكيفي التي‬
‫ة‬ ‫مناسب فيما يتعمؽ‬
‫ة‬ ‫بتقديـ بعض األفكار كالمقترحات التي قد تككف غير عاديو أك ربما غير‬

‫الحاؿ يجب االستماع‬

‫ة‬ ‫يؽ عمميا‪ .‬في ىذه‬
‫يجب أف تككف عمييا ىذه الكاجو ة أك كيؼ يجب أف تككف طر ة‬

‫ليذه األفكار كلكف في الكقت نفسو يجب تقديـ التكضيحات كالبراىيف عؿل صكاب المعايير كالطرؽ التي‬

‫يستخدميا المطكركف كأنيا في نياية المطاؼ تصب في مصمحة النظاـ التطبيؽ‪.‬‬

‫‪.3‬شرح قكاعد االستخداـ )‪ :(Explain the rules‬تعتبر كيفية استخداـ الكاجو ة لألشخاص‬

‫ة لخاصية‬ ‫الذيف سكؼ يقكمكف بالتعامؿ مع التطبيؽ أم انر ضركريا كىنا تبرز أىمية امتالؾ الكاجو‬

‫االتساؽ حيث انو يمكف شرح قكاعد االستخداـ مر ة كاحد ة فقط كما أنو ال داعي لشرح التفاصيؿ كميا‬

‫لككنيا تتكرر في أماكف عدة مما يجعؿ مف السيؿ عؿ ل المستخدـ تعمـ كيفية التعامؿ مع الكاجو ة في‬

‫كقت قصير كجيد قميؿ‪.‬‬

‫‪ .4‬التنقؿ بيف عناصر الكاجو ة ) ‪: ( Navigation between user interface items‬‬

‫يجب أف يككف التنقؿ بيف العناصر الرئيسية المككنة لمكاجية سيال ككاضحا ألف المستخدـ سكؼ‬

‫أخرل إذا كاف االنتقاؿ مف شاشة إلى أخرل‬ ‫يصاب باإلحباط كربما لف يعكد الستخداـ الكاجية مرة‬

‫صعبا مثال ‪ .‬مف ناحية أخرل إذا كاف التنقؿ بيف عناصر الكاجية المختمفة منسجما مع الميمات‬

‫بنجازىا فاف ىذا سكؼ يساعد المستخدـ عمى فيـ كادراؾ خصائص‬
‫كالكظائؼ التم يقكـ المستخدـ إ‬

‫ؼف النظاـ يجب أف يككف مرنا‬

‫التطبيؽ بشكؿ أفضؿ‪ .‬كبما أف المستخدميف مختمفكف في طريقة عمميـ إ‬

‫بما فيو الكفاية لؾ م يككف قادر ا عمى دعـ ىذه الطرؽ المختمفة كذالؾ مف خالؿ تطكير ما يعرؼ‬

‫بمخطط تدفؽ الكاجوة )‪.(User Interface Flow Diagram‬‬

‫‪37‬‬
‫‪ .5‬التنقؿ داخؿ الشاشة )‪ :(Navigation within a screen‬تتميز المجتمعات المختمؼة‬

‫باختالؼ ثقافتيا كطريقتيا في التعامؿ مع األشياء‪ ,‬فالمجتمعات الغربية تختمؼ عف بعض المجتمعات‬

‫الكتاب ‪ ،‬حيث نجد أف اإلنساف األكركبي متعكد عؿ ل‬

‫ة‬ ‫الشرقية كمنيا العربية مثال في طريقة القراء ة ك‬

‫الكتاب مف اليسار إلى اليميف كمف األعمى إلى األسفؿ كنجد أف اإلنساف العربي متعكد عؿل‬
‫القراء ة ك ة‬

‫الكتاب مف اليميف إلى اليسار كمف األعمى إلى األسفؿ‪ ،‬أما في الصيف فيـ يكتبكف كيقرؤكف‬
‫القراءة ك ة‬

‫مف األعمى إلى األسفؿ‪ .‬ىذا النكع مف الثقافة يجب أف ينعكس عؿ ل الطريؽة التي يتـ بيا تصميـ‬

‫الكاجو ة ‪ .‬الكاجو ة المكجو ة لالستخداـ مف قبؿ الشخص األكركبي يجب أف يككف التعامؿ فييا مع‬

‫االتجاىات كالتنقؿ ككتابة النصكص منسجما مع ما تعكد عميو ىذا المستخدـ حيث سيككف صعبا عميو‬

‫التعامؿ مع االتجاه إذا كاف مف اليميف إلى اليسار ككذلؾ األمر مع المستخدـ العربي الذم تعكد عؿ ل‬

‫أف يككف االتجاه مف اليميف إلى اليسار أم أف التنقؿ داخؿ الشاشة يجب أف يككف بشكؿ متكافؽ مع‬

‫يؽ التي اعتاد عمييا ‪.‬‬

‫ثقاؼ المستخدـ كمع اؿطر ة‬
‫ة‬

‫كتاب اؿرسائؿ كالتسميات بشكؿ فعاؿ )‪:(Word messages and labels effectively‬‬
‫ة‬ ‫‪.6‬‬

‫الكتاب التي تظير عؿل الشاشة تعتبر المصدر الرئيسي لممعمكمات بالنسبة لممستخدـ لذلؾ يجب أف‬
‫ة‬ ‫إف‬

‫تككف طريقة كتابة التسميات كالرسائؿ التي تكج ق لممستخدـ كاضحة كمفيكمة ك أف يتـ صياغة التعبير‬

‫ة كالكممات الكامؿ ة بدال مف‬ ‫بشكؿ يجعؿ ق سيؿ الفيـ مف قبؿ المستخدـ كاستعماؿ الجمؿ الكاضح‬

‫استعماؿ االختصارات كالرمكز كالجمؿ المبيـ ة ‪ .‬لذلؾ إذا كاف التعبير ضعيفا فمف يتـ فيمو جيدا مف قبؿ‬

‫المستخدـ‪ ،‬أما الرسائؿ التي يكجييا النظاـ لممستخدـ فيجب صياغتيا بشكؿ كاقعي كعؿ ل نحك يضمف‬

‫لممستخدـ التحكـ بشكؿ فعاؿ كصحيح في العمميات التي يريد المستخدـ مف النظاـ أك التطبيؽ أف يقكـ‬

‫شخصي" لف يككف ليا نفس كضكح الرساؿ ة التي نصيا‬

‫ة‬ ‫الرساؿ التي نصيا "إدخاؿ معمكمات‬
‫ة‬ ‫بيا‪ .‬مثال‬

‫"إدخاؿ االسـ الثالثي" حيث ستككف الرساؿ ة األكلى مبيـ ة بعض الشيء بالنسبة لمبيانات التي يجب‬

‫الثاني فيي كاضحة جدا كسيقكـ المستخدـ بإدخاؿ البيانات المطمكبة بالضبط كما‬
‫ة‬ ‫الرساؿ‬
‫ة‬ ‫إدخاليا‪ ،‬أما‬

‫‪38‬‬
 ‫ىك مطمكب كبشكؿ صحيح‪ .‬باإلضافة إلى ذلؾ يجب أف تعرض الرسائؿ باستمرار كفي المكاف‬

‫الشاش ‪.‬‬
‫ة‬ ‫المناسب عؿل‬

‫‪ .7‬الفيـ الصحيح لدكر مككنات الكاجية )‪ :(Understand the UI widgets‬يقصد بيذا أف‬

‫يتـ استخداـ كؿ مككف مف مككنات الكاجية عؿل الكجو الصحيح كعؿل النحك الذم يحقؽ الغرض مف‬

‫الكظيؼ التي‬
‫ة‬ ‫كجكد ىذا المككف‪ ،‬لذلؾ يجب تعمـ كيفية استخداـ كؿ مككف ككؿ عنصر مف خالؿ معرفة‬

‫يقكـ بيا ‪.‬‬

‫‪ .8‬دراسة كاجيات انظمو كتطبيقات أخرل )‪ :(Look at other UI applications‬مف المفيد‬

‫ل األفكار المستخدمة في‬ ‫أحيانا النظر بعمؽ إؿل كاجيات انظمو كتطبيقات أخرل كاالطالع عؿ‬

‫تصميميا كمحاكلة الكصكؿ إلى كؿ ما ىك جديد كمبتكر كمحاكلة االستفادة مف ذلؾ ‪ ,‬كفي الكقت نفسو‬

‫محاكلة معرفة الجكانب السمبية في ىذه الكاجيات حتى ال يقع المصمـ في نفس الخطأ مر ة أخرل عند‬

‫تصميـ الكاجيات الخاصة بو كاف ال يقكـ بتقميد التصاميـ الغير جيدة كالغير ناجحة ‪.‬‬

‫‪ .9‬استخداـ األلكاف )‪ :(Use color appropriately‬تمعب األلكاف دك ار ميما في تصميـ‬

‫الكاجيات سكاء مف خالؿ إضفاء مسح ة جمالية عؿل الكاجو ة أك مف خالؿ تكظيؼ قذه األلكاف في‬

‫إبراز بعض العناصر في الكاجو ة ‪ .‬مثال يستخدـ المكف األحمر في تحذير المستخدـ أك لفت انتباىو‪،‬‬

‫ة ككذلؾ ؼم تحديد كفيـ‬ ‫كيتـ اختيار ألكاف أخرل لمقياـ بادكار معينو كإبراز بعض عناصر الكاجو‬

‫المختمؼ لعناصر الكاجو ة األخرل‪ .‬كمع ذلؾ ينصح بعدـ اإلفراط في استخداـ األلكاف بحيث‬
‫ة‬ ‫الكظائؼ‬

‫يككف عدد األلكاف المستخدمة مناسبا ككذلؾ عدـ استخداـ األلكاف المرىقة لمنظر بكثرة‪ .‬الشيء اآلخر‬

‫تش ِعر المستخدـ بالنفكر بؿ‬

‫الميـ ىك أف تككف األلكاف منسجمة كفي تناغـ مع بعضيا البعض كاف ال ُْ‬

‫جمالي تعطي الكاجوة شكال جميال كجذابا‪.‬‬

‫ة‬ ‫بالراحة كأخي ار يجب أف تضفي األلكاف مسحة‬

‫‪ .10‬إتباع قاعدة التبايف )‪ :(Follow the contrast rule‬عند استخداـ األلكاف في كاجية‬

‫التطبيؽ يجب التأكد أف األلكاف لف تطغل عؿل النص بحيث تجعمو غير كاضح أك غير مقركء‪ .‬أفضؿ‬

‫‪39‬‬
 ‫طريقو لفعؿ ذلؾ ىي إتباع قاعدة التبايف بحيث يتـ اختيار لكف خط غامؽ في كتابة النص كاختيار‬

‫خمفيو فاتحو ليكتب عمييا أك العكس‪ ،‬فالنص المكتكب بمكف ازرؽ عؿل خمفية بيضاء سيككف كاضحا‬

‫كمف السيؿ قراءتو في حيف ستككف قراءة نفس النص لك كاف عؿل خمفيو حمراء أم ار صعبا‪.‬‬

‫‪ .11‬تكقع أخطاء المستخدـ )‪ :( Except User’s mistakes‬مف المعركؼ أنو ميما كانت‬

‫خبرة المستخدـ كبيرة في التعامؿ مع التطبيقات فإف الخطأ البشر م الغير مقصكد كارد الحدكث ‪ .‬لذلؾ‬

‫عند تصميـ الكاجوة يجب التفكير في استحداث الطرؽ التم تمنع أك تحد مف كقكع ىذه األخطاء كما‬

‫ىك حاصؿ مثال عند محاكلو حذؼ ممؼ حيث يقكـ النظاـ بسؤاؿ المستخدـ لتأكيد األمر أك نفيو لمتأكد‬

‫مف أف األمر لـ يصدر بطريؽ الخطأ‪.‬‬

‫‪ .12‬قابمية التصميـ لمتخميف )‪ :(Intuit able Design‬بكممات أخرل إذا كاف المستخدـ ال‬

‫يعرؼ كيؼ يستخدـ التطبيؽ فالتصميـ الجيد لمكاجية يساعد المستخدـ عؿل تكقع أك تخميف ما يجب‬

‫عميو فعمو لتنفيذ شيء ما‪.‬‬

‫‪ .13‬الكثافة اإلجمالية لمشاشة )‪ :(Overall screen density‬مف الصعب عؿل المستخدـ‬

‫فيـ كيفية استخداـ الكاجو ة إذا كانت الشاش ة مزدحـ ة بالرمكز كالتسميات كالصكر المختمؼ ة ‪ .‬كمف‬

‫الشاش الكمي‪.‬‬
‫ة‬ ‫المتعارؼ عميو أف نسبة إشغاؿ الشاشة بشكؿ عاـ يجب أف ال تتجاكز ‪ %40‬مف حجـ‬

‫‪ .14‬تجميع العناصر) ‪ :(Grouping Items‬مف األمكر الميـ ة في تصميـ الكاجيات ىك أف‬

‫يتـ تجميع العناصر التي ترتبط منطقيا مع بعضيا البعض كذلؾ ألنو عادة يتـ استخداـ ىذه العناصر‬

‫معيف ‪.‬‬
‫ة‬ ‫مجتمعة عند تنفيذ ميـ ة‬

‫‪ .15‬قابمية الكاجو ة لمتطكير )‪ :(UI Development‬عند تصميـ الكاجو ة يجب األخذ بعيف‬

‫االعتبار إمكانية تطكير ىذه الكاجوة مستقبال كذلؾ لتمبية احتياجات المستخدـ التي قد تنشأ الحقا ‪.‬‬

‫‪40‬‬
 ‫‪ .5.2‬مراحل التصميم والنماذج األولية ‪: Essential Prototypes‬‬

‫تحديد االحتياجات‬

‫بناء النموذج‬

‫تقييم النموذج‬

‫إنهاء‬
‫استمرار‬

‫الشكؿ (‪ )1-2‬مخطط مراحؿ تصميـ كاجية المستخدـ‬

‫تمر دكرة تصميـ كاجية المستخدـ بعدة مراحؿ ىي‪:‬‬

‫‪ .1‬تحميل المتطمبات والتحميل الوظيفي ‪ :‬يشير تحميؿ المتطمبات إلى عممية تحديد احتياجات‬

‫المستخدـ مف البرنامج أك التطبيؽ الذم يتـ تصميـ كاجية استخداـ خاصة بو ‪ ،‬كتشمؿ ىذه العممية‬

‫استبياف‬ ‫تجميع المعمكمات مف األشخاص أك المستخدـ يف المستقبمييف كيمكف في ىذه الحالة إجراء‬

‫تعتمد ىذه االحتياجات عؿ ل‬ ‫يكضح متطمبات األشخاص الذيف سيقكمكف باستخداـ المنتج النيائي‪.‬‬

‫مجمكعة المياـ كالكظائؼ المطمكب مف النظاـ أك التطبيؽ تنفيذىا‪ ,‬حيث أف لكؿ نظاـ أك تطبيؽ مياـ‬

‫تختمؼ عف تمؾ التم يقكـ بيا نظاـ آخر‪ .‬فالنظاـ الذم صمـ ليمبم احتياجات شركة ىاتؼ نقاؿ يختمؼ‬

‫‪ ,‬كىذاف يختمفاف عف نظاـ‬ ‫ؼم كظائفو كميامو عف التطبيؽ المستخدـ كمحرؾ بحث عمى االنترنت‬

‫ة مف‬ ‫الحجكزات المصمـ لفندؽ سياح م كىكذا‪ .‬بالتالي فإف تصميـ كاجية االستخداـ في كؿ حاؿ‬

‫الحاالت يجب أف يراعي البيئة كالظركؼ كالمياـ التي يجب عؿ ل الكاجية القياـ بيا ليككف ذلؾ عؿ ل‬

‫أكمؿ كجو كفي أحسف صكرة‪.‬‬

‫‪41‬‬
 ‫الشكؿ (‪ )2-2‬مخطط تحديد المتطمبات‬

‫ىناؾ مجمكعة إرشادات ميمة يجب إتباعيا عند القياـ بجمع المعمكمات ىي‪:‬‬

‫‪ -‬تنظيـ مياـ فريؽ العمؿ؛‬

‫‪ -‬كضع أسمكب لممشاركة بالعمؿ؛‬

‫‪ -‬استخداـ االستبيانات المكتكبة مع كافة مستكيات المستخدميف؛‬

‫‪ -‬إجراء المقابالت الشخصية مع المستخدميف حيثما أمكف؛‬

‫‪ -‬تقدير النفقات كتحديد المزايا؛‬

‫‪ -‬كضع جدكؿ تنفيذ زمني صارـ‪.‬‬

‫إف التحميؿ الكظيفي يساعد عمى التحقؽ مف ماىية المياـ الرئيسي‪ ،‬كالمياـ الجزئية التي ينبغي‬

‫تحقيقيا‪ .‬كبشكؿ عاـ‪ ،‬فإف ىذا التحميؿ ييدؼ إلى كضع متطمبات المستخدـ ضمف نماذج تشكؿ ميامان‬

‫يتـ تنفيذىا‪ ،‬كيتـ ربط تكصيؼ ىذه المياـ بميزات التصميـ المحددة‪.‬‬

‫‪42‬‬
‫‪ .2‬توصيف التصميم وبناء النموذج األولي‪ :‬بمجرد أف يتـ جمع المعمكمات الضركرية يتـ‬

‫االنتقاؿ إلى المرحمة التالية كىي تكصيؼ التصميـ ك بناء نمكذج أكلي لكاجية المستخدـ‪ .‬يككف‬

‫التكصيؼ عادة نتيجة لتحميؿ المتطمبات كاالحتياجات كتحديد خصائص المنتج أك النظاـ المطمكب‬

‫بحيث يككف مف السيؿ فيمو ككصفو‪ .‬كيككف لمنمكذج األكلي ‪ -‬الذم يسمى أيضا النمكذج المبدئي ‪-‬‬

‫في ىذه المرحمة مف التطكير أىمية قصكل كتككف ميمة المصمميف ىي إنشاء العناصر كالخصائص‬

‫كاألفعاؿ كالحكادث التي يمكف ربطيا بالنمكذج األكلي‪.‬‬

‫يعتبر استخداـ النماذج األكلية مف أىـ التقنيات المستخدمة في تصميـ كاجيات المستخدـ كذلؾ‬

‫الكاجية كمف ثـ دراسة كتحميؿ الجكانب‬ ‫ألنيا تمنح المصمـ إمكانية إنشاء أكثر مف نمكذج لنفس‬

‫المختمفة لكؿ نمكذج مف ىذه النماذج مف خالؿ حذؼ أك إضافة المككنات كالعناصر المختمفة كصكال‬

‫إلى النمكذج الذم يمكف اعتباره األفضؿ مف بينيا جميعا‪ .‬باإلضافة إلى ذلؾ فإف ىذه النماذج تعطي‬

‫المصمـ تصك ار أكليا عف كاجو ة المستخدـ التي سكؼ يتـ إنشاؤىا‪ ،‬لذلؾ تعتبر ىذه النماذج األساس‬

‫النظرم أك يمكف القك ؿ أنيا الخطكة األكلى كالميمة التي يبدأ منيا تصميـ كتطكير كاجية المستخدـ‬

‫الحقيقية‪.‬‬

‫في الكقت الذم يتـ فيو تحديد االحتياجات يتـ أيضا إنشاء ما يعرؼ بالنماذج األكلية لكاجية‬

‫المستخدـ )‪ (Essential User Interface Prototypes‬كالتي تككف عؿل شكؿ مخططات كرسكمات‬

‫يبي أك مسكدات )‪ (Sketches‬تظير عمييا المالمح األكلية كالعناصر األساسية لمكاجوة ‪ .‬ىنا ينتقؿ‬
‫تجر ة‬

‫المصمـ مف مرحمة تعريؼ متطمبات المستخدـ إؿل مرحؿة التحميؿ كىي النقط ة التم يتـ عندىا اتخاذ‬

‫قرار بتطكير جميع األجزاء المككفة لمنمكذج األكلي أك بعضيا فقط كىذا يعف م أف األفكار األكلية‬

‫المبدئي التي كتبت بخط اليد ككذلؾ الرسكمات كاإلشكاؿ المتناثرة يتـ تجميعيا ؼم نمكذج‬
‫ة‬ ‫كالمالحظات‬

‫أكلي كاحد حيث تبدأ ىذه العممية باتخاذ ق اررات أساسية كميـ ة تتحدد عؿل أثرىا معمارمة الكاجو ة ‪ .‬في‬

‫ىذه المرحمة يتـ تطكير مفيكـ الكاجية الذم يتضمف ما يمي‪:‬‬

‫‪43‬‬
 ‫‪ -‬إنشاء لكحات تصميـ‪ :‬كتعتبر ىذه التقنية مفيدة في عرض تسمسؿ األحداث عمى الشاشة؛‬

‫‪ -‬إنشاء مخطط اؿتدفؽ ألسمكب التجكؿ في البرنامج؛‬

‫‪ Apple‬أك‬ ‫‪Mac‬‬ ‫‪ -‬تحديد نظاـ التشغيؿ الذم سيتـ استخدامو لبناء كاجيات المستخدـ (‬

‫‪)Windows‬؛‬

‫‪ -‬تحديد المظير الخارجي لمكاجيات كالمعمكمات التي سيتـ عرضيا‪ ،‬بما في ذلؾ األطر‪ ،‬كالنكافذ‪،‬‬

‫كاألزرار‪ ،‬كاأليقكنات‪ ،‬كاالرتباطات التشعبية (إف كجدت)‪ ،‬كالقكائـ‪ ،‬كالنماذج؛‬

‫‪ -‬بناء نظاـ التجكؿ‪ :‬اختيار الطرؽ الالزمة لمتحرؾ في البرنامج كعبر المعطيات‪ ،‬كاستخداـ القكائـ‬

‫المنسدلة‪ ،‬كتقنيات البحث‪ ،‬كالقكائـ‪ ،‬كاالرتباطات التشعبية‪ ،‬كاألزرار بأنكاعيا‪.‬‬

‫‪ -‬تحديد ىؿ ستككف الكاجوة المزمع تصميميا ىي لنظاـ كاسع االنتشار كمتصفح االنترنت ‪(Internet‬‬

‫)‪ Browser‬أـ سيتـ استخداميا ككاجية مستخدـ رسكمي ة ‪(Graphical User Interface) GUI‬‬

‫تعمؿ مع نظاـ ‪ Windows‬فقط‪ .‬ىذا التحديد سببو أف األنكاع المختمؼة مف التطبيقات يستخدـ في‬

‫مختمؼ‪.‬‬
‫ة‬ ‫تطكيرىا لغات برمجة كأدكات برمجة‬

‫بعد تحديد االحتياجات كاعتماد النماذج األكلية كالشكؿ النيائي الذم سكؼ تككف عميو الكاجو ة‬

‫يتـ االنتقاؿ إؿل المرحؿة التالية كىي استخداـ لغات البرمج ة كأدكاتيا في تطكير الشاشات كالصفحات‬

‫المناسب في‬
‫ة‬ ‫كالتقارير التي يحتاجيا المستخدـ عند تعاممو مع التطبيؽ‪ ،‬حيث يجب اختيار لغة البرمج ة‬

‫‪ HTML‬أما في‬ ‫تطكير الكاجو ة ‪ .‬عؿل سبيؿ المثاؿ في تطكير كاجيات مكاقع اإلنترنت تستخدـ لغة‬

‫تطكير كاجيات نظاـ ‪ Windows‬فيتـ استخداـ لغة ‪. C‬‬

‫‪44‬‬
 ‫الشكؿ (‪ )3-2‬مخطط نمكذج أكلي لكاجية مستخدـ نظاـ قاعدة بيانات شؤكف الطمبة‬

‫إف مفيكـ النـ اذج األكلية ىك مفيكـ جديد نسبيان في تطكير البرمجيات‪ ،‬كيعتبر بمثابة مركبة‬

‫كؿم‬ ‫اكتشاؼ‪ ،‬ككسيمة لنقؿ األفكار‪ .‬أما في ما يتعمؽ بتصميـ النظـ التفاعمية‪ ،‬فإف تنفيذ النمكذج األ‬

‫يعتبر فكرة يجب القياـ بيا في كقت مبكر جدان‪ ،‬حيث يككف اليدؼ الرئيسي مف ىذا ىك اختبار كاجية‬

‫المستخدـ‪ .‬أما أىداؼ كضع النماذج األكلية فيمكف إيجازىا فيما يمي‪:‬‬

‫‪ -‬تمكيف المستخدـ مف تقييـ كاجيات المستخدـ عمى أرض الكاقع‪ ،‬كاقتراح التغييرات الالزمة؛‬

‫‪ -‬تمكيف المطكر مف تقييـ أداء المستخدـ مع الكاجية كتعديميا بحيث يتـ تخفيض نسبة أخطاء‬

‫المستخدـ إلى الحد األدنى؛‬

‫‪ -‬تسييؿ عمميات اختبار مختمؼ الكاجيات البديمة‪ ،‬كما كأنيا تسيؿ تعديؿ الكاجيات؛‬

‫‪ -‬إعطاء المستخدـ إدراكان فكريان بالنظاـ المراد إنتاجو‪ ،‬كتشجيعو عمى التفكير بعناية أكبر بالميزات‬

‫كالخصائص الضركرية أك المرغكبة في البرنامج؛‬

‫‪ -‬تخفيض احتماالت فشؿ البرنامج‪.‬‬

‫‪45‬‬
 ‫‪ .3‬االختبار والتقييم ‪ :‬تشير اإلحصائيات إلى أف نسبة ‪ %50‬مف الجيد المبذكؿ في البرمجة‬

‫يرتبط مباشرة بكاجيات المستخدـ‪ ،‬كأنو يتـ إنفاؽ ما يعادؿ نسبة ‪ %30‬مف ميزانية تطكير البرمجيات‬

‫لتطكير كاجيات المستخدـ‪ .‬لذا فإنو مف اؿـ ىـ جدان القياـ بإجراء االختبارات كعممية التقييـ في كقت‬

‫قد يتسبب ىذا في إجراء تعدمالت‬

‫مبكر مف عممية التصميـ‪ .‬كإذا تـ إىماؿ عمميات االختبار كالتقييـ ؼ‬

‫كمكمؼ عمى النظاـ بعد إنجازه‪ .‬تشمؿ طرؽ اختبار قابمية االستخداـ كالن مف‪:‬‬
‫ة‬ ‫كاسعة‬

‫‪ -‬النمكذج األكؿم؛‬

‫‪ -‬فاعمية فريؽ العمؿ؛‬

‫‪ -‬تدريب المستخدميف؛‬

‫‪ -‬تحميؿ األخطاء‪.‬‬

‫الشكؿ (‪ )4-2‬كاجيو تستخدـ في مكاقع االنترنت تـ تطكيرىا باستخداـ لغة ‪HTML‬‬

‫كمف الميـ في ىذه المرحمة الرجكع إلى الجوة صاحبة التطبيؽ لتقكـ بتجربة الكاجوة كالتأكد مف‬

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

‫الكاجيات مستقبال كبشكؿ دكرم لتمبي احتياجات المستخدـ المتزايدة‪.‬‬

‫‪46‬‬
 ‫‪ .6.2‬واجهات المستخدم بين الواقع والمستقبل‪:‬‬

‫ِ‬
‫المستخدـ الحاسكبية بعد عشرات السنيف ؟ سؤاؿ يمكف اإلجابة‬ ‫كيؼ سيككف شكؿ كاجيات‬

‫عميو لك قمنا باستقراء المستقبؿ في المنظكمات الحالية كحاكلنا تخيؿ الكيفية التي سيككف عمييا انتشار‬

‫الشاشات ‪ displays‬ذات الكفاءة العالية كالتي سكؼ تمتمؾ ميزات تقنية كبيرة بدءا مف تمؾ الشاشات‬

‫الصغيرة المحمكلة باليد أك اؿتي يتـ لبسيا عمى المعصـ كانتياء بالشاشات الكبيرة المثبتة عمى طاكالت‬

‫المكاتب أك عمى الجدراف كاألرضيات‪ .‬ىذه الشاشات دكف شؾ سكؼ تصبح أم ار شائعا‪ .‬كلكف العديد‬

‫الم َرَّكب‬
‫مف عمماء الحاسكب يعتقدكف أف نمطا مختمفا مف كاجيات المستخدـ يعرؼ باسـ الكاقع ُ‬

‫‪ Reality Augmented‬كالذم يختمؼ اختالفا جذريا عف النمط المعركؼ حاليا سيككف لو أثر عميؽ‬

‫في طريقة تطكر حكاسيب المستقبؿ كطريقة التفاعؿ معيا‪.‬‬

‫الم َرَّكب شاشات الحكاسيب التي تضيؼ معمكمات افتراضية إلى الكاقع الفعمي‬
‫ُيقصد بالكاقع ُ‬

‫الم َرَّكب عمى األجيزة التي تككف عمى شكؿ‬ ‫ِ‬ ‫ِ‬
‫كاإلدراؾ الحسي لممستخدـ كيرّكز معظـ باحثي الكاقع ُ‬

‫‪ graphics‬كنصكص كبحيث ال‬ ‫خكذات تُمبس عادة عمى الرأس‪ ،‬كيتـ مف خالليا التفاعؿ مع رسكـ‬

‫يرل المستخدـ الكاقع الحقيقي مف حكلو‪ .‬ىذه المعمكمات االفتراضية يمكف أف تككف بصكرة أشكاؿ حسية‬

‫أخرل أيضا مثؿ الصكت أك الممس‪.‬‬

‫مف خالؿ العممية المسماة إطباؽ أك تسجيؿ ‪ registration‬يمكف لبرمجيات الرسكـ أف تضع‬

‫صكرة ثالثية األبعاد لفنجاف شام مثال فكؽ صحف حقيقي كتُبقي الفنجاف االفتراضي مثبتا في ذلؾ‬

‫المكضع ميما تحرؾ المستخدـ في أرجاء الغرفة‪.‬‬

‫‪ hardware‬كالتقنيات المستخدمة في‬ ‫الم َرَّكب عددا مف المعدات‬

‫تَستخدـ منظكمات الكاقع ُ‬

‫بحكث الكاقع االفتراضي ‪ ،Virtual Reality‬كلكف مع كجكد فارؽ كبير بيف االثنيف‪ ,‬فبينما ييدؼ‬

‫الكاقع االفتراضي بشكؿ كاضح إلى استبداؿ العالـ الحقيقي بكاقع آخر افتراضي أك تخيمي بشكؿ كامؿ‬

‫‪47‬‬
 ‫الم َرَّكب عمى استكماؿ ىذا الكاقع مف خالؿ إضافة عناصر أخرل إليو مع الحفاظ عمى‬
‫يعمؿ الكاقع ُ‬

‫األصؿ‪.‬‬

‫الم َرَّكب في أحد شكارع مدف المستقبؿ‬

‫الشكؿ (‪ )5 –2‬شاشات الكاقع ُ‬

‫الم َرَّكب أف يجعمو ممكنا نجد مثال أنو يمكف لمشخص الذم‬
‫عند النظر إلى ما يمكف لمكاقع ُ‬

‫يقكـ بإصالح جياز ما أف يرل عند تفحص قطعة مكسكرة مف ىذا الجياز تعميمات تشير إلى األجزاء‬

‫التي تحتاج إلى إجراء فحص ليا‪ .‬كما يمكف لمطبيب الجراح أف يرل كيؼ سيككف كضع األعضاء‬

‫الداخمية التي سكؼ تركب في جسـ المريض‪ ,‬كيمكف أيضا لرجاؿ اإلطفاء أف يركا مخططا لبناء يحترؽ‬

‫يتيح ليـ تجنب مصادر الخطر التي ال تككف مرئية كالتي يمكف إظيارىا مف خالؿ ىذا المخطط‪ ,‬كما‬

‫القناصة األعداء الذيف رصدتيـ طائرات استطالع مف دكف طياريف كليس‬

‫يمكف لمجنكد أف يركا مكاقع ّ‬

‫ىذا فقط بؿ كيمكف أيضا لمسائح أف يمقي نظرة سريعة عمى شارع كيرل شرحا عف كؿ مطعـ فيو‬

‫كيتجكؿ في مدينة كيرل أماكف مختمفة كغيرىا مف المجاالت التي ال يمكف حصرىا ىنا‪.‬‬

‫األمر الميـ في كؿ ىذه التطبيقات ىك الحصكؿ عمى المعمكمات المناسبة في الكقت المناسب‬

‫‪ Palm‬كحكاسيب‬ ‫كالمكاف المناسب‪ .‬كتستطيع األجيزة الرقمية الشخصية الداعمة‪ ،‬مثؿ حكاسيب پالـ‬

‫‪48‬‬
 ‫كمستَ ْقبِالت المنظكمة العالمية لتحديد‬
‫الجيب‪ ،‬أف تقدـ معمكمات آنية باستخداـ الشبكات الالسمكية ُ‬

‫الم َرَّكب مختمفا فيك‬

‫المكقع ‪ GPS‬التي تتعقب باستمرار التجييزات المحمكلة‪ .‬أما الذم يجعؿ الكاقع ُ‬

‫كيفية تقديـ المعمكمات‪ :‬فيي ال تُقَ َّدـ عمى شاشة منفصمة كانما تككف ىذه المعمكمات متكاممة مع اإلدراؾ‬

‫ِ‬
‫المستخدـ أف‬ ‫ِ‬
‫لممستخدـ‪ .‬ىذا النكع مف الكاجيات يقمؿ الجيد الذىني اإلضافي الذم يجب عمى‬ ‫الحسي‬

‫يبذلو حيف ينقؿ انتباىو جيئة كذىابا بيف ميمات العالَـ الكاقعي كشاشة الحاسكب بحيث تصبح رؤية‬

‫ِ‬
‫المستخدـ لمعالـ ككاجية الحاسكب شيئا كاحدا بمعنى الكممة‪.‬‬

‫الم َرَّكب يمكف أف يبدك ككأنو ضرب مف الخياؿ العممي‪ ،‬إال أف الباحثيف كانكا كال‬
‫مع أف الكاقع ُ‬

‫يزالكف يبنكف منظكمات نماذج أكلية منذ أكثر مف ثالثة عقكد كاف أكليا تمؾ التي طكرىا في الستينات‬

‫مف القرف العشريف رائد الرسكـ الحاسكبية سكثرالند كطمبتو في جامعتي ىارڤارد كيكتاه‪ .‬في السبعينات‬

‫الم َرَّكب في مؤسسات مثؿ مختبر آرمستركنغ التابع‬

‫كالثمانينات درس عدد صغير مف الباحثيف الكاقع ُ‬

‫لمقكات الجكية األمريكية كفي مركز البحكث التابع لككالة الفضاء ناسا كفي جامعة كاركلينا الشمالية‪.‬‬

‫في بداية التسعينات فقط صاغ عمماء في شركة بكينغ لصناعة الطائرات كالذيف كانكا يطكركف منظكمة‬

‫الم َرَّكب»‪ .‬كقد‬

‫تجريبية لمساعدة العماؿ عمى تجميع قطع الطائرات كأجيزتيا المختمفة مصطمح «الكاقع ُ‬

‫أدل انخفاض تكاليؼ المعدات بشكؿ ممحكظ كالذم جعؿ األجيزة المخبرية الضركرية في متناكؿ اليد‬

‫الم َرَّكب‪ .‬كقد دأب العمماء العاممكف في ىذا المجاؿ عمى االجتماع في‬
‫إلى ازدىار بحكث الكاقع ُ‬

‫مؤتمرات سنكية منذ عاـ ‪.1998‬‬

‫عمى الرغـ مف التغيرات اليائمة التي طرأت في مجاؿ تكنكلكجيا المعمكمات منذ الكقت الذم‬

‫الم َرَّكب بقيت ىي‬

‫عمؿ فيو سكثرالند أبحاثو فإف المككنات األساسية الضركرية لبناء منظكمات الكاقع ُ‬

‫نفسيا‪ :‬شاشات كقركف استشعار كحكاسيب رسكـ كبرمجيات‪ .‬كقد تحسف أداء كؿ ىذه المككنات تحسنا‬

‫ممحكظا في السنكات األخيرة كىذا م ّكف مف تصميـ منظكمات تجريبية يمكنيا أف تتطكر قريبا إلى‬

‫منتجات تجارية‪.‬‬

‫‪49‬‬
 ‫الم َرَّكب ىي تمؾ التي يجب أف تككف‬
‫إف الشاشات "التي نرل مف خالليا" في منظكمات الكاقع ُ‬

‫قادرة عمى تقديـ ائتالؼ أك مجمكعة مف المعمكمات االفتراضية كالكاقعية عمى حد سكاء‪ .‬كعمى الرغـ‬

‫مف أف الشاشات يمكف أف تككف محمكلة أك ثابتة فإنيا تككف في أغمب األحياف ممبكسة عمى الرأس ألف‬

‫الشاشة الصغيرة المكضكعة أماـ العيف مباشرة يمكنيا أف تنشئ صكرة كبيرة كب ار كىميا كتدعى الشاشات‬

‫الممبكسة عمى الرأس الشاشات المركبة عمى الرأس ‪ displays mounted-head‬كاختصا ار ‪.HMD‬‬

‫الم َرَّكب إلى صنفيف‪ :‬بصرية كڤيديكية‪ .‬تستخدـ‬

‫يمكف تصنيؼ األجيزة المستخدمة في الكاقع ُ‬

‫الشاشات البصرية مرآة شاطرة لمحزمة الضكئية ػ كىي مرآة نصؼ شفافة تعكس الضكء كتدعو ينفذ منيا‬

‫ِ‬
‫المستخدـ أمكنو‬ ‫في نفس الكقت ‪ -‬فإذا ُك ِّجو شاطر الحزمة ‪ splitter beam‬بصكرة مناسبة أماـ عيف‬

‫ِ‬
‫المستخدـ مع السماح بمركر الضكء اآلتي‬ ‫أف يعكس الصكرة التي في شاشة الحاسكب إلى خط نظر‬

‫مف العالـ المحيط مف خاللو‪ .‬كقد استُخدمت نماذج مف شاطرات الحزمة ىذه التي تدعى دامجات‬

‫‪ combiners‬لمدة طكيمة في الشاشات التي يضعيا طيارك المقاتالت النفاثة عمى رؤكسيـ كحديثا مف‬

‫قبؿ سائقي السيارات الفاخرة‪ .‬يمكف كضع عدسات بيف شاطر الحزمة كشاشة الحاسكب تقكـ بكضع‬

‫الصكرة عمى مسافة مناسبة كمريحة لمنظر كما يمكف إظيار المنظر مجسما فيما لك تكفرت شاشة‬

‫كأجيزة بصرية ممحقة بو لكؿ مف العينيف‪.‬‬

‫عمى النقيض مف ذلؾ فإف األجيزة الڤيديكية تستخدـ تقنية مختمفة ىي تقنية المزج التي طُكرت‬

‫في األصؿ مف أجؿ المؤثرات الخاصة في التمفزة لدمج الصكرة المتكلدة مف الكامي ار الممبكسة عمى‬

‫الرأس مع رسكـ تركيبية ُ‪ .‬تعرض الصكرة عادة عمى شاشة غير شفافة ممبكسة عمى الرأس كيمكف بفضؿ‬

‫ِ‬
‫المستخدـ فتككف‬ ‫تصميـ متقف كضع الكامي ار بصكرة يككف معيا محكرىا البصرم قريبا مف محكر عيف‬

‫ِ‬
‫المستخدـ بشكؿ عادم‪ .‬ككما ىك الحاؿ بالنسبة لمشاشات‬ ‫الصكرة الڤيديكية ىي تقريبا ما يمكف أف يراه‬

‫البصرية يمكف ىنا أيضا تكفير منظكمة منفصمة لكؿ مف العينيف إلتاحة الرؤية المجسمة‪.‬‬

‫‪50‬‬
 ‫كفي إحدل طرؽ دمج الصكر في الشاشات الڤيديكية التي نرل مف خالليا تكضع الرسكـ عمى‬

‫‪ pixels‬مف كامي ار الڤيديك كاحدة‬ ‫خمفية ذات لكف معككس‪ .‬كتطابؽ الپيكسالت (عناصر الصكرة)‬

‫فكاحدة مع پيكسالت الرسكـ التركيبية المقابمة فيظير پيكسؿ الكامي ار في الشاشة عندما يحتكم پيكسؿ‬

‫الرسكـ عمى لكف الخمفية؛ كاال ظير پيكسؿ الرسكـ‪ .‬كنتيجة لذلؾ تحجب الرسكـ التركيبية األجساـ‬

‫الكاقعة خمفيا‪ .‬كبطريقة بديمة يمكف لقناة مستقمة لممعمكمات‪ ،‬مخزنة مع كؿ پيكسؿ‪ ،‬أف تدؿ عمى الجزء‬

‫مف ذلؾ العنصر الذم يجب أف تحدده المعمكمات االفتراضية‪ .‬كتتيح ىذه التقنية إظيار رسكـ نصؼ‬

‫شفافة‪ .‬كاذا كاف باستطاعة المنظكمة أف تحدد أبعاد األجساـ الكاقعية عف المشاىد‪ ،‬فإف بإمكاف‬

‫برمجيات حاسكب الرسكـ كذلؾ أف تخمؽ الشعكر بأف األجساـ الكاقعية تحجب األجساـ االفتراضية‬

‫األبعد منيا‪( .‬كتمتمؾ الشاشات البصرية التي نرل مف خالليا ىذا اإلمكاف كذلؾ‪).‬‬

‫ِ‬
‫لممستخدـ أف‬ ‫لكؿ نكع مف تصاميـ الشاشات إيجابياتو كسمبياتو‪ .‬فالمنظكمات البصرية تسمح‬

‫يرل العالـ الكاقعي كما ىك فعال مضافا إليو رسكمات الحاسكب كألف ىذه الرسكمات المضافة ال‬

‫حجبا كامالن فقد تككف قراءة بعض النصكص صعبة إذا كانت‬
‫تستطيع أف تحجب خمفيا األجساـ المادية ن‬

‫مركبة فكؽ خمفيات معينة كفي كثير مف األحياف ال تكلّد الرسكـ الثالثية األبعاد شعك ار مقنعا بأنيا‬

‫ِ‬
‫المستخدـ يطابؽ صكر األجساـ المادية بحسب بعدىا‪ ،‬لكف األجساـ‬ ‫حقيقية‪ .‬أضؼ إلى ذلؾ أف‬

‫اضيا يراد لو أف يككف في نفس‬

‫جسما افتر ن‬
‫االفتراضية يتـ كضعيا كميا في مستكل الشاشة كىذا يعني أف ن‬

‫مكضع جسـ مادم يمكف أف يككف لو مسقط صحيح ىندسيا لكف المستخدـ قد ال يتمكف مف رؤية‬

‫الجسميف كاضحيف في الكقت ذاتو‪.‬‬

‫في المنظكمات الڤيديكية يمكف لألجساـ االفتراضية أف تحجب األجساـ المادية حجبا كامال كما‬

‫يمكف أف تُدمج معيا باستخداـ تشكيالت غنية مف التأثيرات البيانية كال تكجد كذلؾ اختالفات بيف‬

‫مطابقة العيف لألجساـ االفتراضية أك لألجساـ المادية ألنيا كميا تُرل في المستكم نفسو‪ .‬كمع كؿ ىذا‬

‫نظير لمعيف البشرية‪.‬‬

‫فإنو في الكقت الحاضر ال تشكؿ الكامي ار الڤيديكية كالشاشة مجتمعيف نا‬

‫‪51‬‬
 ‫كانت الشاشات األكلى التي صمميا سكثرالند كطمبتو عبارة عف منظكمات ثقيمة كمزعجة لما‬

‫تحكيو مف صمامات األشعة الكاثكدية (الميبطية) ‪ tubes ray-cathode‬كمف أجيزة بصرية ضخمة‬

‫أما اآلف فيستخدـ الباحثكف شاشات صغيرة تستخدـ فييا البمكرات السائمة كما تستخدـ تصاميـ بصرية‬

‫متقدمة لصنع منظكمات ال تزف إال بضع غرامات‪ .‬كىناؾ تحسينات أخرل منتظرة‪ :‬فمثال طكرت مؤخ ار‬

‫الشركة ‪ Microvision‬أجيزة تستخدـ ليزرات منخفضة االستطاعة لمسح الصكر عمى شبكية العيف‬

‫مباشرة‪ .‬كتبدك بعض نماذج الشاشات األكلية التي تُمبس عمى الرأس مشابية تماما لمنظارات مما يجعميا‬

‫غير مميزة نسبيا‪.‬‬

‫الم َرَّكب أم ار حاسما يقتضي أف تتالءـ الرسكـ المتراكبة بصكرة‬

‫تتطمب منظكمات الكاقع ُ‬
‫ِ‬
‫المستخدـ لمعالـ المحيط كلكي تصبح ىذه العالقة المكانية ممكنة يجب عمى منظكمة‬ ‫صحيحة مع رؤية‬

‫ِ‬
‫المستخدـ تعقبا دقيقا كأف تستفيد مف تمؾ المعمكمات لدل‬ ‫الم َرَّكب أف تتعقب مكضع كتكجو رأس‬
‫الكاقع ُ‬

‫الم َرَّكب أف تتطمب كذلؾ تعقب بعض األجساـ المتحركة‪.‬‬

‫تقديـ الرسكـ‪ .‬كيمكف لبعض منظكمات الكاقع ُ‬

‫عمى سبيؿ المثاؿ يمكف لمنظكمة تكفر تكجييا بصريا إلجراء إصالح ميكانيكي عمى محرؾ نفاث أف‬

‫تحتاج إلى تعقب مكاضع كتكجيات أجزاء المحرؾ أثناء فكو‪ .‬كبما أف أجيزة التعقب تراقب ستة متغيرات‬

‫‪ )x ،y ،z‬كثالث زكايا تكجيو (الميؿ ‪ pitch‬كاالنحراؼ ‪yaw‬‬ ‫لكؿ جسـ ػ ثالثة إحداثيات مكانية (‬

‫‪freedom-of degree-six‬‬ ‫كالتدحرج ‪ ،)roll‬فيي غالبا تدعى متعقبات درجات الحرية الست‬

‫‪.trackers‬‬

‫الم َرَّكب متطمبات شديدة بشكؿ غير عادم لكؿ مف الدقة كالتمييز‬
‫تفرض منظكمات الكاقع ُ‬

‫كقابمية التكرار كسرعة تقنيات التعقب كتسبب التأخيرات الناتجة مف المعدات كالبرمجيات فارقا زمنيا بيف‬

‫ِ‬
‫المستخدـ كتحديث معمكمات الشاشة كنتيجة لذلؾ ال تبقى األجساـ االفتراضية في أمكنتيا‬ ‫حركة‬

‫ِ‬
‫المستخدـ رأسو أك يديره‪ .‬إحدل التقنيات المستخدمة في التغمب عمى مثؿ ىذه‬ ‫المناسبة حيف يحرؾ‬

‫الم َرَّكب ببرمجيات تُجرم تنبؤات قصيرة األمد حكؿ تحركات‬

‫األخطاء ىي تزكيد منظكمات الكاقع ُ‬
‫‪52‬‬
 ‫ِ‬
‫المستخدـ المستقبمية بكاسطة االستقراء مف الحركات السابقة‪ .‬كعمى المدل الطكيؿ مف الممكف أف‬

‫تصبح المتعقبات اليجينة‪ ،‬التي تضـ تقنيات الرؤية الحاسكبية قادرة عمى إظيار كتركيب رسكـ مناسبة‬

‫حيف تتعرؼ األجيزة عمى أجساـ معينة في حقؿ رؤية المستخدـ‪.‬‬

‫إف بعض ما يجعؿ الكاقع كاقعيا ىك أنو يتغير باستمرار كلذلؾ يجب عمى برمجيات الكاقع‬

‫ِ‬
‫المستخدـ ككذلؾ عندما تنتقؿ األجساـ كقد تـ‬ ‫الم َرَّكب أف ّ‬
‫تحدث باستمرار الرسكـ المركبة حيف يتحرؾ‬ ‫ُ‬

‫استحداث مصطمح «تَدبُّر البيئة» لكصؼ عممية تناسؽ عرض عدد كبير مف األجساـ االفتراضية عمى‬

‫ِ‬
‫المستخدميف‪ .‬كقد تـ تطكير نماذج أكلية مف البرمجيات التي تعيد‬ ‫العديد مف الشاشات كلمعديد مف‬

‫تصميـ ىندسة األجساـ االفتراضية بصكرة تفاعمية لكي تحافظ عمى العالقات المطمكبة بينيا كبيف‬

‫ِ‬
‫المستخدـ‪.‬‬ ‫األجساـ الكاقعية في حقؿ نظر‬

‫الم َرَّكب ال يتطمب إال قميال مف الرسكـ‬

‫مف الميـ أف نالحظ أف الكثير مف تطبيقات الكاقع ُ‬

‫فنحف نرل العالـ الكاقعي دكف أف نحتاج إلى تصكيره عمى عكس منظكمات الكاقع االفتراضي التي‬

‫ِ‬
‫لممستخدـ‪ .‬ففي منظكمة مصممة لتصميح األجيزة يمكف أف يكفي سيـ‬ ‫تخمؽ دائما خمفية ثالثية األبعاد‬

‫كاحد بسيط أك صندكؽ بارز لكي تُرم الخطكة التالية في عممية صيانة معقدة‪ .‬كعمى أية حاؿ لكي‬

‫الم َرَّكب النقاؿ عمميا ينبغي أف تصبح الحكاسيب ككحدات تغذيتيا صغيرة بما يكفي لحمميا‬
‫يصبح الكاقع ُ‬

‫بصكرة مريحة كأف تككف بحجـ كتاب أك حقيبة صغيرة‪.‬‬

‫‪53‬‬
 ‫الم َرَّكب‬
‫الشكؿ (‪ ) 6-2‬أمثمة عمى استخداـ كاجيات الكاقع ُ‬

‫مف األمثمة عمى ىذه األنظمة الحديثة نظاـ يتككف مف لكح مغطى بالقماش كأحزمة لربط عدة‬

‫مككنات‪ :‬الحاسكب المحمكؿ كبطاقة الشبكة الالسمكية ‪ )b802.11 IEEE‬كالمتعقبات (مستقبِؿ ‪GPS‬‬

‫كمستقبِؿ تصحيحات ‪ GPS‬كصندكؽ الكاجية) كالتغذية (بطاريات ككحدة تغذية منظمة) كصناديؽ‬

‫الكاجية لمشاشة الممبكسة عمى الرأس كأجيزة التفاعؿ المتبادؿ كيبمغ الكزف اإلجمالي ليذه المعدات‬

‫‪ GPS‬كمستقبِؿ تصحيحات ‪ GPS‬في أعمى إطار‬ ‫حكالي ‪ 11‬كيمكغراما‪ُ .‬ركبت ىكائيات المستقبِؿ‬

‫ِ‬
‫المستخدـ الشاشة الممبكسة عمى الرأس كتتيح بعض النماذج األكلية‬ ‫حقيبة الظير في حيف يمبس‬

‫ِ‬
‫لممستخدميف أف يتفاعمكا مع الشاشة كأف يمرركا عمى الشاشة قائمة اختيارات مركبة‬ ‫المسماة ‪MARS‬‬

‫‪ trackball‬أك بكاسطة رقعة الممس الحساسة‬ ‫ِ‬

‫المستخدـ بكاسطة تحريؾ كرة التعقب‬ ‫عمى حقؿ رؤية‬

‫ٍ‬
‫إدخاؿ البيانات بكاسطة قمـ‬ ‫ت ُُحمؿ باليد (مع أمكانية‬
‫‪ .pad touch‬تضـ ىذه المنظكمة أيضا شاشة ُ‬
‫ِ‬
‫المستخدـ أف‬ ‫ِ‬
‫المستخدـ اليجينة ىذه تكفر نكعيف مف التفاعؿ‪ :‬حيث يستطيع‬ ‫تأشير ‪ .)stylus‬كاجية‬

‫يرل رسكما ثالثية األبعاد عمى الشاشة كفي الكقت نفسو يصؿ إلى معمكمات إضافية عمى الشاشة‬

‫المحمكلة باليد‪.‬‬

‫‪54‬‬
 ‫تستطيع النماذج األكلية ‪ MARS‬أف تُدخؿ أفالما كثائقية مناسبة في البيئة المحيطة‪ .‬فقد‬

‫ِ‬
‫المستخدـ كمف خالؿ‬ ‫تركم ىذه األفالـ الكثائقية أحداثا تاريخية حدثت في المنطقة التي يتكاجد فييا‬

‫ِ‬
‫المستخدـ كما يسمع فعال يستطيع المستخدـ‬ ‫رسكـ ثالثية األبعاد كأصك ٍ‬
‫ات تُضاؼ إلى ما يرل‬ ‫ٍ‬ ‫تركيب‬

‫رؤية ىذه المنطقية كما كانت في الفترة التاريخية التي كقعت فييا األحداث المسجمة ككأنيا تحدث اآلف‪.‬‬

‫فمثال يمكف "رؤية" أحداث معركة حدثت قبؿ مئات السنيف أك السير في شكارع مدينة ىدمت قبؿ آالؼ‬

‫السنيف كلـ يبقى منيا إال بضعة أحجار متناثرة ىنا كىناؾ‪.‬‬

‫يتابع الباحثكف تحسيف كؿ مف أنظمة التعقب كالشاشة كمككنات المعالجة المحمكلة لمنظكمات‬

‫الم َرَّكب بحيث يصبح تكامؿ المعمكمات االفتراضية كالحسية تكامال شائعا كعاديا‪ .‬كمف المتكقع‬
‫الكاقع ُ‬

‫الم َرَّكب (مثؿ األلعاب الحاسكبية كصيانة األجيزة كالتصكير الطبي‬

‫أف تصبح التطبيقات العديدة لمكاقع ُ‬

‫كما إلى ذلؾ) ىي التطبيقات األكثر استخداما عندما يصبح إنتاجيا بشكؿ تجارم ممكنا كبأسعار‬

‫معقكلة كستصبح في النياية مثؿ اليكاتؼ النقالة كالحكاسيب الشخصية إذ أنو ليس ليذه األجيزة تطبيؽ‬

‫كحيد أساسي أك استخداـ كاحد كانما عدد كبير جدا مف االستخدامات اليكمية كتصبح المعمكمات‬

‫المركبة جزءا مما نراه في العمؿ كفي التسمية‪.‬‬

‫لقد أصبحت الحكسبة كاستخداماتيا المتعددة جزءا مف حياتنا اليكمية كأصبح مف الصعب‬

‫العيش بدكنيا مما دفع أحد العمماء في مجاؿ الحاسكب إلى إطالؽ مصطمح "الحكسبة الكمية الكجكد"‪.‬‬

‫الم َرَّكب جزنءا مما نتكقع أف نرل في‬

‫كبطريقة مشابية ستصبح المعمكمات المركبة في منظكمات الكاقع ُ‬

‫العمؿ أك المعب‪ :‬لصيقات كاتجاىات حيف ال نريد أف نضؿ‪ ،‬كتذكير حيف ال نريد أف ننسى‪ ،‬كربما‬

‫الشجيرات لتركم نكتة حيف نريد أف نرِفّو عف أنفسنا‪ .‬كحيف‬

‫شخصية كرتكنية مفضمة تندفع فجأة مف بيف ُ‬

‫ِ‬
‫المستخدـ الحاسكبية منتشرة في كؿ مكاف ننظر إليو‪ ،‬يمكف أف يصبح ىذا المزيج الشامؿ‬ ‫تككف كاجيات‬

‫مف الكاقع كاالفتراض الكسطَ المفضؿ لجيؿ جديد مف الفنانيف كالمصمميف كركاة القصص الذيف سكؼ‬

‫يصنعكف المستقبؿ‪.‬‬
‫‪55‬‬
 ‫المراجع‬

.‫ درنة‬-‫ جامعة عمر المختار‬,‫ مذكرة‬,‫ برمجة كتصميـ كاجيات المستخدـ‬,‫أيمف حمارشو‬.‫ د‬.1

.‫ الطبعة الثالثة‬-‫ ترجمة تكاتي عمر‬,‫ دليؿ البرمجة تحت نظاـ كيندكز‬,‫ بركؾ مايمز‬.2

. 2003 , MFC ‫ البرمجة بكاسطة‬,‫ عابر ياسيف‬.3

2007 ,‫ الجزء الثاني‬,‫ برمجة كاجية المستخدـ‬,‫ براء الرممي‬.4

5. Bruce Tognazzini, Addison-Wesley, Tog On Interface, 1991, ISBN 0-201-

60842-1.

6. Brenda Laurel, Addison-Wesley, The Art of Human Computer Interface

Design, 1991, ISBN 0-201-51797-3.

7. Brad A. Myers, Graphical User Interface Programming, Human Computer

Interaction Institute, Carnegie Mellon University

8. Michael M. Skolnick, Graphical User Interface Programming in

Introductory Computer Science, Department of Computer Science, Rensselaer,
Polytechnic Institute, Troy, New York

56