Minggu, 12 Juni 2016

Desain Dan Notasi Interaksi Manusia Dan Komputer

Desain Dan Notasi Interaksi Manusia dan Komputer

 

Contoh Kasus : " Sistem Informasi Pengolahan Data  Nilai Siswa "

Gambar Desain Halaman Utama Sistem :







Gambar Notasi Flowchart berdasarkan Desain Halaman Utama Sistem :
  • Menu Utama 








  • Menu File Input
  • Menu Proses






















  • Menu Report
Desain Form Input Data Siswa 



















Notasi Form Input Data Siswa

Desain Dan Notasi Dialog

DESAIN DAN NOTASI DIALOG
 
 
Desain Dialog IMK Terdiri Dari Desain :
 
1*      Penjendelaan (windows)
2*      Sistem menu
 
Notasi Dialog IMK Terdiri Beberapa Jenis Diagram Diantaranya adalah:
 
1*   Diagram, Flowchart
2*     Diagram, Entity Relationship Diagram (ERD)
3*     Data Flow diagram ( DFD )
 
Notasi masing-masing 3 diagram :

1*      Diagram flowchart
2*      Entity relationship diagram ini digunakan untuk mengambarkan desain relasi antara tabel didalam basis data
3.      Data flow diagram (DFD) Diagram ini digunakan untuk mengambarkan alur imput dan output sistem pemberkasan baik secara tradisional maupun elektronik
 
                                

Jumat, 10 Juni 2016

                                                        RAGAM  DIALOG
     Dialog Berbasis Form ( Barang )
        Jenis ragam dialog ini sering digunakan manusia pada saat berinteraksi dengan komputer , seperti pada saat menampilkan data , memasukkan data , dan memproses data .

Form atau Baris yang berbasis grafis memiliki beberapa komponen , antara lain :
  * Label
        Label berfungsi untuk memberikan keterangan terhadap beberapa komponen yang ada pada form.
 
  * Textbox
        Komponen ini bisa berfungsi sebagai tempat masukkan data atau menampilkan data.
 
  * Combo box
        Komponen ini berfungsi untuk menampilkan data tunggal dari banyak pilihan yang ada.
 
  *List Box
        Komponen ini berfungsi untuk menampilkan sejumlah pilihan yang tersedia yang dapat dipilih oleh     pengguna.
 
  *Spin Box
         Komponen ini digunakan untuk menampilkan data bertipe numeric dengan meambahkan dan mengurangkan nilai tertentu.
 
  *Check Box
         Komponen ini digunakan untuk jenis data pilihan yang dapat dipilh lebih dari satu jenis data.
 
  * Radio Button
         Komponen ini digunakan untuk jenis data pilihan yang hanya dapat pilihan yang hanya dapat dipilih satu jenis data.
 
  * Scrollbar
         Komponen ini digunakan untuk menggeser tampilan form atau data , baik secara vertikal maupun horizontal.
 
  * Button
         Komponen ini berfungsi untuk melaksanakan beberapa perintah proses ataupun satu proses saja.
 
 
 
 
                                      Terimakasih atas kunjungannya semoga bermanfaat (:
                             jangan lupa comment dan like (:

Sistem Penjendelaan


  <Html>

<Head><Title>Bentuk Desain Penjendelaan</Title>

<Body>

<Body bgcolor="purple">

<table bgcolor="pink" width="70%" height="95%" border="2"align="center">

<tr align="center">

<td colspan="3" height="20%"></td>

</tr>

<tr align="center">

<td colspan="3" height="10%"></td>

</tr>

<tr>

<td width="20%"></td>

<td></td>

<td width="20%"></td>

</tr>

</Table>

</Body>

</Head>

</Html>









 <Html>

<Head><Title>Bentuk Desain Penjendelaan</Title>

<Body>

<Body bgcolor="purple">

<table bgcolor="pink" width="40%" height="95%" border="2"align="center">

<tr align="center">

<td colspan="2" height="20%"></td>

</tr>

<tr align="center">

<td colspan="2" height="15%"></td>

</tr>

<tr>

<td width="25%"></td>

<td></td>

</tr>

</Table>

</Body>

</Head>

</Html>






                                        Terimakasih atas kunjungannya semoga bermanfaat (:                        
                                                         jangan lupa comment dan like (: