Introducing 

Prezi AI.

Your new presentation assistant.

Refine, enhance, and tailor your content, source relevant images, and edit visuals quicker than ever before.

Loading…
Transcript

Sistem Output

Sistem Input

Desain Input, Output dan Interface

Kelompok 2:

1. Andini Nur A (C101600083)

2. Susi Susilawati (C10160097)

3. Rina Maulani (C10160103)

4. Risma Syahara (C10160208)

5. Yessy Yustika (C10160221)

6. Ghita Widuri (C10160225)

7. Dewi Sri W (C10160227)

8. Githy Putri T (C10160297)

User Interface Technology

Interaksi Manusia Komputer

Perancangan User Interface

Interaksi Manusia Komputer

- Interaksi adalah komunikasi antara user dan computer

- Manusia atau User adalah siapa saja yang terlibat dalam penyelesaian tugas dengan menggunakan teknologi

- Computer adalah teknologi dari desktop hingga sistem computer.

Lalu Interaksi Manusia Komputer adalah studi mengenai interaksi antara manusia, computer, dan tugas/task. Seperti contohnya penggunaan ms windows, kenapa kebanyakan orang banyak menggunakan ms windows karena ms windows user friendly atau mudah digunakan.

- IMK melibatkan banyak bidang ilmu pengetahuan

1. Psikologi : memecahkan masalah

2. Ergonomi : kemampuan fisik user

3. Sosiologi : memahami konsep interaksi

4. Ilmu computer : membuat teknologi

5. Bisnis : pemasaran

6. Desaingrafis : presentasi interface

Keberhasilan dalam IMK akan menentukan apakah sistem yang dikembangkan bersifat user friendly atau tidak. IMK dalam konteks kerja dan tugas user melibatkan

1. Desain : penggambaran beberapa elemen yang terpisah kedalam satu kesatuan yang utuh dan berfungsi

2. Implementasi :prosedur yang dilakukan untuk menyelesaikan sesuatu yang berada di dalam dokumen

3. Evaluasi : memeriksa dan menilai untuk mendapatkan hasil

Lalu hal yang menentukan user friendly atau tidak adalah sistem interface. Sistem Interface adalah user input dan output yang digunakan user dalam berinteraksi dengan sistem.

- User interface mencakup konsep, kebutuhan user untuk mengetahui sistem computer, dan harus dibuat terintegras ikeseluruh sistem

- User interface dapat mendukung tugas yang dilakukan oleh manusia dan menghindari kesalahan kesalahan

Jenis Paradigma IMK:

TITLE

1. Time sharing : satu computer yang dapat digunakan oleh banyak user

2. Video Display Unit : dapat memvisualisasikan informasi

3. Programming toolkits : alat bantu pemrograman computer untuk meningkatkan kinerja dan produktivitas programmer

4. System windows : sistem memungkinkan user untuk berdialog dengan computer dalam beberapa aktivitas yang berbeda

5. Personal computing : computer yang digunakan untuk pribadi (user tunggal)

6. Metaphor : digunakan untuk mengajari konsep baru dimana konsep tersebut sudah dipahami sebelumnya

7. Direct manipulation : memungkinkan user untuk mengubah keadaan internal dengan konsep what you see is what you get

8. Language vs action : bahasa yang digunakan computer untuk berkomunikasi dengan interface, aksi dilakukan interface untuk melaksanakan perintah user

9. Hypertext : metode penyimpanan informasi dalam format non linear yang memungkinkan akses secara non linear atau random

10. Multy-Moditaly : sistem yang tergantung pada penggunaan beberapa satuan komunikasi pada manusia

11. Computer Support Cooperative Work :perkembangan jaringan computer memungkinkan komunikasi antara beberapa pc yang terpisah dalam satu kesatuan group.

Sistem Input

Beberapa hal yang perlu di perhatikan dalam perancangan sistem input yaitu :

  • Data Capture
  • Source document
  • Data entry
  • Data Processing:
  • Batch Processing
  • Online Processing
  • Remote Batch

Perangkat Sistem

Perangkat Sistem Input dan penerapannya

Beberapa input device yang biasa digunakan untuk menginputkan data pada sistem yaitu :

1. Keyboard

2. Mouse

3. Touch Screen

4. Point Of Sale (POS)

5. Sound and Speech

6. Optical Mark

