أداة رسومية

هذه المقالة تحتاج إلى مصادر إضافية للتحقق . الرجاء المساعدة في تحسين هذه المقالة عن طريق إضافة مصادر موثوقة . قد يتم الطعن في المواد غير الموثقة وإزالتها. البحث عن المصادر:  "أداة رسومية" – الأخبار  · الصحف  · الكتب  · العلماء  · JSTOR ( مارس 2015 ) ( تعرف على كيفية ووقت إزالة هذه الرسالة )

الأداة الرسومية (أو عنصر التحكم الرسومي أو عنصر التحكم ) في واجهة المستخدم الرسومية هي عنصر تفاعل ، مثل الزر أو شريط التمرير . عناصر التحكم هي مكونات برمجية يتفاعل معها مستخدم الكمبيوتر من خلال التلاعب المباشر لقراءة أو تحرير المعلومات حول تطبيق ما. تحتوي مكتبات واجهة المستخدم مثل Windows Presentation Foundation و Qt و GTK و Cocoa على مجموعة من عناصر التحكم والمنطق لعرضها. ^[1]

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

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

تسهل برامج إنشاء واجهات المستخدم الرسومية إنشاء واجهات المستخدم الرسومية بطريقة WYSIWYG باستخدام لغة ترميز واجهة المستخدم . وهي تقوم تلقائيًا بإنشاء كل التعليمات البرمجية المصدرية للأداة من الأوصاف العامة التي يوفرها المطور، وعادةً من خلال التلاعب المباشر .

حوالي عام 1920، دخلت كلمة widget إلى اللغة الإنجليزية الأمريكية، كمصطلح عام لأي جهاز مفيد، وخاصة المنتج المصنوع للبيع؛ أداة .

في عام 1988، تم إثبات مصطلح widget في سياق Project Athena ونظام X Window . في نظرة عامة على مجموعة أدوات X بقلم Joel McCormack وPaul Asente، ورد ما يلي: ^[2]

توفر مجموعة الأدوات مكتبة من مكونات واجهة المستخدم ("الأدوات") مثل تسميات النصوص، وأشرطة التمرير، وأزرار الأوامر، والقوائم؛ وتمكن المبرمجين من كتابة أدوات جديدة؛ وتوفر المادة اللازمة لتجميع الأدوات في واجهة مستخدم كاملة.

في نفس العام، في دليل X Toolkit Widgets - C Language X Interface من تأليف Ralph R. Swick و Terry Weissman، ورد ما يلي: ^[3]

في مجموعة أدوات X، تعتبر الأداة عبارة عن مزيج من نافذة X أو نافذة فرعية ودلالات الإدخال والإخراج المرتبطة بها.

وأخيرًا، وفي نفس العام أيضًا، يشرح رالف ر. سويك ومارك س. أكيرمان من أين جاء مصطلح الأداة : ^[4]

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

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

عناصر واجهة المستخدم الرسومية هي عناصر رسومية تستخدم لبناء واجهة الإنسان والآلة لبرنامج ما. يتم تنفيذ عناصر واجهة المستخدم الرسومية مثل مكونات البرامج . تحتوي مجموعات أدوات عناصر واجهة المستخدم الرسومية وأطر البرامج، مثل GTK+ أو Qt ، عليها في مكتبات البرامج حتى يتمكن المبرمجون من استخدامها لبناء واجهات المستخدم الرسومية لبرامجهم.

تطورت عائلة من الأدوات المساعدة الشائعة القابلة لإعادة الاستخدام لتخزين المعلومات العامة بناءً على بحث مركز أبحاث بالو ألتو لواجهة مستخدم زيروكس ألتو . غالبًا ما يتم تجميع التنفيذات المختلفة لهذه الأدوات المساعدة العامة معًا في مجموعات أدوات الأداة المساعدة ، والتي يستخدمها المبرمجون لبناء واجهات المستخدم الرسومية (GUIs). تتضمن معظم أنظمة التشغيل مجموعة من الأدوات المساعدة الجاهزة للتخصيص والتي يمكن للمبرمج دمجها في تطبيق، وتحديد كيفية تصرفه. ^[5] يتم تعريف كل نوع من الأدوات المساعدة عمومًا كفئة بواسطة البرمجة الموجهة للكائنات ( OOP ). لذلك، يتم اشتقاق العديد من الأدوات المساعدة من وراثة الفئة.

