Materi User Interface

Drive : tempat penyimpanan Partisi untuk membagi User Interface (tampilan pengguna) OS

: operational system

Macam-macam user interface -

Text user interface adalah salah satu tampilan atau interaksi yang berupa text. Co. DOS o

Folder (directory) Cara membuat directory : 1. MD (make directory) Syntax (Rumus)= MD (spasi) [Nama Directory] 2. CD (Change Directory) Syntax (Rumus) = CD (spasi) [Nama Directory] 3. RD (Remove Directory) Syntax (Rumus) = RD (spasi) [Nama Directory]

-

Graphical user interface

-

Web user interface

Tree Directory D:\> ADM_NIAGA (Root) -

MP

-

MA

-

AB

-

UPW

Sub Directory

CLS

: membersihkan layar

CD..

: menghapus salah satu sub directory

Folder adalah tempat disimpannya satu file

File adalah element data pada penyimpanan system file Karekteristik file : 1. Disimpan dalam bentuk besaran bytes (besaran pada penyimpanan data digital) 2. Memiliki kapasitas terbatas 3. Disimpan dalam system penyimpanan yang permanen, tidak ikut hilang saat computer dimatikan. Ekstensi 1. Menunjukan tipe dari file 2. Ditunjukan dengan 3 digit abjad atau angka dibelakang nama file yang dipisahkan titik. Contoh : -

Intro.mp3

-

Bab3.doc

-

Latihan.xsl

-

Makalah.ppt

Perintah membuat folder/directory -

MD  Make Directory

-

CD  Change Directory

-

RD  Remove Directory

Perintah lainnya : -

Copy con [name File]  membuat File

-

Type [nama File]  membaca isi file

-

Copy [nama file asal] [nama file baru]

-

Shortkey : cara cepat untuk mangeksekusi suatu perintah dengan menggunakan keyboard biasanya di gunakan dengan menggunakan CTRL (control)

PERANCANGAN INTERFACE USER Senin, 05/Maret/2012 -

Perekayasa perangkat lunak harus mengambil tanggung jawab perancangan interface user disamping perancangan perangkat lunak.

-

Perancangan user interface yang baik harus bersifat kritis.

-

User Interface berbasis grafis (GUI)

Kelebihan GUI -

GUI relative mudah dipelajari dan digunakan

-

User memiliki banyak layar untuk interaksi dengan system

-

Interaksi dengan cepat dengan layar penuh dapat dilakukan dengan akses langsung ke bagian manapun pada layar.

-

Multi tasking adalah bisa membuka beberapa windows dalam waktu bersamaan.

Analisis dan pahami kegiatan user

Buat prototype desain diatas kertas

Evaluasi desain dengan end user

kfkfk

Rancang prototipe

Buat desain prototipe

Prototype yang dapat dieksekusi

Evaluasi desain dengan end user

Implementasi interface user yang final

Suatu kegiatan user interface yang kritis adalah analisis kegiatan user yang akan didukung oleh system konputer tersebut. Tanpa memahami apa yang ingin dilakukan user dengan system computer tidak ada prospek yang realistis dalam perancangan user interface yang efektif. Prinsip perancangan user interface : 1. Kebiasaan user 2. Konsisten 3. Kejutan minimal 4. Kemampuan pemilihan 5. Panduan user 6. Keragaman user

1. Kebiasaan User “User tidak boleh dipaksa beradaptasi dengan suatu interface karena implementasinya tidak tepat. Interface harus menggunakan istilah – istilah yang dikenal user”

2. Konsistensi “Konsistensi memiliki arti bahwa command dan menu system harus memiliki format yang sama, parameter harus diberikan ke semua command dengan cara yang sama, dan tanda baca pada command juga harus sama. Interface yanf konsisten mengurangi waktu belajar user” 3. Kejutan minimal “Prinsip kejutan minimal adalah prinsip yang sangat tepat guna, karena user sudah pasti sangat kesal suka system berlaku dalam cara yang tidak diharapkan”

4. Kemampuan pemulihan “merupakan prinsip yang sangat penting, karena user pada akhirnya pasti akan melakukan kesalahan dalam menggunakan suatu system. Interface user harus menyertakan fasilitas yang menmungkinkan user pulih dari kesalahan mereka ”

5. Panduan User “interface harus memiliki panduan user atau fasilitas bantuan (help) yang sudah tercangkok didalamnya. Fasilitas ini harus diintergrasikan dengan dengan system dan garus menyediakan berbagai tingkat bantuan dan saran ”

