Minggu, 09 Februari 2014

Praktek Web 9



PERTEMUAN 9


Materi :
 1.   Memahami pernyataan bersyarat Switch
 2.   Memahami pernyataan berulang
-     For
-    While
-    Do-while
 A. Penyataan Bersyarat Switch
     Digunakan Jika ditemukan permasalahan yang penyelesaiannya memilih salah satu alternatif nilai dari beberapa nilai



 Syntax
Switch (Nillai)
{
            Case : <Pernyataan>
                        Break
            Case : <Pernyataan>
                        Break
            Case : <Pernyataan>
                        Break

            ......................................         
            Default : <pernyataan>
                        Break
}
 



 Program

 Sebelum kita membuat kode program alangkah baiknya kita membuat flowchart terlebih dahulu, karena program adalah sederetan intruksi yang disusun secara sistematis untuk mencapai suatu tujuan.
 Untuk membuat program lakukanlah hal Sebagai berikut :
  1.   Algoritma
  Adalah langkah-langkah untuk menyelesaikan masalah
  Algoritma dapat disusun dengan menggunakan :
-    Flowchart
-    Definisi algoritma
-    Psudo code
 2.   Coding Program
 Gambar-gambar flowchart :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuSDnGm73d5_VdV_xhhFsaqYdByUqCRMAfsxSq4MGLJ2zZj7hHxDIs1jUC4A7IzDV3UzkmNv62-PPpkJOimE9ytpAdwvzmDcqMsfLvTDFfopATwva1ens7wCa9CPAIVb3-Q7YF-ZSIM0-8/s1600/1.png




      3.   Ciri kode dalam program
   Sequential (Berurutan)
-    Condition (Bersyarat)
-    Repetition (Berulang)

  Setiap program harus ada awal dan akhirnya.
  contoh :
  misalkan diketahui daftar nilai huruf yang dapat diproleh seorang mahasiswa dari suatu matakuliah.
 A+       ->  Luar Biasa     
 A     -> Cukup Tinggi
 A-      -> Tinggi
 B+      -> sangat Baik
 B    -> Cukup Tinggi
 B-      -> Baik
 C+     -> cukup
 C     -> pas cukup
 D    -> kurang
 E    -> Gagal

  Jawab :
<html>
<head>
   <title></title>
</head>
  <body>
    <script>
    Var nh,ket;
    nh = “c”;
    Switch (nh)
       {
           Case “A+”:ket =”Luar Biasa”;
                        Break;
           Case “A”:ket =”Cukup Tinggi”;
                        Break;
           Case “A-”:ket = “Tinggi”;
                        Break;
           Case “B+”:ket =”Sangat Baik”;
                        Break;
           Case “B”:ket =”Cukup Baik”;
                        Break;
           Case “B-”:ket =”Baik”;
                        Break;
           Case “C+”:ket =”Cukup”;
                        Break;
           Case “C”:ket =”Pas Cukup”;
                        Break;
          Case “D”:ket =”kurang”;
                        Break;
            Case “E”:ket = “Gagal”;
                        Break;
       }
        Document.write(“nilai huruf =”,nh,”ket=”,ket);
    </script>
  </body>
</html>

Catatan :
 Jika ditemukan kata break di dalam statement switch maka proses program akan otomatis pindah ke pernyataan setelah } (tutup kurung).

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipIQndlZbuRRTjiCGTqeMIVNeU_qyNRXm5UOMYTkSizl2sYcMDSQybWNWc-2lq5skWAjRjEpgrkXgdWiysaO6Pna-IOKhtB76Dn4gsCBLtg_-QHku-SCUqc0gz4Cgvq_zwH3au1oGjzK_e/s1600/gbr2.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQwLYWpfJSrL7spJw_HLTcGtj-wMCVfgcPZiIQuXWApWUiBBW6Cba0kYfCCnBAp7knUu4zd6jEJOj5UwpypetDY0Sf3xJJQ8z4DkyhuV5mxOtiyi0aCobZFPQlzwATHXSGPQe-XKqH0-H1/s1600/gbr3.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6m_kyZQZ8iS6WsRNYqYSTnJbGwrZABSZPry2iSQIBTwOyHFbA_NzlHVhJU9Oe8WYsqh2Yky9rn-QzU9zSwl1Vg-d2OI2daUn0XOhVkT4FfLJtzcIcsZlKYuHWfkL03FbV1IX5acYe07fY/s1600/gbr4.png


  Switch (nilai)
 {
   Case (nilai)
     {
        Case nilai :<pernyataan>
                      If (kondisi)
                        <pernyataan>
                       Else
                        <pernyataan>
     Break
     Case nilai : if (kondisi)
     <pernyataan>
     Else if (kondisi)
     <pernyataan>
     Else
     <pernyataan>
     Break
    }
      B.   Pernyataan For
  Pernyataan yang digunakan untuk mengerjakan intruksi secara berulang dan sudah pasti.

  Syntax 1
  For (var = nilai, kondisi, pertambahan/pengurangan)
 {
   <pernyataan>
 }

   Contoh :
   Mencetak string “unika” sebanyak 100 kali di web browser
   1.   Buka editor notepad
  2.   Ketikkan struktur Html

<html>
<head>
   <title></title>
</head>
   <body>
   </body>
</html>
   3.   Ketikkan kode javascript untuk mencetak “unika” sebnanyak 100 kali di web browser

<html>
<head>
   <title></title>
</head>
   <body>
  <script>
    Var i;
     For (i=1,i<100,i++)
     {
      Document.write(“Unika”)
      }
  </script>
   </body>
</html>

  4.   Simpan kode html dengan nama latihan2.html
  5.   Jalankan web browser
  6.   Buka file latihan2.html tersebut

Tidak ada komentar: