Menu Sistem dan Skema Navigasi & Organize and Layout Windows and Pages

17
Menu Sistem dan Skema Navigasi Organize and La yout Windows and P ages KELOMPOK 6: - MISDI !"O"I #$% 6&$ '$%( - M) * ID L* "ISI #$% 6&$ '$+( - NDIKO *"NS S) #$% 6&$ '%6(

Transcript of Menu Sistem dan Skema Navigasi & Organize and Layout Windows and Pages

Page 1: Menu Sistem dan Skema Navigasi & Organize and Layout Windows and Pages

8/17/2019 Menu Sistem dan Skema Navigasi & Organize and Layout Windows and Pages

http://slidepdf.com/reader/full/menu-sistem-dan-skema-navigasi-organize-and-layout-windows-and-pages 1/17

Menu Sistem dan SkemaNavigasi

Organize and LayoutWindows and Pages

KELOMPOK 6:-MISDI !"O"I #$% 6&$ '$%(

-M) *ID L*"ISI #$% 6&$ '$+(

-NDIKO *"NS S) #$% 6&$ '%6(

Page 2: Menu Sistem dan Skema Navigasi & Organize and Layout Windows and Pages

8/17/2019 Menu Sistem dan Skema Navigasi & Organize and Layout Windows and Pages

http://slidepdf.com/reader/full/menu-sistem-dan-skema-navigasi-organize-and-layout-windows-and-pages 2/17

Menu Sistem dan

Skema Navigasi Menu merupakan bentuk utama navigasi dari suatusistem, jika dirancang dengan benar maka akanmembantu pengguna membangun model mental darisistem.

 Menu efektif karena menggunakan kelebihan manusiadalam hal Recognition (pengenalan) dan bukankelemahannya dalam hal ingatan.

Page 3: Menu Sistem dan Skema Navigasi & Organize and Layout Windows and Pages

8/17/2019 Menu Sistem dan Skema Navigasi & Organize and Layout Windows and Pages

http://slidepdf.com/reader/full/menu-sistem-dan-skema-navigasi-organize-and-layout-windows-and-pages 3/17

Struktur menu Struktur menu mendenisikan tingkat pengguna dalammelaksanakan sebuah task (tugas)

Struktur menu yang dikenal

a. Menu tunggal

b. Menu linier sekuensial

c. Menu simultan

d. Menu terhubung

e. Menu event trapping

Page 4: Menu Sistem dan Skema Navigasi & Organize and Layout Windows and Pages

8/17/2019 Menu Sistem dan Skema Navigasi & Organize and Layout Windows and Pages

http://slidepdf.com/reader/full/menu-sistem-dan-skema-navigasi-organize-and-layout-windows-and-pages 4/17

!ungsi menu Navigasi ke menu baru

 Mengeksekusi sebuah aksi

 Menampilkan informasi

 Memasukkan data

Page 5: Menu Sistem dan Skema Navigasi & Organize and Layout Windows and Pages

8/17/2019 Menu Sistem dan Skema Navigasi & Organize and Layout Windows and Pages

http://slidepdf.com/reader/full/menu-sistem-dan-skema-navigasi-organize-and-layout-windows-and-pages 5/17

"si menuSebuah menu terdiri atas # elemen

 $onteks

 judul

pilihan

intruksi penyelesaian

Page 6: Menu Sistem dan Skema Navigasi & Organize and Layout Windows and Pages

8/17/2019 Menu Sistem dan Skema Navigasi & Organize and Layout Windows and Pages

http://slidepdf.com/reader/full/menu-sistem-dan-skema-navigasi-organize-and-layout-windows-and-pages 6/17

!ormat menu $onsisten

  %ampil

&resentasi

 'rganisasi

 $ompleksitas

 "ntruksi menu

Page 7: Menu Sistem dan Skema Navigasi & Organize and Layout Windows and Pages

8/17/2019 Menu Sistem dan Skema Navigasi & Organize and Layout Windows and Pages

http://slidepdf.com/reader/full/menu-sistem-dan-skema-navigasi-organize-and-layout-windows-and-pages 7/17

Macammacam menu

Page 8: Menu Sistem dan Skema Navigasi & Organize and Layout Windows and Pages

8/17/2019 Menu Sistem dan Skema Navigasi & Organize and Layout Windows and Pages

http://slidepdf.com/reader/full/menu-sistem-dan-skema-navigasi-organize-and-layout-windows-and-pages 8/17

'rganie and *ayout +indos

and &ages 'rganie berarti mengatur, layout indos dan pages(halaman), dengan mengatur tata letak tampilan aalmaka akan mempermudah dalam pemahaman informasi,mempercepat proses eksekusi task (pekerjaan) atau

fungsi dan meningkatkan -ser cceptance (penerimaanuser).

 &ada tampilan aal sebuah aplikasi harus dibuat sesimpelmungkin agar mempermudah pengguna dalammelakukan sesuatu pada aplikasi tersebut.

