کنکور کامپیوتر
0
ورود | ثبت نام
نظرات
اشتراک
بالا
علاقه‌مندی

اشتراک
 

رابط کاربری گرافیکی چیست؟

این صفحه عالی به معرفی رابط کاربری گرافیکی پرداخته و نحوه عملکرد رابط کاربری گرافیکی و بهترین زبان های برنامه نویسی برای رابط کاربری گرافیکی را معرفی کرده

کاربر با رابط کاربری می‌تواند با کامپیوترکامپیوتر چیست؟ ⚡️ کامپیوتر چیست به زبان سادهکامپیوتر چیست؟ ⚡️ کامپیوتر چیست به زبان سادهاین مقاله عالی توضیح داده که کامپیوتر چیست و چه کاربردی دارد و همه چیز درباره کامپیوتر از جمله فواید کامپیوتر و تعریف کامپیوتر و اجزای آن را بیان کرده است ارتباط برقرار کند. رابط کاربری گرافیکی (GUI) یک رابط کاربری است که در آن کاربر با اجزای گرافیکی مثل آیکون‌ها، دکمه‌ها و منوها تعامل دارد. در یک رابط کاربری گرافیکی، تصاویری که در رابط کاربری نمایش داده می‌شوند، اطلاعات مربوط به کاربر و همچنین اقداماتی که آنها می‌توانند انجام دهند را منتقل می‌کند. در واقع، به جای نوشتن متن یا کدهای فرمان، از رابط کاربری گرافیکی استفاده می‌شود. یکی از نمونه‌های بسیار متداول GUI، در سیستم عاملسیستم عامل چیست به زبان ساده، چرا باید از OS استفاده کنیم؟سیستم عامل چیست به زبان ساده، چرا باید از OS استفاده کنیم؟این مقاله عالی به معرفی سیستم عامل (Operating System|OS) به زبان ساده پرداخته، همچنین بررسی کرده که چرا باید از سیستم عامل استفاده کنیم ‌های مایکروسافت مثل نسخه‌های مختلف ویندوز است.

تصویری که بیانگر مفهوم رابط کاربری گرافیکی می باشد

استفاده از رابط کاربری گرافیکی یا GUI در سیستم‌‌عامل‌هایی مثل ویندوز، باعث راحتی کار کاربران شده است. آنها دیگر برای تعامل با کامپیوتر همانند سیستم MS-DOS نیازی به نوشتن دستور و کد ندارند. کاربران به‌راحتی از آیکون‌های گرافیکی ویندوز استفاده کرده و با عملکرد هرکدام آشنایی دارند بنابراین این رابط کاربری جزئیات فنی و دشوار سیستم را ساده می‌کند. امروزه تصور کامپیوترها بدون رابط کاربری گرافیکی سخت است ولی زمان‌هایی بود که حتی نشانگر موس هم وجود نداشت!

تاریخچه رابطه کاربری گرافیکی

قبل از رابط‌های کاربری گرافیکی، کاربران با استفاده از رابط‌های کاربری کاراکتری یا CUI با کامپیوترها تعامل داشتند. در یک CUI، کاربران دستورات متنی را روی صفحه کلید خود تایپ می‌کنند تا اقداماتی را روی دستگاه انجام دهند. کار بار CUI برای متخصصان فناوری و کاربران پیشرفته راحت بود. این رابط برای تازه‌کارها گیج کننده و همچنین ناکارآمد بود، چون دستورات باید هربار به درستی حفظ و تایپ می‌شدند و این چیزی نبود که برای بازار انبوه جذاب باشد. در سال 1981 زیراکس اولین رابط کاربری گرافیکی خود را در یک محصول مصرفی به اسم زیراکس استار منتشر کرد. این رابط کاربری بسیار با رابط کاربری‌های امروزه فاصله دارد اما نشان‌دهنده فاصله گیری از رابط کاربری‌های مبتنی بر متن است.

Command Prompt ویندوز - که در گذشته به جای رابط کاربری گرافیکی مورد استفاده قرار می گرفت

