SCREEN – BASED CONTROL.

Slides:



Advertisements
Presentasi serupa
Pemrograman Visual I Pendahuluan Presented by : Herianto.
Advertisements

KOMPONEN DALAM DELPHI Form
Menu dan Formulir Materi Pertemuan Ke-3.
Web Design Muhamad Akbar. Ukuran Halaman Fixed page widths – Flexible page widths –Mail.yahoo.com.
Perancangan Basis Data
© aSup-2007 PENGENALAN SPSS   1 INTRODUCTION to SPSS Statistical Package for Social Science.
2. Introduction to Algorithm and Programming
Learning Medium School : SMPN 1 Gotham City Subject : English
PAKET PROGRAM NIAGA TEKNIK KOMPUTER
Menu dan Formulir.
Penjelasan Umum Ms. Powerpoint
Lecture 5 Nonblocking I/O and Multiplexing Erick Pranata © Sekolah Tinggi Teknik Surabaya 1.
Perancangan Pencatatan Transaksi Formulir Pertemuan 23 s.d 24 Matakuliah: F0712 / Lab Sistem Informasi Akuntansi Tahun: 2007.
Perancangan Database Pertemuan 07 s.d 08
1 DATA STRUCTURE “ STACK” SHINTA P STMIK MDP APRIL 2011.
Testing Implementasi Sistem Oleh :Rifiana Arief, SKom, MMSI
INTRODUCTION TO SPSS Statistical Package for Social Science 1.
The steps to work with Power Point click Start> All Programs> Microsoft Office> Microsoft Office PowerPoint2007 klik Start>All Programs>Microsoft.
1 Pertemuan 09 Kebutuhan Sistem Matakuliah: T0234 / Sistem Informasi Geografis Tahun: 2005 Versi: 01/revisi 1.
Microsoft Word Dicky Pratama S.Kom.
(HTML). Frames are most typically used to have a menu in one frame, and content in another frame. When someone clicks a link on the menu that web page.
HAMPIRAN NUMERIK SOLUSI PERSAMAAN NIRLANJAR Pertemuan 3
1 Pertemuan > > Matakuliah: >/ > Tahun: > Versi: >
Asas Photoshop CS4. Understand basic term and option in Photoshop CS4.
Bayu Priyambadha, S.Kom.  Classes, which are the "blueprints" for an object and are the actual code that defines the properties and methods.  Objects,
Chapter 10 – The Design of Feedback Control Systems PID Compensation Networks.
Visual Basic for Aplications in powerpoint. What is Visual Basic for Aplications? Visual Basic for Applications (VBA) is a very powerful objectoriented.
Membuat Macro.
HTML BASIC (Contd…..) PERTEMUAN KEDUA.
KOMUNIKASI DATA Materi Pertemuan 3.
High Level User Interface
Dengan Menggunakan Tabel Pivot Microsoft Excel

Membangun Web Site“Cantik”
Rekayasa Perangkat Lunak Class Diagram
M E M B U A T F O R M U L I R H T M L Adi Rachmanto UNIKOM 2011
Proses astrofisika i SENSITIVITY TO INITIAL CONDITIONS
Menu dan Formulir Materi Pertemuan Ke-3.
Perancangan Formulir Pertemuan 11 s.d 12
MENGENAL VISUAL BASIC 6.0 Pertemuan 3
Algoritma & PEMROGRAMAN 2B (Visual basic)
Algoritma & PEMROGRAMAN 2B (Visual basic)
Human Computer Interaction (3)
Membuat Table Pertemuan 3
CAD READER PERTEMUAN 4.
Analisa & Perancangan sistem
CLASS DIAGRAM.
Kelas VII semester 2 Rahmi Susiswanti
Lecture 3 User Interface Design.
Pengenalan Borland Delphi 7.0
UML- UNIFIED MODELING LANGUAGE
TEOREMA PYTHAGORAS This template can be used as a starter file to give updates for project milestones. Sections Right-click on a slide to add sections.
Menu dan Formulir Materi Pertemuan Ke-3.
Pertemuan 4 CLASS DIAGRAM.
MANAJEMEN SDM PT. AWATARA KARYA
Komputer 3 Dian C. Rini N, M.Kom
How to Set Up AT&T on MS Outlook ATT is a multinational company headquartered in Texas. ATT services are used by many people widely across.
How You Can Make Your Fleet Insurance London Claims Letter.
Qualities of a Photographer to Cover an Event
How to Pitch an Event
Don’t Forget to Avail the Timely Offers with Uber
Takes Rides for Never Ending Fun pacehire.co.uk. It’s still Time to Make Fun Before the Holidays pacehire.co.uk.
Suhandi Wiratama. Before I begin this presentation, I want to thank Mr. Abe first. He taught me many things about CorelDRAW. He also guided me when I.
Algoritma & Pemrograman 1 Achmad Fitro The Power of PowerPoint – thepopp.com Chapter 3.
Lesson 2-1 Conditional Statements 1 Lesson 2-1 Conditional Statements.
HughesNet was founded in 1971 and it is headquartered in Germantown, Maryland. It is a provider of satellite-based communications services. Hughesnet.
 Zoho Mail offers easy options to migrate data from G Suite or Gmail accounts. All s, contacts, and calendar or other important data can be imported.
If you are an user, then you know how spam affects your account. In this article, we tell you how you can control spam’s in your ZOHO.
Integrasi e-Office dan Saga
Rank Your Ideas The next step is to rank and compare your three high- potential ideas. Rank each one on the three qualities of feasibility, persuasion,
Transcript presentasi:

SCREEN – BASED CONTROL

