https://wiki.unissula.ac.id/index.php?action=history&feed=atom&title=Antarmuka_manipulasi_langsungAntarmuka manipulasi langsung - Riwayat revisi2026-09-16T18:01:27ZRiwayat revisi halaman ini di wikiMediaWiki 1.46.0https://wiki.unissula.ac.id/index.php?title=Antarmuka_manipulasi_langsung&diff=11580&oldid=prevMaintenance script: Presentation V4: sitasi, referensi, Math, Wikimedia Commons, dan atribusi2026-08-25T18:07:07Z<p>Presentation V4: sitasi, referensi, Math, Wikimedia Commons, dan atribusi</p>
<table style="background-color: #fff; color: #202122;" data-mw-interface="">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="id">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Revisi sebelumnya</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revisi per 25 Agustus 2026 18.07</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Baris 1:</td>
<td colspan="2" class="diff-lineno">Baris 1:</td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Dalam [[ilmu komputer]], '''manipulasi langsung''' adalah gaya [[interaksi manusia-komputer]] yang melibatkan representasi terus menerus dari objek yang menarik dan adanya tindakan yang cepat, reversibel, dan tindakan tambahan, serta umpan balik dari pengguna. Berbeda dengan gaya interaksi lain, misalnya [[bahasa perintah]], tujuan manipulasi langsung adalah memungkinkan [[pengguna]] untuk memanipulasi objek yang disajikan kepada mereka dengan menggunakan tindakan yang sesuai dan lebih menyerupai tindakan dunia nyata. Contoh dari manipulasi langsung adalah mengubah ukuran bentuk grafis seperti [[persegi panjang]] dengan menyeret sudut atau tepi persegi dengan [[tetikus]].</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">[[File:Chromium5.0.375.99_showing_lively_kernel_using_gtk+_theme.png|thumb|right|280px|Antarmuka manipulasi langsung]]</ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> </div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Dalam [[ilmu komputer]], '''manipulasi langsung''' adalah gaya [[interaksi manusia-komputer]] yang melibatkan representasi terus menerus dari objek yang menarik dan adanya tindakan yang cepat, reversibel, dan tindakan tambahan, serta umpan balik dari pengguna.<ins style="font-weight: bold; text-decoration: none;"><ref>Bum chul Kwon. [https://engineering.purdue.edu/~elm/projects/surrogate/surrogate.pdf Direct manipulation through surrogate objects]. ''Proceedings of the SIGCHI Conference on Human Factors in Computing Systems''. May 2011. hlm. 627–636. doi:10.1145/1978942.1979033.</ref> </ins>Berbeda dengan gaya interaksi lain, misalnya [[bahasa perintah]], tujuan manipulasi langsung adalah memungkinkan [[pengguna]] untuk memanipulasi objek yang disajikan kepada mereka dengan menggunakan tindakan yang sesuai dan lebih menyerupai tindakan dunia nyata. Contoh dari manipulasi langsung adalah mengubah ukuran bentuk grafis seperti [[persegi panjang]] dengan menyeret sudut atau tepi persegi dengan [[tetikus]].</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Adanya metafora dunia nyata untuk benda dan tindakan di dunia maya dapat membuat pengguna lebih mudah untuk belajar dan menggunakan antarmuka (beberapa mengatakan bahwa antarmuka seperti ini lebih alami atau intuitif). Umpan balik tambahan memungkinkan pengguna untuk melakukan kesalahan yang lebih sedikit dan menyelesaikan tugas dalam waktu yang lebih cepat, karena mereka dapat melihat hasil dari suatu tindakan sebelum menyelesaikan tindakan tersebut, sehingga bisa mengevaluasi output dan kompensasi kesalahan.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Adanya metafora dunia nyata untuk benda dan tindakan di dunia maya dapat membuat pengguna lebih mudah untuk belajar dan menggunakan antarmuka (beberapa mengatakan bahwa antarmuka seperti ini lebih alami atau intuitif). Umpan balik tambahan memungkinkan pengguna untuk melakukan kesalahan yang lebih sedikit dan menyelesaikan tugas dalam waktu yang lebih cepat, karena mereka dapat melihat hasil dari suatu tindakan sebelum menyelesaikan tindakan tersebut, sehingga bisa mengevaluasi output dan kompensasi kesalahan.</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"></del></div></td><td colspan="2" class="diff-side-added"></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">== Referensi ==</del></div></td><td colspan="2" class="diff-side-added"></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"></del></div></td><td colspan="2" class="diff-side-added"></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Bacaan lebih lanjut ==</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Bacaan lebih lanjut ==</div></td></tr>
<tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l12">Baris 12:</td>
<td colspan="2" class="diff-lineno">Baris 11:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Shneiderman, Ben. "Direct manipulation: a step beyond programming languages," ''IEEE Computer'' 16(8) (August 1983), 57-69.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Shneiderman, Ben. "Direct manipulation: a step beyond programming languages," ''IEEE Computer'' 16(8) (August 1983), 57-69.</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">== Referensi ==</ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"><references /></ins></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">== Sumber dan atribusi ==</ins></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>== <del style="font-weight: bold; text-decoration: none;">Sumber </del>dan <del style="font-weight: bold; text-decoration: none;">atribusi ==</del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">Konten artikel ini diadaptasi dari [https://id.wikipedia.org/w/index.php?title</ins>=<ins style="font-weight: bold; text-decoration: none;">Antarmuka+manipulasi+langsung&oldid</ins>=<ins style="font-weight: bold; text-decoration: none;">29495086 Wikipedia bahasa Indonesia], revisi 29495086 (2026-07-26T05:30:57Z), yang tersedia berdasarkan lisensi Creative Commons Atribusi-BerbagiSerupa (CC BY-SA). Gambar pada artikel ini bersumber dari Wikimedia Commons </ins>dan <ins style="font-weight: bold; text-decoration: none;">mengikuti ketentuan lisensi masing-masing berkas. Mohon gunakan konten dan media secara bijak serta sesuai dengan ketentuan lisensi yang berlaku.</ins></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">Konten artikel ini diadaptasi dari [https://id.wikipedia.org/w/index.php?title=Antarmuka+manipulasi+langsung&oldid=29495086 Wikipedia bahasa Indonesia], revisi 29495086 (2026</del>-<del style="font-weight: bold; text-decoration: none;">07</del>-<del style="font-weight: bold; text-decoration: none;">26T05:30:57Z), yang tersedia berdasarkan lisensi Creative Commons Atribusi</del>-<del style="font-weight: bold; text-decoration: none;">BerbagiSerupa (CC BY</del>-<del style="font-weight: bold; text-decoration: none;">SA). Mohon gunakan konten ini secara bijak serta sesuai dengan ketentuan lisensi yang berlaku.</del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"><!</ins>-- <ins style="font-weight: bold; text-decoration: none;">WIKI_UNISSULA_PRESENTATION_V4 </ins>--<ins style="font-weight: bold; text-decoration: none;">></ins></div></td></tr>
</table>Maintenance scripthttps://wiki.unissula.ac.id/index.php?title=Antarmuka_manipulasi_langsung&diff=11180&oldid=prevMaintenance script: Impor teks terkontrol dari Wikipedia bahasa Indonesia; revisi 29495086; atribusi sumber disertakan.2026-08-25T17:42:08Z<p>Impor teks terkontrol dari Wikipedia bahasa Indonesia; revisi 29495086; atribusi sumber disertakan.</p>
<p><b>Halaman baru</b></p><div>Dalam [[ilmu komputer]], '''manipulasi langsung''' adalah gaya [[interaksi manusia-komputer]] yang melibatkan representasi terus menerus dari objek yang menarik dan adanya tindakan yang cepat, reversibel, dan tindakan tambahan, serta umpan balik dari pengguna. Berbeda dengan gaya interaksi lain, misalnya [[bahasa perintah]], tujuan manipulasi langsung adalah memungkinkan [[pengguna]] untuk memanipulasi objek yang disajikan kepada mereka dengan menggunakan tindakan yang sesuai dan lebih menyerupai tindakan dunia nyata. Contoh dari manipulasi langsung adalah mengubah ukuran bentuk grafis seperti [[persegi panjang]] dengan menyeret sudut atau tepi persegi dengan [[tetikus]].<br />
<br />
Adanya metafora dunia nyata untuk benda dan tindakan di dunia maya dapat membuat pengguna lebih mudah untuk belajar dan menggunakan antarmuka (beberapa mengatakan bahwa antarmuka seperti ini lebih alami atau intuitif). Umpan balik tambahan memungkinkan pengguna untuk melakukan kesalahan yang lebih sedikit dan menyelesaikan tugas dalam waktu yang lebih cepat, karena mereka dapat melihat hasil dari suatu tindakan sebelum menyelesaikan tindakan tersebut, sehingga bisa mengevaluasi output dan kompensasi kesalahan.<br />
<br />
== Referensi ==<br />
<br />
<br />
== Bacaan lebih lanjut ==<br />
* Frohlich, David M.,"The history and future of direct manipulation," ''Behaviour & Information Technology'' 12, 6 (1993), 315-329.<br />
* Shneiderman, Ben. ''Designing the user interface: strategies for effective human-computer-interaction.''(1987)<br />
* Hutchins, Edwin L.. James D. Hollan, and Donald Norman.''Direct manipulation interfaces''. (1985)<br />
* Shneiderman, Ben. "Direct manipulation: a step beyond programming languages," ''IEEE Computer'' 16(8) (August 1983), 57-69.<br />
<br />
<br />
<br />
== Sumber dan atribusi ==<br />
<br />
Konten artikel ini diadaptasi dari [https://id.wikipedia.org/w/index.php?title=Antarmuka+manipulasi+langsung&oldid=29495086 Wikipedia bahasa Indonesia], revisi 29495086 (2026-07-26T05:30:57Z), yang tersedia berdasarkan lisensi Creative Commons Atribusi-BerbagiSerupa (CC BY-SA). Mohon gunakan konten ini secara bijak serta sesuai dengan ketentuan lisensi yang berlaku.</div>Maintenance script