چند سال بعد، اپل اولین سیستم‌عامل دارای رابط کاربری گرافیکی خود با نام مکینتاش را در سال 1984 منتشر کرد. مایکروسافت اولین رابط کاربری گرافیکی خود را سال بعد در ویندوز 1.0 معرفی کرد. این دو سیستم‌عامل آیکون‌هایی را برای نمایش مواردی مانند فایل‌ها، پوشه‌ها، برنامه‌ها و دکمه‌ها معرفی کردند. عکس زیر مربوط به رابط کاربری گرافیکی مکینتاش در هنگام راه‌اندازی است:

واسط گرافیکی در مکینتاش

زیراکس استار، مکینتاش و ویندوز یکی از مهم‌ترین پیشرفت‌ها در محاسبات شخصی بودند، چون رابط‌های آنها برای عموم قابل دسترسی بود. اکنون کاربر می‌تواند کارهایی مثل دستکاری فایل‌ها و اجرای اسکریپت‌ها را بدون دانستن هیچ دستور یا زبان برنامه نویسیزبان های برنامه نویسی چیست؟زبان های برنامه نویسی چیست؟این مقاله عالی توضیح داده که زبان های برنامه نویسی چیست؟ و انواع زبان های برنامه نویسی و بهترین زبان برنامه نویسی برای شروع و پردرآمدترین آنها را معرفی کرده تخصصی‌ای انجام دهد. در حال حاضر رابط‌های کاربری گرافیکی تقریباً یک پیش‌فرض برای هر محصول دیجیتال تجاری هستند، از رایانه‌های شخصی و تلفن‌های همراه گرفته تا تلویزیون‌ها، یخچال‌ها و کنسول‌های بازی. به واسطه رابط کاربری گرافیکی می‌توانید به‌جای تایپ کردن، به‌طور مثال دکمه "یخ خرد شده" را روی صفحه یخچال فشار دهید. دقیقاً مثل این عکس:

رابط کاربری گرافیکی یخچال

رابط کاربریرابط کاربری یا ui چیست؟ – تفاوت ui و ux + مراحل طراحی uiرابط کاربری یا ui چیست؟ – تفاوت ui و ux + مراحل طراحی uiاین مقاله عالی بررسی کرده که رابط کاربری ui چیست، همچنین تفاوت های UI و UX و مراحل طراحی UI و همچنین اصول طراحی رابط کاربری و سبک های طراحی UI را بررسی کرده یا همان UI نقش بسیار مهم و موثری در جذب، حفظ و هدایت کاربر دارد. اگر رابط کاربری سایت، نرم‌افزارها یا تلفن همراه به‌صورت درست و کارشناسی شده طراحی و پیاده‌سازی شوند، کاربران به‌راحتی می‌توانند با آن تعامل کنند، در غیر این صورت حتی با وجود محتوای ارزشمند نمی‌توانیم انتظار داشته باشیم که کاربران با سبک رابط کاربری طراحی شده ارتباط برقرار کنند. پیشنهاد می‌شود جهت کسب اطلاعات بیشتر، مقاله ترند های طراحی رابط کاربریمعرفی ترند های طراحی رابط کاربریمعرفی ترند های طراحی رابط کاربریاین مقاله عالی ترند های طراحی رابط کاربری و سبک های جدید طراحی و 10 سبک طراحی رابط کاربری که هر طراح رابط کاربری باید درباره‌ی آن‌ها بداند را معرفی کرده را بخوانید.

عملکرد رابط کاربری گرافیکی

در یک رابط کاربری گرافیکی، عناصر بصری اقداماتی را که کاربران می‌توانند انجام دهند و اشیائی که می‌توانند دستکاری کنند را به کاربر نشان می‌دهد. مفهوم اصلی GUI در سیستم عامل، مفهوم انتزاع یا Abstraction است که فرمان‌های پیچیده به‌صورت نشانگر و آیکون درآمده است. با این کار می‌توانیم اطلاعات و فرآیند را از دید کاربر پنهان کنیم. یعنی در سیستم‌عامل ویندوز به‌راحتی با کمک نشانگر ماوس روی آیکون‌های موردنظر کلیک می‌کنید. یک‌سری از عناصر بصری عبارت‌اند از:

