Dari Gambar 2.4 terlihat bahwa manusia memberi isyarat, atau masukan
data kepada sistem pengolah informasi komputer, melalui alat masukan yang tersedia pada sistem komputer misalnya keyboard. Berdasarkan masukan ini,
melalui alat keluarannya misalnya monitor, hasil-hasil pengolahan dari prosesor komputer disajikan kepada manusia. Melalui sensor manusia, seperti penglihatan
mata dan pendengaran telinga, sajian atau masukan-masukan itu kemudian dipantau atau dimonitor untuk selanjutnya diteruskan ke sistem pengolah informasi
manusia perceptual processing, intellectualcognitive processing, dan motor control yang selalu berinteraksi dengan human memory untuk ditafsirkan.
Menurut Linda Tway Tway,1992, terdapat beberapa aspek penting pada perancangan screen tampilan, terutama informasi yang ditampilkan pada screen
teratur. Tampilan yang tidak teratur menyebabkan informasi tidak komunikatif. Perancangan screen harus memperhatikan beberapa hal, yaitu:
Tidak boleh melebihi 3 window pada satu screen.
Kecepatan yang dimiliki oleh tampilan.
Tidak boleh menampilkan banyak teks pada satu screen.
Tampilan dari awal hingga akhir harus konsisten.
Tombol diletakkan sedemikian rupa, sehingga user mudah memahami
isi dari tampilan secara keseluruhan
2.31. Flowchart
Menurut Pressman 2002: 535, Komputer membutuhkan hal-hal yang terperinci , maka bahasa pemrograman bukan merupakan alat yang boleh dikatakan
baik untuk merancang sebuah algoritma awal. Alat yang banyak dipakai untuk
membuat algoritma adalah diagram alur. Diagram alur dapat menunjukkan secara jelas arus pengendalian algoritma, yakni bagaimana rangkaian pelaksanaan
kegiatan. Suatu diagram alur memberikan gambaran dua dimensi berupa simbol- simbol grafis.
Masing-masing simbol telah ditetapkan terlebih dahulu fungsi dan artinya. Simbol-simbol tersebut dipakai untuk menunjukkan berbagai kegiatan operasi dan
jalur pengendalian.
NAMA SIMBOL
FUNGSI Terminator
Permulaanakhir program
Garis alir flow line Arah aliran program
Preparation
Proses inisialisasipemberian
harga awal
Proses
Proses perhitunganproses
pengolahan data
Inputoutput data
Proses inputoutput
data, parameter, informasi
Predefined process
sub program
Permulaan sub programproses menjalankan sub program
Decision
Perbandingan pernyataan,
penyeleksian data
yang memberikan
pilihan untuk
langkah selanjutnya
Tabel 2.1 Simbol-simbol flowchart
2.32. STD State Transition Diagram
Menurut Pressman 2002 : 373
State Transition Diagram STD adalah salah satu model yang memberikan gambaran bagaimana sistem bekerja. Cara kerja
sistem ini dibagi menjadi tiga, yaitu pasif dan aktif. 1.
Keadaan Sistem Setiap kotak mewakili suatu keadaan dimana sistem mungkin
berada didalamnya. State disimbolkan dengan simbol segi empat. Simbol State :
On page connector
Penghubung bagian-bagian
flowchart yang berada pada satu halaman
Off page connector
Penghubung bagian-bagian
flowchart yang berada pada halaman berbeda
Document
Input berasal dari dokumen dalam bentuk kertas atau output
dicetak di kertas.
Display
Simbol visual display unit atau cathode ray tube sebagai input
atau output
Gambar 2.5 Simbol State
2. Perubahan Sistem
Untuk menghubungkan satu keadaan dengan keadaan lain. Ini digunakan jika sistem memiliki transisi dalam perilakunya, maka hanya
suatu keadaan dapat berubah menjadi keadaan tertentu. Simbol Transition State:
Gambar 2.6 Simbol Transition State
3. Kondisi dan Aksi
Untuk melengkapi STD, dibutuhkan dua hal tambahan: Kondisi sebelum keadaan berubah dan aksi dari pemakai untuk mengubah
keadaan. Dibawah ini adalah ilustrasi dari kondisi dan aksi yang ditampilkan disebelah anak panah yang menghubungkan dua keadaan.
Gambar 2.7 Simbol Kondisi dan Aksi
2.32. Struktur Navigasi