Senin, 17 Juni 2013

WEB-4

Pertemuan 4

   Materi :
          1.      Antar muka web
          2.      Merancang Formulir
   Pendahuluan
            Web di akses banyak pengguna, dengan demikian antar muka web, diusahakan dengan kebutuhan    pengguna Tren antar muka web (Web User Interface) Kearah Multimedia
                         
Description: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxnLkqX4oMG5Gj6KqQVlbh6mQ01zesEuXDFvzTe_zLkZPPFaKz4bJWNsGk8Txdv66XWOsiIE1PQiV2ui4OE7d4JEQ2IRd-ExvpuiemGBVUkbv1WwjozV8kbLmLbSPXtKZ23vCnz3qBPdVC/s200/Picture3.jpg











 

Contoh  antar muka web :
Description: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh04tg_UflSNc85QK4W2SyHpuQKPIDe9frkZ7DcC8OkYMawQEKPhffWjO-7bmNE94VcsLFbBNMJicaO39kZ_RLPMC0GbZNyjEes8LTHtLEowVArIqD5bm6h8vLRyjtU5QdbnCZm_j8t3sDd/s320/Picture1.jpg 


Atau
Description: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNgA8pUbDjOxbLXcXrPnd5oM_zNIRaScfn6G4QLE9oFJNg8COasbGkv6F6KGFmoSGP_oYOsQ23PVjceMoRqJV5I7o3xpEofsaY2PQVzdONKXTADfAaTgW8G8_olpujgvM65Rfs-bCQNmbf/s320/Picture5.JPG










Contoh : 
Buatlah kode HTML untuk rancangan Tebel berikut

          <table>
              <tr>
                   <td rowspan = 3></td>
                   <td colspan  = 3></td>
              </tr>
              <tr>
                  <td rowspan = 2 ></td>
                  <td colspan  = 2 ></td>
              </tr>
         </table>
  

                                             Pertemuan 5
Meteri
 1. Frame  
 

   a.       Frame 

Menu
Content

Programnya :
 <html>
     <head>

       <title> </title>

      </head>

       <frameset > cols = 25%,75%

          <frame src = menu.html>

          <frame src = content.html>

       </frameset>

    <body>

    </body                                                                                                        

   </html>


                                                                 
                                            Pertemuan 6
     Materi :
   1.   Elemen-elemen Javascript :
         1. Struktur
         2. Variable
         3. Operator
   4. Pernyataan bersyarat
         5 .Pernyataan berulang
         6.Larik/ array
         7. Fungsi
         8. Objek
         9.Grafik
1.                      STRUKTUR
<script>
 <pernyataan>
 </script>
     Contoh: Kode javascript mencetak string “Pemrograman WEB”
                   Objek   <script>
                                       Document.write(“Pemrograman WEB”)
                               </script>
2.         Variable
-       Pengenal (identifier) yang nilainya bias di ubah-ubah selama eksekusi program
-       Deklarasi variable menggunakan kata kunci (key words ) var
Contoh :  <script>
                       Var a ,
                               a = 5
                       a = “ WEB”
                       a = lot 5/7;
                       a =  a + 7 ;
               a = “ip”
                   </script>

                                                               Pertemuan 7
Materi :
-       Memahami pernyataan For
-       Memahami pernyataan While
-       Memahami pernyataan do While
Contoh:
Membuat kode javascript untuk mencetak angka 1 s/d 100 di web browser
  <script>
     Var i,
     For (i=1: i<=100; i++)
  {
      Document.write(i);
  }
</script>


                                                              
Pertemuan 8
Materi :
1. Review Pernyataan Berulang
    - For
    - While
    - DoWhile

PERNYATAAN FOR
PERNYATAAN WHILE
PERNYATAAN DO WHILE
Banyaknya pernyataan yang di ulang sudah pasti
Ø  Bisa saja pernyataan tidak dikerjakan
Banyaknya pernyataan yang di ulang tergantung syarat / kondisi
Ø  Bisa saja pernytaan tidak dikerjakan
Banyaknya perulangan tergantung  pada kondisi
Ø  Minimal perulangan satu kali dikerjakan


Contoh For dalam For : 
For (i=1, 1<=5 i++)
  {
        For ( i=1, j<=i, i++)
         }
            document.write (“belajar”)
         }
  }


i
j
output
1
1
Belajar
2
1
Belajar
2
2
Belajar
3
2
Belajar
3
1
Belajar

LARIK / ARRAY 
     Adalah variabel yang dapat mempunyai banyak nilai

Variabel Biasa                                     Variabel Array
   IP
1=2,7 ;                                             IP(1)=2,7 ;
   IP
2=3,2 ;                                             IP(2)=3,2 ;
   IP
3=3,0 ;                                             IP(3)=3,0 ;

  • Tiap nilai array ditampung dalam index yang berbeda variabelnya.
    Array IP(
    1) maksudnya variabel array ke-1. Data yang telah disimpan dalam array dapat diolah dengan lebih cepat, misalnya dalam :
    - Pengurutan,                                                                                                                
    - Pencarian,
    - Penjumlahan, dsb.  

 

Description: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwNf-uSNLzyocCXNwTXbFk6l34W1bpKkpwxZNLhnHKNIHuSXqUQ5U4tCnrEiRrX50amcyQhTJ4KugQNQmi-lC9gRx6WjvNX4gJ69v5CkuVGfj7mNq8pm5jtIqGk_8wEabdfIU9TBw4BwHA/s1600/01062013047_800x600.jpg