مثال کاربردی

اکثر وب‌سایت‌ها، برنامه‌های وب، برنامه‌های نرم‌افزاری (مانند مایکروسافت ورد و اپل موزیک)، مرورگرهای وب مثل کروم، اینترنت اکسپلورر، سیستم‌عامل‌هایی نظیر Windows ،iOSسیستم عامل iOS چیست؟ بررسی تاریخچه و ویژگی های آی او اسسیستم عامل iOS چیست؟ بررسی تاریخچه و ویژگی های آی او اساین مقاله عالی به معرفی سیستم عامل آی او اس (IOS) پرداخته، همچنین به بررسی ویژگی های سیستم عامل Apple iOS و تاریخچه و نسخه های سیستم عامل iOS پرداخته است ،Androidسیستم عامل اندرويد چیست؟ هر آنچه باید درمورد Android بدانیدسیستم عامل اندرويد چیست؟ هر آنچه باید درمورد Android بدانیداندروید چیست و چه ویژگی هایی دارد؟ این مقاله عالی به معرفی سیستم عامل اندروید (Android)، تاریخچه و توسعه اندروید، ویژگی های ورژن های مختلف اندروید پرداخته است و... دارای رابط کاربری گرافیکی هستند. صفحه نمایش زیر مثالی از رابط کاربری گرافیکی در محیط ویندوز است. اگر بخواهید روی این صفحه با اپلیکیشن خاصی کار کنید، باید روی آن با کمک نشانگر ماوس کلیک کنید. مثلاً برای تماشای فیلم از برنامه KMPlayer استفاده می‌کنید. حالا اگر رابط کاربری گرافیکی روی این سیستم وجود نداشت، چه کار باید می‌کردیم؟

واسط گرافیکی ویندوز

باید برنامه خط فرمان (Command Prompt) را باز می‌کردیم، خط فرمان مربوط به اپلیکیشن موردنظر را به همراه دستورالعمل‌های مناسب وارد می‌کردیم تا اپلیکیشن KMPlayer را باز می‌کردیم و فیلم می‌دیدیم. این کار چندان جالب نیست و سخت است چون برای هر کاری باید فرمان خاصی را وارد کنیم. ولی حالا با وجود GUI می‌توانیم KMPlayer را تنها با دیدن آیکون آن تشخیص دهیم و با دو بار کلیک، آن را باز کنیم، بعد فیلم موردنظر را انتخاب کنیم. اغلب، رابط‌های کاربری گرافیکی مختلف در داخل یکدیگر قرار می‌گیرند؛ برای مثال، اگر یک موسیقی را با استفاده از Apple Music در مرورگر وب خود پخش کنید، با رابط کاربری گرافیکی برنامه وب Apple Music که به رنگ سبز است، کار می‌کنید که در داخل رابط کاربری گرافیکی مرورگر Google Chrome (با رنگ زرد) قرار دارد که داخل رابط کاربری گرافیکی سیستم‌عامل ویندوز است. (به رنگ آبی)

قرار گرفتن رابط کاربری های مختلف در یکدیگر

با زوم کردن روی رابط Apple Music، نمونه‌هایی از اجزای رابط کاربری گرافیکی رایج مانند دکمه‌ها، منوها و... را مشاهده می‌کنیم، که به رنگ آبی در عکس مشخص شدند.

اجزای یک رابط کاربری گرافیکی

تلفن‌های همراه هم رابط کاربری گرافیکی مخصوص به خود را برای سیستم‌عامل خود و رابط کاربری گرافیکی متفاوتی برای هر یک از برنامه‌های خود دارند. همه وب‌سایت‌های محبوب رابط کاربری گرافیکی خود را متناسب با اندازه صفحه نمایشی که روی آن هستند، تطبیق می‌دهند. این طراحی واکنش گرا (Responsive) نامیده می‌شود و امروزه در طراحی رابط کاربری گرافیکی اهمیت خیلی زیادی دارد.