Agenda Mengidentifikasi karakteristik dan kemampuan dari berbagai layar kontrol Memilih kontrol yang tepat bagi pengguna dan tugas nya

Screen Control Sometimes called ‘widgets’ Widgets: the elements of a screen that constitute its body. Definition: objek grafis yang mewakili sifat atau operasi dari objek lain Functions: Mengizinkan masuk atau pemilihan nilai tertentu Mengizinkan perubahan atau penyuntingan suatu nilai tertentu Menampilkan hanya bagian tertentu dari teks, nilai, atau grafis Suatu perintah yang harus dilakukan Memiliki jendela pop-up kontekstual

Three Extremely Important Principles A control must: Look the way it works Work the way it looks “Look”  “enter-ability” or “click-ability” Used exactly as its design intended Presented in a standard manner Example: Windows XP: Raised elements can be pressed Recessed elements can not be pressed Elements on a flat white background can be opened, edited, or moved.

Operable Controls … are those that permit: Entry Selection Changing Editing Cause a command to be performed Here are the classes… (next slide)

1 – Operable Buttons Description Purpose There are two kinds: Suatu pengendalian persegi atau berbentuk persegi panjang dengan label di dalam yang menunjukkan tindakan yang harus diselesaikan Label dapat terdiri dari teks, grafis, atau keduanya Purpose To start actions To change properties To display a pop-up menu There are two kinds: Toolbar buttons Command buttons

1 – Operable Buttons Keuntungan Selalu terlihat, mengingat salah satu pilihan yang tersedia Mudah Dapat diselenggarakan secara logis dalam pekerjaan daerah Dapat memberikan gambaran yang berarti dari tindakan yang akan dilakukan ukuran lebih besar biasanya memberikan target seleksi lebih cepat Dapat memiliki penampilan 3-D Menambah gaya estetis menyenangkan untuk layar Menyediakan umpan balik visual melalui gerakan tombol bila diaktifkan Dapat mengizinkan penggunaan keyboard dan akselerator setara Lebih cepat daripada menggunakan menu bar dua langkah / urutan pull- down Kekurangan Menghabiskan ruang layar Ukuran membatasi jumlah yang dapat ditampilkan Membutuhkan berpaling dari wilayah kerja utama untuk mengaktifkan Membutuhkan memindahkan pointer untuk memilih

1 – Operable Buttons To a window: In a web Things to consider: To cause something to happen immediately To display another window To display a menu of options To set a mode or property value In a web Use links to show information Things to consider: Usage Structure Labels Size Number Location & layout Organization Intent indicators Expansion buttons Default Keyboard equivalent / accelerators Button activation

2 – Text Entry / Read only controls Usually referred as “field” or “text-box” Unprotected: a text box into which information can be keyed Protected: A text box used for display purposes only Description Usually rectangular in shape Usually possesses a caption or label describing the kind of information contained within it Two types exist Single-line Multiple-line When first displayed, the box may be blank or contain an initial value Purpose To permit the display, entering, or editing of textual information To display read-only information

2 – Text Entry / Read only controls Advantages Very flexible Familiar Consumes little screen space Disadvantages Requires use of typewriter keyboard. Requires user to remember what must be keyed Proper usage Most useful for data that is Unlimited in scope Difficult to categorize Of a variety of different lengths When using a selection list is not possible

2 – Text Entry / Read only controls Single occurrence Multiple occurrence Or Read-only / display If alphanumeric then left justify If numeric then right justify Segmentation Or

3 – Selection Controls Presents on the screen all the possible alternatives, conditions, or choices that may exist for an entity, property, or value Types Radio button Check box Palette List box List view control Drop-down / Pop-up list box Or

3 – Selection Controls: Radio button “Only one selection permitted” Poor Poor Poor Poor Better

3 – Selection Controls: Radio button Still better Best !

3 – Selection Controls: Check box “Use for multiple selection” Best !

3 – Selection Controls: Palette

3 – Selection Controls: List box List box with multiple selection

3 – Selection Controls: Drop Down/Pull-down Then Droped Or Pulled down Clicked

Combination Entry/Selection Controls Combo boxes Spin boxes Combo box - Closed Combo box - Opened

Other Operable Controls Slider Date picker Tree view Tabs

Custom Controls Implement custom controls with caution The addition of custom controls adds to this learning and increases system complexity Images?? Buttons?? Are they clickable? What is this?? What will happen if I’m clicking it? What task? Where to pick? I’m sure this are buttons, Because they looks clickable

Presentation Controls Teks statis bidang: informasi read-only tekstual kotak Group: bingkai persegi panjang yang mengelilingi kontrol atau kelompok kontrol; keterangan opsional dapat disertakan. Kolom judul: informasi tekstual read-only yang berfungsi sebagai judul di atas kolom teks atau angka Alat ujung / balon tip: jendela pop-up kecil yang berisi informasi; bisa ditempatkan di balon

Static text Tool tip / balloon tip Progress indicators Optional caption Static text Tool tip / balloon tip Progress indicators

Selecting the Proper Controls Choose familiar controls Consider the task Reduce the number of “clicks” Display as many control choices as possible When to permit text entry? Permit text entry if any of the following questions can be answered “Yes” Is the data unlimited in size and scope? Is the data familiar? Is the data not conducive to typing errors? Will typing be faster than choice selection? Is the user an experienced typist?

Selecting the Proper Controls Buttons or Menus for commands? Consider the following: Whether or not the command is part of a standard tool set. The total number of commands in the application. The complexity of the commands. The frequency with which commands are used. Whether or not the command is used in association with another control.