Seputar IT dan Kajian Islam

Selasa, 03 Maret 2020

Implementasi ilmu interaksi manusia dan komputer


Dikesempatan kali ini, saya akan berbagi pengetahuan tentang implementasi ilmu interaksi manusia dan computer. Sebelum beralih kepada jauhnya materi, maka ada baiknya untuk kita pelajari dahulu bagaimana sejarah ilmu interaksi manusia dan computer tersebut. Yuuk keep read..
Berikut ini adalah penjelasan sejarah mengenai awal mula adanya ilmu interaksi manusia dan computer atau HCI ini. Pada tahun 1970 mulai dikenal istilah antarmuka pengguna (user interface), yang juga dikenal dengan istilah Man-Machine Interface (MMI) dan mulai menjadi topic perhatian bagi peneliti dan perancang system. Perusahaan computer mulai memikirkan aspek fisik dan antar muka pengguna sebagai factor penentu keberhasilan dalam pemasarannya. Istilah human computer interaction mulai muncul pertengahan tahun 1980 an sebagai bidang studi yang baru. Istilah HCI mengisyaratkan bahwa bidang studi ini mempunyai focus yang lebih luas, tidak hanya sekedar perancangan antarmuka secara fisik.
Pada dasar nya setiap ilmu ada tempat pengaplikasiannya atau pengimplementasiannya. Oleh karena itu, pada bidang ilmu ini juga terdapat bagian tempat untuk implementasinya. Pengaplikasian ilmu interaksi manusia dan komputer terdapat diberbagai bidang diantaranya perkantoran, otomotif, penerbangan, komunikasi dll. Lalu timbul pertanyaan berikutnya, mengapa sebaiknya menggunakan ilnu interaksi manusia dan komputer, kenapa bukan hanya saja ilmu tentang UI/UX design? Untuk menjawab pertanyaan itu, mari kita baca selanjutnya.
Pada awalnya hanya pengguna tertentu yang bisa menggunakan komputer. Saat ini teknologi komputer sudah menjadi bagian dari hidup manusia (pervasive), sehingga interaksi dengan komputer harus jelas dan intuitif. Keinginan manusia untuk mendapatkan kemudahan dalam menggunakan komputer untuk membantu pekerjaan manusia dalam menyelesaikan suatu persoalan. Perubahan teknologi sistem harus didesain sesuai kebutuhan dan keterampilan orang yang menggunakannya dan transparan. Desain interface tidak hanya mempertimbangkan aspek saja, tapi juga harus memperhatikan kemampuan dan keterbatasan manusia.
Tujuan imk : menghasilkan sistem yang berguna dan aman, what you see is what you get, mengurangi frustasi, ketidakamanan, dan kebingungan pada pengguna, memberikan feedback kepada pengguna, membantu desainer dalam merancang sistem komputer yang user-friendly (ramah dengan pengguna)
Kriteria user-friendly : memiliki tampilan yang bagus, mudah dioperasikan, mudah dipelajari, dan pengguna selalu merasa senang setiap kali menggunakan software tersebut.
Berikut ini disiplin ilmu dalam IMK yaitu, ilmu computer(desain aplikasi & teknik human interface), psikologi (aplikasi dan teori proses kognitif dan menganalisis perilaku user), sosiologi dan antropologi (interaksi antara teknologi, work dan organisasi), industrial design (produk interaktif), teknik sipil (infrastruktur fisik) dan teknik mesin (robotika).
UI vs IMK
User interface, bagian dari aplikasi yang memungkinkan pengguna berinteraksi dengan computer untuk menyelesaikan suatu pekerjaan. Sedangkan human computer interface untuk perancangan, implementasi dan evaluasi dari user interface



Senin, 02 Maret 2020

stack


konversi bilangan desimal ke biner, oktal dan heksa menggunakan stack
#include 
#include 

using namespace std;

// deklarasi struct stack
int MAXSTACK, MAXSTACK2, MAXSTACK3; typedef int itemtype; typedef struct { itemtype item[300]; int count; } stack; // fungsi inisialsiasi stack void initializestack(stack *s) { s->count = 0; } // fungsi untuk mengecek stack yg kosong int empty(stack *s) { return (s->count == 0); } // fungsi untuk mengecek stack yang penuh int full(stack *s) { return (s->count == MAXSTACK); } // fungsi push untuk memasukan data baru ke dalam stack void push(itemtype x, stack *s) { if (full(s)) cout << "stack penuh !" << endl; else { s->item[s->count] = x; ++(s->count); } } // fungsi untuk mengambil data baru dalam stack int pop(stack *s) { if (empty(s)) cout << "stack kosong" << endl; else { --(s->count); return (s->item[s->count]); } } // fungsi utama main() { int i, n, m, l, z; int input; // inisialisasi stack biner, oktal, dan heksa stack biner; stack oktal; stack heksa; // menginisialisasikan sebuah stack initializestack(&biner); initializestack(&oktal); initializestack(&heksa); cout << "bilangan desimal = "; // meminta user memasukan data bilangan desimal cin >> input; // menginput bil desimal ke dalam variabel input // perulangan atau loop untuk menentukan nilai max dari stack for (z = 1, n = input; n > 0; n = n / 2, z++) { MAXSTACK = z; } for (z = 1, n = input; n > 0; n = n / 8, z++) { MAXSTACK2 = z; } for (z = 1, n = input; n > 0; n = n / 16, z++) { MAXSTACK3 = z; } m = 0; for (n = input; n > 0; n = n / 2) { l = n % 2; // mecari data sisa push(l, &biner); // push data reminder(sisa) ke dalam stack biner ++m; } m = 0; for (n = input; n > 0; n = n / 8) { l = n % 8; // mecari data sisa push(l, &oktal); // push data reminder(sisa) ke dalam stack oktal ++m; } m = 0; for (n = input; n > 0; n = n / 16) { l = n % 16; // mecari data sisa push(l, &heksa); // push data reminder(sisa) ke dalam stack heksa ++m; } cout << "bilangan Biner = "; // print hasil dalam bilangan biner for (i = MAXSTACK; i > 0; i--) { cout << pop(&biner); // perulangan untuk mencetak data biner } cout << endl; cout << "bilangan Oktal = "; for (int i = MAXSTACK2; i > 0; i--) { cout << pop(&oktal); //mencetak bilangan oktal } cout << endl; cout << "bilangan Heksa = "; for (int i = MAXSTACK3; i > 0; i--) { int p = pop(&heksa); //mencetak bilangan heksa dengan syarat tertentu if (p <= 9) printf("%d", p); else if (p == 10) printf("A"); else if (p == 11) printf("B"); else if (p == 12) printf("C"); else if (p == 13) printf("D"); else if (p == 14) printf("E"); else if (p == 15) printf("F"); } getch(); }
by : www.mochammadfarkhan.com

Rabu, 26 Februari 2020

INTERAKSI MANUSIA DAN KOMPUTER


Interaksi Manusia dan Komputer 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 Human-computer interaction (HCI) :
1. Perancangan
2. Implementasi
3. Evaluasi

Manfaat dari perancangan adalah mudah menggambar (Tidak membutuhkan alat khusus), mudah dimodifikasi (Tidak perlu pemrograman untuk menvisualisasikan ide-ide desain baru), dan juga tidak perlu pengkodean, hanya perlu menggambar bingkai gambar seolah-olah Anda
menggunakan alat gambar. Dalam perancangan adala 5 tahapan yang harus dipenuhi yaitu :
1. wirefame adalah sketsa antarmuka pengguna atau user interface (UI).
2. storyboard adalah penggambaran visual adegan,dialog, aksi dalam urutan berurutan.
3. wireflow adalah representasi dari aliran layar, dengan mengumpulkan satu set wireframes terkait mengikuti urutan mereka muncul dalam aliran.
4. mockup adalah desain statis yang menyerupai hasil akhir untuk mewakili suatu produk.
5. prototype 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.

Selasa, 25 Februari 2020

MULTIMEDIA