واسط کاربری گرافیکی در سیستم عامل iOS

مزایای رابط کاربری گرافیکی

معایب رابط کاربری گرافیکی

بهترین زبان های برنامه نویسی برای رابط کاربری گرافیکی

زبان‌های برنامه نویسی بصری متفاوتی برای انجام طراحی رابط کاربری گرافیکی وجود دارند ولی بهترین زبانها شامل سی شارپسی شارپ چیست ⚡️سی شارپ به زبان سادهسی شارپ چیست ⚡️سی شارپ به زبان سادهاین صفحه عالی بررسی کرده که سی شارپ چیست و تاریخچه سی شارپ، محیط و ابزارهای سی شارپ، ویژگی های سی شارپ، مزایای سی شارپ و کاربرد و بازار کار سی شارپ را گفته یا جاواجاوا چیست؟ تعریف، معنی و ویژگی های جاوا (java) از 0تا100جاوا چیست؟ تعریف، معنی و ویژگی های جاوا (java) از 0تا100جاوا یک زبان برنامه نویسی همه منظوره، مبتنی بر کلاس و شی گرا است که برای داشتن وابستگی های پیاده سازی کمتر طراحی شده است، زبان برنامه نویسی جاوا شبیه ++C است است چون می‌توانند GUIها را به طور همزمان روی مرورگر و به‌عنوان نرم‌افزار دسکتاپ اجرا نمایند. زبان‌های دیگر عبارت‌اند از: پایتونزبان برنامه نویسی پایتون چیست؟ – نحوه شروع و دلایل محبوبیتزبان برنامه نویسی پایتون چیست؟ – نحوه شروع و دلایل محبوبیتزبان برنامه نویسی پایتون (Python) چیست؟ این مقاله عالی به بررسی دلایل محبوبیت پایتون، موارد استفاده از پایتون و نحوه شروع به برنامه نویسی پایتون پرداخته، HTMLزبان html چیست؟ اچ تی ام ال (HTML) چیست و چه کاربردی دارد؟زبان html چیست؟ اچ تی ام ال (HTML) چیست و چه کاربردی دارد؟این مقاله عالی به معرفی زبان html پرداخته سپس موارد چون : html چه کاربردی دارد؟ فایل html چیست؟ بررسی مزایا و معایب HTML، پرکاربرد ترین تگ های HTML پرداخته، جاوا اسکریپتجاوا اسکریپت چیست؟ معرفی زبان برنامه نویسی java scriptجاوا اسکریپت چیست؟ معرفی زبان برنامه نویسی java scriptزبان برنامه نویسی جاوا اسکریپت چیست و چه کاربردی دارد؟ این صفحه عالی به بررسی مزایای JavaScript پرداخته و مبانی برنامه نویسی جاوا اسکریپت را آموزش داده و Cزبان برنامه نویسی C – مزایا و کاربرد زبان C – فرق C و ++Cزبان برنامه نویسی C – مزایا و کاربرد زبان C – فرق C و ++Cاین مقاله عالی ابتدا توضیح می‌دهد که زبان برنامه نویسی c چیست، سپس به بررسی مزایا و معایب زبان C ، کاربردهای زبان سی ، و تفاوت بین C و ++C می‌پردازد و زبان C++‎برنامه نویسی سی پلاس پلاس چیست؟ مزایای برنامه نویسی C++‎؟برنامه نویسی سی پلاس پلاس چیست؟ مزایای برنامه نویسی C++‎؟برنامه نویسی سی پلاس پلاس چیست و چه کاربردی دارد؟ این صفحه عالی به بررسی مزایای برنامه نویسی C++ پرداخته و نمونه هایی از کدهای زبان برنامه نویسی ++C را آورده هستند.

تفاوت بین رابط کاربری گرافیکی با رابط کاربری کاراکتری

