UNIVERSITAS MUHAMADYAH JAKARTA

TEKNIK INFORMATIKA IV

KAIDAH IMK ANALISA TERHADAP TAMPILAN LAYOUT SEBUAH SITE

Disusun oleh

Andy Mardianto (2009470138)

Iwan Maulana (2009470158)

Johan (2009470159)

Moh. Cecep Sumarna (2009470168)

Disini kami akan menganalisa kaidah IMK dalam sebuah situs yang terkenal dalam penyediaan informasi ter‐update www.okezone.com.  Bagaimana peran tampilan layout sebuah site berpengaruh sebagai  daya tarik bagi para pengunjungnya.   

Halaman Utama   

 

Page 1 of 10 Kaidah IMK kelompok Andi M, Iwan M, Johan, M.Cecep Sumarna 

 

Page 2 of 10 Kaidah IMK kelompok Andi M, Iwan M, Johan, M.Cecep Sumarna 

 

 

1. Penggunaan Warna 

Warna dominan dalam  situs  ini  adalah warna putih,  komposisi baner  dan paduan warna  cukup  sedap dipandang,    tidak  telalu  sesak.   Warna merah menjadi  penunjuk  Tag  dan  informasi  ter‐update  yang disajikan dalam situs ini, secara keseluruhan paduan warna antara warna dominan dan warna paduannya cukup baik sehingga pengunjung senang dengan tampilan situs ini. 

Untuk pengunjung yang lebih menyukai warna meriah dan rame mungkin penyajiaan dan paduannya agak kurang berani. 

 

2. Layout 

Terdiri dari 3 kolom dihalaman atas,  dimana ada 2 kolom untuk penyajian informasi ter‐udpate dan satu kolom  disediakan  untuk  kepentingan  bisnis  (iklan).    Pada  2  kolom  untuk  penyajian  informasi  ada perbedaan  besar  kolom  dimana  kegunaannya  untuk memberitahu  pengunjung  tentang  informasi  yang paling menarik (ter‐update) yang disertakan dengan foto. Pada kolom satunya terdapat informasi lainnya yang disajikan rapi. 

Jika dipandang secara keseluruhan penyajiannya tidak terlalu sesak dan terlihat pas antara masing‐masing peletakan kolom‐kolomya. 

3. Komposisi 

Dibagian  paling  atas  terdapat  Logo  nama  situsnya  yang  dipadukan  dengan  banner  iklan.  Kemudian terdapat baris tag untuk penyajian informasi berdasarkan klasifikasinya.   

Dibagian  isi, kolom paling atas berisi berita berita hotnews. Dimana penyusunannya dibuat  teratur dari informasi terupdate sampai informasi yang telah lalu pada kkolom bagian bawah. Perbedaan besar  huruf judul dan penyertaan foto menjadi penanda untuk informasi yang paling update. 

Penyusunan seperti ini mempermudah pengunjung situs untuk pencarian informasi yang dibutuhkan. 

 

Page 3 of 10 Kaidah IMK kelompok Andi M, Iwan M, Johan, M.Cecep Sumarna 

 

4. Size 

Pengaturan Size banner, gambar, iklan ukuran font dilakukan denga baik sehingga tampilan layout secara keseluruhan terlihat apik sesuai dengan letak dan kegunaannya.    

 

 

Halaman Autos 

 

 

Page 4 of 10 Kaidah IMK kelompok Andi M, Iwan M, Johan, M.Cecep Sumarna 

 

 

1. Penggunaan Warna 

Putih masih menjadi warna dominan dalam  situs  ini,  komposisi baner dan paduan warna  cukup  sedap dipandang  (warna  putih  dipadukan  dengan warna  ungu  dan  biru),  secara  keseluruhan  paduan warna antara warna dominan dan warna paduannya cukup baik dan lembut dipandang. 

2. Layout 

Masih seperti  layout pada halaman utamanya terdiri dari 3 kolom dihalaman atas,  dimana ada 2 kolom untuk penyajian informasi ter‐udpate dan satu kolom disediakan untuk kepentingan bisnis (iklan).  Pada 2 kolom untuk penyajian  informasi ada perbedaan besar kolom dimana kegunaannya untuk memberitahu pengunjung tentang informasi yang paling menarik (ter‐update) yang disertakan dengan foto. Pada kolom satunya terdapat informasi lainnya yang disajikan rapi. 

Jika dipandang secara keseluruhan penyajiannya tidak terlalu sesak dan terlihat pas antara masing‐masing peletakan kolom‐kolomya. 

 

 

 

Page 5 of 10 Kaidah IMK kelompok Andi M, Iwan M, Johan, M.Cecep Sumarna 

3. Komposisi 

Mempunyai komposisi sama denga halaman utamanya, dibagian paling atas terdapat Logo nama situsnya yang  dipadukan  dengan  banner  iklan.  Dimana  penyusunannya  dibuat  diatur  dari  informasi  terupdate sampai informasi yang telah lalu pada kolom bagian bawah. Perbedaan besar  huruf judul dan penyertaan foto  menjadi  penanda  untuk  informasi  yang  paling  update.  Penyusunan  seperti  ini  mempermudah pengunjung situs untuk pencarian informasi yang dibutuhkan.  

