Giao diện đồ họa người dùng (tiếng Anh: graphical user interface, viết tắt là GUI) là một dạng giao diện người dùng cho phép giao tiếp với máy tính hay các thiết bị điện tử bằng hình ảnh và chữ viết thay vì chỉ là các dòng lệnh đơn thuần. GUI được sử dụng phổ biến trong máy tính, các thiết bị cầm tay, các thiết bị đa phương tiện, hoặc các linh kiện điện tử trong văn phòng, nhà ở,...
Phạm vi sử dụng thuật ngữ GUI hầu như chỉ được giới hạn trong các thiết bị có màn hình 2 chiều. Nó ít được sử dụng trong các thiết bị với giao diện có độ phân giải thấp như một số thiết bị chơi game (HUD được sử dụng nhiều hơn).
GUI được các nhà nghiên cứu tại Xerox PARC phát triển trong thập niên 1970. Ngày nay hầu hết các hệ điều hành máy tính nhiều người dùng đều sử dụng giao diện này.
Cha đẻ của GUI
Douglas Englebart hiện được xem là cha đẻ của giao diện người dùng đồ họa lúc còn sơ khai. Sau khi tốt nghiệp ngành kĩ thuật điện vào năm 1948, Douglas làm việc tại Viện NACA (NACA Institute, tiền thân của NASA hiện giờ). Sau đó, với mong muốn được làm công việc có thể mang lại lợi ích cho toàn nhân loại, ông đã nghĩ đến việc xây dựng một chiếc máy có thể làm tăng trí tuệ con người.
Trong giai đoạn chiến tranh, Douglas làm việc với vai trò là một kiểm soát viên rađa để có thể hình dung ra một thiết bị hiển thị được xây dựng xoay quanh các ống tia cathode mà qua đó người dùng có thể xây dựng các mô hình thông tin một cách trực quan thông qua đồ họa, và họ có thể tương tác với bất cứ những gì họ nhìn thấy. Để có thể thực hiện được ý tưởng này, ông phải tìm nguồn tài trợ. Song, đó không phải là việc dễ dàng mà có thể thực hiện được trong thời gian ngắn.
Năm 1955, Douglas đạt được học vị tiến sĩ và vào làm việc tại Học viện Nghiên cứu Stanford (Standford Research Institute), và tại đó ông đã đạt được nhiều bằng sáng chế về "các thành phần tiểu hóa máy tính" (miniaturizing computer components). 1959, ông đã thuyết phục được Không quân Hoa Kỳ (United States Air Force) hỗ trợ quỹ cho ý tưởng của ông. 1962, ông cho xuất bản luận văn Augmenting Human Intellect với nội dung chính là các ý tưởng mà ông đã ấp ủ. Qua luận văn này, ông khẳng định "máy tính không phải để thay thế trí tuệ con người, mà là để cải thiện nó". Một trong những ví dụ mà ông sử dụng trong luận văn này là một kiến trúc sư sử dụng một công cụ nào đó tương tự các phần mềm CAD ngày nay để thiết kế nên các tòa nhà.
Douglas và các cộng sự của ông tiếp tục làm việc để phát triển các ý tưởng và công nghệ này. Và vào năm 1968, một sự trình diễn công khai được thực hiện trước hơn 1000 các chuyên gia máy tính về những thành quả từ những ý tưởng ban đầu của ông.
Lịch sử
Tiền thân
Tiền thân của GUI được khai sinh bởi những nhà nghiên cứu tại Standford Research Institute - được dẫn đầu bởi Douglas Engelbart. Khi đó, họ phát triển việc sử dụng những siêu liên kết (hyperlinks) dựa trên chữ cho hệ thống trực tuyến (On-Line System), trong đó các liên kết được thao tác với một con chuột. Khái niệm siêu liên kết sau đó đã được các nhà nghiên cứu tại Xerox PARC mở rộng sang phạm vi đồ họa.
1963, Sketchpad, một hệ thống dựa trên con trỏ (pointer) được phát triển bởi Ivan Sutherland. Hệ thống này sử dụng một cây bút phát sáng để thao tác việc tạo và thao tác với các đối tượng trong các bản vẽ kĩ thuật.
Giao diện người dùng PARC
Giao diện người dùng PARC gồm các thành phần đồ họa như cửa sổ (window), thực đơn (menu), nút kiểm tròn (radio button), ô kiểm vuông (check box) và các biểu tượng (icon).
Tiến hóa
Dựa trên hệ thống tiền thân, lần lượt các hệ thống đồ họa được ra đời. Năm 1981, mô hình điều hành máy tính dựa trên GUI đầu tiên được ra đời là Xerox 8010 Star Information System. Tiếp theo đó là Apple Lisa năm 1983, Macintosh 128K của Apple năm 1984, Atari ST và Commodore Amiga năm 1985.
Việc điều khiển đồ họa bằng lệnh (command) được khai sinh khi IBM cho ra đời Common User Access (1987), trong đó các chuỗi lệnh khác nhau sẽ được áp dụng cho các chương trình khác nhau như: phím F3 sẽ kích hoạt chế độ hỗ trợ trong WordPerfect, nhưng nó sẽ đóng chương trình trong các ứng dụng khác của IBM.
Tiếp nối sự phát triển của các hệ thống GUI là sự ra đời của các keyboard overlays (tạm dịch, bàn phím cho phép điều chỉnh bố cục chức năng). Đó là những mảnh giấy hay plastic được đặt trong những chỗ trống giữa các phím, nó có nhiệm vụ cung cấp cho người dùng chức năng của các phím khác nhau của các ứng dụng đã được xác định. Có thể hình dung những bàn phím như vậy với những keystroke ngày nay như: Control-Alt-Delete sẽ mở Task Manager trong hệ điều hành Windows, còn trong các hệ thống Unix thì sẽ tắt máy tính.
Các hệ thống GUI phổ biến ngày nay là Microsoft Windows, Mac OS X, X Window System trên các PC (Personal Computer), laptop. Ngoài ra còn có sự góp mặt của các thiết bị di động như Symbian, BlackBerry OS, Android, iOS. Các hệ thống này đều được phát triển dựa trên những ý tưởng ban đầu của Xerox, cho nên chúng gần như có các khái niệm tương tự nhau (như button, radio button, menu...)
Các thành phần trong GUI
Một hệ thống GUI là sự kết hợp của các công nghệ, thiết bị để cung cấp cho người dùng một nền tảng cho phép người sử dụng có thể tương tác với nó.
Một chuỗi các thành phần của GUI tuân theo một ngôn ngữ trực quan (visual language) để biểu diễn thông tin được lưu trữ trong các máy tính. Thông dụng nhất khi kể đến sự kết hợp các thành phần như vậy là mô hình WIMP (window, icon, menu, pointing device) trong các máy tính cá nhân.
👁️
3 | 🔗 | 💖 | ✨ | 🌍 | ⌚
**Giao diện đồ họa người dùng** (tiếng Anh: graphical user interface, viết tắt là **GUI**) là một dạng giao diện người dùng cho phép giao tiếp với máy tính hay các thiết bị điện tử
Trước đây, việc điều khiển một cỗ máy bằng cách nói chuyện với chúng chỉ là những câu chuyện trong khoa học viễn tưởng. Nhưng viễn tưởng này đang dần trở thành hiện thực với
Trong giao diện người dùng bằng đồ hoạ (GUI), **thành tố điều khiển đồ họa** (tiếng Anhː **graphical widget**, viết gọn là **widget**, còn được gọi là **control**) là một thành phần dùng để tương
Trong thiết kế phần mềm, **diện mạo và cảm nhận** hay **cái nhìn và cảm nhận** của giao diện đồ họa người dùng (GUI) bao gồm những khía cạnh của thiết kế, gồm các thành
**Unity** là một là một môi trường desktop phân nhánh từ GNOME được phát triển bởi Canonical Ltd. cho hệ điều hành Ubuntu. Unity ra mắt trong phiên bản netbook edition của Ubuntu 10.10. Ban
thumb|Một quá trình gồm nhiều kỹ thuật kết xuất được áp dụng lên một cảnh phim 3D đơn lẻ thumb|Một hình ảnh tạo bằng phần mềm [[POV-Ray 3.6.]] Trong đồ họa máy tính, **kết xuất
nhỏ|300x300px| Kodi là một ví dụ về phần mềm máy tính tại nhà, được thiết kế để hiển thị trên TV. Nó có thể được điều khiển bằng điều khiển từ xa, bộ điều khiển
Một **chương trình quản lý cửa sổ X** (tiếng Anh: _X window manager_) là một phần mềm điều khiển sự bố trí và ngoại hình của các cửa sổ trong hệ thống X Window, một
nhỏ|Ảnh chụp màn hình tài liệu [[API web viết bởi NASA]] Một **giao diện lập trình ứng dụng** (, viết tắt: _API_) là một giao diện mà một hệ thống máy tính hay ứng dụng
nhỏ|300x300px| So sánh cấp cao các API và ABI trong nhân-không gian người dùng và nội bộ nhân nhỏ|300x300px| [[Hạt nhân Linux|Nhân Linux và Thư viện GNU C định nghĩa API Linux. Sau khi biên
**Hệ thống Fluent Design** (, tên mã là **Dự án Neon**), tên chính thức là **Microsoft Fluent Design System** là một ngôn ngữ thiết kế được phát triển vào năm 2017 bởi Microsoft. Fluent Design
nhỏ|Các loại con trỏ thông thường. Trong giao diện người dùng máy tính, **con trỏ** (tiếng Anh: _mouse cursor_ hoặc _mouse pointer_) là một biểu tượng được sử dụng để hiển thị vị trí hiện
thumb|right|Giao diện người dùng trên máy tính **Giao diện người sử dụng** (tiếng Anh: **User Interface**, viết tắt: UI) là điểm tương tác và giao tiếp giữa người và máy tính trong một thiết bị.
**Thanh tác vụ** (**Taskbar**) là một phần của giao diện đồ hoạ người dùng có nhiều mục đích khác nhau. Taskbar thường hiển thị chương trình máy tính nào hiện đang chạy. Thiết kế và
thumb|Ảnh chụp màn hình của một phiên [[Bash (Unix shell)|Bash mẫu trong GNOME Terminal 3, Fedora 15]] thumb|Ảnh chụp màn hình của [[PowerShell|Windows PowerShell 1.0, chạy trên Windows Vista ]] **Giao diện dòng lệnh** (
thumb|[[Menu thả xuống gồm các lệnh thao tác tập tin trong chương trình trên Microsoft Windows.]] Trong điện toán và viễn thông thì **menu** là danh sách các tùy chọn hoặc các lệnh được trình
thumb|right|Ảnh chụp màn hình trang chính của Wikipedia tiếng Việt tháng 12 năm 2020 **Ảnh chụp màn hình** (tiếng Anh: _screenshot_, _screen capture_ hay _screen grab_) là một hình ảnh thu lại những gì được
Trong điện toán, **mệnh lệnh** (_command_) là một chỉ thị tới chương trình máy tính hoạt động như một thông dịch viên của một số loại, để thực hiện một tác vụ cụ thể. Thông
**Bảng mạch đồ họa**, **Bộ chuyển đổi đồ hoạ** (_graphics adapter_), **thẻ đồ họa, card đồ họa (graphics card)**, **thẻ màn hình**, **card màn hình** là một bảng mạch mở rộng (expansion card) dùng để
**Tương tác người–máy** (**Giao tiếp người–máy**, , viết tắt **HCI**) bao gồm công việc nghiên cứu, hoạch định, thiết kế và khai thác sự giao tiếp giữa con người (người dùng) và máy tính. Đây
thumb|GeForce 6600GT (NV43) nhỏ|Các bộ phận của một GPU **Bộ phận xử lý đồ họa** (**GPU**, **graphics processing unit**) là một vi mạch chuyên dụng được thiết kế để thao tác và truy cập bộ
**Giao tiếp lập trình ứng dụng mở** (Open API) (thường được gọi là một giao tiếp lập trình ứng dụng công cộng.) là một giao tiếp lập trình ứng dụng công khai cung cấp cho
**Giao diện quản lý nền tảng thông minh** (hay được gọi là **IPMI**, viết tắt của The Intelligent Platform Management Interface) là một tập hợp các thông số kỹ thuật giao diện máy tính cho
**Material Design** (tên mã là **Quantum Paper**) là một ngôn ngữ thiết kế được phát triển vào năm 2014 bởi Google. Mở rộng dựa trên mô típ "thẻ" có mặt trên Google Now, Material Design
**Nhà thiết kế đồ họa** (tiếng Anh: _graphic designer_), đôi khi còn gọi là **nghệ sĩ đồ họa** (tiếng Anh: _graphic artist_), là một chuyên gia trong ngành thiết kế đồ họa và nghệ thuật
The X Window System logo Trong vi tính, **Hệ thống X Window** (thường được gọi tắt là **X11** hoặc **X**) là một hệ thống cửa sổ xuyên dụng mạng dùng để hiển thị đồ họa
Phong cảnh cố đô nhìn từ núi Mã Yên Cửa Đông vào [[đền Vua Đinh Tiên Hoàng]] **Quần thể di tích Cố đô Hoa Lư** là hệ thống các di tích về kinh đô Hoa
thumb|Logo của ngôn ngữ thiết kế Windows Aero **Windows Aero** (được mở rộng thành _Authentic, Energetic, Reflective, and Open_ tạm dịch _Chân thực, Năng động, Phản chiếu và Cởi mở_) là một ngôn ngữ thiết
Vào ngày 6 tháng 1 năm 2021, một nhóm người ủng hộ cựu Tổng thống Hoa Kỳ Donald Trump đã nỗ lực lật ngược cuộc bầu cử tổng thống 2020 bằng cách tiến vào Washington,
thumb|right|Hệ thống [[Tàu điện ngầm thành phố New York là hệ thống tàu điện ngầm vận hành độc lập lớn nhất trên thế giới tính theo số lượng nhà ga mà nó phục vụ, sử
**Đồ họa thông tin** (tiếng Anh: _infographic_, là từ ghép của Information graphic), là sự kết hợp thông tin ngắn gọn với hình ảnh minh họa và màu sắc sinh động, bắt mắt để có
**Trình thông dịch dòng lệnh** (tiếng Anh: _command line interpreter_ hay _command line shell_) là một chương trình máy tính có nhiệm vụ đọc các dòng lệnh văn bản người dùng nhập vào và thông
**Windows Shell** cung cấp cho người dùng quyền truy cập vào các đối tượng cần thiết để chạy ứng dụng và quản lý hệ điều hành. Ví dụ quen thuộc nhất của các đối tượng
**Douglas "Doug" Carl Engelbart** (30 tháng 1 năm 1925 – 2 tháng 7 năm 2013) là một nhà phát minh Hoa Kỳ, một người tiên phong về Internet. Ông được biết đến nhiều nhất với
**Trò chơi điện tử nhiều người chơi** (tiếng Anh: _Multiplayer video game_) là một trò chơi (game) trong đó nhiều người có thể chơi trong cùng môi trường game cùng một lúc. Trò chơi điện
**Microsoft PixelSense** (trước đây gọi là **Microsoft Surface**), là một sản phẩm của Microsoft, được phát triển như một công nghệ kết hợp cả phần cứng và phần mềm, cho phép người dùng, hoặc nhiều
**Giáo đường Do Thái Remah**, (), được đặt tên theo giáo sĩ Do Thái - thầy đạo Moses Isserles (1525-1572), được biết đến với tên viết tắt là Rema (רמ"א, phát âm là ReMU) -
nhỏ|Một hộp nhập văn bản nhỏ| Một hộp văn bản trong một [[chương trình soạn thảo văn bản. ]] Một **hộp văn bản** (tiếng Anh: **text box**), **trường văn bản** hay **hộp nhập văn bản**
nhỏ|Plugin (điện toán) (Hình ảnh minh họa) Trong kỹ thuật máy tính, **plugin** (), **trình cắm**, hay **phần bổ trợ** là một bộ phần mềm hỗ trợ mà thêm những tính năng cụ thể cho
Mô hình 3D với DirectX 9.0: Ấm trà Utah **Đồ họa máy tính** () là một lĩnh vực của khoa học máy tính nghiên cứu về cơ sở toán học, các thuật toán cũng như
Trong điện toán, **biểu tượng** (tiếng Anh: _icon_) là một pictogram hay ideogram hiển thị trên màn hình máy tính để giúp người dùng điều hướng một máy tính. Chính biểu tượng đó là một
Trong các máy tính thiết bị truyền thông di động, **hình nền** (tiếng Anh: **wallpaper**, còn gọi là **desktop picture** và **desktop background**) là một hình ảnh được sử dụng làm nền của giao diện
nhỏ|Trải nghiệm người dùng (UX) **Trải nghiệm người dùng** (tiếng Anh: **User Experience,** viết tắt: **UX**) là cách một người dùng tương tác và trải nghiệm một sản phẩm, hệ thống hoặc dịch vụ. Nó
Sự khác biệt giữa **đồ họa vector** và [[đồ họa raster.]] **Đồ họa vector** trong đồ họa máy tính sử dụng các tọa độ trong mặt phẳng 2 chiều để biểu diễn hình ảnh. Các
Một **thanh địa chỉ** (hoặc **thanh location** hoặc **thanh URL**) là một thanh không thể thiếu trong một Trình duyệt web sẽ hiển thị URL hiện thời hoặc để cho người dùng nhập URL mà
**Trình quản lý bố cục** (tiếng Anh: **Layout manager**) là những thành phần phần mềm được sử dụng trong bộ công cụ widget, dùng để bố trí các thành tố điều khiển đồ họa theo
[[KDE 3.5]] [[GNOME 2.12.0]] Trong khoa học máy tính, **Hệ thống X Window** (còn được gọi tắt là **X11** hay **X**) là một windowing system dùng để hiển thị đồ họa bitmap. Nó cung ứng
**Quyền động vật trong các tôn giáo Ấn Độ** là quan điểm, quan niệm, giáo lý, học thuyết của các tôn giáo lớn ở Ấn Độ bao gồm Ấn Độ giáo (Hindu giáo), Phật giáo
Sau cuộc bạo loạn tại Điện Capitol Hoa Kỳ 2021, các cuộc điều tra tội phạm, lo ngại về sức khỏe cộng đồng và các tác động chính trị khác nhau đã xảy ra, đáng
nhỏ|phải|Sơ đồ kinh đô Hoa Lư nhỏ|phải|Những ngọn núi đá tự nhiên được các triều vua nối lại bằng tường thành nhân tạo **Cố đô Hoa Lư** (chữ Hán: 華閭) là kinh đô của Việt