Flowchart Algoritma Program Kalkulator Audio Visual

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