173 lines
14 KiB
HTML
173 lines
14 KiB
HTML
<?xml version="1.0" encoding="UTF-8"?>
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
|
<html xmlns="http://www.w3.org/1999/xhtml" lang="id" xml:lang="id">
|
|
<head>
|
|
<!--
|
|
*
|
|
* Copyright 2008-2017, Haiku. All rights reserved.
|
|
* Distributed under the terms of the MIT License.
|
|
*
|
|
* Authors:
|
|
* Humdinger <humdingerb@gmail.com>
|
|
* Translators:
|
|
* mazbrili abu ibrahim
|
|
*
|
|
-->
|
|
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
|
|
<meta http-equiv="Content-Style-Type" content="text/css" />
|
|
<meta name="robots" content="all" />
|
|
<title>Antar Muka Haiku</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<link rel="stylesheet" type="text/css" href="../Haiku-doc.css" />
|
|
</head>
|
|
<body>
|
|
|
|
<div id="banner">
|
|
<div><span>Panduan pengguna</span></div>
|
|
</div>
|
|
|
|
<div class="nav">
|
|
<div class="inner">
|
|
<ul class="lang-menu">
|
|
<li class="now">Bahasa Indonesia <span class="dropdown-caret">▼</span></li>
|
|
<li><a href="../ca/gui.html">Català</a></li>
|
|
<li><a href="../de/gui.html">Deutsch</a></li>
|
|
<li><a href="../en/gui.html">English</a></li>
|
|
<li><a href="../es/gui.html">Español</a></li>
|
|
<li><a href="../fr/gui.html">Français</a></li>
|
|
<li><a href="../fur/gui.html">Furlan</a></li>
|
|
<li><a href="../it/gui.html">Italiano</a></li>
|
|
<li><a href="../hu/gui.html">Magyar</a></li>
|
|
<li><a href="../pl/gui.html">Polski</a></li>
|
|
<li><a href="../pt_PT/gui.html">Português</a></li>
|
|
<li><a href="../pt_BR/gui.html">Português (Brazil)</a></li>
|
|
<li><a href="../ro/gui.html">Română</a></li>
|
|
<li><a href="../sk/gui.html">Slovenčina</a></li>
|
|
<li><a href="../fi/gui.html">Suomi</a></li>
|
|
<li><a href="../sv_SE/gui.html">Svenska</a></li>
|
|
<li><a href="../tr/gui.html">Türkçe</a></li>
|
|
<li><a href="../zh_CN/gui.html"> 中文 ［中文］</a></li>
|
|
<li><a href="../ru/gui.html">Русский</a></li>
|
|
<li><a href="../uk/gui.html">Українська</a></li>
|
|
<li><a href="../jp/gui.html">日本語</a></li>
|
|
</ul>
|
|
<span>
|
|
« <a href="filesystem-layout.html">Layout Filesystem</a>
|
|
:: <a href="contents.html" class="uplink">Daftar Isi</a>
|
|
:: <a href="workspaces.html">Workspace (ruang kerja)</a> »
|
|
</span></div>
|
|
</div>
|
|
|
|
<div id="content">
|
|
<div>
|
|
<div class="box-info">Terjemahan halaman ini belum lengkap. Sampai saat itu, bagian yang belum selesai menggunakan aslinya bahasa Inggris.</div>
|
|
|
|
<table class="index" id="index" summary="index">
|
|
<tr class="heading"><td>Indeks</td></tr>
|
|
<tr class="index"><td>
|
|
<a href="#move-resize">Mudah memindah dan merubah-ukuran</a><br />
|
|
<a href="#stack-tile">Stack & Tile</a><br />
|
|
<a href="#open-save-panel">Buka dan simpan panel</a><br />
|
|
<a href="#replicants">Replicants</a></td></tr>
|
|
</table>
|
|
|
|
<h1>Antar Muka Haiku</h1>
|
|
|
|
<p>Antarmuka pengguna grafis Haiku adalah bagian integral dari sistem. Tidak seperti sistem operasi mirip Unix lainnya, tidak ada window manager yang terpisah dan mem-boot hanya ke shell "command-line" tidak dimungkinkan. Fokus Haiku adalah pada pengguna desktop, sehingga hal diatas tidak dianggap perlu.</p>
|
|
<p>Karena Anda mungkin memiliki pengalaman dengan lingkungan grafis lainnya, mari lewati standar seperti menu, menu konteks klik kanan, seret & lepas dll. Mari kita lihat beberapa aspek unik GUI Haiku sebagai gantinya.</p>
|
|
<img src="images/gui-images/gui.png" alt="gui.png" />
|
|
<p>Hanya ada beberapa hal di GUI Haiku yang tidak jelas dan pantas diberikan penjelasan.</p>
|
|
<ol>
|
|
<li><p>Deskbar adalah menu "Start" dan bilah tugas Haiku, jika Anda mau. Lihat topik <a href="deskbar.html">Deskbar</a>.</p></li>
|
|
<li>Tab kuning menawarkan lebih dari sekadar nama program atau nama file dokumen:
|
|
<ul><li>Anda dapat memindahkannya dengan menahan tombol <span class="key">SHIFT</span> sambil menyeretnya ke posisi lain, memungkinkan Anda untuk menumpuk sejumlah jendela dan dengan mudah mengaksesnya dengan tab bernama mereka.</li>
|
|
<li>Anda meminimalkan jendela dengan mengklik dua kali pada tabnya (atau dengan <span class="key">CTRL</span> <span class="key">ALT</span> <span class="key">M</span>). Jendela tersembunyi semacam itu dapat diakses dengan entri di jendela <a href="deskbar.html">Deskbar</a> or the <a href="twitcher.html">Twitcher</a>.</li>
|
|
<li>Anda dapat mengirim jendela ke belakang dengan mengklik kanan tabnya (atau pembatasnya).</li></ul></li>
|
|
<li><p>Tombol untuk menutup.</p></li>
|
|
<li><p>The "zoom" button (or <span class="key">CTRL</span> <span class="key">ALT</span> <span class="key">Z</span>). In most applications, this will expand a window to maximum size without obscuring the Deskbar (hold <span class="key">SHIFT</span> to cover the Deskbar as well). It doesn't have to, however. Tracker windows, for example, will resize to best fit the contents.</p></li>
|
|
<li><p>Perbatasan jendela. Seret-kiri menggerakkan jendela, seret-kanan seret.</p></li>
|
|
<li><p>Pojokan pengubah-ukuran.</p></li>
|
|
</ol>
|
|
|
|
<h2>
|
|
<a href="#"><img src="../images/up.png" style="border:none;float:right" alt="index" /></a>
|
|
<a id="move-resize" name="move-resize">A quick way to move or resize windows</a></h2>
|
|
<p>Moving and resizing windows is a large part of interacting with several concurrently running applications. Instead of aiming at the small yellow title tab or the even tinier window border, there's a more convenient way to move a window. Also, additionally to its small size, the resize corner has another limitation: It only allows resizing at and in the direction of the lower right corner. <br />Right-dragging a border for resizing works, but again you'll have to aim carefully.</p>
|
|
<p>To address these issues, Haiku provides a neat solution using the window management key combo <span class="key">CTRL</span> <span class="key">ALT</span> and the mouse. See also chapter <a href="keyboard-shortcuts.html#general">Shortcuts and key combinations</a> for more shortcuts concerning window management.</p>
|
|
<img src="images/gui-images/resizing.png" alt="resizing.png" />
|
|
<p>Holding down <span class="key">CTRL</span> <span class="key">ALT</span> will highlight the window borders nearest to the mouse pointer. Move the mouse in the direction of another border to change the target. Click and dragging with the <i>right mouse button</i> will resize the window along the highlighted border(s).</p>
|
|
<p>Hold down <span class="key">CTRL</span> <span class="key">ALT</span> and click and drag with the <i>left mouse button</i> anywhere in a window to move it around. A quick click with the <i>right mouse button</i> sends it to the back.</p>
|
|
|
|
<h2>
|
|
<a href="#"><img src="../images/up.png" style="border:none;float:right" alt="index" /></a>
|
|
<a id="stack-tile" name="stack-tile">Stack & Tile</a></h2>
|
|
<p>Haiku's user interface provides a unique feature that puts the fact that windows have a yellow tab instead of a full-width title bar to perfect use. It's called "Stack & Tile".<br />
|
|
In the example below, a Tracker window with bookmarks is tiled to the left of a WebPositive window, which itself is stacked with another Tracker window showing the source folder <tt>haiku</tt>. In this animation, the user clicks on the tabs of the stacked windows to alternately bring one or the other to the front.</p>
|
|
<img src="images/gui-images/gui-s+t.gif" alt="gui-s+t.gif" />
|
|
<p>Connected like this, the group of windows can be moved and resized together - a nice arrangement to work in a more project centric environment. Instead of looking for the right browser window with documentation, editor and Tracker windows and maybe a related email concerning one project you are currently working on, just stack&tile them together.</p>
|
|
<p>Doing the actual arranging of windows is easy: Hold down <span class="key">OPT</span> while dragging a window by its tab close to another window's tab or border until it's highlighted and release the mouse button.</p>
|
|
<p>Stack & Tile consists of two related parts.</p>
|
|
<table summary="layout" border="0" cellspacing="0" cellpadding="2">
|
|
<tr><td><img src="images/gui-images/gui-stacking.png" alt="gui-stacking.png" /></td><td width="10"></td>
|
|
<td><p>"<i>Stacking</i>" is putting windows on top of each other, automatically moving the yellow tabs into position.<br />
|
|
While holding <span class="key">OPT</span>, tabs change color when they overlap; drop the window to establish the stacking.</p></td></tr></table>
|
|
<table summary="layout" border="0" cellspacing="0" cellpadding="2" vspace="10">
|
|
<tr><td><img src="images/gui-images/gui-tiling.png" alt="gui-tilinging.png" /></td><td></td>
|
|
<td><p>"<i>Tiling</i>" means gluing windows horizontally or vertically together.<br />
|
|
Again, while holding <span class="key">OPT</span>, the borders that'll fuse together when you drop the window change color when brought near each other.</p></td></tr></table>
|
|
<p>Separation is done in the same way, by holding <span class="key">OPT</span> while dragging a window by its tab out of the group.</p>
|
|
|
|
<h2>
|
|
<a href="#"><img src="../images/up.png" style="border:none;float:right" alt="index" /></a>
|
|
<a id="open-save-panel" name="open-save-panel">Open and save panels</a></h2>
|
|
<p>When opening or saving a file from any application, a panel like this opens:</p>
|
|
<img src="images/gui-images/open-save.png" alt="open-save.png" />
|
|
<p>It has all the usual things: A list of files of the current folder to choose from, in case of a save panel, a text field to enter a filename and a pop-up menu for different file formats and their settings.<br />
|
|
You can enter parent folders with the pop-up menu above the file listing.</p>
|
|
<p>If you already have a Tracker window with the location for a file open, you can simply drag either any file or the folder-representation (i.e. the symbol to the far right in its menu bar) into the panel. This changes the panel to that new location.</p>
|
|
|
|
<h3>
|
|
<a href="#"><img src="../images/up.png" style="border:none;float:right" alt="index" /></a>
|
|
<a id="open-save-shortcuts" name="open-save-shortcuts">Keyboard shortcuts</a></h3>
|
|
<p>Many shortcuts in open and save panels are the same used in Tracker. Besides the commands that are also available through the <span class="menu">File</span> menu, there are a few not that obvious:</p>
|
|
<table summary="shortcuts" border="0" cellspacing="0" cellpadding="2">
|
|
<tr><td><span class="key">ALT</span> <span class="key">N</span></td><td></td><td> Creates a new folder.</td></tr>
|
|
<tr><td><span class="key">ALT</span> <span class="key">E</span></td><td></td><td> Lets you rename the selected entry.</td></tr>
|
|
<tr><td><span class="key">ALT</span> <span class="key">↑</span></td><td style="width:24px;"></td><td> Moves into the parent folder.</td></tr>
|
|
<tr><td class="onelinetop"><span class="key">ALT</span> <span class="key">↓</span> or <span class="key">ENTER</span></td><td></td><td> Moves into the selected folder.</td></tr>
|
|
<tr><td><span class="key">ALT</span> <span class="key">D</span></td><td></td><td> Takes you to your Desktop.</td></tr>
|
|
<tr><td><span class="key">ALT</span> <span class="key">H</span></td><td></td><td> Takes you to your Home folder.</td></tr>
|
|
</table>
|
|
<p>For keyboard shortcuts in Haiku in general, see chapter <a href="keyboard-shortcuts.html">Shortcuts and key combinations</a>.</p>
|
|
|
|
<h3>
|
|
<a href="#"><img src="../images/up.png" style="border:none;float:right" alt="index" /></a>
|
|
<a id="favorites-recent" name="favorites-recent">Favorites and recent folders</a></h3>
|
|
<p>The <span class="menu">Favorites</span> menu in open and save panels provides recently visited folders and favorite locations that you can set up yourself. As indicated by the little arrow, you can also use these locations to navigate further down the hierarchy via submenus.</p>
|
|
<img src="images/gui-images/favorites.png" alt="favorites.png" />
|
|
<p>To add a Favorite, you simply navigate to your destination and choose <span class="menu">Favorites | Add current folder</span>. From now on it will appear in every open/save panel. To remove a Favorite, choose <span class="menu">Favorites | Edit favorites...</span> and delete its entry.<br />
|
|
All Favorites are kept in <span class="path">/boot/home/config/settings/Tracker/Go/</span>. So you might as well add and remove links to files and folders there directly.</p>
|
|
|
|
<h2>
|
|
<a href="#"><img src="../images/up.png" style="border:none;float:right" alt="index" /></a>
|
|
<a id="replicants" name="replicants">Replicants</a></h2>
|
|
<p>Replicants are small self-contained parts of applications that can be integrated into other programs. Provided Deskbar's option to <span class="menu">Show replicants</span> is activated, you'll recognize a replicantable part of an application by its small handle, normally in the bottom right corner:</p>
|
|
<img src="../images/gui-images/replicant.png" alt="replicant.png" />
|
|
<p>The most prominent place that accepts Replicants is the Desktop: You simply drag & drop the little handle onto it. From now on it's part of the Desktop and the Replicant's originating app doesn't have to be started for it to work.<br />
|
|
A right-click on a Replicant handle offers a context menu to show the originating app's <span class="menu">About</span> window and to <span class="menu">Remove replicant</span>.</p>
|
|
<div class="box-info">Should you experience difficulties with a Replicant on the Desktop and just can't get rid of it, delete <span class="path">~/config/settings/Tracker/tracker_shelf</span>. Unfortunately, this will remove <i>all</i> Replicants from the Desktop.</div>
|
|
<p>Examples for replicatable applications are the graphs of the <a href="applications/activitymonitor.html">ActivityMonitor</a>, the <a href="workspaces.html">Workspaces applet</a> or <a href="applications/deskcalc.html">DeskCalc</a>.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="nav">
|
|
<div class="inner"><span>
|
|
« <a href="filesystem-layout.html">Layout Filesystem</a>
|
|
:: <a href="contents.html" class="uplink">Daftar Isi</a>
|
|
:: <a href="workspaces.html">Workspace (ruang kerja)</a> »
|
|
</span></div>
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|