في سياق التطبيق، قد يتم تمكين أو تعطيل عنصر واجهة المستخدم في نقطة زمنية معينة. يتمتع عنصر واجهة المستخدم الممكّن بالقدرة على الاستجابة للأحداث، مثل ضغطات المفاتيح أو حركات الماوس. أما عنصر واجهة المستخدم الذي لا يستطيع الاستجابة لمثل هذه الأحداث فيعتبر معطلاً. يختلف مظهر عنصر واجهة المستخدم عادةً وفقًا لما إذا كان ممكّنًا أو معطلاً؛ فعند تعطيله، قد يتم رسم عنصر واجهة المستخدم بلون أفتح (" رمادي ") أو قد يتم إخفاؤه بصريًا بطريقة ما. انظر الصورة المجاورة للحصول على مثال.

تتمثل فائدة تعطيل عناصر التحكم غير المتاحة بدلاً من إخفائها بالكامل في إظهار وجود عنصر التحكم للمستخدمين ولكنه غير متاح حاليًا (مع الضمني بأن تغيير عنصر تحكم آخر قد يجعله متاحًا)، بدلاً من ترك المستخدم غير متأكد من مكان العثور على عنصر التحكم على الإطلاق. في مربعات الحوار المنبثقة، قد تظهر الأزرار باللون الرمادي بعد وقت قصير من ظهورها لمنع النقر غير المقصود أو النقر المزدوج غير المقصود.

يتم أحيانًا تصنيف الأدوات على أنها افتراضية لتمييزها عن نظيراتها المادية، على سبيل المثال الأزرار الافتراضية التي يمكن النقر عليها باستخدام المؤشر ، مقابل الأزرار المادية التي يمكن الضغط عليها بإصبع (مثل تلك الموجودة على فأرة الكمبيوتر ).

هناك مفهوم مرتبط (ولكن مختلف) وهو أداة سطح المكتب ، وهي عبارة عن تطبيق واجهة مستخدم رسومية صغير متخصص يوفر بعض المعلومات المرئية و/أو سهولة الوصول إلى الوظائف المستخدمة بشكل متكرر مثل الساعات والتقويمات ومجمعات الأخبار والآلات الحاسبة والملاحظات على سطح المكتب. يتم استضافة هذه الأنواع من الأدوات بواسطة محرك أدوات .

• الزر – عنصر تحكم يمكن النقر عليه لأداء عمل ما. وهو ما يعادل الزر الموجود في الأدوات الميكانيكية أو الإلكترونية.
  • زر الراديو – عنصر تحكم يمكن النقر عليه لاختيار خيار واحد من مجموعة من الخيارات، على غرار اختيار محطة راديو من مجموعة من الأزرار المخصصة لضبط الراديو. تظهر أزرار الراديو دائمًا في أزواج أو مجموعات أكبر، ولا يمكن اختيار سوى خيار واحد في المجموعة في كل مرة؛ يؤدي اختيار عنصر جديد من أزرار المجموعة أيضًا إلى إلغاء تحديد الزر المحدد مسبقًا.
  • مربع الاختيار – عنصر تحكم يمكن النقر فوقه لتمكين خيار أو تعطيله. ويسمى أيضًا مربع الاختيار. يشير المربع إلى حالة "تشغيل" أو "إيقاف" من خلال علامة اختيار /علامة صح ☑ أو علامة زائد ☒. ويمكن عرضه في حالة وسيطة (مظللة أو بعلامة شرطة) للإشارة إلى أن الكائنات المختلفة في تحديد متعدد لها قيم مختلفة للخاصية التي يمثلها مربع الاختيار. ويمكن تحديد مربعات اختيار متعددة في مجموعة، على النقيض من أزرار الاختيار.
  • مفتاح التبديل - يشبه وظيفيًا مربع الاختيار. يمكن تشغيله وإيقاف تشغيله، ولكن على عكس مربعات الاختيار، يكون لهذا عادةً تأثير فوري.
  • زر التبديل - يشبه وظيفيًا مربع الاختيار، ويعمل كمفتاح ، ولكنه يظهر كزر. ويمكن تشغيله وإيقاف تشغيله.
  • زر التقسيم – عنصر تحكم يجمع بين زر (عادةً ما يستدعي بعض الإجراءات الافتراضية) وقائمة منسدلة مع إجراءات ثانوية ذات صلة
  • زر الدورة - هو زر يقوم بتدوير محتواه عبر قيمتين أو أكثر، وبالتالي تمكين اختيار واحد من مجموعة من العناصر.