Ada  perbedaan  jumlah    kolom  bagian  bawah  dimana  pada  kolom  tersebut    informasi  yang  disajikan adalah campuran dari klasifikasi yang ada pada situs ini. 

 

4. Size 

Pengaturan Size banner, gambar, iklan ukuran font dilakukan denga baik sehingga tampilan layout secara keseluruhan terlihat apik sesuai dengan letak dan kegunaannya.    

 

 

Halaman  Artis selebritis 

 

 

Page 6 of 10 Kaidah IMK kelompok Andi M, Iwan M, Johan, M.Cecep Sumarna 

 

 

 

1 Penggunaan Warna 

Untuk menghindarkan dari efek monoton, warna dominan tidak lagi menggunkan warna putih, tapi warna gelap  yaitu abu‐abu    tua  sampai hitam. Yang membuat  laman  ini menarik  adalah paduan warna gelap dengan warna  terang    dalam  banner  dan warna  font‐nya,    secara  keseluruhan  paduan warna  antara warna dominan dan warna paduannya terlihat cantik. Karena paduan warna kuning dan warna ungu pada fontnya membentuk kesan cantik sesuai tema informasi yang disajikan pada halaman ini. 

2 Layout 

Masih seperti    layout pada halaman utamanya terdiri dari 3 kolom dihalaman atas,   Tapi penggunaan 2 kolom    untuk  penyajian  informasi  berubah menjadi  satu  kolom,  satu  2  kolom  lagi  digunakan  untuk assessories untuk mempercantik dan bisnis (iklan). Jika dipandang secara keseluruhan penyajiannya  agak sesak. 

3 Komposisi 

Mempunyai komposisi sama denga halaman utamanya, dibagian paling atas terdapat Logo nama situsnya yang dipadukan dengan banner iklan.  

Penyusunan  kolom  berita  dan  kolom  assessorisnya  terlihat  agak  tidak  terlalu  rapi mungkin  ingin  leih menonjolkan kesan kesan anak muda dan tidak ingin terlalu formal . 

Tapi  telalu  banyaknya  banner  dan  foto membuat  halaman  ini  agak  ramai  dan  sesak. Dan  fokus mata terganggu oleh bannernya tersebut. 

4 Size 

Pengaturan Size banner, gambar,  iklan ukuran font dibuat mengikuti tema   halamannya,  jadi paduannya sedikit  berkesan  cantik tapi rapi.  

 

 

 

 

 

 

 

Page 7 of 10 Kaidah IMK kelompok Andi M, Iwan M, Johan, M.Cecep Sumarna 

Halaman Bola 

 

 

 

1. Penggunaan Warna 

Kembali seperti halaman utamanya, halaman bola  ini kembali menggunakan warna putih sebagai warna dominan, paduannya  dengan warna font dan banner masih membentuk kesan formal dan lembut untuk dipandang. 

 

2. Layout 

Masih  seperti    layout  pada  halaman  utamanya  terdiri  dari  3  kolom  dihalaman  atas,  pengaturan  lebar kolom dibuat proporsional sehinga tidak terlihat sesak atau penuh. 

 

Page 8 of 10 Kaidah IMK kelompok Andi M, Iwan M, Johan, M.Cecep Sumarna 

3. Komposisi 

Mempunyai komposisi sama denga halaman utamanya, dibagian paling atas terdapat Logo nama situsnya yang dipadukan dengan banner iklan. 

Pengaturan  peletakan  informasi  yang  terbaru  dengan  sebelumnya  terlihat  rapi,  mudah  untuk  bisa menyusuri informasi berdasarkan urutannya.   

 

4. Size 

Pengaturan Size banner, gambar, iklan ukuran font terlihat  teratur, sehingga bisa memuat informasi yang banyak dan dicari oleh para pengunjungnya.  

 

 

 

Halaman Techno 

 

 

Page 9 of 10 Kaidah IMK kelompok Andi M, Iwan M, Johan, M.Cecep Sumarna 

 

 

1. Penggunaan Warna 

samai  seperti  halaman  utamanya,  halaman  techno  ini    menggunakan  warna  putih  sebagai  warna dominan,  paduannya    (putih  dan  biru  kehijauuan)  dengan warna  font  dan  banner  sedikit membentuk kesan formal  dan future tapi tetap lembut untuk dipandang. 

2. Layout 

Masih  seperti    layout  pada  halaman  utamanya  terdiri  dari  3  kolom  dihalaman  atas,  pengaturan  lebar kolom dibuat proporsional sehinga tidak terlihat sesak atau penuh. 

3. Komposisi 

Mempunyai  komposisi  sama  dengan  halaman  utamanya,  dibagian  paling  atas  terdapat  Logo  nama situsnya  yang  dipadukan  dengan  banner  iklan.Pengaturan  peletakan  informasi  yang  terbaru  dengan sebelumnya terlihat rapi, mudah untuk bisa menyusuri informasi berdasarkan urutannya.   

 

4. Size 

Pengaturan Size banner, gambar, iklan ukuran font terlihat  teratur, sehingga bisa memuat informasi yang banyak dan dicari oleh para pengunjungnya.  

Page 10 of 10 Kaidah IMK kelompok Andi M, Iwan M, Johan, M.Cecep Sumarna