رابط کاربری کاراکتری (Character User Interface) که به‌عنوان رابط کاربری خط فرمان یا رابط کاربری غیر گرافیکی نیز شناخته می‌شود، به استفاده از دستورات خط فرمان اشاره دارد که توسط یک مفسر خط فرمان مدیریت می‌شود تا با یک برنامه کامپیوتری ارتباط برقرار کند. معمولاً توسعه‌دهندگان نرم‌افزار و مدیران سیستم برای پیکربندی ماشین‌ها، مدیریت فایل‌های رایانه و دسترسی به ویژگی‌های برنامه‌ای که در رابط کاربری گرافیکی در دسترس نیستند، از رابط‌های خط فرمان استفاده می‌کنند.

رابط کاربری کاراکتری از اتوماسیون و اسکریپت پشتیبانی می‌کند و کنترل دقیق‌تر و عملکرد بالایی نسبت به رابط کاربری گرافیکی دارد، در حالی که رابط کاربری کاراکتری اولین روش مورد استفاده در کامپیوترها در دهه 1980 بود، اکثر دستگاه‌های الکترونیکی مدرن به رابط‌های گرافیکی بصری مجهز شده‌اند و کاربر معمولی به ندرت ممکن است دلیلی برای دسترسی به پایانه کامپیوتر داشته باشد. رابط کاربری وب یا رابط کاربری گرافیکی مبتنی بر وب، به تعامل بین کاربر و نرم‌افزار در حال اجرا بر روی سرور وب اشاره دارد که رابط کاربری مرورگر وب و صفحه وب است که دانلود و ارائه شده است. فناوری‌هایی مانند جاوا، جاوا اسکریپت و سیلورلایت تعاملاتی مانند کشیدن و رها کردن، پخش صدا، طراحی روی صفحه و دسترسی به صفحه کلید و ماوس را امکان‌پذیر می‌کنند. رابط‌های کاربری گرافیکی وب مستقل از پلتفرم هستند، نیازی به نصب یا توسعه نرم‌افزار جداگانه ندارند و به‌روزرسانی و نظارت آنها آسان است زیرا به دلیل عدم وابستگی به کاربر برای انجام به‌روزرسانی‌ها، تجربه رابط کاربری جذابی را ارائه می‌دهد و کم هزینه هستند و فقط به اترنت یا اتصال به Wi-Fi نیاز دارند.

جمع‌بندی

قبل از رابط کاربری گرافیکی، رابط کاربری کاراکتری وجود داشت که در آن زمان افراد عادی نمی‌توانستند از کامپیوترها و سایر دستگاه های دارای این رابط استفاده کنند. در حال حاضر با وجود رابط‌های کاربری گرافیکی، حتی افراد عادی هم از کامپیوترها و ابزارهای مدرن استفاده می‌کنند. صنعت فناوری اطلاعات پر از مشاغل مناسب برای طراحی و توسعه GUI است. زبان‌های برنامه نویسی مدرن هم برای توسعه GUI به کار می‌روند بنابراین چشم‌انداز توسعه رابط‌های کاربری گرافیکی روشن است.

اصلی‌ترین فایده استفاده از GUI چیست؟

استفاده از آنها بسیار ساده است، نمایش بصری داده‌ها سریع‌تر از متن تشخیص داده می‌شود، افراد عادی به راحتی می‌توانند از آن استفاده کنند و نیازی به کد نوشتن یا دستورات محاسباتی ندارند.

GUI کجا استفاده می شود؟

اقدامات در یک رابط کاربری گرافیکی معمولاً از طریق دستکاری مستقیم عناصر گرافیکی انجام می‌شود. به جز کامپیوترها، رابط‌های کاربری گرافیکی در بسیاری از دستگاه‌های تلفن همراه مانند پخش‌کننده‌های MP3، پخش‌کننده‌های رسانه‌ای قابل حمل، دستگاه‌های بازی، تلفن‌های هوشمند و کنترل‌های خانگی، اداری و صنعتی کوچک‌تر استفاده می‌شوند.

امتیازدهی5 1 1 1 1 1 1 1 1 1 15.00 امتیاز (1 امتیاز)
اشتراک
بارگذاری نظرات
تلگرام اینستاگرام