• شريط التمرير – عنصر تحكم بمقبض يمكن تحريكه لأعلى ولأسفل (شريط التمرير الرأسي) أو لليمين واليسار (شريط التمرير الأفقي) على شريط لتحديد قيمة (أو نطاق إذا كان هناك مقبضان). يسمح الشريط للمستخدمين بإجراء تعديلات على قيمة أو معالجة عبر نطاق من القيم المسموح بها.
• مربع القائمة – عنصر تحكم رسومي يسمح للمستخدم باختيار عنصر واحد أو أكثر من القائمة الموجودة داخل مربع نص ثابت متعدد الأسطر.
• Spinner – عنصر تحكم في إدخال القيمة يحتوي على أزرار صغيرة لأعلى ولأسفل للتنقل عبر مجموعة من القيم
• القائمة المنسدلة – قائمة بالعناصر التي يمكن الاختيار منها. عادةً ما تعرض القائمة العناصر فقط عند النقر على زر أو مؤشر خاص.
• القائمة – التحكم بإجراءات متعددة يمكن النقر عليها لاختيار خيار لتنشيطه
  • قائمة السياق - نوع من القائمة يعتمد محتواها على السياق أو الحالة السارية عند استدعاء القائمة
  • قائمة الفطيرة – قائمة سياقية دائرية حيث يعتمد الاختيار على الاتجاه
• شريط القائمة – عنصر تحكم رسومي يحتوي على قوائم منسدلة
• شريط الأدوات - عنصر تحكم رسومي يتم وضع الأزرار أو الأيقونات أو القوائم أو عناصر الإدخال أو الإخراج الأخرى عليه على الشاشة
  • الشريط – مزيج من القائمة وشريط الأدوات، يعرض مجموعة كبيرة من الأوامر في تخطيط مرئي من خلال واجهة ذات علامات تبويب.
• مربع المجموعة ( مربع نص مع قائمة مرفقة أو مربع قائمة ) - مزيج من مربع نص من سطر واحد وقائمة منسدلة أو مربع قائمة ، مما يسمح للمستخدم إما بكتابة قيمة مباشرة في عنصر التحكم أو الاختيار من قائمة الخيارات الموجودة.
• الأيقونة – رمز يمكن فهمه بسرعة لأداة برمجية أو وظيفة أو ملف بيانات.
• عرض الشجرة – عنصر تحكم رسومي يقدم عرضًا هرميًا للمعلومات
• عرض الشبكة أو شبكة البيانات – عرض جدولي يشبه جدول البيانات يسمح بإدخال الأرقام أو النص في صفوف وأعمدة.

• الرابط – نص يحتوي على نوع من المؤشرات (عادة ما يكون مسطرًا و/أو لونًا) يشير إلى أن النقر فوقه سينقلك إلى شاشة أو صفحة أخرى.
• علامة التبويب – عنصر تحكم رسومي يسمح باحتواء مستندات أو لوحات متعددة داخل نافذة واحدة
• شريط التمرير – عنصر تحكم رسومي يمكن من خلاله تمرير النص المستمر أو الصور أو أي محتوى آخر في اتجاه محدد مسبقًا (أعلى أو أسفل أو يسار أو يمين)

• مربع النص - (حقل التحرير) - عنصر تحكم رسومي يهدف إلى تمكين المستخدم من إدخال النص

