Sabtu, 11 Juni 2016

Desain dan Notasi IMK

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
 
                                

Rabu, 08 Juni 2016

Sistem Penjendelaan




Koding Program HTML Sistem Penjendelaan dengan format 3X2


<Html>

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

<Body>

<Body bgcolor="green">

<table bgcolor="#00FF00" 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>




Koding Program HTML Sistem Penjendelaan dengan format 3X3


<Html>

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

<Body>

<Body bgcolor="green">

<table bgcolor="#00FF00" 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>