Ticker

6/recent/ticker-posts

APA ITU INTERAKSI MANUSIA & KOMPUTER.??

 Hai hai hai.. Balik lagi bareng mimin sobat diksi.. 

Apa kabar nih.? Baik baik aja kan? Ya mimin harap begitu. Dimasa pandemi ini terus jaga kesehatan dan inget pesan ibu yaa. Rasanya udah lama ya mimin ga upload artikel:v. Nah kali ini mimin kembali mau bawain artikel tentang APA ITU INTERAKSI MANUSIA & KOMPUTER.?? Tanpa memperpanjang muqadimah langsung aja simak pembahasan berikut.


A. Pengertian Interaksi Manusia & Komputer

Temen temen sobat diksi tentunya sudah tidak asing dengan yang namanya komputer bukan.? Nah tapi temen temen sobat diksi udah tau belum apa sih itu INTERAKSI MANUSIA & KOMPUTER.?? Nah Interaksi Manusia dan Komputer (IMK) atau Human - computer interaction (HCI) merupakan sebuah disiplin ilmu yang mempelajari perancangan, implementasi, dan evaluasi sistem komputasi interaktif dan berbagai aspek terkait. IMK pada prinsipnya membuat agar sistem dapat berdialog dengan penggunanya seramah mungkin.

Tahapan RPL
  • Analisis kebutuhan
  • Desain
  • Implementasi (Pemrograman)
  • Evaluasi
  • Publikasi
Tahapan Human-computer interaction (HCI)
  • Perancangan
  • Implementasi
  • Evaluasi

I. PERANCANGAN

a. Wireframe


Wireframe adalah sebuah kerangka yang berfungsi untuk membuat tata letak suatu website agar sesuai dengan keinginan klien sebelum masuk ke proses desain atau coding. Proses wireframing biasanya dilakukan oleh seorang UI Designer dengan memanfaatkan software desain khusus wireframe atau coretan kertas secara manual.

Adapun komponen yang menjadi bahan untuk proses wireframe antara lain meliputi, bagian header, body/content, footer, sidebar, dan beberapa komponen tambahan lainnya.

Secara umum, perbedaan mendasar antara wireframe dengan mockup ada pada tingkatan dari fidelity., dimana Wireframe termasuk ke dalam low fidelity, sementara mockup ada pada tingkatan high fidelity.

b. Storyboard

Storyboard adalah penggambaran visual adegan, dialog, aksi dalam urutan berurutan. Storyboard berguna dalam merancang suatu aplikasi perangkat lunak yang bekerja tidak linear sebagaimana aplikasi pada jaman dahulu

c. Wireflow


Wireflow adalah representasi dari aliran layar, dengan mengumpulkan satu set wireframes terkait mengikuti urutan mereka muncul dalam aliran.

d. Mockup


Mockup adalah desain statis menyerupai hasil akhir untuk mewakili suatu produk. bentuk mockup adalah gambaran mid-fidelity ataupun high-fidelity yang menggambarkan pilihan warna desain, layout, tipografi, iconography, visual navigasi, dan keseluruhan tampilan produk yang didesain.

e. Prototype


Prototipe adalah versi konsep produk yang memungkinkan Anda menjelajahi ide-ide Anda dan menunjukkan rencana fitur atau konsep desain keseluruhan kepada pengguna sebelum ke tahapan pengembangan atau implementasi.

II. IMPLEMENTASI

Implementasi adalah menerapkan hasil rancangan dari Wirefame, Storyboard, Wireflow, Mockup, Prototipe ke dalam bentuk aplikasi nyata.

Jenis Platform

a. Implementasi Aplikasi Mobile (Android Studio)


Android Studio adalah Integrated Development Environment (IDE) resmi untuk pengembangan aplikasi Android, yang didasarkan pada IntelliJ IDEA . Selain sebagai editor kode dan fitur developer IntelliJ yang andal, Android Studio menawarkan banyak fitur yang meningkatkan produktivitas Anda dalam membuat aplikasi Android, seperti:
  • Sistem build berbasis Gradle yang fleksibel
  • Emulator yang cepat dan kaya fitur
  • Lingkungan terpadu tempat Anda bisa mengembangkan aplikasi untuk semua perangkat Android
  • Terapkan Perubahan untuk melakukan push pada perubahan kode dan resource ke aplikasi yang sedang berjalan tanpa memulai ulang aplikasi
  • Template kode dan integrasi GitHub untuk membantu Anda membuat fitur aplikasi umum dan mengimpor kode sampel
  • Framework dan alat pengujian yang lengkap
  • Alat lint untuk merekam performa, kegunaan, kompatibilitas versi, dan masalah lainnya
  • Dukungan C++ dan NDK
  • Dukungan bawaan untuk Google Cloud Platform, yang memudahkan integrasi Google Cloud Messaging dan App Engine

b. Implementasi Aplikasi Desktop (Visual Basic & Visual Basic Net)


Microsoft Visual Basic (sering disingkat sebagai VB saja) merupakan sebuah bahasa pemrograman yang menawarkan Integrated Development Environment (real) visual untuk membuat program perangkat lunak berbasis sistem operasi Microsoft Windows dengan menggunakan model pemrograman (COM).

Visual Basic merupakan turunan bahasa pemrograman BASIC dan menawarkan pengembangan perangkat lunak komputer berbasis grafik dengan cepat. Beberapa bahasa skrip seperti Visual Basic for Applications (VBA) dan Visual Basic Scripting Edition (VBScript), mirip seperti halnya Visual Basic, tetapi cara kerjanya yang berbeda.

Para programmer dapat membangun aplikasi dengan menggunakan komponen-komponen yang disediakan oleh Microsoft Visual Basic Program-program yang ditulis dengan Visual Basic juga dapat menggunakan Windows API, tidak membutuhkan deklarasi fungsi luar tambahan.

c. Implementasi Website 

Programming Native
  • HTML (Hypertext Markup Language)
  • CSS (Cascading Style Sheets)
  • PHP (Hypertext Preprocessor)
Framework
  • CSS (Bootstrap + PHP)
  • PHP (CodeIgniter,Yii, Laravel)
CMS (Content Management System)
  • WordPress
  • Joomla
  • Drupal

III. EVALUASI

Usability
Usability merupakan tingkatan kemampuan antarmuka aplikasi dapat digunakan untuk mempermudah hidup pengguna.

User Experience (UX)
User experience sesuai artinya dalam bahasa indonesia “pengalaman pengguna” adalah pengalaman yang diberikan website atau aplikasi kepada penggunanya agar interaksi yang dilakukan menarik dan menyenangkan.

Tahapan Evaluasi
  1. Prototype Aplikasi
  2. Tugas Untuk User (Task)
  3. Kuesioner (Angket)
  4. Pengguna (User)

Nah sekian dulu artikel dari Sobat Diksi, tinggalkan saran dan kritik kalian dikolom komentar yaa,, terus pantengin blog ini untuk mendapatkan artikel artikel lainnya.
SEE YOU NEXT TIME.!! SALAM LITERASI.!!

Posting Komentar

0 Komentar