Review Website (E-Environtment) Trubus Online

Anggota kelompok :

1. Ariadi Nazaruddin 51412072

2. Faturachman Oktaviardi 52412812

3. Muhammad Yafie Dalimunthe 55412129

4. Sulistio Tri Hartanto 57412193

5. Syans Dhiyo Abiandti 57412257

Toko Trubus Online yang berbasis website (http://www.trubus-online.co.id/) merupakan website sumber informasi dan pengetahuan mengenai tumbuh-tumbuhan, kegunaan tumbuhan herbal bagi kesehatan,  memiliki fasilitas membership untuk melihat seluruh arsip majalah trubus, dan sebagai sarana penjualan majalan Trubus. Untuk melihat artikel-artikel dari trubus pelanggan harus menjadi member terlebih dahulu, ada terdapat 2 jenis member yang pertama member 1 tahun dan member 5 tahun. Berikut kegunaan fasilitas member ,

1. Bebas mengakses dan mendownload arsip artikel Majalah Trubus selama periode keanggotaan.

2. Bebas mengakses dan mendownload alamat narasumber pada 2 edisi Trubus terbaru.

3. Bebas mengakses dan mendownload foto-foto spesial khas rubrik eksplorasi dan proses produksi.

4. Bebas mengakses dan mendownload e-book pertanian Trubus.

5. Bebas mengakses dan mendownload video klip pertanian.

6. Diskon Rp400.000 untuk sekali pemasangan iklan 1 halaman penuh di situs trubus-online.co.id selama 1 bulan.

Website ini juga bisa dikatakan sebagai website yang menunjang di bidang perekonomian  dikarenakan adanya e-commerce yang bisa dilihat di (http://trubus-online.co.id/belanja/ ). disitu pembeli bisa memilih langsung majalah yang ingin dibeli dan terdapat keranjang belanja (shopping cart) untuk selanjutnya dibayarkan dari majalah-majalah yang dipilih dan ditambahkan pada keranjang. 

Prinsip Desain Grafis

Desain grafis adalah salah satu bentuk seni lukis (gambar) terapan yang memberikan kebebasan kepada sang desainer (perancang) untuk memilih,menciptakan, atau mengatur elemen rupa seperti ilustrasi, foto, tulisan dan garis diatas suatu permukaan dengan tujuan untuk diproduksi dan dikomunikasikan sebagai sebuah pesan.

Desain  Grafis mempunyai 6 prinsip yaitu :

1 . Metaphor (Metafora)

Adalah deskripsi yang mempunyai istilah objek lain yang tidak dapat diartikan secara harafiah. Menghubungkan presentasi dan elemen-elemen visual dengan item-item yang berkaitan. Metafora akan membuat para pengunjung seolah-olah berada di tempat yang sebenarnya, atau bisa dikatakan juga bahwa metafora dibuat mirip seperti tempat yang dikunjungi.

2. Clarity (Kejelasan)

Harus memiliki alasan yang kuat/masuk akal dan jelas mengapa menggunakan setiap elemen yang berada dalam suatu interface yang kita buat.

3. Consistency (Ketetapan)

Konsistensi dalam tampilan, pewarnaan, gambar, ikon, typography (model form yang digunakan pada suatu website) dan teks harus ada konsistensi baik dalam layar maupun antar layar. Dan harus selalu ada metafora dimanapun juga. Setiap platform mungkin memiliki panduannya.

4. Alignment (Perataan)

Untuk perataan dapat digunakan rata kiri, kanan atau tengah. Pada umumnya suatu teks pada website dimulai dari kiri atas (left alignment), dimana left alignment akan mengijinkan mata untuk menguraikan tampilan dengan lebih mudah. Selain itu dengan menggunakan bantuan garis akan membantu dalam hal perataan.

5. Proximity

Adalah Item-item yang berkaitan ditampilkan bersama pasti memiliki hubungan karena jarak yang jauh mengimplikasikan bahwa tidak ada hubungan antara item-item tersebut.

6. Contrast (Keserasian Tampilan)

Adalah sebuah keserasian tampilan akan membuat pengunjung web tertarik pada web tersebut. Kontras juga dapat memandu mata pengunjung untuk melihat keseluruhan interface. Keuntungan dari keserasian adalah untuk memperkuat fokus atau untuk memperkuat suatu interface. Kontras digunakan untuk membedakan aktifitas kendali. Juga dapat digunakan untuk men-set item yang paling utama. Item yang paling utama diberi highlight. Dengan mempergunakan geometri dapat membantu pengurutan. Kontras juga mendukung skimming secara cepat.

Dilihat dari 6 prinsip desain grafis, website Trubus Online sudah sangat baik dalam desain grafis, dilihat dari methapora yang seolah-olah artikel-artikel dibuku dengan canvas putih dan backgournd hijau daun , dilihat dari clarity(kejelasan) yang elemen-elemennya seperti teks atau slide gambar diberikan supaya para pembaca yang melihat mendapatkan informasi yang bagus dan bermanfaat. Biasanya berita-berita yang baru dimuat di bagian depan sebagai headlines, dilihat dari Consistency (Ketetapan) yang memiliki ketetapan yang sangat baik seperti penataan warna hijau putih sebagai warna utama, dan teks hitam agar bisa dilihat jelas dengan mata, serta frame yang konsiten , dilihat dari aligment (perataan) yang ditata dengan rapi bagian navigasi, artikel-artikel dan iklan yang akan ditampilkan dengan sebagian besar menggunakan peraatan kiri teks pada artikel, dilihat dari proximity Proximitynya sangat diperhatikan baik-baik oleh pembuat web karena item-item yang di tampilkan saling berhubungan diletakan saling berdekatan, juga memberi  kategori pada setiap artikel-artikelnya, dilihat dari Contrast (Keserasian Tampilan) yang didominasi oleh warna hijau putih , warna putih dikaitkan dengan teks hitam dan background hijau daun dikatingan dengan canvas putih, pemilihan warna yang sangat baik karena enak dilihat dan memberi keserasian tampilan yang baik.

1. Logo Perusahaan

Identitas utama dari sebuah website adalah logo dan nama perusahaan. Pada website ini, peletakkan logo identitasnya sudah memenuhi aturan umum yang berlaku yaitu diletakkan di sebelah kiri atas. Pemisahan antara banner logo dan image nama perusahaannya pun sudah benar yaitu antara logo dan nama perusahaannya dipisah. Logo ini menjadi link untuk menuju ke tampilan awalan home.

2. Breadcrumb

Breadcrumb merupakan elemen terpenting dalam pembuatan website. Breadcrumb digunakan untuk memberitahukan kepada pengunjung situs mengenai posisi sekarang berada dalam situs ini. Dalam website Trubus Online sudah terdapat breadcrumb pada navigasi awal tetapi navigasi dibawahnya tidak memiliki breadcumb.

3. Searching

Fitur terpenting lainnya dalam website adalah fitur pencarian (searching). Dengan adanya pencarian, maka pengunjung akan lebih mudah dalam menemukan informasi yang diinginkan. Penggunaan fitur pencarian ini menghemat pengunjung situs untuk melakukan browsing yang sia-sia. Dengan hanya memasukkan kata kunci yang diinginkan, maka akan ditampilkan hasil dari pencarian yang diinginkan. Pada website ini telah teradapat fitur searching pada bagian kanan bawah , fitur searching pada website trubus online yaitu untuk mencari seluruh artikel-artikel yang ada pada trubus online.

4. Link

Link merupakan jalan pintas yang digunakan oleh pengembang web untuk merujuk kepada sumber yang dituju. Pada situs ini, link yang digunakan pada artikel berwarna biru. Jika cursor kita letakkan di atas persis tulisannya (hover), maka warna yang sebelumnya merah berubah menjadi warna hitam. Namun ada beberapa hal yang harus diperhatikan dalam penggunaan link di situs ini. Link yang kita sudah kita kunjungi tidak berubah warnanya. Link-link yang telah dikunjungi sebelumnya seharusnya diatur agar berubah warnanya untuk memudahkan pengunjung mengingat link-link mana saja yang telah dikunjungi sebelumnya. Dengan begitu, pengunjung dapat menghemat biaya browsing yang dilakukannya.

5. Scrolling dan white space

Pemakaian scroll ditujukan untuk melihat keseluruhan isi web yang dikarenakan ukuran monitor yang tidak mencukupi. Dengan scroll kita bisa melihat kelanjutan konten yang diisikan. Pada situs ini terlihat bahwa pemakaian scroll yang sia-sia. Karena saat kita scroll ke bawah, akan terlihat space yang kosong tanpa konten apapun pada artikel karena harus mengikuti bagian kanan iklan. Ini menjadikan tampilan situs menjadi kurang konsisten dan terlihat buruk. Mungkin sebagai solusinya sebaiknya segera diperbaiki tampilan ini dengan meniadakan scroll ataupun menambah konten supaya terlihat penuh. Sebagai solusi tambahan, mungkin untuk pengisian space kosong di sebelah kiri dapat diisikan dengan iklan ataupun menu-menu tambahan yang lainnya.

6. Pop-up

Pop-up adalah munculnya halaman baru dari tampilan website yang kita buat. Pop-up ini bisa berisi bagian dari konten ataupun bisa berisi iklan-iklan penunjang dari website. pada situs ini terdapat pop-up pada saat pertama kali kita mengakses halaman utama, dengan pop up iklan majalah.

7. List halaman (next dan prev)

Tombol next dan tombol prev digunakan saat ingin melihat halaman selanjutnya atau halaman sebelumnya. Contoh pemakaian tombol dalam website ini berada pada artikel , terdapat tombol next page pada akhir list-list di artikel, sehingga bisa melihat list-list artikel yang selanjutnya.

8.  Pengelompokkan menu dan sub-menu

Pengelompokkan ini bertujuan untuk mempermudah pengguna mengakses menu-menu tertentu. Pada website ini, pengelompokkan dilakukan berdasarkan kedekatan fungsionalitas kategori-kategori yang diberikan. Pengelompokkan menu ini terdiri dari sepuluh bagian utama pada halaman home. Ada menu-menu tertentu yang jika diarahkan di atasnya akan muncul sub-sub menu lainnya. Seperti menu majalah, jika di arahkan terdapat submenu , seperti topik, fokus, eksplorasi dan lainnya, sub menu disini dibuat sesuai dengan menu utama yaitu majalah, seluruh submenu berhubungan dengan majalah, sub menu telah dibuat untuk pengguna bisa dengan mudah mencari sesuatu yang diingikanya.

9. Penempatan menu utama

Pada website ini sudah cukup baik peletakkan menu utama yang ditaruh di bagian atas dan sangat jelas. Menu utama ini merupakan ide pokok dari sebuah informasi yang ingin ditawarkan. Karena website ini sudah tepat penempatannya, maka kita bisa mengetahui konten apa saja yang ditawarkan website ini.

10. Screen Resolution

Resolusi adalah sesuatu yang sangat harus diperhatikan pada pembuatan website, dimulai dari resolusi 800x600 untuk monitor dan lebih besar lagi , jika resolusi tidak diperhatikan bisa terjadi ketidak jelasan desain atau website bisa berantakan. Pada website Trubus Online resolusi website sudah sangat baik, karena menggunakan teknologi responsive yaitu bisa mengikuti segala resolusi, jika di hp resolusi juga mengikuti ukuran hp, begitupun di layar yang besar.

11. Konten Arsip

Pada website ini terdapat fitur arsip, yaitu pengelompokan semua majalah-majalah trubus, arsip dikelompokan berdasarkan bulan pengeluaran majalahnya, arsip bisa dilihat di bagian kanan bawah website. Karena kami tidak berlangganan, maka kami tidak dapat menampilkan gambaran apa yang kami maksud.

12. Konten Rubrik

Pada website ini terdapat fitur rubrik, yaitu pengelompokan berdasarkan kategori yang disediakan, pengelompokan ini dibuat untuk kategori artikel-artikel yang ada. rubrik bisa dilihat di bagian kanan bawah website dibawah arsip.

13. Konten Member

Member pada Website trubus online sangat berpengaruh besar untuk fungsionalitas website, karena seluruh artikel yang ada haruslah menjadi member terlebih dahulu untuk melihatnya, ada 2 member yang disediakan oleh trubus online 1 tahun dan 5 tahun. Karena kami tidak berlangganan, maka kami tidak dapat menampilkan gambaran apa yang kami maksud.

14. Konten Belanja

Pada website trubus online terdapat menu belanja , belanja disini berupa list-list majalah yang ada dan ada fitur keranjang dimana kita bisa memilih majalah-majalah yang akan dibeli dan selanjutnya bisa sekalian melakukan konfirmasi dan pembayaran.