Gambar 4.15. Besaran – besaran Dalam Setiap Tahap Proses
Konversi dari Teks ke Ucapan dimodifikasi dari Pelton, 1992
4.2.4 Flowchart Algoritma Program Kalkulator Audio Visual
Pada tahapan ini akan digambarkan alur proses inputoutput program aplikasi kalkulator audio visual yang penulis kembangkan
dengan menggunakan flowchart. Seperti terlihat paga Gambar 4.16, Gambar 4.17, dan Gambar 4.18.
START
Input Agka-angka
1
2
3
4
5
6
7
8
9 Angka 1 akan ditampilkan di layar display
Angka 2 akan ditampilkan di layar display
Angka 0 akan ditampilkan di layar display Angka 9 akan ditampilkan di layar display
Angka 3 akan ditampilkan di layar display
Angka 4 akan ditampilkan di layar display
Angka 5 akan ditampilkan di layar display
Angka 6 akan ditampilkan di layar display
Angka 7 akan ditampilkan di layar display
Angka 8 akan ditampilkan di layar display
A FINISH
Tidak
Tidak
Tidak
Tidak
Tidak
Tidak
Tidak
Tidak
Tidak Ya
Ya
Ya
Ya
Ya
Ya
Ya
Ya
Ya
Ya
B
Hasil perhitungan akan di tampilkan di
layar Display
Gambar 4.16. Flowchart Program Kalkulator.
Gambar 4.17. Flowchart Program Kalkulator Lanjutan 1 A
Input Operator
+
-
x Angka input sebelumnya akan ditambah
dengan input angka berikutnya. Tidak
Tidak
Tidak Ya
Ya
Ya
Ya Angka input sebelumnya akan dikurang
dengan input angka berikutnya.
Angka input sebelumnya akan dikali dengan input angka berikutnya.
Angka input sebelumnya akan dibagi dengan input angka berikutnya.
B
Input Agka-angka
1
2
3
4
5
6
7
8
9 Angka 1 akan ditampilkan di layar display
Angka 2 akan ditampilkan di layar display
Angka 0 akan ditampilkan di layar display Angka 9 akan ditampilkan di layar display
Angka 3 akan ditampilkan di layar display
Angka 4 akan ditampilkan di layar display
Angka 5 akan ditampilkan di layar display
Angka 6 akan ditampilkan di layar display
Angka 7 akan ditampilkan di layar display
Angka 8 akan ditampilkan di layar display
FINISH Tidak
Tidak
Tidak
Tidak
Tidak
Tidak
Tidak
Tidak
Tidak Ya
Ya
Ya
Ya
Ya
Ya
Ya
Ya
Ya
Ya
Angka ke1, 2,3, … Operator
Angka ke 1,2,3,… = hasil
B
Gambar 4.18. Flowchart Program Kalkulator Lanjutan 2 4.2.5 Perancangaan Antarmuka
1. Form Intro
Form intro berfungsi menampilkan nama aplikasi, loding proses dan menampilkan menu utama program aplikasi kalkulator audio visual
secara otomatis. Rancangan form intro terlihat paga Gambar 4.19 sebagai berikut :
STD State Transition Diagram rancangan Form Intro tersebut digambarkan pada Gambar 4.20 sebagai berikut:
Gambar 4.20. Rancangan STD Form Intro.
2. Form Menu Utama
Form Menu Utama merupakan tampilan utama pada program Kalkuator Audio Visual pada form ini terdapat 5 tombol utama yang
masing-masing mempuyai fungsi sebagai berikut : Gambar 4.19 Rancangan Form intro
Kalkulator Audio Visual
copyright ©2006-2007
Loading…
Universitas Islam Negeri Syarif Hidayatullah
Created by: Junaedih
Loading… Form Intro
Form Menu Utama
• Tombol Layanan Bahasa Inggris : mempunyai fungsi untuk menampilkan Form Kalkulator Berbahasa Inggris.
• Tombol Layanan Bahasa Indonesia : mempunyai fungsi untuk menampilkan Form Kalkulator Berbahasa Indonesia.
• Tombol Info : mempunyai fungsi untuk menampilkan Form Info
• Tombol Bantuan : mempunyai fungsi untuk menampilkan Form Help
• Tombol Keluar : mempunyai fungsi untuk keluar dari Form Menu Utama
Untuk memperjelas rancangan Form Menu Utama dapat dilihat pada Gambar 4.21
STD State Transition Diagram rancangan Form menu utama tersebut digambarkan pada Gambar 4.22 sebagai berikut:
Gambar 4.21 Rancangan Form Menu Utama.
Bahasa Inggris Bahasa
I d i
Informasi Bantuan
Keluar
GAMBAR
Form Menu Utama
Kalkulator Audio
Visual Intro
Keluar Form Kalkulator
Berbahasa Inggris
Form Bantuan Form Informasi
Keluar_klik Informasi_klik
Kembali_klik
Kembali_klik Bantuan_klik
Proses
Input angka Input angka
Input Opeartor
Hasil
Form Kalkulator Berbahasa Inggris
Input angka Input angka
Input Opeartor Kembali_klik
Kembali_klik Bahasa Inggris_klik
Bahasa Indonesia_klik
Gambar 4.22. Rancangan STD Form Menu Utama 3.
Rancangan Form Kalkulator Berbahasa Inggris Gambar 4.23 Form Kalkulator Berbahasa Inggris mempunyai fungsi untuk
menginput angka – angka dan operasi yang di inginkan dipilih oleh user, dengan layanan bahasa inggris.
Form Enkripsi ini dilengkapi dengan 18 tombol yang mempunyai fungsi sebagai berikut:
• Tombol Angka “1”: mempunyai fungsi untuk menginput angka 1 di layar display.
• Tombol Angka “2”: mempunyai fungsi untuk menginput angka 2 di layar display.
• Tombol Angka “3”: mempunyai fungsi untuk menginput angka 3 di layar display.
• Tombol Angka “4”: mempunyai fungsi untuk menginput angka 4 di layar display.
• Tombol Angka “5”: mempunyai fungsi untuk menginput angka 5 di layar display.
• Tombol Angka “6”: mempunyai fungsi untuk menginput angka 6 di layar display.
• Tombol Angka “7”: mempunyai fungsi untuk menginput angka 7 di layar display.
• Tombol Angka “8”: mempunyai fungsi untuk menginput angka 8 di layar display.
• Tombol Angka “9”: mempunyai fungsi untuk menginput angka 4 di layar display.
• Tombol Angka “0”: mempunyai fungsi untuk menginput angka 0 di layar display.
• Tombol Koma “.”: mempunyai fungsi untuk menginput text koma “.” di layar display.
• Tombol Operator Tambah “+”: mempunyai fungsi untuk menjumlahkan angka sebelumnya dengan angka yang akan
dimasukan di layar display. • Tombol Operator Kurang “-”: mempunyai fungsi untuk
mengurangkan angka sebelumnya dengan angka yang akan dimasukan di layar display.
• Tombol Operator Kali “x”: mempunyai fungsi untuk mengalikan angka sebelumnya dengan angka yang akan
dimasukan di layar display.
• Tombol Operator Bagi “”: mempunyai fungsi untuk membagi angka sebelumnya dengan angka yang akan
dimasukan di layar display. • Tombol Sama dengan “=”: mempunyai fungsi untuk
menampilkan hasil proses perhitungan di layar display. • Tombol Hapus “C”: mempunyai fungsi untuk menghapus
angka-angka yang berada di layar display. • Tombol Hapus “CE”: mempunyai fungsi untuk menghapus
angka-angka yang berada di layar display dan registry.
Untuk memperjelas rancangan Form Enkripsi dapat dilihat pada gambar 4.23.
STD State Transition Diagram rancangan Form Kalkulator Berbahasa Indonesia tersebut terlihat pada Gambar 4.24 sebagai
berikut: Gambar 4.23 Rancangan Form Kalkulator berbahasa Inggris
Bahasa Inggris
7 8
9 +
4 5
6 -
1 2
3 x
+- .
CE C
Form Kalkulator berbahasa Inggris Proses
Form Menu Utama Bahasa Indonesia_Klik
Kembali_Klik Input Angka
Input Angka
Hasil Input Operator
Gambar 4.24 Rancangan STD Form Kalkulator berbahasa Inggris.
4. Rancangan Form Kalkulator Berbahasa Indonesia
Form Kalkulator Berbahasa Indonesia mempunyai fungsi untuk menginput angka – angka dan operasi yang di inginkan dipilih
oleh user, dengan layanan bahasa inggris. Form Enkripsi ini dilengkapi dengan 18 tombol yang mempunyai
fungsi sebagai berikut: • Tombol Angka “1”: mempunyai fungsi untuk menginput
angka 1 di layar display. • Tombol Angka “2”: mempunyai fungsi untuk menginput
angka 2 di layar display. • Tombol Angka “3”: mempunyai fungsi untuk menginput
angka 3 di layar display. • Tombol Angka “4”: mempunyai fungsi untuk menginput
angka 4 di layar display. • Tombol Angka “5”: mempunyai fungsi untuk menginput
angka 5 di layar display. • Tombol Angka “6”: mempunyai fungsi untuk menginput
angka 6 di layar display. • Tombol Angka “7”: mempunyai fungsi untuk menginput
angka 7 di layar display.
• Tombol Angka “8”: mempunyai fungsi untuk menginput angka 8 di layar display.
• Tombol Angka “9”: mempunyai fungsi untuk menginput angka 4 di layar display.
• Tombol Angka “0”: mempunyai fungsi untuk menginput angka 0 di layar display.
• Tombol Koma “.”: mempunyai fungsi untuk menginput text koma “.” di layar display.
• Tombol Operator Tambah “+”: mempunyai fungsi untuk menjumlahkan angka sebelumnya dengan angka yang akan
dimasukan di layar display. • Tombol Operator Kurang “-”: mempunyai fungsi untuk
mengurangkan angka sebelumnya dengan angka yang akan dimasukan di layar display.
• Tombol Operator Kali “x”: mempunyai fungsi untuk mengalikan angka sebelumnya dengan angka yang akan
dimasukan di layar display. • Tombol Operator Bagi “”: mempunyai fungsi untuk
membagi angka sebelumnya dengan angka yang akan dimasukan di layar display.
• Tombol Sama dengan “=”: mempunyai fungsi untuk menampilkan hasil proses perhitungan di layar display.
• Tombol Hapus “C”: mempunyai fungsi untuk menghapus angka-angka yang berada di layar display.
• Tombol Hapus “CE”: mempunyai fungsi untuk menghapus angka-angka yang berada di layar display dan registry.
Untuk memperjelas rancangan Form Kalkulator Berbahasa Indonesia dapat dilihat pada gambar 4.25
Gambar 4.25 Rancangan Form Kalkulator berbahasa Indonesia
STD State Transition Diagram rancangan Form Kalkulator Berbahasa Indonesia tersebut terlihat pada Gambar 4.26 sebagai
berikut:
Bahasa Indonesia
7 8
9 +
4 5
6 -
1 2
3 x
+- .
CE C
Form Kalkulator berbahasa Indonesia Proses
Form Menu Utama Bahasa Indonesia_Klik
Kembali_Klik Input Angka
Input Angka
Hasil Input Operator
Gambar 4.26 Rancangan STD Form Kalkulator berbahasa Indonesia.
5. Rancangan Form Informasi Gambar 4.27
Form Informasi Mempunyai Fungsi untuk memberikan informasi kepada pemakai tentang pembuat program Kalkuator Audio Visual.
Form Info ini dilengkapi dengan 1 tombol Tombol Tutup yang mempunyai fungsi untuk menutup Form Informasi
Gambar 4.27 Rancangan Form Informasi
Universitas Islam Negeri Syarif Hidayatullah
Nama : Junaedih
Gambar
Ni 1010191123324
Fakultas : Sains Dan Teknologi J
T k ik I f tik
Tutup
Alamat : Jl. Pamulang 2, No. 20 Rt0108 Parakan, Pd. Benda Pamulang Kode Pos
15416 Tangerang Banten
STD State Transition Diagram rancangan Form Info tersebut terlihat pada Gambar 4.28
sebagai berikut:
Gambar 4.28 Rancangan STD Form Info
6. Form Bantuan
Form Bantuan Mempunyai Fungsi sebagai menu bantuan bagi pemakai yang belum mengerti atau memahami cara mengunakan
program Kalkuator Audio Visual • Form Bantuan ini dilengkapi dengan 1 tombol yang
mempunyai fungsi untuk kembali ke meu utama. Untuk memperjelas rancangan Form Help dapat dilihat pada gambar
4.29 sebagai berikut :
Tutup klik Form Info
Form Utrama
Kemb
Gambar 4.29 Rancangan STD Form Bantuan
STD State Transition Diagram rancangan Form Help tersebut terlihat pada Gambar 4.30
sebagai berikut :
Gambar 4.30 Rancangan STD Form Bantuan.
4.3 Fase Pelaksanaan Implementasi 4.3.1 Sarana-sarana Pendukung Apliksi Kaklukaltor Audio Visual