Apa arti dari WYSIWYG atau What You See Is What You Get

What You See Is What You Get (WYSIWYG) adalah teknologi yang memungkinkan pengguna untuk melihat hasil akhir dokumen, halaman, atau desain saat sedang dalam proses pengeditan. Dalam artikel ini, kita akan membahas lebih lanjut tentang pengertian WYSIWYG, cara kerjanya, serta perannya dalam web design. Selain itu, kita juga akan memberikan beberapa contoh penggunaan WYSIWYG yang bisa kamu gunakan.

Apa itu WYSIWYG?

WYSIWYG adalah singkatan dari “What You See Is What You Get”. WYSIWYG merujuk pada suatu sistem atau program yang memungkinkan pengguna untuk melihat tampilan yang sama persis dengan yang akan ditampilkan pada hasil akhir saat sedang mengedit dokumen atau halaman web, tanpa perlu mengetik kode secara manual.

Baca Juga : 5 Text Editor terbaik untuk ngoding

Contohnya, editor dokumen seperti Microsoft Word atau Google Docs adalah contoh dari WYSIWYG. Ketika seorang pengguna mengetik teks atau memasukkan gambar pada dokumen tersebut, mereka dapat melihat tampilan akhir dengan cara yang sama seperti yang akan terlihat pada saat dicetak atau dipublikasikan secara online. Dengan demikian, pengguna dapat dengan mudah mengedit dan memformat dokumen mereka tanpa perlu mengetahui kode HTML atau CSS secara mendalam.

Apa itu WYSIWYG web builder?

WYSIWYG web builder adalah jenis perangkat lunak atau aplikasi yang memungkinkan pengguna untuk membuat halaman web tanpa harus mengetik kode secara manual. Dalam hal ini, “WYSIWYG” merujuk pada fitur editor visual yang memungkinkan pengguna untuk melihat tampilan akhir dari halaman web saat mereka mengeditnya.

Dengan menggunakan WYSIWYG web builder, pengguna dapat dengan mudah menambahkan teks, gambar, video, dan elemen desain lainnya ke dalam halaman web mereka. Mereka juga dapat memilih dari berbagai template dan tema yang sudah tersedia untuk membuat tampilan halaman web yang menarik dan profesional.

Sebagian besar WYSIWYG web builder juga menyediakan fitur drag-and-drop, yang memungkinkan pengguna untuk menggeser dan melepas elemen ke dalam halaman web mereka tanpa harus mengetik kode atau melakukan pengaturan yang rumit. Dengan demikian, WYSIWYG web builder sangat cocok untuk orang yang ingin membuat halaman web tanpa harus memiliki pengetahuan mendalam tentang HTML, CSS, atau bahasa pemrograman web lainnya.

Contoh WYSIWYG

Contoh WYSIWYG secara umum

Microsoft Word: ketika kita mengetik dokumen di Microsoft Word, kita dapat melihat tampilan dokumen yang sama persis dengan apa yang akan muncul pada hasil akhir ketika dokumen tersebut dicetak atau ditampilkan pada layar.
Adobe Photoshop: ketika kita mengedit gambar di Adobe Photoshop, kita dapat melihat tampilan gambar yang sama persis dengan apa yang akan muncul pada hasil akhir ketika gambar tersebut disimpan atau dipublikasikan secara online.
WordPress: ketika kita membuat atau mengedit halaman web di WordPress, kita dapat melihat tampilan halaman web yang sama persis dengan apa yang akan muncul pada hasil akhir ketika halaman web tersebut dipublikasikan secara online.
Google Slides: ketika kita membuat presentasi di Google Slides, kita dapat melihat tampilan presentasi yang sama persis dengan apa yang akan muncul pada hasil akhir ketika presentasi tersebut diputar atau dipresentasikan.
Canva: ketika kita membuat desain grafis di Canva, kita dapat melihat tampilan desain grafis yang sama persis dengan apa yang akan muncul pada hasil akhir ketika desain tersebut disimpan atau dipublikasikan secara online.

Contoh WYSIWYG untuk Page Builder

Elementor: Elementor adalah page builder WYSIWYG yang memungkinkan pengguna untuk membuat dan mengedit halaman web dengan cepat dan mudah. Elementor menawarkan antarmuka drag-and-drop yang intuitif sehingga pengguna dapat membuat tampilan halaman web dengan cepat dan mudah tanpa perlu menulis kode.
Divi: Divi adalah page builder WYSIWYG yang digunakan untuk membuat halaman web dengan mudah dan cepat. Divi menawarkan lebih dari 800 desain halaman siap pakai serta antarmuka pengguna drag-and-drop yang mudah digunakan.
Beaver Builder: Beaver Builder adalah page builder WYSIWYG yang menyediakan fitur drag-and-drop yang mudah digunakan. Dengan Beaver Builder, pengguna dapat membuat halaman web yang menarik dengan cepat tanpa perlu menulis kode.
SiteOrigin: SiteOrigin adalah page builder WYSIWYG yang memungkinkan pengguna untuk membuat halaman web dengan mudah menggunakan antarmuka drag-and-drop. SiteOrigin menawarkan widget yang beragam sehingga pengguna dapat memilih tampilan halaman web yang sesuai dengan kebutuhan mereka.
WPBakery: WPBakery adalah page builder WYSIWYG yang memungkinkan pengguna untuk membuat halaman web dengan mudah menggunakan antarmuka drag-and-drop. WPBakery menawarkan lebih dari 50 elemen yang berbeda sehingga pengguna dapat membuat halaman web yang menarik dan informatif.

Microsoft Excel Merupakan Program Yang Menggunakan System Wysiwyg Yang Mempunyai Arti

Microsoft Excel merupakan program spreadsheet yang menggunakan sistem WYSIWYG yang mempunyai arti “What You See Is What You Get”. Maknanya, ketika pengguna membuat atau mengedit lembar kerja di Excel, mereka dapat melihat tampilan yang sama persis dengan apa yang akan muncul pada hasil akhir ketika lembar kerja tersebut dicetak atau ditampilkan pada layar.

Dalam Excel, pengguna dapat memasukkan data dalam sel, melakukan perhitungan matematis dan statistik, memformat sel dan lembar kerja, menambahkan grafik, dan melakukan berbagai tugas lainnya. Selama melakukan tugas-tugas tersebut, pengguna dapat melihat tampilan akhir lembar kerja mereka di jendela kerja Excel tanpa perlu mengetik kode atau melakukan pengaturan yang rumit.

Dengan menggunakan sistem WYSIWYG di Excel, pengguna dapat membuat dan mengedit lembar kerja dengan lebih mudah dan cepat tanpa perlu memiliki pengetahuan yang mendalam tentang bahasa pemrograman atau perhitungan matematika yang rumit.

Semoga artikel tentang Apa arti dari WYSIWYG atau What You See Is What You Get ini dapat bermanfaat yaa.