{"id":1159,"date":"2014-05-23T08:32:55","date_gmt":"2014-05-23T01:32:55","guid":{"rendered":"http:\/\/dmd.binus.ac.id\/?p=1159"},"modified":"2018-01-23T09:46:11","modified_gmt":"2018-01-23T09:46:11","slug":"binus-breaking-news-highlight-wordpress-based-newsletter-generator","status":"publish","type":"post","link":"https:\/\/binus.ac.id\/knowledge\/2014\/05\/binus-breaking-news-highlight-wordpress-based-newsletter-generator\/","title":{"rendered":"BINUS Breaking News &amp; Highlight: WordPress Based Newsletter Generator"},"content":{"rendered":"<div class=\"two-columns\">\n<p>oleh Fikri Rasyid &amp; <a title=\"Eka Hardiningtyas\" href=\"http:\/\/dmd.binus.ac.id\/eka-hardiningtyas\/\">Eka Hardiningtyas<\/a><\/p>\n<p><span style=\"line-height: 1.5em\">BINUS University sebagai korporat memiliki dua\u00a0<em>newsletter<\/em>\u00a0yang ditujukan untuk karyawan, yakni BINUS Highlight dan\u00a0Breaking News.\u00a0BINUS Highlight merupakan <em>newsletter<\/em> mingguan yang berisikan kompilasi berita terbaru dari berbagai biro dan unit yang dimiliki oleh BINUS. BINUS Breaking News merupakan <em>newsletter<\/em> dengan frekuensi lebih sering yang berisikan satu berita utama yang perlu diketahui oleh seluruh karyawan BINUS. Setelah berjalan cukup lama, akhirnya diputuskan bahwa konten <em>newsletter<\/em> yang selama ini di-<em>generate<\/em> secara manual melalui\u00a0<em>email client<\/em> membutuhkan <em>layout<\/em> yang lebih &#8220;representatif&#8221; sehingga tim Digital-Media Development DMD mendapatkan tugas untuk meng-<em>upgrade<\/em> mekanisme pengiriman newsletter ini.<\/span><\/p>\n<p>Jawaban DMD untuk tantangan ini adalah &#8220;jangan hanya berhenti di <em>layout<\/em> yang lebih &#8216;representatif'&#8221; saja. Mari kita buat agar:<\/p>\n<ol>\n<li>Newsletter dapat dibuat dengan mudah<\/li>\n<li>Konten newsletter terintegrasi dengan konten lain yang sudah ada<\/li>\n<li>Memiliki mekanisme pengarsipan yang lebih baik.<\/li>\n<\/ol>\n<h2>Better Interface<\/h2>\n<p>Pada tampilan Breaking News dan Highlight sebelumnya, pengkategorisasian belum dirasakan jelas sehingga informasi yang didapatkan pembaca kurang maksimal, atau bahkan dari survei singkat yang dilakukan ke beberapa orang karyawan, informasi tersebut malah langsung ditempatkan pada kotak &#8220;SPAM&#8221;, karena dianggap mengganggu dan kalaupun ingin dibaca sulit untuk dilakukan. Berikut penjabaran kekurangan <em>layout<\/em> Breaking News dan Highlight dan perbaikan desain yang kami lakukan:<\/p>\n<p><!--more--><\/p>\n<\/div>\n<figure id=\"attachment_1267\" aria-describedby=\"figcaption_attachment_1267\" class=\"wp-caption clear aligncenter\" itemscope itemtype=\"http:\/\/schema.org\/ImageObject\" style=\"width: 640px\"><a href=\"http:\/\/dmd.binus.ac.id\/wp-content\/blogs.dir\/1\/files\/2014\/05\/breakingnews-dan-highlight-03.png\"><img loading=\"lazy\" decoding=\"async\" itemprop=\"contentURL\" class=\"size-full wp-image-1267 \" src=\"http:\/\/dmd.binus.ac.id\/wp-content\/blogs.dir\/1\/files\/2014\/05\/breakingnews-dan-highlight-03.png\" alt=\"breakingnews dan highlight-03\" width=\"640\" height=\"688\" \/><\/a><figcaption id=\"figcaption_attachment_1267\" class=\"wp-caption-text\" itemprop=\"description\">(Kiri) tampilan Highlight sebelumnya<br \/>(Kanan) Tampilan Breaking News sebelumnya<\/figcaption><\/figure>\n<div class=\"two-columns\">\n<p><strong>1. Highlight<\/strong><\/p>\n<ul>\n<li>Kategorisasi berita belum maksimal dikarenakan isi <em>update<\/em> berita yang terlalu banyak, atau terlalu sedikit dari masing-masing \u00a0unit bisnis. Ketidak berimbangan konten berita antara unit bisnis yang satu dengan yang lainnya tersebut menyebabkan penggunaan <em>scroll<\/em> yang terlalu panjang. Walaupun adanya <em>button<\/em> <em>tag<\/em> yang dilarikan ke informasi pada unit bisnis yang dituju pada bagian atas, namun setelah berada pada berita\/informasi pada business unit tersebut tidak dapat langsung kembali ke menu dan tetap harus kembali melakukan <em>scrolling<\/em>.<\/li>\n<li>Warna yang digunakan tidak semua sesuai dengan warna korporat masing-masing unis bisnis di\u00a0Bina Nusantara.<\/li>\n<li>Pembagian kolom antar kolom unit bisnis kurang konsisten.<\/li>\n<\/ul>\n<p><strong>2. Breaking News:<\/strong><\/p>\n<ul>\n<li>Secara korporat tampilan Breaking News diletakkan dibawah yayasan, namun berisikan informasi dari masing-masing business unitnya. Pengkategorisasian seperti itu kami rasa kurang tepat, karena secara tampilan akan muncul dua warna koprorat dari Bina Nusantara dan warna korporat unit bisnis di dalam satu berita. \u00a0Sehingga kami menggunakan kategorisasi berdasarkan masing-masing uni bisnis dan warna unit bisnis itu tersendiri.<\/li>\n<li>Tidak terlihatnya hirarki dalam berita, informasi yang lebih penting tidak terlihat lebih menonjol<\/li>\n<\/ul>\n<p><span style=\"line-height: 1.5em\">Untuk menjaga koherensi dengan tampilan yang diaplikasikan pada situs-situs BINUS, beberapa elemen desain disesuaikan<\/span><em style=\"line-height: 1.5em\">\u00a0<\/em><span style=\"line-height: 1.5em\">dengan\u00a0<\/span><em style=\"line-height: 1.5em\">standard graphic manual\u00a0<\/em><span style=\"line-height: 1.5em\">yang digunakan pada BINUS. Beberapa elemen yang dipertahankan dapat ditemukan pada:<\/span><\/p>\n<ol>\n<li>Penggunaan\u00a0<em>framing\u00a0<\/em>pada layout<\/li>\n<li>Penggunaan warna disesuaikan dengan warna korporat Bina Nusantara dan masing-masing business unitnya<\/li>\n<li><span style=\"line-height: 1.5em\">Penggunaan palet warna yang serupa pada area\u00a0<\/span><em style=\"line-height: 1.5em\">footer<\/em><\/li>\n<li>Pembagian kolom yang konsisten<\/li>\n<\/ol>\n<p>Dengan mempertimbangkan aspek-aspek yang perlu dipertahankan dan dikembangkan, desain untuk Breaking News dan Highlight pun dibuat:<\/p>\n<\/div>\n<figure id=\"attachment_1243\" aria-describedby=\"figcaption_attachment_1243\" class=\"wp-caption clear aligncenter\" itemscope itemtype=\"http:\/\/schema.org\/ImageObject\" style=\"width: 640px\"><a href=\"http:\/\/dmd.binus.ac.id\/wp-content\/blogs.dir\/1\/files\/2014\/05\/APPRECIATION-DAY.jpg\"><img loading=\"lazy\" decoding=\"async\" itemprop=\"contentURL\" class=\"size-full wp-image-1243\" src=\"http:\/\/dmd.binus.ac.id\/wp-content\/blogs.dir\/1\/files\/2014\/05\/APPRECIATION-DAY.jpg\" alt=\"Tampilan Breaking News setelah diredeign\" width=\"640\" height=\"1245\" \/><\/a><figcaption id=\"figcaption_attachment_1243\" class=\"wp-caption-text\" itemprop=\"description\">Tampilan Breaking News setelah diredeign<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<figure id=\"attachment_1250\" aria-describedby=\"figcaption_attachment_1250\" class=\"wp-caption clear aligncenter\" itemscope itemtype=\"http:\/\/schema.org\/ImageObject\" style=\"width: 640px\"><a href=\"http:\/\/dmd.binus.ac.id\/wp-content\/blogs.dir\/1\/files\/2014\/05\/highlightredesign.jpg\"><img loading=\"lazy\" decoding=\"async\" itemprop=\"contentURL\" class=\"size-full wp-image-1250\" src=\"http:\/\/dmd.binus.ac.id\/wp-content\/blogs.dir\/1\/files\/2014\/05\/highlightredesign.jpg\" alt=\"tampilan Highlight setelah di redesign\" width=\"640\" height=\"1173\" \/><\/a><figcaption id=\"figcaption_attachment_1250\" class=\"wp-caption-text\" itemprop=\"description\">tampilan Highlight setelah di redesign<\/figcaption><\/figure>\n<h2>What You See Is What You Send<\/h2>\n<p>Salah satu alasan BINUS menggunakan WordPress adalah kemudahan penggunaan. Akan sulit mengharapkan pengelola website untuk meng-<em>update<\/em> website \u00a0bila mereka ingin meng-<em>update<\/em> kontennya saja tidak mudah. Hal yang sama terjadi dalam kasus <em>newsletter<\/em>: layout newsletter sebagus apapun akan menjadi percuma jika cara mengisi kontennya susah.\u00a0WordPress dengan segala\u00a0<em>extensibility<\/em>-nya memberikan peluang yang sangat besar untuk menjadi fondasi untuk membuat newsletter generator. Berikut tampilan editor dalam Highlight dan Breaking News<\/p>\n<figure id=\"attachment_1268\" aria-describedby=\"figcaption_attachment_1268\" class=\"wp-caption clear aligncenter\" itemscope itemtype=\"http:\/\/schema.org\/ImageObject\" style=\"width: 640px\"><a href=\"http:\/\/dmd.binus.ac.id\/wp-content\/blogs.dir\/1\/files\/2014\/05\/breakingnews-dan-highlight-01.png\"><img loading=\"lazy\" decoding=\"async\" itemprop=\"contentURL\" class=\"size-full wp-image-1268\" src=\"http:\/\/dmd.binus.ac.id\/wp-content\/blogs.dir\/1\/files\/2014\/05\/breakingnews-dan-highlight-01.png\" alt=\"Tampilan editor Breaking News\" width=\"640\" height=\"480\" \/><\/a><figcaption id=\"figcaption_attachment_1268\" class=\"wp-caption-text\" itemprop=\"description\">Tampilan editor Breaking News<\/figcaption><\/figure>\n<figure id=\"attachment_1266\" aria-describedby=\"figcaption_attachment_1266\" class=\"wp-caption clear aligncenter\" itemscope itemtype=\"http:\/\/schema.org\/ImageObject\" style=\"width: 640px\"><a href=\"http:\/\/dmd.binus.ac.id\/wp-content\/blogs.dir\/1\/files\/2014\/05\/breakingnews-dan-highlight-02.png\"><img loading=\"lazy\" decoding=\"async\" itemprop=\"contentURL\" class=\"size-full wp-image-1266\" src=\"http:\/\/dmd.binus.ac.id\/wp-content\/blogs.dir\/1\/files\/2014\/05\/breakingnews-dan-highlight-02.png\" alt=\"Tampilan Editor Breaking News, Admin dapat mengedit langsung pada kolom\" width=\"640\" height=\"480\" \/><\/a><figcaption id=\"figcaption_attachment_1266\" class=\"wp-caption-text\" itemprop=\"description\">Tampilan Editor Breaking News, Admin dapat mengedit langsung pada kolom<\/figcaption><\/figure>\n<figure id=\"attachment_1264\" aria-describedby=\"figcaption_attachment_1264\" class=\"wp-caption clear aligncenter\" itemscope itemtype=\"http:\/\/schema.org\/ImageObject\" style=\"width: 640px\"><a href=\"http:\/\/dmd.binus.ac.id\/wp-content\/blogs.dir\/1\/files\/2014\/05\/breakingnews-dan-highlight-04.png\"><img loading=\"lazy\" decoding=\"async\" itemprop=\"contentURL\" class=\"size-full wp-image-1264\" src=\"http:\/\/dmd.binus.ac.id\/wp-content\/blogs.dir\/1\/files\/2014\/05\/breakingnews-dan-highlight-04.png\" alt=\"tampilan editor pada Highlight dimana admin dapat langsung mengganti Business Unit\" width=\"640\" height=\"480\" \/><\/a><figcaption id=\"figcaption_attachment_1264\" class=\"wp-caption-text\" itemprop=\"description\">tampilan editor pada Highlight dimana admin dapat langsung mengganti Business Unit<\/figcaption><\/figure>\n<figure id=\"attachment_1265\" aria-describedby=\"figcaption_attachment_1265\" class=\"wp-caption clear aligncenter\" itemscope itemtype=\"http:\/\/schema.org\/ImageObject\" style=\"width: 640px\"><a href=\"http:\/\/dmd.binus.ac.id\/wp-content\/blogs.dir\/1\/files\/2014\/05\/breakingnews-dan-highlight-05.png\"><img loading=\"lazy\" decoding=\"async\" itemprop=\"contentURL\" class=\"size-full wp-image-1265\" src=\"http:\/\/dmd.binus.ac.id\/wp-content\/blogs.dir\/1\/files\/2014\/05\/breakingnews-dan-highlight-05.png\" alt=\"Editor Highlight dapat mengakomodir ragam berita dan informasi sesuai dengan kebutuhan masing-masing Business Unit\" width=\"640\" height=\"480\" \/><\/a><figcaption id=\"figcaption_attachment_1265\" class=\"wp-caption-text\" itemprop=\"description\">Editor Highlight dapat mengakomodir ragam berita dan informasi<br \/>sesuai dengan kebutuhan masing-masing Business Unit<span style=\"background-color: #ffffff;line-height: 1.5em\">\u00a0<\/span><\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>oleh Fikri Rasyid &amp; Eka Hardiningtyas BINUS University sebagai korporat memiliki dua\u00a0newsletter\u00a0yang ditujukan untuk karyawan, yakni BINUS Highlight dan\u00a0Breaking News.\u00a0BINUS Highlight merupakan newsletter mingguan yang berisikan kompilasi berita terbaru dari berbagai biro dan unit yang dimiliki oleh BINUS. BINUS Breaking News merupakan newsletter dengan frekuensi lebih sering yang berisikan satu berita utama yang perlu diketahui [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":2195,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[28],"tags":[],"class_list":["post-1159","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-products"],"_links":{"self":[{"href":"https:\/\/binus.ac.id\/knowledge\/wp-json\/wp\/v2\/posts\/1159","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=1159"}],"version-history":[{"count":1,"href":"https:\/\/binus.ac.id\/knowledge\/wp-json\/wp\/v2\/posts\/1159\/revisions"}],"predecessor-version":[{"id":2198,"href":"https:\/\/binus.ac.id\/knowledge\/wp-json\/wp\/v2\/posts\/1159\/revisions\/2198"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/binus.ac.id\/knowledge\/wp-json\/wp\/v2\/media\/2195"}],"wp:attachment":[{"href":"https:\/\/binus.ac.id\/knowledge\/wp-json\/wp\/v2\/media?parent=1159"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/binus.ac.id\/knowledge\/wp-json\/wp\/v2\/categories?post=1159"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/binus.ac.id\/knowledge\/wp-json\/wp\/v2\/tags?post=1159"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}