6. User yang beragam “prinsip keragaman user mengakomodasikan bahwa, untuk banyak system yang interaksi mungkin terdapat berbagai tipe user. Beberapa user akan merupakan user biasa sedangkan user yang lainnya bias berupa …………. Yang memakai system selama beberapa jam seriap harinya”

Interaksi User (Shneiderman,1998) Diklasifikasikan menjadi 5 gaya : 1. Manipulasi langsung 2. Pemilihan menu 3. Pengisian menu 4. Bahasa command 5. Bahasa Natural

User Interface grafis (GUI)

User interface Bahasa command

Interpreter bahasa command

Manager GUI

System Operasional

PROFIL PENGGUNA Factor yang mempengaruhi 1. Luminans (luminance) merupakan banyaknya cahaya yang dipantulkan permukaaan objek. o

Pantulan cahaya ini apabila ditangkap oleh mata menjadi informasi terlihatnya benda.

2. Kekontrasan merupakan perbandingan antara cahaya yang dikeluarkan oleh suatu obyek terhadap cahaya yang dikeluarkan oleh latar belakang obyek tersebut. o

Kekontrasan dapat dihitung sebagai selisih antara luminans obyek dengan latar belakang dibagi dengan luminans

3. Kecerahan merupakan tanggapan subyektif pada cahaya. Semakin tinggi luminans semakin tinggi pula kecerahannya. 4. Sudut dan ketajaman pengelihatan, sudut pengelihatan adakag sudut yang dibentuk antara arah pandangan terhadap benda 5. Medan Pengelihatan merupakan sudut yang di bentuk dari mata bergrak ke kiri terjauh hingga ke kiri terjauh. 6. Warna 7. Pointer (alat penunjuk) a. Warna memegang peranan penting dalam desain antara muka grafis b. Interaksi terbesar antara manusia dengan computer sangat didominasi oleh antar muka layar monitor

TIPOGRAFI Merupakan suatu disiplin ilmu dalam memilih dan menata huruf dengan pengaturan penyebarannya pada ruang – ruang yang tersedia, untuk menciptakan kesan tertentu sehingga dapat menolong pembaca untuk mendaparkanm kenyamanan membaca semaksimal mungkin.

Seni tipografi yaitu karya atau desaign yang menggunakan peraturan huruf sebagai element Jenis – jenis Font 

Serif Font (siripan) -

Salah satu jenis font tertua sejak 1200

-

Keluarga serif : Times New roman, Georgia, Book Antiqua, Palantino, Garamond







-

Sering disebut juga huruf bersepatu karena memiliki pemanjangan bagian serifnya

-

Mencerminkan kualitas dan ketegasan

-

Lebih mudah di baca

Slab – serif Font -

Adalah sub class dari font serif

-

Menyajikan keharmonisan antara keterbacaan font serif dan tampilannya di monitor.

-

Kurang cocok dalam ukuran kecil

Sans – Serif Font -

Tidak memiliki serif sama sekali

-

Font yang paling cocok dalam web desain (nyaman dibaca monitor)

-

Cocok untuk judul karena relative menonjol dan mudah dibaca dari jauh

-

Yang popular : Helvetica (Arial), Trebuchet MS, Lucida Grande, dasn verdana

Character Propotion -

Font yang memiliki labar karakter sama („W‟ dan „I‟ memiliki lebar yang sama )

-

Sulit untuk dibaca Karena bentuknya kurang proposional

-

Kelompok Courir New

-

Kurang cocok dakan desain web namun wajib digunakan dalam pemprograman arau penyajian kode – kode HTML (hurufnya memiliki lebar yang sama sehingga mudah dihitung spasinya)



Cursive dan Fantasi Font -

Kurang cocok ditempatkan dalam teks tubuh tapi occasional

-

Kelompok : Comoc sans MS, Jokerman

-

Memeberika kesan ramah namun terlihat kurang professional.

Kesimpulan -

Verdana cenderung sesuai dalam WUI o Tampak sempurna pada ukuran 11 px o Mekin besar ukurannya makin sulit dibaca o Degan ukuran yang sederhana memberikan kesan profesiaonal

-

Times New Roman hanya cocok dalam ukuran besar pada web design

-

Makin besar ukuran huruf semakin sulit kensentrasi

-

Kamin kecil ukuran huruf membuat pembaca ekstra konsentrasi sehingga menimbulkan efek “malas” membaca

-

Penelitian ukuran yang pas untuk tipe sans serif 12 x 14 px

Kesalahan dam mendesain 1. Rainbow Background -

Membuat

2. Emboss and Shadow 3. Pemilihan font yang salah 4. Menggunakan terlalu banyak font 5. Kombinasi Warna yang berantakan 6. Mengedapankan Ego 7. Mengabaikan Proporsional Bentuk 8.