Ryan Blogspot

MEMBUAT DESIGN ATAU TAMPILAN WEBSITE SEDERHANA

Tugas kali ini kita akan membuat tampilan website sederhana atau tamplate pemula bagi semua web design lansung saja kita ulas semua disini ..
Perhatikan Desain dibawa ini yang akan kita buat

1. ini adalah contoh desain dasar yang menggunakan 3 baris 2 kolom

dan langsung saja anda praktekan di laptop ada . yang pertama anda buka
 text editor anda , dan text editor itu bisa berupa Notepad , Notepade 
++ ,
 Berikut Coding Yang harus anda ketikan :

<html>
<head>
    <title>3 baris 2 kolom</title>
</head>
<body>
<table align="center" border="1">
    <tr>
        <td bgcolor="olive" colspan="2" width="900" height="90"></td>
    </tr>
    <tr>
        <td bgcolor="purple" colspan="2" width="900" height="40"></td>
    </tr>
    <tr>
        <td bgcolor="#ADD8E6" height="500" width="400"></td>
        <td bgcolor="silver" height="500" width="400"></td>
    </tr>
</table>
</body>
</html>

Interaksi manusia dan komputer

Silabus IMK

1.Dasar-dasar IMK
2.Faktor-faktor IMK

3.Ragam dialog

4.Prinsip dasar desain IMK

5.Desain dan notasi dialog

6.Model-model pengguna

7.Teknik evaluasi IMK

Konsep Interaksi Manusia dan Komputer

Bidang ilmu interaksi manusia dan computer(IMK) adalah bidang ilmu yang mempelajari tentang mendesain,mengevaluasi,dan mengimplementasikan sistem computer interaktif sehingga dapat digunakan oleh manusia dengan mudah.

Definisi Interaksi
-Interaksi dapat diartikan adalah perilaku atau perbuatan yang dilakukan objek tertentu dengan menjalin hubungan dua arah dengan objek lainnya.

Definisi Interaksi Manusia dan Komputer
-Hubungan dua arah yang dilakukan manusia dan computer untuk pencapaian tertentu dengan status hubungan dimediasi dengan dialog yang bersifat timbal balik.

Prinsip Kerja Komputer
Prinsip kerja computer terdiri dari :
Masukkan à ProsesàKeluaran

Masukkan dilakukan oleh manusia lewat perangkat masukkan berupa huruf dan angka yang kemudian diolah computer dengan hasil keluaran sesuai dengan keinginan manusia.

Model dan Jenis Interaksi Manusia dan Komputer

1.Command Line Interface
contoh : Unix,Linux,Dos

2.Menu
contoh: Seluruh menu yang ada pada setiap aplikasi pada computer

3.Natural Language
contoh: Bahasa pemograman terstruktur

4.Quation and Answer and Query Language
contoh: Mysal,dbase,Interaktif,dll

5.Form
contoh: Excel,Acces,Explorer,Lotus,dll

6.Wimp
-Windows icon menu pointer pulldown
-Windows icon mouse menu

Untuk membuat desain interface,disiplin ilmu dasar yang kita miliki adalah :

1.Ilmu computer dan teknik elektronik
2.Psikologi
3.Perancangan grafis dan tipografi
4.Ergononik
5.Antropologi
6.Sosiologi

Prinsip utama mendesain antarmuka (Interface)

1.User Compatibility
2.Produk Compatibility
3.Task Compatibility
4.Work Flow Compatibility
5.Consistency
6.Familiarity and Simplicity
7.Direct Manipulation
8.Control
9.WYSIWYG
10.Responsivenees
11.Protection

Faktor-faktor IMK

Faktor Manusia (Pengguna)

Tiga faktor utama sistem computer yaitu hardware,software,dan brainware.
Ketika menggunakan IMK aspek manusia harus terpikirkan dengan matang tidak hanya memikirkan aspek teknis dari sistem komputerv saja. Namun bagaimana manusia menanggap data/informasi,bagaimana memproses dan mengolah data yang telah ditangkap.

Manusia dipandang sebagai sistem pemrosesan informasi
-Informasi/data ditangkap melalui sistem input-output(Indra)
-Informasi disimpan dalam ingatan(memori)
-Informasi diolah dan diaplikasikan dalam berbagai cara

Kapasitas manusia dalam mengolah data/informasi memiliki reaksi yang berbeda-beda satu dengan yang lainnya,maka faktor inilah yang harus diperhatikan dalam merancang interface.

Saluran Input dan output

Indra yang berhubungan dengan IMK adalah:

-Indra Penglihatan
-Indra Pendengaran
-Indra sentuhan

Faktor Indra Penglihatan

Beberapa hal yang mempengaruhi mata menangkap data/informasi
1.Luminans(Luminance)
2.Kontras
3.Kecerahan
4.Sudut dan ketajaman penglihatan
5.Warna

Faktor Indra Pendengaran

