{"id":1663,"date":"2015-06-29T14:05:55","date_gmt":"2015-06-29T07:05:55","guid":{"rendered":"http:\/\/dmd.binus.ac.id\/?p=1663"},"modified":"2018-01-24T06:23:30","modified_gmt":"2018-01-24T06:23:30","slug":"binus-website-live-editing","status":"publish","type":"post","link":"https:\/\/binus.ac.id\/knowledge\/2015\/06\/binus-website-live-editing\/","title":{"rendered":"BINUS Website Live-Editing"},"content":{"rendered":"

BINUS Website Live-Editing.
\nPeningkatan sistem tata cara pengelolaan; pengaturan website BINUS<\/em><\/p>\n

\n
\"wp-default-dashboard\"<\/a>
Sidebar<\/em> pada dashboard<\/em> WordPress<\/figcaption><\/figure>\n<\/div>\n
\n

Dashboard WordPress<\/h3>\n

Pada dasarnya Content Magement System (CMS) pada WordPress berada pada halaman “…\/wp-admin” dan di dalamnya diletakkan pada\u00a0sidebar<\/em> yang berisi objek-objek yang harus dikelola oleh administrator\u00a0website.<\/p>\n

Pendekatan ini adalah pendekatan yang sangat umum digunakan pada back-end <\/em>suatu website.<\/p>\n<\/div>\n

\n

Konsep pengaturan pada Website BINUS<\/h3>\n

Berikut akan saya paparkan secara singkat bagaimana halaman pada website BINUS dibentuk\/diatur dan pada kesempatan ini saya akan berfokus pada halaman Home<\/em> saja dikarenakan halaman Home<\/em> merupakan halaman yang menjadi tempat\u00a0terjadinya banyak pengaturan.<\/p>\n

Halaman Home<\/em> pada website BINUS sendiri terdiri dari blok-blok yang merupakan kombinasi dari post<\/em>, kategori, dan option<\/em>. Sebagai contoh sebuah blok artikel pada homepage<\/em> website BINUS merupakan\u00a0 kumpulan post<\/em> yang ditarik berdasarkan kategori yang ditentukan oleh pengelola.<\/p>\n

 <\/p>\n

\"Blok<\/a>
Blok artikel pada homepage website BINUS, merupakan kumpulan post terbaru dari kategory “News”<\/figcaption><\/figure>\n

Kemudian terdapat pula blok yang berisi layout<\/em> statis dimana pengelola website harus melakukan setting<\/em> terhadap teks yang tampil.<\/p>\n

\"\"<\/a>
Blok berisi teks yang dapat diatur oleh pengelola website (no. telfon), dapat terlihat pada blok tersebut pengelola dapat melakukan pengaturan nomor telepon customer service yang tampil.<\/figcaption><\/figure>\n

 <\/p>\n<\/div>\n

<\/p>\n

Versi Lama Pengaturan Konten di Website BINUS
\n(Menggunakan Metode\u00a0Standar)<\/h3>\n

Karena website BINUS yang dikelola oleh Digital-Media Development menggunakan engine<\/em> WordPress maka sudah pasti akan ditemui halaman CMS yang sama dengan website-website WordPress lainnya seperti yang sudah saya utarakan pada pokok pembahasan awal.<\/p>\n

Untuk pengaturan blok artikel sudah tentu kita akan menemui langkah berikut :<\/p>\n

\"Layar<\/a>
Layar Pengelolaan Posts<\/figcaption><\/figure>\n
    \n
  1. Masuk ke halaman “… \/wp-admin”<\/li>\n
  2. Pilih Bagian Posts\u00a0<\/em>pada sidebar<\/em><\/li>\n
  3. Kelola post<\/em> yang sudah ada, atau membuat baru dengan mengklik tombol add new<\/em><\/li>\n
  4. Apabila membuat post<\/em> baru maka memilih kategori yang sesuai dengan blok pada home page<\/em><\/li>\n<\/ol>\n

    Lalu untuk blok dimana pengelola melakukan pengaturan terhadap teks\/informasi yang tampil, maka langkah yang umumnya dilakukan adalah menuju halaman settings<\/em> kemudian mencari field<\/em> informasi tersebut dan menggantinya.<\/p>\n

    \"wp-settings\"<\/a>
    Layar pengaturan berbagai informasi<\/figcaption><\/figure>\n

    <\/h1>\n

    Pengaturan Konten Website BINUS Saat Ini
    \n(Menggunakan Metode live editing)<\/em><\/h3>\n

    Bersamaan dengan momen pergantian Corporate Identity<\/em> dari BINA NUSANTARA, Digital-Media Development membawa perubahan besar pada proses pengaturan konten pada website BINUS yaitu dengan menerapkan konsep live-editing<\/em> dengan tujuan mempermudah pengelolaan konten untuk pengelola yang tidak terlalu “techno-savvy” <\/em>dan agar para pengelola tersebut lebih fokus terhadap kualitas konten yang mereka buat daripada menghabiskan energi untuk mengerti flow<\/em> CMS seperti langkah sebelumnya.<\/p>\n

    “Bagaimanakah sistem Live-Edit tersebut ?”<\/em><\/p>\n

    Sesuai dengan namanya maka sistem ini membuat proses perubahan (editing<\/em>) secara langsung (Live<\/em>).\u00a0Ketika pengelola situs menjumpa sebuah blok pada homepage <\/em> yang ingin ia lakukan perubahan, baik itu merubah judul suatu post<\/em>, merubah peruntukan kategori pada blok tersebut atau bahkan bila\u00a0ingin menambahkan post<\/em> pada blok tersebut dapat dilakukan dengan langsung, cepat dan mudah.<\/p>\n

    \"\"<\/a>
    Live-Edit pada Blok Artikel<\/figcaption><\/figure>\n

    Dapat terlihat pada blok tersebut terdapat tombol-tombol oranye pada setiap objek, tombol ini berisi perintah yang terkait dengan objek yang diwakilinya, misalkan pada objek post<\/em> maka tombol tersebut akan memiliki action<\/em> untuk e<\/em>dit post<\/em>, lalu pada objek blok artikel maka tombol tersebut akan memiliki action<\/em> untuk add post <\/em>& change category.<\/em><\/p>\n

    Apabila tombol oranye tersebut ditekan maka akan memunculkan sebuah popup <\/em>berisi tampilan sesuai dengan action <\/em>yang kita jalankan. Sebagai contoh berikut adalah p<\/em>opup <\/em>yang muncul ketika action edit post\/add post <\/em>diklik.<\/p>\n

    \"Popup<\/a>
    Popup untuk action Edit Post<\/figcaption><\/figure>\n

    Dari sini pengelola website dapat langsung melakukan perubahan post tanpa harus melakukan langkah panjang seperti membuka “…\/wp-admin”-post<\/em>, dst. Setelah perubahan dirasa cukup maka langkah selanjutnya tinggal mengklik\u00a0tombol update<\/em> lalu tutup p<\/em>opup <\/em>tersebut dan objek yang kita edit<\/em> tadi pun akan langsung berubah tanpa harus melakukan reload browser<\/em>.<\/p>\n

    Berikut kumpulan beberapa tampilan mengenai sistem live-edit<\/em> ini.<\/p>\n

    <\/div>\n

     <\/p>\n","protected":false},"excerpt":{"rendered":"

    BINUS Website Live-Editing. Peningkatan sistem tata cara pengelolaan; pengaturan website BINUS Dashboard WordPress Pada dasarnya Content Magement System (CMS) pada WordPress berada pada halaman “…\/wp-admin” dan di dalamnya diletakkan pada\u00a0sidebar yang berisi objek-objek yang harus dikelola oleh administrator\u00a0website. Pendekatan ini adalah pendekatan yang sangat umum digunakan pada back-end suatu website. Konsep pengaturan pada Website BINUS […]<\/p>\n","protected":false},"author":5,"featured_media":2209,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[19,83,28],"tags":[],"class_list":["post-1663","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dmd-binus-university","category-news","category-products"],"_links":{"self":[{"href":"https:\/\/binus.ac.id\/knowledge\/wp-json\/wp\/v2\/posts\/1663","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/binus.ac.id\/knowledge\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/binus.ac.id\/knowledge\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/binus.ac.id\/knowledge\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/binus.ac.id\/knowledge\/wp-json\/wp\/v2\/comments?post=1663"}],"version-history":[{"count":1,"href":"https:\/\/binus.ac.id\/knowledge\/wp-json\/wp\/v2\/posts\/1663\/revisions"}],"predecessor-version":[{"id":2173,"href":"https:\/\/binus.ac.id\/knowledge\/wp-json\/wp\/v2\/posts\/1663\/revisions\/2173"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/binus.ac.id\/knowledge\/wp-json\/wp\/v2\/media\/2209"}],"wp:attachment":[{"href":"https:\/\/binus.ac.id\/knowledge\/wp-json\/wp\/v2\/media?parent=1663"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/binus.ac.id\/knowledge\/wp-json\/wp\/v2\/categories?post=1663"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/binus.ac.id\/knowledge\/wp-json\/wp\/v2\/tags?post=1663"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}