BAB 7 GUIDELINE - TUJUAN AKHIR GUIDELINE - PETUNJUK PENGGUNAAN GUIDELINE - CONTOH GUIDELINE
|
|
- Hadian Widjaja
- 7 tahun lalu
- Tontonan:
Transkripsi
1 BAB 7 GUIDELINE - TUJUAN AKHIR GUIDELINE - PETUNJUK PENGGUNAAN GUIDELINE - CONTOH GUIDELINE Interaksi Manusia dan Komputer Membangun UI yang Konsisten 54
2 BAB 7 GUIDELINE Guideline Goals Guideline style harus dibuat berdasarkan tujuan yang spesifik. Ada beberapa alasan dalam pembuatan guideline untuk membangun style UI : Membuat tampilan yang konsisten. Guideline sebaiknya menawarkan interface yang memiliki tampilan konsisten supaya mudah dipahami dan digunakan. Element-elemen UI harus tampak seragam. Membuat image perusahaan konsisten. Guideline harus membantu memastikan bahwa program-program berbeda yang dibuat oleh perusahaan yang sama juga mempromosikan image yang sama. Menyederhanakan tampilan dan perilaku. Guideline harus men-support interface yang menghindari kompleksitas visual yang tidak perlu dan perilaku yang non standard. Menyederhanakan usaha pengembangan aplikasi. Guideline harus membuat pengembangan UI lebih mudah bagi programmer, sehingga tidak harus memahami secara detail atau membuat banyak keputusan. Tujuan yang terakhir sangat penting. Guideline yang efektif harus membuat pekerjaan programmer lebih mudah, tidak semakin sulit. Guideline harus membantu programmer untuk mengerjakan pekerjaannya, tidak mengganggu pekerjaan. Implementasi yang sulit suatu style guideline seharusnya tidak perlu terjadi, karena progammer harus tahu kapan menerapkan guideline dan kapan tidak perlu diterapkan. Selanjutnya, eksistensi guideline tidak boleh menjadikan programmer berhenti berpikir. Menerapkan style guideline yang tidak cocok dengan situasi akan menyebabkan hasil kurang baik. Petunjuk membuat Guideline Beberapa hal yang perlu diperhatikan dan dipertimbangkan dalam membuat style guideline suatu User Interface: Interaksi Manusia dan Komputer Membangun UI yang Konsisten 55
3 Menghindari mengulang apa yang sudah ada dalam standard. Standard yang dimaksud disini adalah style guideline yang dikeluarkan oleh microsoft (Designing for the User Experience), artinya guideline yang kita buat bukan mengganti, tetapi melengkapi standard yang ada. Mungkin beberapa kesamaan antara guideline yang kita buat dengan standard masih bisa diterima sejauh bertujuan untuk memperbaiki. Hindari membuat guideline yang sembarangan. Contoh, jangan membuat pernyataan jangan gunakan warna kuning, tetapi beri penjelasan yang masuk akal misalnya hindari warna kuning cerah sebagai warna foreground, karena kuning merupakan warna yang membingungkan dan sulit dibedakan pada background warna putih. Usahakan membuat guideline yang mudah diikuti. Berikan banyak screen shot dan contoh untuk membuat guideline menjadi jelas dan menarik. Jika ada contoh baik dan buruk, pastikan contoh yang buruk ditandai. Indikasikan dengan jelas guideline yang harus diikuti dan yang direkomendasikan. Usahakan membuat guideline yang singkat. Guideline yang panjang dan membosankan sangat tidak efektif, karena kemungkinan kecil akan digunakan. Pastikan guideline sesuai dengan tool yang digunakan. Contoh, guideline dialog box untuk programmer Microsoft Visual C++ menggunakan satuan units, sedangkan guideline yang sama untuk programmer Microsoft Visual Basic menggunakan twips. Hindari guideline yang membahas Windows requirements. Contoh, jangan memasukkan guideline seperti, "Child windows harus ditutup saat parent window ditutup." Dalam windows, hal ini selalu terjadi tidak ada pilihan. Usahakan fokus ke guideline yang riil, bukan prinsip desain UI yang umum. Sample User Interface Guidelines Di bawah merupakan daftar contoh guideline yang bisa jadi bahan pertimbangan dalam desain UI. Item yang ditandai * menunjukkan bahwa aturan tersebut harus diikuti, yang lain hanya sebagai petunjuk (hanya bersifat direkomendasikan). Bagaimanapun juga, tidak aturan yang absolut dalam desain UI. Interaksi Manusia dan Komputer Membangun UI yang Konsisten 56
4 Penampilan Secara Umum (General appearance) Gunakan konsistensi Tampilan yang konsisten akan membuat UI lebih mudah dipahami dan digunakan. Elemen-elemen UI harus tampak seragam seperti dibuat oleh satu desainer. Gunakan penyusunan dan aliran yang umum Dalam budaya kita, orang membaca dari kiri ke kanan dan dari atas ke bawah, jadi tempatkan informasi yang penting di atas dan sebelah kiri. Sudut kiri atas menerima perhatian lebih. Gunakan perataan Gunakan perataan kiri untuk membuat elemen UI lebih mudah dilihat. Gunakan perataan kanan untuk teks numerik. Hindari perataan kanan dan tengah untuk teks non-numerik. Tidak suatu keharusan untuk menengahkan atau membuat simetris suatu teks. Lebih baik membuat white space pada sisi kanan dan bawah. Gunakan grouping Kelompokkan elemen UI yang berhubungan untuk menunjukkan keterkaitan (relationship). Tampilkan informasi terkait secara bersamaan. Gunakan white space, group box, line dan label, atau separator lain untuk mengelompokkan elemen UI yang terkait. Gunakan penekanan Usahakan menarik perhatian ke elemen UI yang perlu dilihat pertama kali dengan menggunakan fokus, letak, grouping, hirarki, enabling/disabling, ukuran, warna atau atribut huruf. Usahakan secara visual memberi indikasi pada user apa yang harus dilakukan. Gunakan petunjuk visual Usahakan menggunakan sizing dan spacing untuk mengindikasikan perbedaan/persamaan elemen UI. Gunakan white space Gunakan white space untuk membentuk ruang yang membuat tata letak window lebih mudah dipahami dan lebih nyaman dilihat. Hindari terlalu banyak white space. Jika mungkin, buat window lebih kecil. Hindari in-efisiensi Jangan letakkan nama produk atau perusahaan dan logo di semua tempat. Pada umumnya, logo dan nama perusahaan/produk hanya muncul di splash screen atau kotak dialog "about me". Perhatikan satuan pengukuran Gunakan system metric untuk menetapkan ukuran elemen UI, hindari satuan pengukuran dengan menggunakan pixel. Pertimbangkan menggunakan template Template akan membantu kita mendapatkan konsistensi antara windows yang berbeda. Interaksi Manusia dan Komputer Membangun UI yang Konsisten 57
5 Perhatikan dialog box kedua di bawah (bandingkan dengan dialog box pertama), memiliki aliran dari kiri ke kanan, dari atas ke bawah, label rata yang rata kiri mudah di lihat, edit box yang diratakan dan terukur memberikan kesan rapi dan tampak seimbang. Affordansi visual Windows Affordansi berhubungan dengan kemampuan user untuk menetapkan bagaimana menggunakan suatu object hanya dengan melihat petunjuk visualnya. Daftar berikut merupakan affordansi visual yang digunakan dalam windows : Raised item (item yang menonjol) dapat di click. Item yang menjadi highlighted (misal berubah warna atau membentuk hyperlink) saat cursor mouse melewatinya, dapat di click. Recessed item (lawan dari raised item) tidak dapat di click. Item dengan background putih dengan flashing vertical bar dapat di edit. Interaksi Manusia dan Komputer Membangun UI yang Konsisten 58
6 Item dengan background abu-abu tidak dapat di edit. Item berwarna abu-abu berarti disabled. Raised line dapat di seret (dragged). Interaksi Usahakan menyediakan akses keyboard ke semua fitur. Idealnya, semua fungsi (kecuali fungsi grafis) sebaiknya dapat di akses dengan keyboard. Usahakan menyediakan akses mouse ke semua fitur. Idealnya, semua fungsi (kecuali teks input) sebaiknya dapat diakses dengan mouse. * Pastikan bahwa aktifitas yang memiliki dampak critical memerlukan seleksi yang eksplisit dari user. User perlu hati-hati dengan aktifitas yang bersifat destruktif atau critical. * Berikan feedback untuk semua operasi yang memerlukan waktu. Pastikan ada wait cursor, progress meter, atau feedback visual lainnya saat ada operasi yang memerlukan waktu lama. User sebaiknya bisa membatalkan (cancel) operasi yang yang lama. Beri tombol dengan label Cancel untuk membatalkan operasi, dan label Stop untuk menghentikan operasi. * Indikasikan mode secara visual. Berikan pada user feedback visual saat selesai memasukkan suatu mode, biasanya dengan merubah cursor atau teks di title bar. * Pastikan konsistensi single-clicking dan double-clicking. Gunakan singleclicking pilihan non-button. Gunakan double-clicking untuk pilihan sekaligus melakukan tindakan default. Dengan kata lain, double-clicking (dalam list box, combo box, atau control lain yang menerima double click) sebaiknya memiliki efek yang sama dengan memilih item dalam control dan menekan tombol Enter. * Gunakan tombol kanan mouse hanya untuk context menu. Pastikan tombol kanan mouse digunakan hanya untuk context menu dan tidak untuk yang lain. Interaksi Manusia dan Komputer Membangun UI yang Konsisten 59
7 * Jangan gunakan tombol tengah mouse. Jika user memiliki mouse dengan tombol tengah, biarkan user menetapkan perilakunya dengan menggunakan utility mouse dalam Control Panel. Pastikan konsistensi dalam menetapkan kunci shortcut. Gunakan kombinasi function key dan Ctrl key untuk shortcut. Jangan gunakan kombinasi Alt key kecuali ada kesepakatan, karena Alt key digunakan untuk access key. Jangan pernah mengkombinasikan Alt dan Ctrl key, karena kombinasi ini membuat shortcut menjadi tidak praktis dan sulit di akses (less accessible). * Selalu membuat beberapa shortcut key untuk satu perintah. Jangan pernah membuat suatu shortcut key menjadi satu-satunya cara mengakses suatu perintah. Berikan alternatif lain pada user. Hindari horizontal scroll bar. Horizontal scrolling tidak dianjurkan, karena membuat sulit membaca suatu item. Sebagai alternatif, coba gunakan vertical scroll bar, membuat window lebih lebar, memperpendek teks item, atau memotong teks. Tentu saja, gunakan horizontal scroll bar jika terpaksa. Programs * Hanya program utama windows yang memiliki title bar icon, menu bar, toolbar, dan status bar. Secondary windows tidak harus muncul di taskbar, karena clicking pada primary window taskbar button juga mengaktifkan setiap secondary windows-nya. Secondary windows seharusnya tidak memerlukan menu bar, toolbar, atau status bar. Title bar icon digunakan sebagai pembedaan visual antara primary windows dan secondary windows. Juga, jangan pernah gunakan default Windows icon (flying window icon) sebagai window icon. Buat konfigurasi default se-simple mungkin. Biarkan user berkembang sesuai dengan kecepatan dan kemampuan mereka. Aplikasi sebaiknya menggunakan multiple-document interface (MDI) atau single-document interface (SDI). Interface program ini sesuai dengan pola yang digunakan aplikasi. Aplikasi sebaiknya memiliki kondisi default maksimum. User biasanya lebih produktif jika aplikasi dibuat full screen. Utility sebaiknya menggunakan SDI atau interface dialog box. Interface MDI tidak dianjurkan digunakan untuk utility, karena memerlukan waktu untuk me-manage semua windows. Utilitiy sebaiknya bekerja dalam ruang layar yang kecil. Utility sering digunakan terkait dengan program lain, sehingga perlu hanya memerlukan ruang layar yang kecil. Utility sebaiknya memiliki layout window yang fleksibel sehingga dapat mengakomodasi berbagai ukuran. Utility jarang dibuat full-screen. Interaksi Manusia dan Komputer Membangun UI yang Konsisten 60
8 * Program-progam SDI yang menggunakan dokumen aktual harus mensupport multiple instance. Dengan kemampuan berjalan dalam multiple instance akan membuat user bisa bekerja dengan beberapa dokumen dalam waktu yang bersamaan. Gunakan perintah Exit untuk keluar dari program. Gunakan Exit untuk keluar dari program, Close untuk menutup primary windows dan dialog box modeless, dan Cancel untuk menutup dialog box modal. Gunakan Close sebagai pengganti Exit untuk primary windows yang saat ditutup tidak mempengaruhi terhentinya process. Contohnya, menutup window status printer tidak membuat batal job yang dilakukan oleh printer. Terminology Gunakan istilah yang sama untuk mendeskripsikan hal yang sama. Penggunaan istilah yang berbeda untuk item yang hanya memiliki perbedaan kecil akan membingungkan user. Nilai Default Save dan restore pilihan user. Suatu program sebaiknya mampu me-restore ke state awal saat program dihentikan. Program MDI seharusnya mampu me-restore ukuran dan lokasi dokumen windows. Dialog box pada umumnya menggunakan input terakhir sebagai nilai default. Sediakan nilai default yang sesuai. Menyediakan nilai default yang sesuai membantu user mengerjakan pekerjaan mereka. Berikan nilai default yang sering digunakan. Nilai default terbaik adalah nilai terakhir yang diinput user. * Pertimbangkan keamanan saat pemilihan nilai default. Tindakan yang destruktif atau yang tidak dapat diubah jangan digunakan sebagai nilai default. Jangan pernah menggunakan nilai default yang membuat user bingung. Dialog box Dialog box sebaiknya ditampilkan dengan benar dalam semua mode video. Jika ditampilkan dalam mode VGA (640 x 480), dialog box seharusnya tidak lebih besar dari 640 x 460 (dipotong 20 pixel untuk taskbar). Hal ini akan menjamin bahwa dialog box dapat ditampilkan dalam semua mode video. * Pastikan dialog box modal benar-benar modal. Pastikan bahwa semua dialog box modal yang memiliki parent windows men-supply parent window handle (bukan NULL handle). Jika parent window handle tidak diberikan, parent window masih aktif, maka dialog box belum benar-benar modal. Interaksi Manusia dan Komputer Membangun UI yang Konsisten 61
9 * Jangan pernah menggunakan scrollable dialog box. Artinya, jangan pernah menggunakan dialog box yang memerlukan scroll bar untuk melihat isinya. Dialog box seperti ini akan sulit digunakan. * Jangan pernah menggunakan menu bar dalam dialog box yang bertindak sebagai secondary windows. Dialog box seperti ini akan rumit dalam menggunakannya. Menu bar diterima dalam dialog box yang digunakan sebagai primary windows (misal utility Pencarian). Context menu dan menu button dapat digunakan dalam semua dialog box : * Jangan pernah menggunakan title bar icon dalam dialog box yang bertindak sebagai secondary windows. Title bar icon digunakan sebagai pembedaan visual antara primary windows dan secondary windows. * Jangan pernah menampilkan dialog box yang bertindak sebagai secondary windows pada taskbar. Ingat, clicking pada primary window taskbar button akan mengaktifkan setiap secondary windows-nya. Gunakan tata-letak dan spacing dalam dialog box seperti di bawah : Interaksi Manusia dan Komputer Membangun UI yang Konsisten 62
10 Pada dialog box yang sama/serupa, gunakan letak control untuk menekankan kesamaan. Jika control yang sama dengan fungsi yang sama muncul dalam beberapa dialog box yang sama, sebaiknya diletakkan dalam posisi yang sama. Hal ini dimaksudkan supaya tidak membingungkan user. Lebih baik dockable toolbars dari pada dialog box modeless. Dockable toolbar (toolbar yang dapat di pindah) secara fungsional sama dengan modeless dialog box, kecuali bahwa dockable toolbar lebih fleksibel penempatannya. Atur fokus input. Atur awal fokus input pada control yang pertama kali di akses. Jangan letakkan ellipses pada teks di title dialog box. Contohnya, dialog box yang ditampilkan sebagai hasil dari pemilihan perintah Print Options sebaiknya diberi title Print Options, kecuali yang mengindikasikan bahwa perintah sedang di proses, seperti "Connecting To The Internet " * Tetapkan access key ke semua control yang dapat meng-handle access key. Access key membuat tangan user tetap pada keyboard dan membuat program lebih accessible. Access key dapat di-assign ke control seperti command button, radio button, dan check box melalui property Caption. Access key dapat juga di assign ke control seperti edit box, list box, dan combo box dengan cara meng-assign access key ke label static text atau group box yang mendahului control tersebut (bisa dilihat dari urutan tab order control). Tombol OK tidak boleh memiliki access key, karena tombol ini dipilih dengan Enter key saat menjadi default button. Tombol Cancel tidak boleh memiliki access key, karena Esc key digunakan untuk membatalkan suatu dialog box modal. Jika mungkin, hindari meng-assign access key dengan huruf kecil g, j, p, q, atau y, atau ke karakter yang mendahului/mengikuti salah satu karakter tersebut di atas, karena garis bawah menjadi tidak tampak jelas. Access key harus unique dalam satu lingkungan (misal dalam satu form). Interaksi Manusia dan Komputer Membangun UI yang Konsisten 63
11 Hindari penggunaan bold text (teks tebal). Bold text digunakan pada dialog box di Windows 3.1, karena saat itu video hardware belum bisa menampilkan huruf yang jernih (dithered gray). Sekarang, windows menggunakan teks normal dalam dialog box agar tampak lebih jelas. Gunakan bold text hanya untuk penekanan. Kebanyakan dialog box dianjurkan tidak menggunakan bold text. Menyediakan context-sensitive help. Jika suatu dialog box sangat kompleks, sebaiknya disediakan context-sensitive help untuk seluruh dialog box tersebut (di akses dengan help button atau F1 key). Untuk bantuan pada control tertentu, bisa di akses dengan tombol What's This? atau Shift+F1 key. Command button utama dialog box * Pisahkan command button utama dari main body dialog box. Command button utama adalah command button seperti OK, Cancel, Close, Help, Stop, Hide, dan tombol lain yang berkaitan. Pemisahan ini membuat command button utama lebih mudah di cari dan diidentifikasi. Pilih orientasi dialog box dengan hati-hati. Pada umumnya, orang membaca dari kiri ke kanan dan dari atas ke bawah, sehingga command button utama lebih mudah di cari jika terletak di bawah atau di sebelah kanan. Command button utama letakkan rata kanan di bawah. Perataan kanan command button utama mengikuti aliran dari kiri ke kanan. Command button utama. Perkecualian bisa terjadi, misal command button utama bisa rata tengah jika hanya ada satu button. Hindari penyusunan command button utama yang multi baris/kolom. Penyusunan command button utama dalam multi baris/kolom akan membuat user tidak nyaman. Jika anda memiliki banyak command button utama, lebih baik tempatkan dalam multi baris di sebelah kanan. * Jika dialog box bersifat modal, selalu sediakan tombol OK dan Cancel Untuk menggunakan dialog box, user perlu dengan mudah mengidentifi-kasi bagaimana melanjutkan proses (dengan OK button) dan membatal-kan proses (dengan Cancel button). Tombol OK dapat diganti dengan command yang spesifik, tetapi jangan pernah mengganti Cancel dalam suatu dialog box modal, kecuali dengan Stop untuk mengindikasikan bahwa operasi yang sedang berlangsung tidak dapat dibatalkan. * Untuk dialog box modeless atau dialog box yang digunakan sebagai primary windows, sediakan Close button tetapi jangan sediakan OK dan Cancel button. Penggunaan OK dan Cancel cocok untuk dialog box modal. OK dan Cancel tidak memiliki arti jika digunakan dalam konteks modeless. Gunakan Close untuk menghindari kebingungan user. * Selalu tempatkan tombol OK di urutan pertama, Cancel urutan kedua, Help urutan terakhir. OK atau tombol yang ekivalen sebaiknya selalu Interaksi Manusia dan Komputer Membangun UI yang Konsisten 64
12 ditempatkan di urutan pertama. Cancel sebaiknya ditempatkan disebelah kanan atau di bawah OK. Tempatkan tombol OK dan Cancel berurutan. Tombol Help sebaiknya ditempatkan di urutan terakhir. Jika tidak ada tombol OK, tempatkan tombol Cancel sebelum tombol Help. Hal ini membuat command button utama lebih mudah dicari dan diidentifikasi. * Beri label tombol OK dan Cancel dengan benar. Tombol OK sebaiknya diberi label OK, bukan Ok atau OK. Tombol Cancel sebaiknya diberi label Cancel, bukan Cancel atau CANCEL. * Pastikan tombol Cancel benar-benar untuk membatalkan proses. Jika dicancel, state program sebaiknya kembali sama seperti sebelum dialog box modal ditampilkan. Jika tidak, tombol Cancel sebaiknya diganti dengan tombol Stop. Tombol Cancel dalam dialog box modal sebaiknya memiliki efek yang sama seperti tombol Close pada title bar. Lembar property (property sheet) merupakan perkecualian, karena tombol Cancel tidak meng-cancel atau membatalkan perubahan yang telah diterapkan. Property sheet dan property page Property page sebaiknya bekerja secara independen. Hindari memiliki perilaku atau operasi pada property page yang tergantung pada property page yang lain. User tidak mungkin mencari dependensi diantara property page. Sebaiknya tidak ada urutan property page mana yang harus dibuka lebih dulu. User sebaiknya bisa melihat property page setiap saat. Atur property page secara independen satu dengan yang lain. Isi dari beberapa property page tidak selalu dengan tepat memerlukan ruang yang sama. Tata letak property page yang memerlukan ruang kecil sebaiknya tidak diformat sama dengan property page yang memerlukan ruang besar. Interaksi Manusia dan Komputer Membangun UI yang Konsisten 65
13 Hindari centering seperti di bawah. Lebih baik property sheet daripada dialog box dengan tab control. Tidak keuntungan yang signifikan dalam hal manfaat bahwa penggunaan property sheet lebih baik dari pada dialog box dengan tab control kecuali untuk konsistensi. Pilihannya, gunakan property sheet untuk dialog box yang benarbenar menampilkan property object dan tabbed dialog box untuk penggunaan yang lain. * Selalu menggunakan property sheet untuk sekumpulan property, meskipun hanya ada satu halaman property. Selalu gunakan property sheet untuk membuat jelas bahwa user sedang melihat property, bukan sedang melihat dialog box. Property sheet harus memiliki tombol Apply untuk membantu eksperimen user dengan setting-nya. * Jangan pernah menggunakan lebih dari dua baris tab. Satu baris tab lebih baik, tetapi dua baris tab masih bisa diterima. Lebih dari dua baris tab terlalu banyak. Gunakan hierarchical property atau multiple dialog box. * Selalu menggunakan tombol Apply untuk property. Sekali lagi, tombol Apply membantu user melihat langsung dampak setting yang diterapkan. * Selalu berikan kata Properties dan nama object dalam title property sheet yang menampikan properti. Sekali lagi, tidak semua property sheet digunakan untuk menampikan property. * Selalu tempatkan command button di lokasi sebelah kanan. Command button yang digunakan untuk memproses semua page harus terletak diluar area tabbed page. Command button yang digunakan untuk memproses individual page harus terletak di dalam area tabbed page. Interaksi Manusia dan Komputer Membangun UI yang Konsisten 66
14 Wizards Gunakan wizard untuk tugas yang advance, kompleks atau jarang dilakukan. Wizard berguna untuk tugas yang advance atau kompleks yang membutuhkan kerja ekstra. Wizard paling efektif saat digunakan untuk tugas yang jarang dilakukan. Penggunaan wizard untuk tugas yang umum membuat tugas tersebut jadi rumit. Controls Lebih baik control standard. Usahakan menggunakan control standard. Program-program yang menggunakan control nonstandard. GunakanUse custom control hanya saat anda memerlukan validasi yang tepat. Customize control standard harus hati-hati. Hati-hati saat merubah penampilan atau perilaku control standard. Hal ini bisa menimbulkan salah persepsi. * Disable control yang invalid. Disable control yang tidak diperlukan dalam kondisi saat itu. Hilangkan scrollbar yang tidak diperlukan. Jika mungkin, buat control cukup panjang atau lebar untuk mencegah munculnya scroll bar. Command button Gunakan lebar minimum dan tinggi standard Command button dengan caption teks sebaiknya memiliki lebar minimum 50 dialog unit (1095 twips dalam Visual Basic) dan tinggi standard 14 dialog unit (375 twips dalam Visual Basic). Perhatikan screen shot di bawah untuk contoh command button. Pertimbangkan lebar button untuk internasionalisasi. Lebar command button 50 dialog units merupakan lebar minimum yang tepat untuk teks inggris, tetapi terlalu kecil untuk program yang menggunakan bahasa lain. Interaksi Manusia dan Komputer Membangun UI yang Konsisten 67
15 Untuk program yang perlu diterjemahkan ke bahasa lain, lebar command button minimum 60 dialog unit (1335 twips dalamvisual Basic) mungkin lebih cocok. * Disable command button yang invalid daripada menampilkan error message. Jangan pernah meng- enabled-kan command button yang hanya akan menghasilkan error message. * Selalu gunakan ellipse untuk mengindikasikan perlunya tambahan informasi. Ellipsis dalam command button menunjukkan bahwa informasi tambahan diperlukan untuk melaksanakan perintah. * Jangan pernah meng-assign perilaku ke double click. User tidak mengharapkan command button me-respon double click, sehingga tidak mengharapkan menemui perilaku ini. Check box * Gunakan check box untuk pilihan on dan off, radio button untuk merubah mode. Check box sangat efektif untuk mengubah opsi on dan off, tetapi akan membingungkan jika digunakan untuk mengubah mode suatu kondisi selain on atau off. Contohnya, anda dapat menggunakan check box untuk mengindikasikan bahwa suatu toolbar ditampilkan atau tidak, tetapi menggunakan check box untuk menandai mode landscape dan mode portrait pada printer akan sangat membingungkan. Mode printer sebaiknya digunakan group radio button. Hindari grouping check box yang lebih dari 8 item. Sebagai penggantinya, pertimbangkan penggunaan check box list, karena akan memakan sedikit ruang, tetapi ingat bahwa check box list akan memerlukan scrolling jika diperlukan. Pertimbangkan meletakkan group-group check box yang berkaitan ke dalam suatu group box. Grouping seperti ini akan membuat hubungan antara check box lebih jelas. Lebih baik vertical alignment. Suatu group check box lebih nyaman di lihat jika diratakan vertical, walaupun perataan horisontal dapat diterima jikan menghasilkan layout yang lebih baik. Radio button Hindari grouping radio button yang lebih dari 8 item. Pertimbangkan list box atau combo box sebagai pengganti, karena memakan sedikit ruang. Hindari radio button untuk on/off atau pilihan yes/no. Gunakan check box sebagai pengganti. Interaksi Manusia dan Komputer Membangun UI yang Konsisten 68
16 * Selalu letakkan radio button dalam suatu group box. Karena radio button membantuk sekumpulan pilihan yang mutually exclusive (hanya satu yang bisa dipilih), group box membuat pilihan lebih jelas. Lebih baik vertical alignment. Suatu group radio button lebih nyaman di lihat jika diratakan vertical, walaupun perataan horisontal dapat diterima jikan menghasilkan layout yang lebih baik. Combo box * Selalu berikan label pada combo box. Label diperlukan untuk mengidentifikasi kegunaan combo box. Buat combo box drop-down list minimal 5 baris. Daftar/list yang kurang dari 5 baris tidak akan menggunakan scroll bar, sehingga akan sulit menggulungnya. Jika combo box tidak mempunyai cukup item dalam list, panjang list otomatis di pendekkan. Hindari daftar combo box dengan jumlah item kurang atau sama dengan 4. Pertimbangkan menggunakan radio button sebagai pengganti, karena lbih mudah digunakan, walaupun memerlukan ruang yang lebih besar. Combo box yang hanya dengan sedikit item bisa digunakan dengan pertimbangan konsistensi dengan combo box lain dalam window yang sama. Edit box * Selalu berikan label pada edit box. Label diperlukan untuk mengidentifikasi kegunaan edit box. Jika label di sebelah kiri, ratakan vertikal dengan teks edit box. Hindari edit box untuk input bersyarat/terbatas (constrained input). Gunakan edit box untuk input yang tidak terbatas (boleh numerik atau teks), hal ini supaya tidak membingungkan user. Untuk constrained input, gunakan control lain, seperti combo box, list, slider, dan spin box. Gunakan control date and time picker untuk input tanggal dan waktu. Buat edit box tampak lebih jelas dengan spin box dan tombol browse. Spin box dan tombol browse memperjelas mekanisme untuk membantu user menginput data yang valid ke dalam edit box. Hindari memaksa user mengetik input secara langsung. Gunakan edit box dengan spin box hanya untuk input numerik, dan untuk input teks gunakan combo box. Atur lebar edit box sesuai dengan ukuran input yang diharapkan. Lebar edit box merupakan petunjuk visual mengenai input yang diharapkan. Contohnya, jika user memasukkan alamat, field State yang lebarnya hanya 2 karakter memberi petunjuk bahwa input yang diperlukan hanya 2 karakter. Jika input yang diharapkan tidak memiliki ukuran khusus, pilih lebar yang konsisten dengan edit box atau control yang lain. Interaksi Manusia dan Komputer Membangun UI yang Konsisten 69
17 Slider * Selalu gunakan numeric edit box untuk input numerik. User sebaiknya tidak pernah menerima error message saat memasukkan teks non-numeric ke dalam field numerik. * Selalu beri label pada slider. Label diperlukan untuk mengidentifikasi kegunaan slider. Umumnya, slider juga memerlukan label untuk mengindikasikan nilai yang tertinggi dan terendah serta pilihan saat itu. Static text Teks dalam static text sebaiknya diratakan kiri. Perataan kiri memberikan label tampak tersusun rapi dan nyaman dilihat. Lebih baik menempatkan static text di sebelah kiri, bukan di atas control yang berkaitan. Perataan ini membuat label lebih mudah di cari dan kombinasi label-control lebih nyaman dilihat. Perkecualian aturan ini adalah untuk control dengan tinggi yang berbeda, seperti list, tree, dalam multiline edit box. * Selalu gunakan tanda titik dua (:) di akhir static text yang digunakan untuk mengidentifikasi control. Penggunaan (:) jelas mengindikasikan bahwa teks tersebut merupakan label control. Label yang digunakan untuk memberikan informasi tambahan mengenai control sebaiknya tidak menggunakan tanda titik dua, seperti label yang digunakan untuk menampilkan pilihan dalam control slider. * Selalu gunakan edit box yang read-only untuk teks yang nonlabel. Edit box read-only megijinkan user untuk menyalin teks ke dalam clipboard dan menggulung teks jika lebih panjang dari control. * Jangan pernah meletakkan static text pada border yang timbul (raised boder). Static text pada raised border akan tampak seperti button, dan user akan berusaha meng-klik-nya. List box * Selalu berikan label pada list box. Label diperlukan untuk mengidentifikasi kegunaan list box. Buat list box minimal panjangnya 5 baris. Daftar dengan panjang kurang dari 5 baris akan sulit digulung, karena tidak memiliki scroll bar. Penggunaan list box pendek diterima, jika list box tidak memiliki scroll bar. Pertimbangkan penggunaan check box list untuk pilihan ganda. Check box list membuat kemampuan memilih beberapa item lebih jelas. Jika check box list tidak bisa digunakan, gunakan multiple-selection list dengan static text Interaksi Manusia dan Komputer Membangun UI yang Konsisten 70
18 yang menunjukkan jumlah item terpilih untuk menunjukkan bahwa diijinkan memilih item lebih dari satu. Pertimbangkan menyediakan command Select All dan Deselect All untuk multiple-selection list. Perintah ini membuat lebih mudah bagi user untuk memilih, karena bisa memilih/membatalkan semua pilihan dengan satu perintah. List view * Selalu beri label pada list view. Label diperlukan untuk menunjukkan fungsi list view. Buat list view minimal panjangnya 5 baris. Daftar dengan panjang kurang dari 5 baris akan sulit digulung, karena tidak memiliki scroll bar. Penggunaan list view pendek diterima, jika list view tidak memiliki scroll bar. * Gunakan clickable header jika list bisa diurutkan. Header yang clickable sebaiknya digunakan untuk yang lain selain sorting. Click pertama akan mengurutkan list pada urutan normal, click kedua sebaiknya mengurutkan list dengan urutan terbalik. * Selalu membuat list view dapat diurutkan jika memuat lebih dari 30 item. Hal ini untuk membuat user lebih mudah mencari informasi. Scroll bar * Gunakan scroll bar hanya untuk penggulung. Gunakan slider atau spin box untuk men-setting nilai. Buat scroll bar cukup panjang. Hal ini unutk memudahkan menggulung scroll bar. Group box Gunakan group box untuk mengelompokkan control yang berkaitan. Group box tidak hanya untuk mengelompokkan radio button, tetapi bisa digunakan untuk mengelompokkan control-control dengan tipe berbeda. Hindari group box yang hanya berisi satu control, kecuali untuk konsistensi dengan group box lain dalam dialog box yang sama. Pertimbangkan menggunakan static line dan Static text sebagai pengganti group box. Group box kadang memerlukan ruang yang besar. Alternatif lain, bisa digunakan kombinasi static text dan static line untuk mengelompokkan control. Interaksi Manusia dan Komputer Membangun UI yang Konsisten 71
19 Menu * Jangan gunakan titik dua pada akhir label group box. Label dengan titik dua pada group box akan membingungkan user dan tidak nyaman dilihat. * Gunakan satu kata untuk title menu. Title menu dengan banyak kata pada menu bar akan menyerupai multiple menu title dan ini membingungkan user. * Jangan meletakkan pemisah antar teks dalam menu bar. * Hindari menu bar yang multiple-line. * Jaga supaya menu stabil. Jangan menghilangkan menu item yang tidak digunakan saat itu, cukup di-disable saja. Jika ada menu yang tidak pernah digunakan pada konteks saat itu, hilangkan saja. Urutkan item menu. Kelompokkan item yang berkaitan. Command yang penting sebaiknya muncul di menu paling atas, sedangkan yang kurang penting letakkan di bawah. * Disable command yang invalid. Menu yang tidak dipakai pada konteks saat itu lebih baik di-disable, jangan gunakan error message. * Assign key untuk meng-akses (access key). Access key membantu user agar nyaman da program mudah untuk di akses. Jika mungkin, hindari menetapkan suatu access key ke huruf kecil g, j, p, q, atau y, atau ke karakter yang didahului oleh karakter tersebut, karena garis bawahnya tidak akan terlihat jelas. Access key harus unique dalam suatu menu. * Gunakan ellipsis untuk menunjukkan informasi tambahan. Gunakan menu yang standard. Sebaiknya dalam suatu menu ada menu File, Edit, dan Help. Menu ini merupakan menu standard dan user mengharapkan menu ini ada. Contoh, user mengharapkan menemukan command seperti Print dan Exit dalam menu File, walaupun command ini tidak ada hubungannya dengan file. Hal yang sama, user mengharapkan command Cut, Copy, dan Paste dalam menu Edit, dan minimal command About dalam menu Help. Interaksi Manusia dan Komputer Membangun UI yang Konsisten 72
20 Tempatkan command Find dan Options secara konsisten. Letakkan command Find di menu Edit, dan command Options di menu Tools (jika ada). * Gunakan tanda check (check mark) untuk menandai option on dan off, radio groups untuk mengubah mode. Check mark efektif untuk menandai option on dan off, tetapi membingungkan saat digunakan untuk merubah mode. Misalnya, anda dapat menggunakan check mark untuk menunjukkan suatu toolbar ditampilkan atau tidak, tetapi menggunakan check mark untuk memilih mode printer (landscape atau portrait) akan membingungkan user. * Jangan pernah gunakan menu drop-down multicolumn. Hal ini kan menambah kompleksitas menu yang tidak perlu. * Jangan pernah gunakan menu "Bang". Menu Bang merupakan item dalam menu bar yang mirip menu drop-down, tetapi berisi command yang dieksekusi secara langsung tergantung pilihan. * Jangan pernah membuat rata kanan title menu. Style ini sudah tidak dipakai lagi dan membuat sulit menggunakan menu. Context menu Pertimbangkan menggunakan context menu, tetapi jangan jadikan satusatunya cara. Sebaiknya command dalam context menu juga harus tersedia dalam menu bar. Context menu ini merupakan cara untuk mengakses perintah dengan cara yang efisien. Hindari shortcut key dalam context menu. Lebih baik letakkan shortcut key di menu bar, karena context menu digunakan untuk akses cepat dengan menggunakan mouse, bukan dengan keyboard. Toolbar * Jaga toolbar tetap stabil. Untuk tombol yang tidak digunakan, di-disable saja, jangan di hilangkan, kecuali memang tombol tersebut tidak pernah digunakan dalam program tersebut. * Disable command yang invalid daripada menampilkan error message. Gunakan tombol toolbar besar (large button) untuk utility. Toolbar untuk utility berbeda dengan dengan toolbar aplikasi. Toolbar utility jauh lebih sederhana dan memiliki large button. Toolbar utility sebaiknya memiliki sedikit perintah yang jelas dengan deskripsi berupa teks dan grafik. Gunakan toolbar yang customizable untuk aplikasi dan fixed toolbar untuk utility. Sediakan cara untuk menampilkan dan menyembunyikan toolbar. * Gunakan tooltip. Tooltip membantu user memahami fungsi tombol toolbar. Interaksi Manusia dan Komputer Membangun UI yang Konsisten 73
Mengatur Tampilan AutoCAD
Mengatur Tampilan AutoCAD Untuk berinteraksi dengan sebuah program, Anda pasti akan disuguhkan dengan sebuah tampilan (interface) program tersebut. Ini tentunya untuk memudahkan Anda sebagai user dalam
Lebih terperinciBAB 6 MEMBANGUN USER INTERFACE YANG KONSISTEN - STANDARD MEMBANGUN USER INTERFACE - APPEARANCE VS BEHAVIOR
BAB 6 MEMBANGUN USER INTERFACE YANG KONSISTEN - STANDARD MEMBANGUN USER INTERFACE - APPEARANCE VS BEHAVIOR Interaksi Manusia dan Komputer Membangun UI yang Konsisten 48 BAB 6 MEMBANGUN USER INTERFACE YANG
Lebih terperinciBAB IV IMPLEMENTASI DAN EVALUASI. akan dilakukan untuk mengetahui kelebihan dan kekurangan aplikasi. Untuk itulah,
BAB IV IMPLEMENTASI DAN EVALUASI 4.1 Implementasi Program Aplikasi Dengan aplikasi perangkat lunak yang dibuat dalam skripsi ini, implementasi akan dilakukan untuk mengetahui kelebihan dan kekurangan aplikasi.
Lebih terperinci2. What s the name of picture or symbol in desktop which has fuction to open Program? a. toolbar b. icon c. shortcut d. menu
1. Look at the picture toolbar above, in microsoft word program this toolbar is called. a. drawing toolbar b. standart toolbar c. formatting toolbar d. table and borders toolbar 2. What s the name of picture
Lebih terperinciPembuatan Komponen Antarmuka Grafis
Pembuatan Komponen Antarmuka Grafis Salah satu kriteria penting agar program aplikasi yang kita buat mempunyai sifat ramah dengan pengguna (user friendly) adalah program aplikasi tersebut haruslah mempunyai
Lebih terperinciMendesain Window. Pertemuan 12. Memilih Jenis Window. Mendesain bagian window. 1. Document window. 3. Utility window. 2. Application window
Pertemuan 12 1. Document window Memilih Jenis Window Mendesain Window 2. Application window 3. Utility window 4. Dialogs and Alerts Tampilan Windows XP Mendesain bagian window 1 Tampilan Windows Classic
Lebih terperinciBAB I. 1 P e m r o g r a m a n V i s u a l B a s i c - J a t i L e s t a r i
BAB I Konsep Visual Basic: Penerapan di dunia Usaha, Instalasi serta Pengenalan IDE (Integrated Development Environment) VB dan konsep pemrograman visual I. Tujuan Praktikum 1. Mahasiswa mengenal VB, penerapan
Lebih terperinciDASAR-DASAR PENGETIKAN DAN EDITING Oleh Ade Sobandi Hendri Winata Rasto
DASAR-DASAR PENGETIKAN DAN EDITING Oleh Ade Sobandi Hendri Winata Rasto 1. Penempatan Jari Pada Keyboard Penempatan jari pada keyboard khususnya pada Type Write Keypad sama persis dengan penempatan jari
Lebih terperinciPemilihan Tipe Windows
Pemilihan Tipe Windows Window 2 Window adalah sebuah area di layar, biasanya berbentuk persegi empat, memiliki batas-batas dan memiliki bagian yang menunjukkan aktivitas komputer atau bagian yang memungkinkan
Lebih terperinciBuka Start -> All Programs -> Microsoft Visual Studio - > Microsoft Visual Fox Pro 6.0
PAKET PEMROGRAMAN II Buka Start -> All Programs -> Microsoft Visual Studio - > Microsoft Visual Fox Pro 6.0 A. Menu Bar B. Standar ToolBar E. Jendela Command D. Jendela Kode C. Form Designer F. Form Controls
Lebih terperinciPEMILIHAN TIPE WINDOWS
PEMILIHAN TIPE WINDOWS -APK- Window 2 Adalah sebuah area di layar, biasanyaberbentuk persegi empat, memiliki batas-batas dan memiliki bagian yang menunjukkan aktivitas komputer atau bagian yang memungkinkan
Lebih terperinciPRAKTIKUM 10 REPORT LANJUTAN 72 C. TUGAS PENDAHULUAN Buat perancangan report untuk pegawai dan kerja seperti contoh dibawah ini : D. PERCOBAAN Buka da
Praktikum 10 Report Lanjutan A. TUJUAN 1. Menjelaskan tentang pengurutan dan pengelompokan data pada report 2. Menjelaskan tentang penambahkan header dan footer pada report 3. Menambahkan data dalam bentuk
Lebih terperinciRuang Kerja DREAMWEAVER MX 2004 :
1.1 Pengertian Macromedia Dreamweaver : merupakan sebuah HTML editor Profesional untuk mendesain secara visual dan mengelola situs web beserta halaman- web. 1.2 Spesifikasi PC untuk menjalankan DREAMWEAVER
Lebih terperinciCara Mengelola Isi Halaman Web
Cara Mengelola Isi Halaman Web MEMBUAT, MEMBUKA, DAN MENYIMPAN DOKUMEN HTML Membuat dokumen HTML kosong baru : - Pada tampilan windows, pilih menu File > New. Untuk membuka file HTML yang sudah ada : -
Lebih terperinciPemrograman Komputer B
OPEN OFFICE WRITER Pengenalan OpenOffice OpenOffice adalah perangkat lunak open source untuk office suite dengan kemampuan seandal office suite komersial seperti MS Office, dengan menggunakan openoffice
Lebih terperinciAplikasi Komputer Microsoft Word 2010
Modul ke: Aplikasi Komputer Microsoft Word 2010 Fakultas Ekonomi dan Bisnis Yusuf Elmande., S.Si., M.Kom Program Studi Akuntansi Pendahuluan Microsoft Word (biasa diakronimkan dengan Ms.Word) merupaka
Lebih terperinciKATA PENGANTAR. Jakarta, Januari Ir. Sofi Ansori Penulis
KATA PENGANTAR Sebagai prakata, pertama kali yang sangat ingin penulis sampaikan adalah ucapan terima kasih kepada beberapa pihak yang secara langsung maupun tidak langsung telah membantu proses penulisan
Lebih terperinciKomponen Antarmuka Grafis
Part 9 Komponen Antarmuka Grafis Interaksi Manusia dengan Komputer Ahmad Lubis Ghozali Pendahuluan Komponen antarmuka grafis : bentuk bentuk tampilan yang dipakai pada paket-paket program aplikasi, baik
Lebih terperinciBAB II LANDASAN TEORI
BAB II LANDASAN TEORI 2.1. Pengertian Visualisasi Visualisasi adalah tampilan pada layar monitor baik dalam bentuk gambar yang bergerak ataupun tidak, serta dapat pula gambar yang disertai dengan suara.
Lebih terperinciLATIHAN SOAL PERSIAPAN UTS DAN UAS GENAP KELAS 8 1. Microsoft Excel merupakan program aplikasi A. Spreadsheet C. Wordprosesor B. Presentation D.
LATIHAN SOAL PERSIAPAN UTS DAN UAS GENAP KELAS 8 1. Microsoft Excel merupakan program aplikasi A. Spreadsheet C. Wordprosesor B. Presentation D. Animasi 2. Fungsi yang digunakan untuk menghitung penjumlahan
Lebih terperinciMENGORGANISASIKAN OBJEK GAMBAR
MENGORGANISASIKAN OBJEK GAMBAR Setelah objek yang Anda buat siap, ia masih perlu diorganisasikan agar terbentuk sebuah artwork yang terpadu. Pengorganisasian objek dapat meliputi penataan posisi, letak
Lebih terperinciPEMBUATAN KOMPONEN ANTARMUKA GRAFIS
PEMBUATAN KOMPONEN ANTARMUKA GRAFIS Salah satu kriteria penting agar program aplikasi yang kita buat mempunyai sifat ramah dengan pengguna (user friendly) adalah program aplikasi tersebut haruslah mempunyai
Lebih terperinciModul. 1 PENGENALAN MICROSOFT WORD
Modul. 1 PENGENALAN MICROSOFT WORD STANDART KOMPETENSI Menggunakan perangkat lunak pengolah kata untuk menyajikan informasi Memahami penggunaan KOMPETENSI DASAR Mengidentifikasi menu dan ikon pada perangkat
Lebih terperinciMENGOPERASIKAN SISTEM OPERASI
MENGOPERASIKAN SISTEM OPERASI software system operasi generasi terakhir yang dikeluarkan Microsoft adalah Windows 95 Windows 98 Windows XP dan Vista Windows 7 Windows Me Sofware yang dirancangan khusus
Lebih terperinciKita dapat melihat dokumen dalam 4 tampilan yang berbeda, yaitu Normal View, Web Layout View, Print Layout View dan Outline View.
Penggunaan MsWord Sebagai Aplikasi Pengolah Kata Microsoft Word merupakan program aplikasi pengolah kata (word processor) yang yang biasa digunakan untuk membuat laporan, membuat dokumen berbentuk surat
Lebih terperinciMempersiapkan Presentasi Profil Perusahaan
Mempersiapkan Presentasi Profil Perusahaan 1 Presentasi Pengertian Presentasi Presentasi adalah sebuah kegiatan yang menunjukkan atau menyajikan sebuah informasi atau gagasan kepada orang lain. Tujuan
Lebih terperinciBAB 2 LANDASAN TEORI. Istilah komputer (computer) berasal dari bahasa latin computere yang berarti
BAB 2 LANDASAN TEORI 2.1 Pengertian Komputer Istilah komputer (computer) berasal dari bahasa latin computere yang berarti menghitung. Dalam bahasa Inggris komputer berasal dari kata to compute yang artinya
Lebih terperinciBekerja Dengan Lembar Kerja Excel
Bekerja Dengan Lembar Kerja Excel A. Membuat Dokumen Baru Dalam Microsoft Excel Langkah-langkahnya : 1. Klik File pada menubar > New. 2. Pada Kotak Dialog yang muncul Pilih > Blank Document > klik tombol
Lebih terperinci1. MENGENAL VISUAL BASIC
1. MENGENAL VISUAL BASIC 1.1 Mengenal Visual Basic 6.0 Bahasa Basic pada dasarnya adalah bahasa yang mudah dimengerti sehingga pemrograman di dalam bahasa Basic dapat dengan mudah dilakukan meskipun oleh
Lebih terperinciBAB II LANDASAN TEORI
BAB II LANDASAN TEORI 2.1 Pengertian Aplikasi Program aplikasi adalah program komputer yang dibuat untuk mengerjakan atau menyelesaikam masalah masalah khusus, seperti penggajian. 1 2.2 Pengertian Visualisasi
Lebih terperinciSoal Mid Semester II Th 2010/2011
Soal Mid Semester II Th 2010/2011 1. Microsoft Excel merupakan program aplikasi a. Spreadsheet b. Wordprosesor c. Presentation d. Animasi 2. Fungsi yang digunakan untuk menghitung penjumlahan data angka
Lebih terperinciBAB II LANDASAN TEORI
BAB II LANDASAN TEORI 2.1 Sekilas Mengenai Microsoft Visual Basic Versi 6 Microsoft Visual Basic adalah sebuah bahasa pemograman komputer. Bahasa pemograman adalah perintah perintah atau instruksi yang
Lebih terperinciPemrograman Visual Modul I Perkenalan Lembar Kerja VB 6.0. S. Thya Safitri
Pemrograman Visual Modul I Perkenalan Lembar Kerja VB 6.0 S. Thya Safitri Teknik Informatika Sekolah Tinggi Teknologi Telematika Telkom Purwokerto 2016 Visual Basic adalah salah suatu development tools
Lebih terperincimerge to new document
1. Untuk menjalankan program, langkah awal adalah melakukan klik. pada taskbar. a. Start b. Exit c. Turn off d. Log off e. Shutdown 2. Perintah yang digunakan untuk mengaktifkan windows explore adalah.
Lebih terperinciLembar kerja access Title bar merupakan judul dari jendela program atau nama file yang sedang aktif Tombol office merupakan tombol yang menampung
Lembar kerja access Title bar merupakan judul dari jendela program atau nama file yang sedang aktif Tombol office merupakan tombol yang menampung perintah perintah menu yang sering digunakan dalam access
Lebih terperinciKonsep Sistem Informasi B
MICROSOFT ACCESS FORM Form digunakan untuk merepresentasikan ke user atau menerima inputan dari user data-data dalam tabel atau query dalam bentuk interface grid, tombol, dan lain-lain kontrol windows.
Lebih terperinciKetika jendela Microsoft Word dibuka, maka secara otomatis akan disediakan 1 buah dokumen baru. Untuk menambahkan dokumen baru, caranya :
BAB 2 A. Menggunakan Menu dan Ikon Standar Pengolahan dokumen meliputi : 1. Membuat Dokumen Baru Ketika jendela Microsoft Word dibuka, maka secara otomatis akan disediakan 1 buah dokumen baru. Untuk menambahkan
Lebih terperinciPENGENALAN WINDOWS. Copyright Asep Herman Suyanto
PENGENALAN WINDOWS Asep Herman Suyanto info@bambutechno.com http://www.bambutechno.com A. Mematikan, Me-restart, Stand-by, Log Off Ketika kita klik tombol pop-up di sebelah kanan, windows akan menampilkan
Lebih terperinciMicrosoft Excel. I. Pendahuluan
Microsoft Excel I. Pendahuluan Microsoft Excel adalah General Purpose Electronic Spreadsheet yang bekerja dibawah Sistem Operasi Windows. Microsoft Excel dapat digunakan untuk menghitung angka-angka, bekerja
Lebih terperinciDEPARTEMEN PENDIDIKAN NASIONAL SEKOLAH TINGGI ILMU EKONOMI RAHMANIYAH 2011
TUGAS INDIVIDUAL 2 MEMBUAT DATABASE STUDI PENGANTAR APLIKASI KOMPUTER PENYUSUN DENNY KUSUMA NIM 101212130 KELAS 3F MANAJEMEN DOSEN PENGASUH ZAIDAN JAUHARI, S.Pd, M.T DEPARTEMEN PENDIDIKAN NASIONAL SEKOLAH
Lebih terperinciBAB 2 LANDASAN TEORI. adalah perintah yang dimengerti oleh komputer untuk melakukan tugas-tugas tertentu.
BAB 2 LANDASAN TEORI 2.1. Visual Basic 6.0 Visual Basic adalah salah satu bahasa pemrograman komputer. Bahasa pemrograman adalah perintah yang dimengerti oleh komputer untuk melakukan tugas-tugas tertentu.
Lebih terperinciMODUL I PENGENALAN VISUAL BASIC 6.0. Visual Basic adalah sebuah program yang berfungsi untuk membuat aplikasi berbasis
MODUL I PENGENALAN VISUAL BASIC 6.0 1. Visual Basic 6.0 Visual Basic adalah sebuah program yang berfungsi untuk membuat aplikasi berbasis Microsoft Windows secara cepat dan mudah. Dalam Visual Basic terdapat
Lebih terperinciMengenal Microsoft Word 2010
Mengenal Microsoft Word 2010 Kita tentunya sudah tidak asing lagi dengan perangkat lunak (software) pengolah kata yang bernama Microsoft Word (MS Word). Sejak pertama kali dirilis tahun 1983 dengan nama
Lebih terperinciHak Cipta Pada
Mata Diklat : Keterampilan Komputer Dan Pengelolaan Informasi Program studi : Semua Program studi Kompetensi : Mengoperasikan Sistem Operasi (Windows XP) Kode : SWR.OPR.200.(1).A Durasi Pemelajaran : 10
Lebih terperinciMENU DAN TOOLBOX. Menu PopUp merupakan pengembangan dari menu yang ditampilkan di luar form, lepas dari menu bar.
MENU DAN TOOLBOX Menu dalam sebuah aplikasi digunakan untuk mengelompokkan perintah-perintah sehingga pengguna mudah dalam memanggil perintah yang diinginkan. MENU BAR Menu Bar muncul di bawah title bar
Lebih terperinciDESAIN INPUT. Data Entry Proses mengubah data menjadi format yang dapat dibaca oleh komputer. Biasanya 100% berbasis keyboard.
DESAIN INPUT Data Capture Identifikasi dan penambahan data baru. Data yang didapat biasanya dari source document (form yang digunakan untuk menyimpan data transaksi). Data Entry Proses mengubah data menjadi
Lebih terperinciTeori dan fungsi-fungsi dalam MS. Word 2010
Modul ke: Teori dan fungsi-fungsi dalam MS. Word 2010 Mahasiswa memahami teori serta fungsi-fungsi/short key yang ada dan mampu melakukan aktivitas menggunakan MS. Word 2010. Fakultas FT Nawindah, S.Kom,
Lebih terperinciMODUL 2 KEGIATAN PEMELAJARAN 3
MODUL 2 KEGIATAN PEMELAJARAN 3 Sistem Operasi Windows dan Perintah pada menu Pengenalan bagian-bagian desktop windows Ikon ikon pada desktop windows Objek ( Ikon ) Keterangan My Computer Digunakan untuk
Lebih terperinciGambar 1. Jendela Ms. Access Pilihan: New : menu untuk membuat file basis data baru. Recent : menu untuk membuka file basis data yang sudah ada.
Mata Pelajaran : Keterampilan Komputer dan Pengelolaan Informasi Standar Kompetensi : Microsoft Office Access Kompetensi Dasar : Mengoperasikan Software Aplikasi Basis Data Kelas : XI Pertemuan 2 A. Menjalankan
Lebih terperinciBab 15 Menggunakan Menu Navigasi Berupa Switchboard dan Form
Bab 15 Menggunakan Menu Navigasi Berupa Switchboard dan Form Pokok Bahasan Membuat dan Menggunakan Switchboard Membuat Menu Navigasi Berupa Form Untuk memudahkan navigasi semua obyek pada file database
Lebih terperinciMenggunakan Microsoft Access (perhatikan untuk red text)
Menggunakan Microsoft Access (perhatikan untuk red text) 1. Membuat Database dan Tabel Materi ini akan menjelaskan bagaimana membangun database, tabel dan field. Akan dijelaskan pula mengenai format dan
Lebih terperinciMICROSOFT EXCEL INTRODUCTION
MICROSOFT EXCEL INTRODUCTION Subject Tampilan/Interface Workbook Worksheet Pengoperasian File INTERFACE & FUNCTION EXPLANATION Microsoft Excel 2007 Interface Pada Windows Ms. Excel 2007 yang muncul, terdapat
Lebih terperinciBAGIAN IV MICROSOFT POWER POINT
BAGIAN IV MICROSOFT POWER POINT 1. Pendahuluan Microsoft powerpoint merupakan salah satu bagian terintegrasi dari suatu paket system operasi Microsoft Office. Pada umumnya tampilan dan penggunaan Microsoft
Lebih terperinciBAB 2 LANDASAN TEORI
BAB 2 LANDASAN TEORI 2.1 Pengertian Komputer Istilah komputer (computer) berasal dari bahasa latin computere yang berarti menghitung. Dalam bahasa inggris dari kata computer yang berarti menghitung. Dapat
Lebih terperinciMicrosoft Office ACCESS 2007
MODUL Microsoft Office ACCESS 2007 Materi Dasar Metode Belajar Cepat Menguasai Access 2007 Tutorial dan Lembar kerja MATERI DASAR MICROSOFT OFFICE ACCESS 2007 PENDAHULUAN Microsoft Access merupakan program
Lebih terperinciMODUL PEMBELAJARAN APLIKASI KOMPUTER BERBASIS MICROSOFT POWERPOINT DAN INTERNET
MODUL PEMBELAJARAN APLIKASI KOMPUTER BERBASIS MICROSOFT POWERPOINT DAN INTERNET Oleh : DWI HARSONO, MPA JURUSAN PENDIDIKAN ADMINISTRASI FAKULTAS ILMU SOSIAL DAN EKONOMI UNIVERSITAS NEGERI YOGYAKARTA 2009
Lebih terperinci8/29/2012. Mengoperasikan Sistem Operasi Berbasis GUI. Sistem Operasi Windows dan Perintah pada menu. Ikon ikon pada desktop windows.
Mengoperasikan Sistem Operasi Berbasis GUI KKPI Kelas X Sistem Operasi Windows dan Perintah pada menu Pengenalan bagian-bagian desktop windows Gb. Bagan tampilan desktop windows Ikon ikon pada desktop
Lebih terperinciKata Pengantar. Setelah mempelajari buku Student Guide Series Microsoft Office Word 2007 ini, diharapkan pembaca dapat:
Kata Pengantar Microsoft Office Word 2007 adalah program aplikasi pengolah kata (word processor) dengan tampilan user interface (UI) baru yang mengganti menu, toolbars, dan sebagian besar task panes yang
Lebih terperinci03ILMU. Microsoft Word Mata Kuliah: Aplikasi Komputer. Sabar Rudiarto, S.Kom., M.Kom. KOMPUTER. Modul ke: Fakultas
Modul ke: Microsoft Word 2007 Mata Kuliah: Aplikasi Komputer Fakultas 03ILMU KOMPUTER Sabar Rudiarto, S.Kom., M.Kom. Program Studi Teknik Informatika Materi Yang Akan Disampaikan Pendahuluan Membuat Dokumen
Lebih terperinciPembahasan. Document window Application window Utility window Dialogs and Alerts. Mendesain Title Mendesain Border and Windows Command Modality Focus
Mendesain Window Pembahasan 1. Memilih Jenis Window Document window Application window Utility window Dialogs and Alerts 2. Mendesain bagian window Mendesain Title Mendesain Border and Windows Command
Lebih terperinciMODUL PRAKTIKUM 1 DASAR VISUAL BASIC 6.0
MODUL PRAKTIKUM 1 DASAR VISUAL BASIC 6.0 Setelah melaksanakan praktikum pada bab ini diharapkan mahasiswa dapat: Mengetahui konsep properti, event, methode dalam VB 6 Mengetahui lingkungan kerja IDE VB
Lebih terperinciBAB VII PERANGKAT LUNAK PENGOLAH TEKS
BAB VII PERANGKAT LUNAK PENGOLAH TEKS 7.1 Pendahuluan A. Deskripsi Singkat Pada bab ini akan dijelaskan tentang beberapa penerapan dari perangkat lunak pengolah teks. Di dalamnya akan diuraikan bagaimana
Lebih terperinciPengenalan Microsoft Excel 2007
Pengenalan Microsoft Excel 2007 Microsoft Excel merupakan perangkat lunak untuk mengolah data secara otomatis meliputi perhitungan dasar, penggunaan fungsi-fungsi, pembuatan grafik dan manajemen data.
Lebih terperinciModul 5 Mengoperasikan Perangkat Lunak Lembar Sebar (Open Source) 1 KEGIATAN BELAJAR 2
Modul 5 Mengoperasikan Perangkat Lunak Lembar Sebar (Open Source) 1 KEGIATAN BELAJAR 2 3.1. Modul 3.1.1. Mengenali Bagian-Bagian, Menu dan Istilah dalam Open Office Calc. Open Office Calc adalah salah
Lebih terperinciTABEL DATABASE TABEL - KODE BARANG TOKO INFOMART BARANG - NAMA BARANG - HARGA
TABEL Dalam pembuatan database, data yang pertama dibuat adalah tabel. Tabel merupakan kumpulan data yang tersusun menurut aturan tertentu dan merupakan komponen utama pada database. Table disusun dalam
Lebih terperinciMODUL I OPERASI DASAR MS-WORD
MODUL I OPERASI DASAR MS-WORD A. MAKSUD DAN TUJUAN 1. MAKSUD Memperkenalkan pengolah kata dengan Microsoft Word pada system windows. 2. TUJUAN 1. Agar mahasiswa dapat mengetahui dan memahami pengolahan
Lebih terperinciMODUL #1 Membuat Kartu Nama dengan CorelDraw
MODUL #1 Membuat Kartu Nama dengan CorelDraw A. Tujuan 1. Kartu Nama Kartu nama atau kartu bisnis adalah kartu yang digunakan sebagai sarana penunjang dalam menjalankan bisnis. Dari kartu nama akan tercerminkan
Lebih terperinciMICROSOFT POWERPOINT. Pendahuluan
MICROSOFT POWERPOINT Pendahuluan Microsoft Power Point adalah suatu software yang akan membantu dalam menyusun sebuah presentasi yang efektif, professional, dan juga mudah. Microsoft Power Point akan membantu
Lebih terperinciMS WORD SEBAGAI APLIKASI PENGOLAH KATA
MS WORD SEBAGAI APLIKASI PENGOLAH KATA 1 Microsoft Word merupakan program aplikasi pengolah kata (word processor) yang yang biasa digunakan untuk: Pembuatan laporan Pembuatan dokumen berbentuk surat kabar
Lebih terperinciBAB 4 IMPLEMENTASI SISTEM APLIKASI JAVA VIDEO CONFERENCE. 1. Prosesor 500 MHz atau lebih tinggi, MB RAM minimum, 3. 1 MB free hardisk space
BAB 4 IMPLEMENTASI SISTEM APLIKASI JAVA VIDEO CONFERENCE 4.1 User Requirement 4.1.1 Hardware Requirement Aplikasi ini dapat berjalan pada komputer dengan spesifikasi minimum sebagai berikut: 1. Prosesor
Lebih terperinci1. Desktop Microsoft Windows
1. Desktop Microsoft Windows Icon Shortcut Quick Launch Taskbar Taskbar Shortcut Pada umumnya, taskbar ialah bagian yang terletak pada bagian bawah dari desktop. Tombol Start, tombol program-program aktif,
Lebih terperinciA. Struktur Layar SAP dan Tombol Navigasi
BAB 3 Bekerja dengan SAP Untuk menggunakan SAP dengan efektif dan efisien, maka Anda harus mengenal struktur layar dan tombol-tombol navigasi SAP dengan baik dan benar. Tulisan kali ini membahas mengenai
Lebih terperinciI. KEGIATAN BELAJAR 1
I. KEGIATAN BELAJAR 1 1.1. TUJUAN PEMELAJARAN Setelah mempelajari modul ini, peserta didik diharapkan untuk dapat : 1.1.1 Memahami proses penginstalan Microsoft Office 1.1.2. Memahami cara operasi Microsoft
Lebih terperinciPraktek 1.1. bahwa seluruh rangkaian kabel terpasang dengan benar. berikut :
Praktek 1.1 1. Siapkan perangkat keras komputer dan pastikan bahwa seluruh rangkaian kabel terpasang dengan benar 2. Hidupakn komputer dengan urutan sebagai berikut : a. Nyalakan Stabilizer b. Nnyalakan
Lebih terperinciPEMBUATAN DOKUMEN. Untuk mengubah ukuran kertas dan orientasi pencetakan dapat dilakukan langkah berikut:
PEMBUATAN DOKUMEN I. PENGETIKAN DAN PENGATURAN TEKS Membuka Halaman Kerja Ms. Word Start Microsoft Office Microsoft Office Word 2007 Muncul Lembar Kerja Ms. Word yang secara otomatis diberi nama Document1
Lebih terperinciBAB I PENDAHULUAN. orang yang tepat pada pekerjaan yang tepat sejak permulaannya.
1 BAB I PENDAHULUAN 1.1 Latar Belakang Masalah Tes psikometrik telah ada sejak awal abad ke 20 dalam 25-30 tahun terakhir ini, tes psikometrik ini banyak digunakan secara luas dikalangan industri karena
Lebih terperinciI. PENGENALAN MICROSOFT POWER POINT. A. Membuka Aplikasi Microsoft Power Point
I. PENGENALAN MICROSOFT POWER POINT A. Membuka Aplikasi Microsoft Power Point Aplikasi Microsoft Power Point merupakan bagian dalam Microsoft Office, untuk instalasi aplikasi ini sudah menjadi satu paket
Lebih terperinciModul 6 Mengoperasikan Perangkat Lunak Lembar Sebar (Open Source) 1 KEGIATAN BELAJAR 2
Modul 6 Mengoperasikan Perangkat Lunak Lembar Sebar (Open Source) 1 KEGIATAN BELAJAR 2 3.1. Modul 3.1.1. Mengenali Bagian-Bagian, Menu dan Istilah dalam Open Office Calc. Open Office Calc adalah salah
Lebih terperinciMicrosoft PowerPoint 2003
Microsoft PowerPoint 2003 Cakupan Panduan : Menjalankan Software presentasi Memulai Microsoft PowerPoint Menggunakan menu-menu beserta shortcut Memanggil, menyimpan, mencetak file Membuat file presentasi
Lebih terperinciModul ke: Aplikasi Komputer. Microsoft Word. Fakultas TEKNIK. Muhammad Rifqi, S.Kom, M.Kom. Program Studi. Ilmu Komputer.
Modul ke: Aplikasi Komputer Microsoft Word Fakultas TEKNIK Muhammad Rifqi, S.Kom, M.Kom Program Studi Ilmu Komputer http://www.mercubuana.ac.id MEMULAI MS WORD Klik START > Program > Micorosoft Office
Lebih terperinciKeterampilan Komputer dan Pengolahan Informasi (KKPI) Kenali Fungsi Tombol pada Keyboard Leptop/ Komputermu
Keterampilan Komputer dan Pengolahan Informasi (KKPI) Kenali Fungsi Tombol pada Keyboard Leptop/ Komputermu Version 1 pada Office Word Excel dll Ctrl + A : Select All Ctrl + B : Bold Ctrl + C : Copy Ctrl
Lebih terperinciFLASH, FRAME, BEHAVIOR
FLASH, FRAME, BEHAVIOR 1. Flash Menyisipkan Flash Button a. Pilih menu : insert image interactive flash button b. Tentukan property : Style : pilih bentuk / jenis tombol flash Button text : tulis label
Lebih terperinciTutorial Software Lecture Maker
Tutorial Software Lecture Maker Software Lecture maker merupakan salah satu software multimedia yang banyak diaplikasikan untuk media pembelajaran. Kelebihan dari software ini adalah dapat dieksekusi dalam
Lebih terperinciKETERAMPILAN KOMPUTER 2B** (IT :S1-SA) Pertemuan 2 Ahmad hidayat. Keterampilan Komputer 2B** Pertemuan 2
KETERAMPILAN KOMPUTER 2B** (IT-061208:S1-SA) Pertemuan 2 Ahmad hidayat 1 Bahasan Materi Pertemuan 2 Pengenalan WORDSTAR (WS) Pembuatan dan Pengeditan dok / file Pengenalan MS-WORD Pengolahan file & Teks
Lebih terperinciORIENTASI HALAMAN, PAGE MARGIN, PAGE BREAKS, HEADER, FOOTER, PAGE NUMBER, BULLETED DAN NUMBERED SERTA DROP CAP
MODUL 02 ORIENTASI HALAMAN, PAGE MARGIN, PAGE BREAKS, HEADER, FOOTER, PAGE NUMBER, BULLETED DAN NUMBERED SERTA DROP CAP 2 JP (90 menit) Pengantar Pada modul ini dibahas materi tentang cara mengatur jarak
Lebih terperinciDESKTOP ICON DAN KOSTUMISASI
DESKTOP ICON DAN KOSTUMISASI Bagian pertama dari proyek untuk mempercantik dan menambah fungsional desktop adalah dengan melakukan kostumisasi desktop dan ikon. Dengan menggunakan software-software free
Lebih terperinci1.1 Memulai PowerPoint 2007
Student Guide Series: Microsoft PowerPoint 007. Memulai PowerPoint 007 Microsoft PowerPoint 007 yang untuk selanjutnya disingkat Power- Point 007 adalah program aplikasi presentasi yang paling populer
Lebih terperinciPENGENALAN MICROSOFT OFFICE 2007
PENGENALAN MICROSOFT OFFICE 2007 Microsoft Office 2007 ini memiliki perbedaan mendasar dengan Microsoft versi sebelumnya. Perbedaan tersebut terletak pada tampilannya, terutama menu. Microsoft Office 2007
Lebih terperinciConditional Formatting
Bab 2 Conditional Formatting Conditional Formatting merupakan fitur Excel yang digunakan untuk memberi format sel, sebagai indikator, pada data dengan kriteria tertentu. Format sel sebagai indikator dalam
Lebih terperinciModul Praktikum Basis Data 11 Membuat Menu dengan Form
Modul Praktikum Basis Data 11 Membuat Menu dengan Form Pokok Bahasan : - Membuat dan menggunakan switchboard - Membuat Menu Navigasi Berupa Form Tujuan : - Mahasiswa mampu membuat dan menggunakan switchboard
Lebih terperinciPengenalan Microsoft Word
Pengenalan Microsoft Word Pengenalan Microsoft Word Microsoft Word dirancang untuk digunakan sebagai : Surat Pribadi dan Bisnis Membuat surat bersifat pribadi maupun untuk keperluan bisnis. Laporan Membuat
Lebih terperinciBAB 4. mempunyai prosesor 1.6 Ghz atau diatasnya dengan memori RAM sebesar 1GB. Dimana
49 4.1 Implementasi Program Aplikasi BAB 4 IMPLEM ENTASI DAN EVALUASI Dengan aplikasi perangkat lunak yang akan dibuat dalam skripsi ini, implemntasi akan dilakukan untuk mengetahui kelebihan dan kekurangan
Lebih terperinciDEPARTEMEN AGAMA MADRASAH TSANAWIYAH NEGERI NGABLAK Jalan Ngablak-Mangli Km. 0 Ngablak Telepon KABUPATEN MAGELANG 56194
DEPARTEMEN AGAMA MADRASAH TSANAWIYAH NEGERI NGABLAK Jalan Ngablak-Mangli Km. 0 Ngablak Telepon 0298-318070 KABUPATEN MAGELANG 56194 ULANGAN UMUM SEMESTER GASAL TAHUN 2010/2011 Mata Pelajaran : Tek. Inf.
Lebih terperinciBAB II LANDASAN TEORI
BAB II LANDASAN TEORI 2.1. Pengertian Penjualan Pada saat perusahaan menjual barang dagangnya, maka diperoleh pendapatan. Jumlah yang dibebankan kepada pembeli untuk barang dagang yang diserahkan merupakan
Lebih terperinciMODUL-MODUL PRAKTIKUM VB.
MODUL-MODUL PRAKTIKUM VB. Net Oleh : CHALIFA CHAZAR MODUL 1 MENGENAL VB.NET Tujuan : Mahasiswa mampu dan memahami cara menggunakan aplikasi Visual Studio dan memahami komponen dalam menggunakan Microsoft
Lebih terperinciKombinasi Tombol Keyboard Dan Fungsinya
Kombinasi Tombol Keyboard Dan Fungsinya Lasni Sijabat bianqalasni@gmail.com :: http:lasni sijabat@penulis.com Abstrak Kali ini saya akan posting tentang Kombinasi Tombol Keyboard dan Fungsinya yang pasti
Lebih terperinciLATIHAN SOAL MATA PELAJATAN : TIK
LATIHAN SOAL MATA PELAJATAN : TIK I. Berilah tanda silang (X) pada jawaban yang paling tepat! 1. Program Microsoft Word disebut juga perangkat lunak... a. Pengolah kata c. Presentasi b. Pengolah lembar
Lebih terperinciKEMENTERIAN AGAMA MADRASAH TSANAWIYAH NEGERI NGABLAK Jalan Ngablak-Mangli Km. 0 Ngablak Telepon KABUPATEN MAGELANG 56194
KEMENTERIAN AGAMA MADRASAH TSANAWIYAH NEGERI NGABLAK Jalan Ngablak-Mangli Km. 0 Ngablak Telepon 0298-318070 KABUPATEN MAGELANG 56194 ULANGAN MID SEMESTER GASAL TAHUN 2012/2013 Mata Pelajaran : Tek. Inf.
Lebih terperinci1. Tentang Ms Power Point
Tutorial Microsoft Power Point 1. Tentang Ms Power Point Microsoft Power Point adalah aplikasi untuk keperluan presentasi, khususnya untuk presentasi bisnis dan perkantoran. Namun Power Point kuga dapat
Lebih terperinciBAB 2 LANDASAN TEORI. Istilah komputer (computer) berasal dari bahasa Latin Computare yang berarti
BAB 2 LANDASAN TEORI 2.1 Pengertian Komputer Istilah komputer mempunyai arti yang luas dan berbeda untuk orang yang berbeda. Istilah komputer (computer) berasal dari bahasa Latin Computare yang berarti
Lebih terperinci