~Suara adalah salah satu elemen untuk penyebaran informasi yang secara lengkap lewat proses pendengaran.
~Manusia mampu mendengar lewat getaran dan gelombang yang dimediasi oleh udara
~Batas pendeteksian suara oleh manusia : 20hertz sampai dengan 20kilo hertz

Faktor Indra Sentuhan
-Kulit adalah indra yang dimiliki manusia yang berfungsi untuk mengenali lingkungan dari sentuhan.
-Sentuhan dikaitkan dalam bentuk media input maupun output
-Feedback sentuhan tidak dijadikan sebagai perangkat pendukung

Memori Manusia
Digunakan sebagai tempat penyimpanan informasi dan dapat disajikan dalam bentuk ingatan

3 Jenis/Fungsi memori
1.Tempat penyaringan(sensor)
2.Tempat memproses ingatan(Memori Jangka Pendek)
3.Tempat memproses Ingatan(Memori jangka panjang)

Memori Jangka Pendek

Sensor Memori
-Iconic
-Echonic
-Haptic

Siklus

Memori Jangka Panjang

Keterangan:

Iconic : Menerima rangsangan penglihatan
Echonic : Menerima rangsangan pendengaran
Haptic : Menerima rangsangan sentuhan

Ragam Dialog Antar Muka Berbasis Tunggal dan Alami

1.Perintah tunggal
Comman line untuk aplikasi comman prompt (Cind) pada windows

a.Mengaktifkan aplikasi comman prompt (cind)
1.Tombol pencarian
2.Start+All program pilih accessories lalu pilih CMD
3.Short cut(Control keyboard)

b.Memanggil/masuk kedalam director (cd atau CD)
c.Melihat isi folder/director (DIR)
d.Menampilkan file berdasarkan tipe dan nama file
e.membuat folder baru (MD)
f.Mengubah nama folder
g.Menghapus file dan folder (DEL atau RD)
h.memindahkan file/folder
i.Menduplikat file/folder (Copy)

2.Perintah Tunggal Bahasa Alami

SQL singkatan dari structured Query Language adalah bahasa pemograman untuk mengolah basis data
a.Perintah membuat database baru CREATE DATABASE name database
b.Memilih database yang digunakan USE nama_database;
c.Menampilkan seluruh database yang ada pada server show database
d.Membuat table baru CREATE TABLE nama_tabel(“kolom 1”,”kolom 2”,”kolom 3”,”kolom_n”);
e.Melihat struktur table DESC name_tabel; atau DESCRIBE nama_tabel;
f.Melihat isi tabel SELECT FROM nama_tabel;
g.Memasukkan data kedalam tabel (kolom 1,kolom_n) VALUE (“Data1”,”data_n”);

Ragam Dialog

Dialog berbasis form(barang)
Jenis ragam dialog ini sering digunakan manusia pada saat berinteraksi dengan computer,seperti pada saat menampilkan data,memasukkan data dan memproses data

Form/barang yang berbasis grafis memiliki beberapa komponen antara lain:

1.Label : berfungsi untuk memberikan keterangan terhadap beberapa komponen yang ada pada form.

2.Textbox : komponen ini bias berfungsi sebagai tempat memasukkan data atau menampilkan data.

3.Combobox : komponen ini berfungsi untuk menampilkan data tunggal dari banyak pilihan data yang ada.

4.Listbox : komponen ini digunakan untuk menampilkan sejumlah pilihan yang tersedia yang ada dipilih pengguna.

5.Spinbox : Komponen ini digunakan untuk menampilkan data bertipe numeric dengan menambahkan dan mengurangi nilai tertentu.

6.Checkbox : Komponen ini digunakan untuk jenis data pilihan yang dapat diplih lebih dari satu jenis data.

7.Radio button : komponen ini digunakan untuk jenis data pilihan yang hanya dapat dipilih satu jenis data saja.

8.ScrollBar : komponen ini digunakan untuk menggeser tampilan form atau data,baik secara vertical maupun horizontal

9.Button : komponen ini berfungsi untuk melaksanakan beberapa perintah proses ataupun satu proses saja.

Rancangan Desain Komponen GUI

Penggeser Datar

Spin Box Combo Box

Senin
Selasa
Rabu
Kamis
Jumat
Sabtu
Minggu

List Box Text Box

Pilih 1

Pilih 2

Pilih 3

Radio Buttor

Check Box Button

Pilihan 1 Pilihan 3

Pilihan 2 Pilihan 4

Keluar

Batal

Simpan

Ryan Blogspot

This is default featured slide 1 title

This is default featured slide 2 title

This is default featured slide 3 title

This is default featured slide 4 title

This is default featured slide 5 title

Jumat, 10 Juni 2016

DESAIN DAN NOTASI IMK

TUGAS IMK

DESAIN DAN NOTASI DIALOG

Kamis, 02 Juni 2016

Imk

Arsip Blog

Mengenai Saya

Blog Archive

BTemplates.com

Blogroll

About