• التسمية – النص المستخدم لوصف عنصر واجهة مستخدم آخر
• تلميح الأدوات – نافذة معلوماتية تظهر عند تحريك الماوس فوق عنصر تحكم آخر
• مساعدة البالون
• شريط الحالة – ​​عنصر تحكم رسومي يشكل منطقة معلومات توجد عادةً في أسفل النافذة
• شريط التقدم - عنصر تحكم رسومي يستخدم لتوضيح تقدم عملية كمبيوتر موسعة، مثل التنزيل أو نقل الملفات أو التثبيت
• شريط المعلومات – عنصر تحكم رسومي يستخدمه العديد من البرامج لعرض معلومات غير مهمة للمستخدم

• النافذة – عنصر تحكم رسومي يتكون من منطقة مرئية تحتوي على بعض عناصر واجهة المستخدم الرسومية للبرنامج الذي تنتمي إليه
• لوحة قابلة للطي – لوحة يمكنها تخزين المحتوى بشكل مضغوط، والذي يتم إخفاؤه أو إظهاره من خلال النقر فوق علامة تبويب الأداة.
  • الدرج : أوراق جانبية أو أسطح تحتوي على محتوى إضافي يمكن تثبيته على الحافة اليسرى أو اليمنى للشاشة أو سحبه منها أو دفعه بعيدًا عنها. ^[6]
• الأكورديون - قائمة من العناصر مكدسة رأسياً، مثل العلامات أو الصور المصغرة حيث يمكن "توسيع" كل عنصر للكشف عن المحتوى المرتبط به
• النافذة النموذجية – عنصر تحكم رسومي تابع للنافذة الرئيسية للتطبيق والذي ينشئ وضعًا لا يمكن فيه استخدام النافذة الرئيسية.
• مربع الحوار - نافذة صغيرة تنقل المعلومات إلى المستخدم وتطالبه بالاستجابة
• نافذة لوحة الألوان - تُعرف أيضًا باسم "نافذة الأداة المساعدة" - وهي عنصر تحكم رسومي يطفو فوق جميع النوافذ العادية ويقدم أدوات أو أوامر أو معلومات جاهزة للوصول إلى التطبيق الحالي
  • نافذة المفتش – نوع من نوافذ الحوار التي تعرض قائمة بالسمات الحالية لكائن محدد وتسمح بتغيير هذه المعلمات أثناء التنفيذ
• الإطار - نوع من الصناديق التي يمكن تجميع مجموعة من عناصر التحكم الرسومية داخلها كطريقة لإظهار العلاقات بصريًا
• القماش – عنصر رسم عام لتمثيل المعلومات الرسومية
• Cover Flow – عنصر متحرك ثلاثي الأبعاد للتنقل بصريًا عبر لقطات من المستندات أو إشارات مرجعية لمواقع الويب أو أعمال فنية للألبومات أو الصور الفوتوغرافية.
• تدفق الفقاعات – عنصر متحرك ثنائي الأبعاد يسمح للمستخدمين بتصفح والتفاعل مع عرض الشجرة الكاملة لسلسلة المناقشة.
• Carousel (الحوسبة) – أداة رسومية تستخدم لعرض البطاقات المرئية بطريقة سريعة ليتمكن المستخدمون من التصفح، سواء على مواقع الويب أو على تطبيقات الهاتف المحمول

• عناصر واجهة المستخدم الرسومية
• بدائية هندسية
• محرك أدوات لأدوات غير ذات صلة في الغالب ومستوحاة من مواد مادية
• مجموعة أدوات واجهة المستخدم – مكتبة برمجية تحتوي على مجموعة من الأدوات
• تقنية التفاعل

• تطبيقات الويب المجمعة (الأدوات) - التغليف وتكوين XML (الإصدار الثاني) - توصية W3C 27 نوفمبر 2012
• الأدوات الذكية 1.0: مشهد الأدوات الذكية (الربع الأول من عام 2008). مسودة عمل W3C 14 أبريل 2008
• متطلبات توحيد معايير الأدوات المساعدة. ملاحظة مجموعة عمل W3C بتاريخ 27 سبتمبر 2011