Tata Letak Menu & Formulir Isian
Pergerakan Cepat pada Menu
Menu dengan typeahead
Nama menu atau bookmarks
Menu macros
Menu dengan Typeahead
Penting jika menu sudah sering digunakan sementara waktu respons atau
kecepatan tampil lambat.
Pendekatan
BLT
(
Bacon, Lettuce, Tomato
Sandwich): pembentukan
mnemonik dari penggabungan huruf-huruf pilihan menu.
Nama Menu atau Bookmarks
Penamaan sederhana memudahkan pemakai mengakses menu secara
langsung.
Web browser menyediakan
bookmarks
atau
favorites
sebagai jalan pintas bagi
pemakai untuk menuju situs yang pernah dikunjungi.
Menu Macros
Perintah yang sering digunakan dapat direkam dan disimpan sebagai makro.
Pada beberapa software, makro dapat ditempatkan di
toolbar
sebagai ikon.
Tata Letak Menu
Judul
Penamaan pilihan menu
Tata letak dan desain grafis
Tata Letak Menu: Judul
Menu tunggal: Judul yang deskriptif.
Menu tree: Nama pilihan harus sama dengan judul halaman yang dipanggil.
Tata Letak Menu: Penamaan Pilihan Menu
Gunakan peristilahan yang dikenal dan konsisten.
Pastikan item dapat dibedakan dari pilihan lain.
Gunakan pemilihan kata yang konsisten dan singkat.
Tempatkan kata kunci di kiri.
Perhatikan kendala seperti lebar dan tinggi layar, kecepatan tampil,
character
set
, dan
highlighting
.
Buat pedoman/panduan untuk komponen-komponen: judul, penempatan item,
petunjuk, pesan kesalahan, dan laporan status.
Formulir Isian
Formulir isian
cocok dipakai jika banyak field data dibutuhkan.
Pendekatan formulir isian menarik karena:
Kelengkapan penuh informasi terlihat.
Seperti formulir kertas.
Sedikit petunjuk diperlukan.
Pedoman Perancangan Formulir Isian
Judul yang berarti.
Instruksi yang dapat dipahami.
Pengelompokan dan pengurutan field yang logis.
Tata letak yang menarik secara fisual.
Label field yang dikenal.
Ruang kosong dan batas field yang perlu diisi harus jelas terlihat.
Pergerakan kursor yang leluasa.
Koreksi kesalahan untuk karakter dan field dengan melakukan validasi data di
dalam program
Pencegahan kesalahan.
Pesan kesalahan untuk nilai yang tak dapat diterima.
Field optional jelas ditandai, atau sebaliknya field yang wajib diisi ditandai.
Pesan penjelasan bagi field jika perlu.
Tanda selesai. Hindari penyelesaian automatis.
Beberapa Variasi Isian Field
Combo box
: kombinasi list box dan text box.
Coded fields
: mempunyai
mask
untuk format isian khusus. Mis.:
Telepon – (___)___-_____
Social Security Number – ___-__-____
Waktu – __:__ __
Tanggal – __/__/____
PERANCANGAN SPESIFIKASI PROGRAM
TUJUAN PERANCANGAN PROGRAM
MERANCANG SPESIFIKASI PERANGKAT LUNAK ATAU SOFTWARE UNTUK MEMBANTU PROSES PENGOLAHAN DATA DI DALAM SISTEM YANG AKAN DIUSULKAN
SASARAN PERANCANGAN PROGRAM
1.Membuat solusi dari pemecahan kasus atau masalah yang timbul
2.Meningkatkan kualitas & performance dari kinerja kerja
3.Membantu proses pengambilan keputusan
JENIS-JENIS BAHASA PEMROGRAMAN
1. BASIC, RPG, COBOL, FORTRAN
2. COLDFUSION, Makro Programming
3. FOXPRO, PASCAL, DELPHI
4. VISUAL C, VISUAL FOXPRO, VISUAL BASIC
5. JAVA 2ME, JAVA 2EE
6. VB.Net, ASP.Net, C#.Net
7. PHP, ASP, C++, C#
KARAKTERISTIK PROGRAM KOMPUTER YANG TERSTRUKTUR
1.Menggunakan bahasa pemrograman yang berkualitas atau bahasa pemrograman tingkat tinggi
2.Memiliki portabilitas yang fleksibel
3.Menggunakan struktur organisasi data yang benar
4.Format penulisan program yang benar & proporsional
5.Membuat dokumentasi program
TEKNIK PEMROGRAMAN
1. PEMROGRAMAN MODULAR
BENTUK ERROR PROGRAM
Bentuk-bentuk kesalahan program (ERROR MASSAGE) yang sering terjadi pada saat membuat coding program yaitu :
1.SYNTAX ERROR
bentuk kesalahan program yang disebabkan karena kesalahan dalam penulisan instruksi / syntax bahasa pemrograman. (prin, whil, begim)
2.RUN TIME ERROR
bentuk kesalahan program yang disebabkan karena adanya proses aritmatik yang ILLEGAL atau tidak bisa diproses. (akar-minus, 0/3)
3.LOGIC ERROR
bentuk kesalahan program yang disebabkan karena HUMAN ERROR (eksekusi program muncul, tapi hasil/outputnya salah)
BENTUK APLIKASI PROGRAMMING
SCIENTIFIC ORIENTED PROGRAM
Merupakan aplikasi program komputer yang berorientasi kepada masalah science. Contoh.
- aplikasi program komputer di bidang MATEMATIKA (CALISTUNG) - aplikasi program komputer di bidang STATISTIK (SPSS)
BUSINESS ORIENTED PROGRAM
Merupakan aplikasi program komputer yang berorientasi kepada masalah bisnis & pelaporan.
Contoh.
- aplikasi program komputer di bidang AKUNTANSI (MYOB)
- aplikasi program komputer di bidang PERBANKAN (e-banking)
KARAKTERISTIK PROGRAMMER
Beberapa KARAKTERISTIK Programmer yang akan mempengaruhi baik tidaknya suatu coding program yang dibuatnya, adalah :
1.Memiliki pola pikir yang logis
2.Memiliki ketekunan & ketelitian yang tinggi
3.Memiliki penguasaan bahasa pemrograman yang baik & terampil
4.Memiliki pengetahuan tentang teknik pemrograman yang cukup memadai
SIFAT PENULISAN PROGRAM
Penulisan program yang struktur programnya selalu berubah, apabila kondisi data yang diproses di dalam program tersebut bertambah volume datanya.
Selain itu pula penulisan program ini bersifat STATIS & Tidak Fleksibel.
Contohnya : PROGRAM ANIMASI
DATA ORIENTED
Penulisan program yang struktur programnya tidak selalu berubah, walaupun volume data yang diproses di dalam program tersebut dalam jumlah yang besar.
Selain itu pula penulisan program ini bersifat DINAMIS & mempunyai tingkat Fleksibilitas yang tinggi.
Contohnya : PROGRAM APLIKASI
LANGKAH-2 DALAM MERANCANG PROGRAM
1.Menentukan banyaknya, jumlah kebutuhan PROGRAM yang akan dibuat dan diperlukan oleh SISTEM BARU
2.Menentukan PARAMETER dari PROGRAM yang dibuat
Setiap program yang dibuat harus ditentukan PARAMETER dari PROGRAM tersebut, yaitu sbb :
a. Menentukan NAMA PROGRAM, AKRONIM PROGRAM, b. Menentukan KODE PROGRAM, FUNGSI PROGRAM
Disain Kotak Dialog
Kotak Dialog
Kotak dialog
adalah kombinasi teknik menu dan formulir isian yang banyak
digunakan di GUI modern.
Perlu diperhatikan:
Tata letak internal kotak dialog
Hubungan eksternal kotak dialog
Pedoman Tata Letak Internal Kotak Dialog
Judul berarti, gaya konsisten.
Pengurutan dari atas kiri ke bawah kanan.
Pengelompokan dan penegasan.
Tata letak yang konsisten.
Peristilahan, font, penggunaan huruf besar, justifikasi yang konsisten.
Tombol standar (OK, Cancel).
Pencegahan kesalahan.
Pedoman Hubungan Eksternal Kotak Dialog
Penampilan dan penutupan halus.
Dapat dibedakan tapi batasnya kecil.
Ukuran cukup kecil (minimalkan overlap).
Dekat dengan item yang sesuai.
Tidak menghalangi item yang harus dilihat.
Mudah ditutup (dibuat menghilang).
PERANCANGAN SPESIFIKASI PROGRAM (2)
HASIL AKHIR PERANCANGAN PROGRAM
SUATU BENTUK REKAYASA PERANGKAT LUNAK ATAU SOFTWARE PROGRAM APLIKASI YANG DAPAT MEMBANTU SERTA MENDUKUNG
FUNGSI OPERASI DARI SISTEM YANG AKAN DIRANCANG DAN DIUSULKAN
MEKANISME PERANCANGAN PROGRAM
1.Mendefinisikan masalah 2.Membuat flowchart
3.Membuat coding atau script program 4.Melakukan test program
5.Membuat dokumentasi program
STRUKTUR FLOWCHART
1.FLOWCHART
Simbol-simbol yang digunakan untuk menggambarkan urutan proses yang terjadi di dalam program komputer secara LOGIS dan SISTEMATIS
2.JENIS FLOWCHART
flowchart yang sering digunakan di dalam teknik proses pembuatan program aplikasi adalah PROGRAM FLOWCHART dan SYSTEM FLOWCHART
PROGRAM FLOWCHART
Simbol-simbol yang menggambarkan urutan proses secara detail antara instruksi yang satu dengan instruksi yang lainnya di dalam suatu proses program komputer (bersifat LOGIK)
SYSTEM FLOWCHART
Simbol-simbol yang menggambarkan urutan proses secara detail di dalam suatu sistem komputerisasi (bersifat FISIK)
TEKNIK PEMBUATAN FLOWCHART
Teknik Pembuatan PROGRAM FLOWCHART dibagi menjadi 2 cara : 1.GENERAL WAY
Teknik pembuatan flowchart yang lazim digunakan di dalam penyusunan logika suatu program, yang menggunakan proses pengulangan secara tidak langsung (NON
DIRECT LOOP). 2.INTERATION WAY
Teknik pembuatan flowchart dengan cara ini, biasanya dipakai untuk logika program yang cepat serta bentuk permasalahan yang komplek, dimana pengulangan proses yang terjadi bersifat langsung (DIRECT LOOP).
CONTOH APLIKASI PROGRAM FLOWCHART
GENERAL WAY &INTERATION WAY
Scientific Oriented Program
BUATLAH FLOWCHART UNTUK DERET BILANGAN BULAT POSITIP DIBAWAH INI :
2.1*3*5*7*9 = ? 3.2*4*6*8*10 = ?
4.100-99-98-97-96-95…1 = ? 5.1+3+7+15+31 = ?
6.1+2+4+7+11 = ? 7.1*2*3*4*5…100 = ? 8.80-70-60-50-40…10 = ? 9.(1*2)+(3*4)+(5*6)…100 = ?
Business Oriented Program
Suatu kelas jumlah mahasiswanya sebanyak 75 orang. Suatu hari diberikan ujian untuk mata kuliah KALKULUS kepada 75 mahasiswa tersebut. Dimana setiap nilai mahasiswa tersebut dimasukkan ke dalam suatu file [ 1 nilai = 1 record ]. Buatlah ALGORITMA dalam bentuk FLOWCHART untuk menentukkan :
1.Berapa nilai rata-rata kelas tersebut ?
