DESAIN dan NOTASI IMK (SISTEM INFORMASI PENGOLAH DATA SISWA)

DESAIN dan NOTASI DIALOG

Desain dialog IMK terdiri dari desain:

*Penjendelaan(window)

*Sistem menu

Notasi dialog IMK terdiri dari beberapa jenis diagram diantaranya adalah:

* Diagram,flowchart

*Diagram, entity relationship diagram(ERD)

*Data flow diagram (DFD)

Notasi masing-masing diagram:

*Diagram  flowchart (lihat materi mata kuliah logika algoritma)

*entity relationship diagram(ERD):

 Diagram ini digunakan untuk menggambarkan desain relasi antara tabel didalam basis data simbol ERD:

*Data flow diagram (DFD):

 diagram ini digunakan unutk menggambarkan alur input dan output sistem pemberkayan baik secara tradisional maupun elektronik.

Simbol DFD

Ragam Dialog Antar Muka Berbasis Tunggal dan Alami

 1. Perintah Tunggal

     Comman line untuk aplikasi Command prompt (cmd) pada windows :

     *Mengaktifkan Aplikasi command prompt (cmd)

      1. Aplikasi pencarian pada start ketik cmd

      2. Control pada keyboard (short cut )

      3. Start+all programs

     * Masuk/memanggil direktory/folder

       Call direktory

     * Melihat isi direktory/folder

       Dir

     * Melihat/menampilkan direktori/folder/file berdasarkan nama file

       Dir  *.*

     * Membuat folder baru

       MD atau MKDIR

     * Mengubah nama folder

        Raname atau RE

     * Menghapus file dan folder

       DELETE atau RD

     * Memindahkan file/folder

       Move

     * Menduplikat file/folder

       Copy

2. Perintah alami berbasis tunggal

    Salah satunya adalah basaha sintaks yaitu SQL(Structured Query Languge). SQL adalah bahasa yang digunakan untuk mengolah basis data.

* Perintah membuat Database Baru

  CREATE DATABASE nama database;

* Memilih DATABASE yang digunakan

   USE nama_database;

* Menampilakan seluruh Database yang ada pada server;

  Show database

* Membuat Tabel Baru

  CREATE TABLE nama_tabel("kilom1","kolom2","kolom3","kolom_n");

* Melihat struktur Tabel

  DESC nama_tabel;

          atau

  DESCRIBE nama_tabel;

*Melihat isi table;

 SELECT*From nama_tabel;

* Memasukkan data kedalam tabel

  INSERT INTD nama_tabel(kolom1,kolom_n)

  Valve ("Data1","Data_n");

Contoh cara membuat Command prompt(cmd)

 C:\Users\rani>cd\

 C:\>dir

 C:\>D:

 D:\md berkasku;

 D:\>re berkasku fileku;

 D:\>rd fileku;

 D:\>move berkasku foto;

 D:\>move berkasku E:\foto;

 D:\>E\foto\wisata.jpeg

FAKTOR-FAKTOR IMK

A. Faktor manusia(pengguna)

  Tiga faktor utama sistem komputer yaitu :
    *hardware
    *software
    *brainware
 Ketika membangun IMK, aspek manusia harus terpikirkan dengan matang tidak hanya memikirkan aspek teknis dari sistem komputer saja. Namun bagaimana manusia menangkap data/informasi, bagaimana memproses dan mengolah data yang telah ditangkap.

 Manusia di pandang sebagai sistem pemprosesan informasi :
*Informasi/data ditangkap melalui sistem input-output(indra)
*Informasi disimpan dalam ingatan (memori)
*Informasi diolah dan diaplikasikan dalam berbagi 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 Pengdengaran
*Indra Sentuhan

B. FAKTOR INDRA PENGLIHATAN

 Beberapa hal yang mempengaruhi mata menangkap data/informasi :
1. Luminas(Luminance)
2. Kontras
3. Kecerahan
4. Sudut dan Ketajaman Penglihatan
5. Medan Penglihatan
6. Warna Caspek :
   * Psikologi
   * Perceptual
   * Kongnitif

C. FAKTOR INDRA PENDENGARAN

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
















