Mengenal WYSIWYG: Contoh, Kelebihan, dan Kelemahan

Jika Anda adalah orang awam, mungkin Anda akan asing dengan istilah WYSIWYG (dibaca wiz-ee-wig). Istilah ini merujuk kepada What You See Is What You Get atau “apa yang Anda lihat itulah yang akan Anda dapatkan”. Lebih lanjut, WYSIWYG adalah software yang memungkinkan Anda untuk melakukan pengeditan suatu dokumen, halaman, atau desain dan kemudian Anda akan melihat hasil akhir sesuai dengan yang Anda lihat pada saat melakukan edit. 

Pada artikel kali ini, kami akan menjelaskan mengenai istilah ini serta kemudahan yang diberikannya. Lebih lanjut, dengan mengetahui istilah ini akan membantu pekerjaan Anda khususnya jika Anda adalah developers, designer, atau pekerjaan lainnya yang berhubungan dengan teknologi. Oleh karena itu, Anda wajib membaca artikel berikut ini dengan seksama!

Apa Itu WYSIWYG?

WYSIWYG adalah istilah yang merujuk kepada software yang memungkinkan penggunanya untuk melihat visual dokumen atau halaman yang mereka edit sesuai dengan hasil akhir yang akan mereka dapatkan. Lebih lanjut, hal ini akan memudahkan pengguna sehingga ketika proses pengeditan mereka mendapatkan hasil sesuai keinginannya.

Selain itu, software ini juga membantu pengguna khususnya para pemula yang tidak memahami hal teknikal karena sebelum kehadiran software ini maka pengguna harus memasukkan kode-kode tertentu. 

Adapun contoh implementasi konsep ini bisa Anda lihat pada saat melakukan penyuntingan dokumen di microsoft office word. Setiap editan yang Anda lakukan misalnya membuat huruf menjadi tebal, memasukkan gambar, dan sebagainya yang Anda lihat pada komputer akan sesuai dengan apa yang Anda lihat ketika Anda cetak atau bagikan dengan format PDF.

Adapun contoh lainnya adalah ketika Anda melakukan pengeditan foto pada aplikasi Adobe, hal tersebut yang akan sesuai dengan apa yang Anda lihat saat melakukan pengeditan dengan hasil akhir yang Anda dapat. 

Asal Mula WYSIWYG 

Pada dasarnya, etimologi istilah WYSIWYG mengalami perkembangan dari masa ke masa. Ada yang menyatakan istilah ini adalah idiom yang digunakan untuk mengekspresikan sesuatu yang sesuai dengan kenyataannya dan akhirnya menjadi populer. Lantas, hal tersebut juga diadopsi oleh developers yang merujuk kepada pengertian di atas. 

Meskipun demikian, sumber lain juga menyatakan bahwa istilah WYSIWYG muncul pada September 1969. Lebih lanjut, istilah ini adalah slogan yang digunakan dan dipopulerkan oleh drag persona Geraldine (Flip Wilson).

Pada tahun 1970-an, frasa tersebut muncul beberapa kali di The Flip Wilson Show. Pada tahun 1971, Stoney & Meatloaf merilis lagu “What you see is what you get.” The Dramatics dan Bernard Purdie juga merilis lagu dengan judul yang sama di tahun 1970-an. Oleh karena itu, istilah ini pun semakin berkembang sampai sekarang. 

Contoh WYSIWYG

WYSIWYG adalah jenis editor yang semakin populer digunakan pada berbagai platform. Oleh karena itu, untuk memudahkan pemahaman Anda akan konsep ini maka berikut kami sajikan contoh dari penerapannya yakni sebagai berikut:

Content Management System (CMS)

Adapun contoh pertama WYSIWYG adalah content management system (CMS). Pada dasarnya, CMS memerlukan software ini untuk mengedit konten website, melakukan preview, link checking, dan sebagainya. Lebih lanjut, adanya editor seperti ini dapat membantu web manager, content creators, jurnalis, dan sebagainya yang tidak memiliki kemampuan coding namun perlu melakukan manajemen konten. 

Email 

Pada dasarnya, baik pesan maupun email memiliki WYSIWYG yang memberikan kemudahan pengguna dalam menambahkan nuansa atau maksud tertentu. Misalnya sebuah tulisan bisa dijadikan tebal, miring, emoji, dan sebagainya. 

Drag and drop website

Adapun contoh pertama WYSIWYG adalah drag and drop pada website. Lebih lanjut, saat ini membangun website bisa lebih mudah dilakukan dengan konsep ini. Hal ini memungkinkan untuk membangun website dengan melihat visualnya tanpa adanya coding tertentu melainkan hanya drag and drop. 

Web Desain dan WYSIWYG 

Tahukah Anda dengan WYSIWYG maka suatu website bisa didesain secara efektif. Dengan software ini maka developers tidak perlu memasukkan kode deskriptif atau mark up untuk membangun sebuah website.  Dengan demikian, hal tersebut memungkinkan orang tanpa keahlian kode HTML atau bahasa pemrograman lainnya untuk mendesain website. 