Page 9: Menu Sistem dan Skema Navigasi & Organize and Layout Windows and Pages

8/17/2019 Menu Sistem dan Skema Navigasi & Organize and Layout Windows and Pages

http://slidepdf.com/reader/full/menu-sistem-dan-skema-navigasi-organize-and-layout-windows-and-pages 9/17

/agaimana menurut nda jikatampilan aal photoshop

seperti ini0

Page 10: Menu Sistem dan Skema Navigasi & Organize and Layout Windows and Pages

8/17/2019 Menu Sistem dan Skema Navigasi & Organize and Layout Windows and Pages

http://slidepdf.com/reader/full/menu-sistem-dan-skema-navigasi-organize-and-layout-windows-and-pages 10/17

/agaimana menurut nda jikatampilan aal photoshop

seperti ini0

Page 11: Menu Sistem dan Skema Navigasi & Organize and Layout Windows and Pages

8/17/2019 Menu Sistem dan Skema Navigasi & Organize and Layout Windows and Pages

http://slidepdf.com/reader/full/menu-sistem-dan-skema-navigasi-organize-and-layout-windows-and-pages 11/17

&enjelasan 1ari keterangan ilustrasi tampilan aal photoshop diatas,maka jelas akan lebih mudah jika tampilan aalphotoshop tidak ruet (rapi) daripada tampilan yangtidak rapi.

 &engguna akan sangat bingung terutama pengguna yangaam dalam mengoperasikan photoshop dengantampilan aal yang tidak rapi.

 1engan tampilan yang tidak rapi maka akan sangat sulituntuk menemukan apa yang kita cari.

Page 12: Menu Sistem dan Skema Navigasi & Organize and Layout Windows and Pages

8/17/2019 Menu Sistem dan Skema Navigasi & Organize and Layout Windows and Pages

http://slidepdf.com/reader/full/menu-sistem-dan-skema-navigasi-organize-and-layout-windows-and-pages 12/17

2rouping 2rouping adalah tampilan yang tertata sesuai denganfungsinya, bertujuan untuk mempermudah penggunauntuk melakukan sesuatu.

 2rouping biasanya terdapat pada sebuah form pengisianatau sebuah submenu dalam sebuah menu yang sudahdi grupkan.

Page 13: Menu Sistem dan Skema Navigasi & Organize and Layout Windows and Pages

8/17/2019 Menu Sistem dan Skema Navigasi & Organize and Layout Windows and Pages

http://slidepdf.com/reader/full/menu-sistem-dan-skema-navigasi-organize-and-layout-windows-and-pages 13/17

3ontoh grouping

Page 14: Menu Sistem dan Skema Navigasi & Organize and Layout Windows and Pages

8/17/2019 Menu Sistem dan Skema Navigasi & Organize and Layout Windows and Pages

http://slidepdf.com/reader/full/menu-sistem-dan-skema-navigasi-organize-and-layout-windows-and-pages 14/17

 %ampilan grid  %ampilan grid kebanyakan ditemukan pada ebsite,tampilan grid yang baik adalah terorganisir, mengandunginformasi yang dibutuhkan, membuat ukuran grid yangpas (agar penuh) dan grouping grid yang benar, misal

gambar disebelah teks yang menjelaskan gambartersebut atau teks dibaah gambar sebagaipenjelasannya.

Page 15: Menu Sistem dan Skema Navigasi & Organize and Layout Windows and Pages

8/17/2019 Menu Sistem dan Skema Navigasi & Organize and Layout Windows and Pages

http://slidepdf.com/reader/full/menu-sistem-dan-skema-navigasi-organize-and-layout-windows-and-pages 15/17

3ontoh tampilan

sebuah grid yang baikdan buruk

Page 16: Menu Sistem dan Skema Navigasi & Organize and Layout Windows and Pages

8/17/2019 Menu Sistem dan Skema Navigasi & Organize and Layout Windows and Pages

http://slidepdf.com/reader/full/menu-sistem-dan-skema-navigasi-organize-and-layout-windows-and-pages 16/17

Membuat tampilan aal

yang baik  %ampilan aal yang baik tentunya dibuat rapi, tidakmembingungkan pengguna, tidak berantakan dan tidakberisi informasi yang tidak terlalu dibutuhkan.

 Sebaiknya dibuat grouping yang baik agar penggunalebih mudah menemukan yang mereka cari.

 Mempertimbangkan ukuran sebuah grid atau indo,untuk sesuatu yang sekiranya penting diberikan ukuranyang besar agar mudah terlihat

Page 17: Menu Sistem dan Skema Navigasi & Organize and Layout Windows and Pages

8/17/2019 Menu Sistem dan Skema Navigasi & Organize and Layout Windows and Pages

http://slidepdf.com/reader/full/menu-sistem-dan-skema-navigasi-organize-and-layout-windows-and-pages 17/17

 %45"M $S"6