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.
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
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. Breadcrump
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 and whitespace
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
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 submenu
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