Kehadiran WYSIWYG menjadi masif dalam penggunaannya karena memberikan kesempatan untuk mendesain website dengan keterampilan non-teknikal. Lebih lanjut, melalui software ini pengguna juga lebih mudah dalam membuat landing pages, email newsletter, dan sebagainya. 

Pada dasarnya, yang perlu dilakukan oleh users adalah memanfaatkan drag and drop. Penggunaan akan melakukan drag terhadap fitur yang diinginkan dan mendrop ketempat yang diinginkan. Lebih lanjut, berikut adalah keuntungan yang didapat dari WYSIWYG design, yakni sebagai berikut: 

Tidak diperlukan tools editing coding tertentu

Melalui WYSIWYG maka Anda mungkin untuk melakukan click, drag, dan drop pada sebuah website atau dokumen tanpa harus memiliki skill coding khusus. Lebih lanjut, hal ini akan memudahkan pemula atau pengguna awam dalam mengoperasikan berbagai software dengan konsep ini.

Visibilitas

WYSIWYG memudahkan users untuk melakukan preview atau melihat tampilan yang sebenarnya sebelum dipublikasikan sehingga terlihat oleh banyak orang. Lebih lanjut, hal ini akan memberikan user kesempatan untuk melakukan penyesuaian.

Simplified publishing

Melalui WYSIWYG maka user bisa melakukan publishing website atau dokumen dengan cepat. Hal tersebut dikarenakan tidak adanya format teknikal yang terlalu rumit sehingga memberikan efisien kepada users. 

Kelebihan dan Kelemahan WYSIWYG 

WYSIWYG adalah editor yang memiliki kelebihan dan kekurangan tersendiri. Meskipun memberikan berbagai kemudahan namun jenis editor seperti ini juga memiliki keterbatasan dalam penggunaannya.

Kelebihan WYSISYG

Oleh karena itu, adapun kelebihan WYSIWYG adalah sebagai berikut:

Konsistensi

Editor akan membuat kode berdasarkan input pengguna, namun adanya WYSIWYG  dapat membantu memastikan konsistensi di berbagai halaman atau dokumen. Mempertahankan gaya dan pemformatan yang konsisten akan berguna untuk proyek yang lebih besar dengan banyak kontributor.

Mudah digunakan

WYSIWYG adalah komponen yang memberikan kemudahan karena dapat melakukan edit visual tanpa harus skil teknikal tertentu layaknya coding atau bahasa mark up. Dengan hal ini akan membuat users mudah menggunakan berbagai software sesuai kebutuhan mereka. 

Kecepatan

Adanya editor WYSIWYG membantu pengguna membuat konten lebih cepat daripada jika users harus menulis kode secara manual. Pengguna dapat membuat tata letak dan desain dengan cepat menggunakan template dan alat seret dan lepas.

Kelemahan WYSIWYG

Adapun kelemahan yang dimiliki oleh WYSIWYG adalah sebagai berikut:

Bloated Code

WYSIWYG bisa saja menghasilkan kode yang berlebihan atau mungkin mengandung elemen yang tidak perlu. Lebih lanjut, hal Ini dapat menyebabkan halaman web menjadi lebih lambat sehingga menjadi masalah bagi situs web.

Kustomisasi yang terbatas

Meskipun WYSIWYG adalah editor yang mudah digunakan, namun editor ini mungkin tidak memberikan kontrol sebanyak yang dilakukan oleh pengkodean secara manual. Dengan demikian, hal ini membuat developers merasa kesulitan untuk mengedit kode yang dihasilkan.

Kompatibilitas

Pada dasarnya, tidak setiap kode yang dihasilkan WYSIWYG kompatibel dengan setiap platform. Pengguna perlu menguji output mereka dan melakukan pengeditan untuk memastikannya kompatibilitasnya. 

Sudah Memahami WYSIWYG?

WYSIWYG  adalah editor yang memudahkan users untuk melakukan edit dan mendapatkan output sesuai dengan visual pada edit tersebut. Adapun contoh implementasi WYSIWYG ini dapat Anda lihat pada pesan email, CMS, drag and drop website, dan sebagainya. Lebih lanjut, WYSIWYG  juga memiliki manfaat untuk mendesain atau membangun website tanpa adanya skill teknikal tertentu. 

Adanya WYSIWYG menjadi peluang bagi banyak institusi dalam mengembangkan digitalisasinya. Salah satunya adalah melalui pembangunan website secara instan. Saat ini Anda bisa menggunakan website instan IDCloudHost yang memiliki template premium sesuai kebutuhan Anda dan website dapat diinstal dengan cepat tanpa konfigurasi. Dengan demikian, rasakan kemudahan membangun website dan tentunya dengan WYSIWYG melalui website instan IDCloudHost.