Dalam keseharian, adakalanya saat anda sedang mengerjakan editing video anda mengalami kesulitan, penyebabnya ya yakni anda mungkin kurang pengalaman dalam belajar editing video ataupun kurang hobbi yang namanya editing video karena mungkin tidak biasa dengan hal itu semua. Nah, saya punya solusi ni agar hal itu dapat teratasi ketika anda berhadapan dengan hal yang seperti itu. Berikut ini pemaparannya ya.
Multimedia adalah kombinasi dari teks, foto, seni grafis, suara, animasi, dan elemen video yang dimanipulasi secara digital. Produksi multimedia memerlukan kreativitas, kemampuan teknis, organisasi, dan bisnis. Dalam hal ini, anda dan saya direkomendasi untuk mendalami ilmu tentang multimedia. Oleh karena itu, sebab orang yang sukses dalam bergelut dibidang multimedia ialah orang yang selalu melatih dirinya dengan sabar dalam proses belajar praktek multimedia. Btw, saya yakin anda orang yang seperti ini ya..
Komponen multimedia terbagi menjadi 5 bagian yaitu text, image, animation, audio dan video. Lima komponen anda bias kuasai, setelah anda mempelajarinya ya. Maka anda jangan ada rasa malas buat belajar ya..
Terdapat banyak bidang pekerjaan yang menggunakan multimedia sebagai partner kerjanya diantaranya bisnis, rumah, sekolah, industry kreatif, umum, hiburan dan seni rupa, pendidikan, jurnalisme, teknik, industry, matematika dan penelitian ilmiah, kesehatan dan disabilitas. Luasnya bidang pekerjaan yang membutuhkan multimedia membuat ilmu ini menjadi ilmu yang wajib dikuasai di zaman modern ini agar saya, anda dan pemirsa semua tidak tergerus akibat ketidaktahuan perkembangan yang sebenarnya banyak dikendalikan oleh multimedia.
Ada beberapa tahapan dalam membuat proyek multimedia. Berikut ini sedikit saya sebutkan :
1.     Perencanaan dan pembiayaan
2.     Desain dan produksi
3.     Pengujian menggunakan alpha dan betha.
4.     Delivery
5.     Multimedia yang sukses membutuhkan kombinasi dari keahlian dan keterampilan, tidak hanya dari sisi artistic tetapi juga organisasi, waktu, dan uang.
Tahapan-tahapan yang ada diatas adalah prasyarat terbaik untuk membuat suatu proyek multimedia yang sukses. Saya, yakin anda bisa ini.

Adanya tahapan-tahapan dalam membuat proyek multimedia, maka dibutuhkanlah sebuah tim untuk mengorganisir hal itu semua. Dengan demikian, dalam membuat proyek multimedia ini dibutuhkan sebuah tim yang betanggung jawab dalam hal ini. Berikut ini posisi-posisi kriteria sebuah tim multimedia :
1.     Manajer proyek
2.     Desainer multimedia
3.     Desainer antarmuka
4.     Penulis
5.     Spesialis video
6.     Spesialis audio
7.     Programmer multimedia

Manajer proyek bertanggung jawab untuk keseluruhan pengembangan dan implementasi proyek seperti biaya, jadwal, dll.
֍Harus ahli dan berpengalaman dalam menangani proyek yang kompleks
֍Harus ahli dan berpengalaman dalam media ionteraktif
֍Harus memiliki pemahaman tentang desain antarmuka
֍Memiliki keahlian berkomunikasi
֍Memiliki perhatian lebih detail dan memiliki kemampuan untuk mengkoordinasi informasi dalam jumlah banyak.

Desainer multimedia mampu melihat keseluruhan isi proyek, menciptakan struktur untuk isi, menentukan desain element yang diperlukan untuk mendukung struktur tersebut dan memutuskan media mana yang sesuai untuk mempresentasikan setiap isi.
֍Harus berpengalaman dalam mendesain system informasi besar atau system periklanan
֍Harus berpengalaman dalam menciptakan aliran system dan arsitektur program
֍Harus memiliki keterampilan organisasi yang baik dan perhatian terhadap detail.

Desain antarmuka adalah yang menciptakan perangkat lunak yang mengorganisasi isi multimedia, mengizinkan pengguna untuk mengakses dan memodifikasi isinya dan yan menampilkan isinya pada layar.
֍Harus berpengalaman dalam desain grafis
֍Harus berpengalaman dalam animasi
֍Harus berpengalaman dalam video grafis dan editing

Penulis multimedia menciptakan karakter.
֍Harus familiar dengan desain interaktif dan isu antarmuka pengguna
֍Harus berpengalaman dalam bidang pemasaran dan copywriting
֍memiliki kemampuan untuk bekerja dibawah deadline yang padat

Spesialis video bertanggung jawab untuk keseluruhan untuk proses syuting dan editing.
֍Harus memiliki latar belakang kuat dalam pengarah video, editing dan mempersiapkan video digital.
֍Harus memiliki pemahaman yang baik mengenai pengambilan gambar.
֍Harus berpengalaman bekerja dalam blue screen untuk pembuatan video
Spesialis audio adalah yang membuat program menjadi hidup.
֍Harus memiliki latar belakang kuat dalam teknik rekaman studio.
֍Familier dengan aturan rekaman standar.
֍Harus fasih dengan MIDI.

Programmer multimedia mengintegrasikan semua elemen multimediadari suatu proyek ke dalam bentuk keseluruhan yang menyatu menggunakan system atau bahasa pemrograman.
֍Harus memiliki pengetahuan tentang ActionScript, java, & C/C++
֍Harus bekerja cepat dalam lingkungan tim
֍memiliki pengetahuan tantang HTML5, Flash Dll.