Dasar Pemrograman Terstruktur - Membuat Program Sederhana

Input Output Program

Program adalah kumpulan dari beberapa set instruksi untuk mengerjakan fungsi yang spesifik pada komputer. Dalam program komputer terdiri beberapa tahapan penting yang tidak dapat dipisahkan.
Tahapan pertama yaitu input dimana pengguna program akan dimungkinkan untuk memberikan nilai pada variabel melalui input device seperti keyboard, mouse, scanner, joystick dan lain-lain.
Tahapan kedua adalah process yaitu tahapan dimana data pada input device akan dilakukan pemrosesan sesuai algoritma yang telah disusun. Jika proses tersebut berhungan dengan perhitungan aritmatika maka proses tersebut akan dilakukan oleh ALU (Arithmatic Logical Unit).
Tahap ketiga adalah output, yaitu tahapan untuk menampilkan hasil dari proses pada variabel ataupun output device seperti layar monitor, printer, plotter dan lain-lain. Hasil dari output tersebut dapat dijadikan sebagai input.
Perhatikan gambar untuk dapat memahami tahapan pada program komputer.
 
Gambar I/O Proses

Program Menggunakan JavaScript

JavaScript adalah bahasa scripting yang digunakan untuk membuat aplikasi berbasis web. Penulisan kode program menggunakan JavaScript dapat disisipkan langsung kedalam file html seperti pada script berikut ini

 
 
Keterangan:  
  • Baris 1 adalah pengenalan pada browser bahwa script yang digunakan menggunakan dokumen HTML5.
  • Baris 2, 15 adalah tag pembuka dan penutup HTML.
  • Baris 3, 5 adalah tag pembuka dan penutup <head>, pada tag <head> dapat disisipkan tag <title> untuk penulisan judul program.
  • Baris 4 adalah penulisan judul program menggunakan tag <title>
  • Baris 6, 14 adalah awal dan akhir tag <body> yang digunakan untuk menuliskan konten web.
  • Baris 7 adalah tag <div> yang digunakan sebagai tempat meletakkan hasil output.
  • Baris 8, 13 adalah awal dan akhir tag <script> yang digunakan untuk meletakkan kode program dari JavaScript.
  • Baris 9 adalah deklarasi variabel nama dengan nilai dari input pengguna berupa dialog promp.
  • Baris 10 adalah  deklarasi variabel umur dengan nilai dari input pengguna berupa dialog promp.
  • Baris 11 adalah proses menampilkan output pada tag yang mempunyai elemen id=keterangan. 

Lakukan penyimpanan pada script 3.1 dengan menekan tombol keyboard Ctrl+S atau dengan memilih menu pada editor Sublime Text File → Save , Isikan nama file program1.html atau nama lainnya yang berekstensi  .html pada window dialog penyimpanan yang tampil. Kemudian jalankan program tersebut dengan melakukan double klik pada file yang telah tersimpan. Hasil dari program tersebut seperti pada gambar

 

Program dengan Struktur Kontrol

Setiap program yang baik dapat dipastikan tidak akan pernah terlepas dari struktur kontrol, baik itu kondisi percabangan maupun kondisi perulangan.
Struktur kontrol digunakan untuk mengatur alur jalannya eksekusi baris program agar dapat berjalan dengan baik, efisien dalam penulisan kode dan dapat memecahkan sebuah permasalahan.
Sebagai contoh program yang dapat melakukan pengecekkan bilangan termasuk dalam kategori bilangan prima atau bukan prima.
Bilangan prima adalah bilangan yang dapat dibagi dengan bilangan 1 dan bilangan dirinya sendiri atau bilangan yang mempunyai 2 faktor, sehingga alternatif rancangan algoritmanya adalah:Deklarasi variabel untuk bilangan.
  • Deklarasi variabel untuk faktor dengan nilai awal sama dengan 0.
  • Deklarasi variabel sisabagi.
  • Deklarasi variabel hasilcek untuk menampung hasil keterangan Bilangan Prima atau Bukan Prima.
  • Lakukan input pada variabel bilangan.
  • Lakukan perulangan antara bilangan 1 sampai bilangan yang akan dicek.
  • Lakukan pencarian sisa hasil bagi antara bilangan dengan indeks
    perulangan menggunakan operator modulus (%).
  • Jika sisa hasil bagi sama dengan 0, maka jumlahkan dengan 1 nilai dari
    faktor
  • Setelah proses perulangan selesai, lakukan pengecekan jika nilai faktor
    sama dengan 2 berarti bilangan prima, selain itu adalah bilangan bukan
    prima.
Implementasinya pada bahasa pemrograman JavaScript seperti pada script berikut ini
 
 
 
Jika program tersebut dijalankan maka akan tampil seperti berikut ini 

 
 
Sekian tutorial yang sangat singkat mengenai program dalam JavaScript. Banyak yang bisa kita gali dari bahasan ini. Selanjutnya kita akan mempelajari mengenai Prosedur dan Fungsi dalam JavaScript secara detail.

Komentar

Posting Komentar