Ket :
*Iconic : menerima rangsangan penglihatan
*Echoic : menerima rangsangan pengdengaran
*Haptic : menerima rangsangan sentuhan

KONSEP INTERAKSI MANUSIA dan KOMPUTER

•  Bidang ilmu Interaksi manusia dan computer(IMK)

      Adalah bidang ilmu yang mempelajari tentang mendesain mengevaluasi dan Mengimplementasikan system computer interaktif    sehingga dapat digunakan oleh manusi dengan mudah. 

•  Defensi Interaksi

        Interaksi dapat di artikan adalah perilaku atau perbuatan yang di lakukan objek tertentu dengan menjalin hubungan 2arah   dengan objek lainnya.

• Defensi Interaksi Manusia dan Komputer

     Hubungan 2 arah yang dilakukan manusia dan komputer untuk pencapaian tertentu dengan status hubungan dimediasi dialog   yang bersifat timbal balik.

•  Prinsip Kerja Komputer

          Prinsip Kerja Komputer terdiri dari :

     *masukan

     *proses

     *keluaran

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

•  Model dan Jenis Intraksi Manusia dan Komputer

 1. Command line Interface

     Contoh : Unix, Linux, Dos.

 2. Menu

     Contoh : Seluruh menu yang ada pada setiap aplikasi pada komputer.

 3. Natural Language

     Contoh : Bahasa pemograman terstruktur.

 4. Question and Answer and Query Language

     Contoh : Mysal, Dbase, Interaktif, dll.

 5. Form

     Contoh: Excel, Access, Explorer, Lotus, dll.

 6. WIMP

     * Windows Icon Menu Pointer

     * Windows Icon Mouse Pull down menu  

     Contoh : Scrool bar, Text box, Combobox, Listview, Table, Palletes, etc.

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

 1. Ilmu komputer dan teknik eletronik

 2. Psikologi

 3. Perancang grafis dan tipografi

 4. Ergonomik

 5. Antropologi

 6. Liguistik

 7. Sosiologi

• Prinsip utama mendesain antarmuka (interface)

 1.  User Compatibility

 2.  Product Compatibility

 3.  Task Compatibility

 4.  Work Flow Compatibility

 5.  Consistency

 6.  Familiarity and Simplicity

 7.  Direet Manipulation

 8.  Control

 9.  WySIWYG

10. Respon Sivenees

11. Protection

Sistem penjendelaan format desain 3x2 di html Penjendelaan Format Desain 3x2 Di HTML

Gabungan Kolom 1&1 pada Baris 1
Gabungan Kolom 2&2 pada Baris 2
3	baris 3 kolom 3

Sistem penjendelaan format desain 3x2
<html>
<head>
<title>Penjendelaan Format Desain 3X2</title>
</head>
<body>
<td> Penjendelaan Format Desain 3x2 Di HTML </td>
<tr>
</p>
<table border=1 widht=100%>
<tr height=60>
<td colspan="2">Gabungan Kolom 1&amp;1 pada Baris 1</td>
</tr>
<tr>
<tr height=20>
<td colspan="2">Gabungan Kolom 2&amp;2 pada Baris 2</td>
</tr>
<tr>
<tr height=200>
<td widht=30%>3</td>
<td  widht=30%>baris 3 kolom 3</td>
</tr>
<body bgcolor="red blue">
</table>
</body>
</html>

Sistem penjendelaan format desain 3x3
<html>
<head>
<title>Penjendelaan Format Desain 3X3</title>
</head>
<body>
<td> Penjendelaan Format Desain 3x3 Di HTML </td>
<tr>
</p>
<table border=1 widht=100%>
<tr height=40>
<td colspan="3">Baris 1 kolom 1</td>
</tr>
<tr>
<tr height=20>
<td colspan="3">Baris 2 kolom 2</td>
</tr>
<tr>
<tr height=150>
<td widht=30%>3x3</td>
<td  widht=30%>baris 3 kolom 3</td>
<td  widht=30%>3x3</td>
</tr>
<body bgcolor="red blue">
</table>
</body>
</html>

sistem penjelaan html format desain 3x3 setelah

Penjendelaan Format Desain 3x3 Di HTML

Baris 1 kolom 1
Baris 2 kolom 2
3x3	baris 3 kolom 3	3x3