7. Magnetic Ink

Prinsip dalam Mendesain Sistem Input

1. Data yang diinput hanya data yang bersifat Variable

2. Jangan menginput data yang bisa dihitung atau disimpan dalam komputer

Komponen GUI

1. Textbox

2. Radio Button

3. Check Box

4. List Box

5. Drop-Down List

6. Combination Box

7. Buttons

Sistem Output

Output bisa diklasifikasikan berdasarkan pendistribusian dan penerima output:

1. Internal Output

2. Detail Report

3. Summary Report

4. Exceptions Report

5. External Report

6. Turnaround Output

Perangkat Sistem Output dan Penerapannya

Perangkat Sitem Output dan Penerapannya

1. Printed Output

2. Screen Output

3. Point of Sale (POS)

4. Multimedia

5. Email

6. Hyperlink

Proses dalam Mendesain Output

1. Mengidentifikasi system output dan melakukan review terhadap logical requirements.

2. Menentukan atau menspesifikasikan resource fisik (device) output.

3. Jika dibutuhkan, lakukan desain untuk preprinted (preview) output yang akan dihasilkan.

4. Desain, validasi dan testing output dengan menggunakan

  • layout tools
  • prototyping tools
  • code-generating

Proses dalam Mendesain Output

User Interface Technology

2. Menu-Driven Interfaces

3. Intruction-Driven Interfaces

GUI merupakan interface yang sudah mendukung teknologi grafis ( gambar, grafik dsb) dalam program aplikasi.

Style interface yang sering digunakan dalam pembuatan aplikasi, dalam teknologi GUI :

1. Windows and Frame

2. Menu-Driven Interfaces

3. Intruction-Driven Interfaces

4. Question-Answer Dialoges

5. Special Consideration forUser Interface Design

4. Question-Answer Dialoges

5. Special Consideration for User Interface Design

1. Windows and Frame

1. Windows and Frame

Windows merupakan style basic (komponen dasar) dalam program aplikasi berbasis GUI.

Frame merupakan pembagian area area dalam sebuah windows, misalnya pembagian area menu, navigasi dan area content.

2. Menu-Driven Interface

Menu-driven merupakan dialoge yang mempresentasikan berbagai pilihan menu yang bisa dipilih oleh user dalam menjalankan program aplikasi.

Menu hirarki dibentuk dengan mengelompokan menu atau perintah tertentu yang sama.

a. Pull-Down and Cascading Menus

Pull-down adalah menu yang mengelompokkan beberapa perintah dengan menggunakan kategori atau kriteria yang sama kemudian ditampilkan pada programaplikasi sehingga bisa di akses oleh user.

TITLE

b. Tear-Off and Pop-us Menus

Pop-up adalah menu yang di tampilkan pada objek tertentu, isi dari menu tersebut hanya perintah perintah yang terkait dengan objek tersebut.

TITLE

c. Toolbar and Iconic Menu

Toolbar pada aplikasi windows berisi icon (gambar) yang melambangkan sebuah perintah (command) sebagai shortcut untuk menuju ke menu atau dialog tertentu.

TITLE

d. Hypertext and Hyperlink Menu

Hyperlink adalah menu yang menggunakan icon atau text yang bisa melakukan navigasi dari satu page ke page lain pada web browser.

TITLE

3. Instruction-Driven Interfaces

4. Questions-Answer Dialogues

5. Special Consideration for User Interface Design

a. Internal Control-Authentication and Authorization

b. Help

b. Help

Perancangan User Interface

1. Chart the User Interface Dialogue

User interface bias melibatkan satu atau lebih dialogue dan diantara sekian banyak dialogue, masing-masing dialogue tersebut mempunyai hubungan dan harus saling terkoordinasi.

2. Prototype the Dialogue and User Interfaces

Membangun prototype user interface yang telah didesain bertujuan untuk memberikan gambaran kepada pemilik atau pengguna sistem (user) mengenai interface aplikasi yang akan dikembangkan.

3. Obtain User Feedback

Pada tahap ini feedback atau respon akan menentukan apakah prototype disetujui atau tidak, jika disetujui maka pengembangan sistem akan masuk ke langkah selanjutnya, namun jika tidak sistem analis dan sistem desainer harus melakukan revisi terhadap prototype tersebut.

Learn more about creating dynamic, engaging presentations with Prezi