{"id":62666,"date":"2022-08-20T19:25:38","date_gmt":"2022-08-21T00:25:38","guid":{"rendered":"https:\/\/blogging-techies.com\/sw\/gui-vad-ar-ett-grafiskt-anvandargranssnitt\/"},"modified":"2022-08-20T19:25:38","modified_gmt":"2022-08-21T00:25:38","slug":"gui-vad-ar-ett-grafiskt-anvandargranssnitt","status":"publish","type":"post","link":"https:\/\/blogging-techies.com\/sw\/gui-vad-ar-ett-grafiskt-anvandargranssnitt\/","title":{"rendered":"GUI? Vad \u00e4r ett grafiskt anv\u00e4ndargr\u00e4nssnitt?"},"content":{"rendered":"
\n

GUI:er \u00e4r allest\u00e4des n\u00e4rvarande, men du kanske inte ens vet vad de \u00e4r, och du tar dem n\u00e4stan s\u00e4kert f\u00f6r givet. \u00c4nd\u00e5 \u00e4r termen s\u00e5 integrerad i datoranv\u00e4ndning att den f\u00f6rtj\u00e4nar en viss f\u00f6rklaring och sammanhang.<\/p>\n

S\u00e5, vad \u00e4r ett GUI?<\/p>\n

<\/span> Vad st\u00e5r GUI f\u00f6r?<\/span><\/h2>\n

Beroende p\u00e5 hur du definierar datoranv\u00e4ndning har det funnits i en eller annan form under l\u00e5ng tid.<\/p>\n

Till exempel uppn\u00e5ddes omedelbara fj\u00e4rrmeddelanden f\u00f6rst med telegrafen 1844. Alan Turings \u201ca-machine\u201d skapades 1936 och var i huvudsak en tidig minir\u00e4knare.<\/p>\n

Men ingen av dessa verkar mycket som datorer idag, till stor del f\u00f6r att de saknar ett GUI.<\/p>\n

GUI st\u00e5r f\u00f6r \u201cgrafiskt anv\u00e4ndargr\u00e4nssnitt\u201d eller \u201cgrafiskt anv\u00e4ndargr\u00e4nssnitt.\u201d M\u00e5nga identifierar det f\u00f6rsta grafiska anv\u00e4ndargr\u00e4nssnittet som det som visades av Doug Engelbart i hans \u201cMother of All Demos\u201d fr\u00e5n 1968, som t\u00e4ckte musen, fj\u00e4rrtextredigering och l\u00e4nkar och genv\u00e4gar.<\/p>\n

Det \u00e4r en fr\u00e5ga ur v\u00e4gen, men vad \u00e4r ett grafiskt anv\u00e4ndargr\u00e4nssnitt? F\u00f6r att f\u00f6rst\u00e5 det m\u00e5ste vi f\u00f6rst\u00e5 den st\u00f6rre termen \u201canv\u00e4ndargr\u00e4nssnitt\u201d.<\/p>\n

<\/span> GUI vs. UI<\/span><\/h2>\n

Om vi \u200b\u200btittar p\u00e5 vilken maskin som helst kommer den att ha ett s\u00e4tt f\u00f6r anv\u00e4ndare att interagera med den. Denna del av maskinen \u00e4r \u201canv\u00e4ndargr\u00e4nssnittet\u201d eller \u201cUI.\u201d Ett grafiskt anv\u00e4ndargr\u00e4nssnitt \u00e4r den elektroniska displaykomponenten (om det finns en) i en maskins st\u00f6rre anv\u00e4ndargr\u00e4nssnitt (om det finns ett) som till\u00e5ter anv\u00e4ndare att v\u00e4lja ikoner och bilder ist\u00e4llet f\u00f6r siffror eller text.<\/p>\n

Ett stoppur eller en k\u00f6kstimer har ett anv\u00e4ndargr\u00e4nssnitt, men det inneh\u00e5ller f\u00f6rmodligen inte en grafisk displaykomponent. En pekplatta f\u00f6r att bekr\u00e4fta en transaktion i butiken kan endast best\u00e5 av ett grafiskt anv\u00e4ndargr\u00e4nssnitt eftersom du inte interagerar med n\u00e5gon annan del av maskinen \u00e4n sk\u00e4rmen.<\/p>\n

\u00c4ven om dessa exempel p\u00e5 enheter utan GUI och helt GUI existerar, best\u00e5r de flesta tekniska enheter av b\u00e5de GUI och icke-GUI-element.<\/p>\n

T\u00e4nk p\u00e5 enheten som du l\u00e4ser den h\u00e4r artikeln p\u00e5: dina handlingar visas i realtid p\u00e5 GUI, men du anv\u00e4nder ocks\u00e5 ett tangentbord eller knappar f\u00f6r att navigera i andra kommandon och funktioner.<\/p>\n

N\u00e4stan varje enhet som de flesta m\u00e4nniskor interagerar med nuf\u00f6rtiden har ett GUI, ofta f\u00f6r att bekr\u00e4fta eller visa \u00e5tg\u00e4rder n\u00e4r vi anv\u00e4nder allt mer komplexa enheter. De senaste decennierna har fler och fler av dessa enheter vi anv\u00e4nder varje dag inf\u00f6rlivat ett GUI.<\/p>\n

<\/span> Vad \u00e4r GUI i datorhistorik?<\/span><\/h2>\n

The Mother of All Demos introducerade v\u00e4rlden till det grafiska anv\u00e4ndargr\u00e4nssnittet 1968, men m\u00f6jligen var det f\u00f6rsta exemplet p\u00e5 ett GUI i drift sju \u00e5r tidigare. IBM:s SAGE-datorsystem navigerades med en \u201cljuspistol\u201d riktad mot en visad karta. Anv\u00e4nds fram till 1983 \u00e4r det m\u00f6jligt att Engelbart inte visste eller kunde prata om SAGE.<\/p>\n

The Mother of All Demos introducerade i f\u00f6rsta hand ordbehandling, inklusive fj\u00e4rrsamarbete. Medan textbaserad navigering vanligtvis utesluts fr\u00e5n definitioner av GUI, inkluderade demon ocks\u00e5 l\u00e4nkar och filer. B\u00e5da dessa \u00e4r tidiga exempel p\u00e5 mer kreativ datorarkitektur som inneh\u00e5ller strukturer som f\u00f6nster och flikar.<\/p>\n

Att s\u00e4ga att SAGE slog Engelbart med n\u00e5gra \u00e5r \u00e4r inte att ta ifr\u00e5n sig \u00e4ran. Engelbart var fortfarande l\u00e5ngt f\u00f6re sin tid. IBM:s experiment med de f\u00f6rsta persondatorerna skapade SCAMP 1973. Samma \u00e5r blev Xerox Alto den f\u00f6rsta allm\u00e4nt tillg\u00e4ngliga datorn f\u00f6r att integrera moderna GUI-scheman.<\/p>\n

D\u00e4rifr\u00e5n kan du skriva en bok som sp\u00e5rar GUI-utvecklingen fr\u00e5n operativsystem till operativsystem. Mellan 1973 och nu har datorinteraktion blivit allt mer grafikbaserad till den grad att m\u00e5nga operationer kan genomf\u00f6ras utan n\u00e5gon text alls.<\/p>\n

\n<\/figure>\n

Samma typ av utveckling har \u00e4gt rum i telefoner ocks\u00e5.<\/p>\n

<\/span> GUI-exempel i mobila enheter<\/span><\/h2>\n

Precis som med datorer fanns digitala displayer p\u00e5 telefoner innan vad vi kallar ett \u201cgrafiskt anv\u00e4ndargr\u00e4nssnitt\u201d. Dessa tidiga digitala displayer visade anv\u00e4ndaren vilka nummer som hade angetts och senare vilket telefonnummer som ringde. De till\u00e4t dock inte interaktion eller presenterade grafiska element som appikonerna som anv\u00e4nds idag.<\/p>\n

1999 blev Blackberry 850 en av de f\u00f6rsta internetanslutna mobila enheterna. \u00c4ven om den inkluderade de grundl\u00e4ggande delarna av ett GUI, var sk\u00e4rmen monokrom, och den navigerades med ett vanligt tangentbord.<\/p>\n

2003 kombinerade Palm Treo 600 den personliga digitala assistenten med en mobiltelefon f\u00f6r att skapa en f\u00f6reg\u00e5ngare till moderna smartphones. Handdatorer g\u00e5r tillbaka n\u00e4stan tio \u00e5r tidigare och mobiltelefoner tio ytterligare, men b\u00e5da inneh\u00f6ll text- eller numeriska menyer snarare \u00e4n de grafiska brickorna som introducerades av Palm Treo.<\/p>\n

Den f\u00f6rsta smarttelefonen med peksk\u00e4rm, iPhone, tillk\u00e4nnagavs 2007. De grafiska kakelmenyerna som ligger till grund f\u00f6r GUI var redan en funktion i mobila enheter, liksom peksk\u00e4rmar, \u00e4ven om de navigerades med en penna.<\/p>\n

Iphone:s genombrott gjorde att det grafiska anv\u00e4ndargr\u00e4nssnittet blev n\u00e4stan hela sk\u00e4rmytan till ett grafiskt anv\u00e4ndargr\u00e4nssnitt f\u00f6r enheten.<\/p>\n

Peksk\u00e4rmsgr\u00e4nssnittet som debuterade med iPhone banade v\u00e4gen f\u00f6r den h\u00e4r typen av gr\u00e4nssnitt som sedan dess har hittat en plats i allt fr\u00e5n bilar till kylsk\u00e5p.<\/p>\n

<\/span> Problem med GUI<\/span><\/h2>\n

GUI kan l\u00e5ta perfekt, men de har problem. Den utg\u00f6r en egen kategori inom mjukvaru- och anv\u00e4ndbarhetstestning.<\/p>\n

Vid f\u00f6rsta anblicken kan ett GUI-verktygsf\u00e4lt se snyggare ut \u00e4n ett textverktygsf\u00e4lt, men vad h\u00e4nder om en anv\u00e4ndare inte vet vad grafiken betyder? F\u00f6r att ett GUI ska vara effektivt m\u00e5ste ikonerna som visas effektivt f\u00f6rmedla de \u00e5tg\u00e4rder de genomf\u00f6r.<\/p>\n

Ibland l\u00f6ser GUI-utvecklare och anv\u00e4ndarv\u00e4nlighetsdesigner detta problem p\u00e5 n\u00e4stan komiskt f\u00f6r\u00e5ldrade s\u00e4tt.<\/p>\n

\u201cSpara\u201d-ikonen p\u00e5 m\u00e5nga applikationer \u00e4r fortfarande en bild av en diskett, en artefakt som \u00e4r obekant f\u00f6r m\u00e5nga yngre datoranv\u00e4ndare. P\u00e5 samma s\u00e4tt, n\u00e4r var sista g\u00e5ngen du s\u00e5g en \u201cRadera\u201d-ikonstil gammaldags papperskorg med metalllock?<\/p>\n

Dessutom \u00e4r GUI mer kr\u00e4vande vad g\u00e4ller ber\u00e4kning och kraft \u00e4n enklare gr\u00e4nssnittsmodeller. Ett bra exempel p\u00e5 detta \u00e4r boot utan GUI. Starten utan GUI eliminerar laddningsf\u00e4ltet vid start av program.<\/p>\n

Utan att ocks\u00e5 driva det grafiska gr\u00e4nssnittet g\u00e5r startprocessen snabbare, men du kan inte heller s\u00e4ga om systemet st\u00f6ter p\u00e5 problem.<\/p>\n

GUI skapar ocks\u00e5 ytterligare ett steg i designprocessen, men l\u00f6sningar som Qt GUI g\u00f6r det l\u00e4ttare f\u00f6r designers att inf\u00f6rliva ett GUI i sina produkter och applikationer.<\/p>\n

<\/span> Vilket \u00e4r ditt favorit-GUI?<\/span><\/h2>\n

Det grafiska anv\u00e4ndargr\u00e4nssnittet har gradvis f\u00f6r\u00e4ndrat v\u00e5ra liv i decennier. Formatet ers\u00e4tter text- eller siffermenynavigering med att v\u00e4lja illustrativa ikoner, vilket g\u00f6r enheterna mer anpassningsbara och anv\u00e4ndarv\u00e4nliga.<\/p>\n

Om f\u00f6rfattaren<\/strong><\/p>\n

Johnathan Jaehnig (108 artiklar publicerade)
<\/strong><\/p>\n

Jon Jaehnig \u00e4r en frilansskribent\/redakt\u00f6r som \u00e4r intresserad av exponentiell teknologi. Jon har en kandidatexamen i vetenskaplig och teknisk kommunikation med en bi\u00e4mne i journalistik fr\u00e5n Michigan Technological University.<\/p>\n

Mer fr\u00e5n Johnathan Jaehnig<\/p>\n

<\/span>Prenumerera p\u00e5 v\u00e5rt nyhetsbrev<\/span><\/h4>\n

G\u00e5 med i v\u00e5rt nyhetsbrev f\u00f6r tekniska tips, recensioner, free e-b\u00f6cker och exklusiva erbjudanden!<\/p>\n

Klicka h\u00e4r f\u00f6r att prenumerera<\/p>\n<\/p><\/div>\n

\n
\n

Table of Contents<\/p>\nToggle<\/span><\/path><\/svg><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n