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


Rabu, 10 April 2013

PERTEMUAN PERTAMA







Materi: 

 Blog yang paling umum digunakan:
 - Blogspot 
 -Wordpress WWW (Word Wide Web) Web adalah Teknologi di internet yang menyediakan informasi dalam bentuk Text,Grafik,video dan sound. 

 Teknologi di internet
 1. Web
 2. FTP (File Transfer Protokol ) Upload (Unggah) Download (Unduh) 
 3. Search Engine adalah mesin pencari 
4. E-mail 
5. chathing 
6. Mosaic Bahasa standart membuat web adalah HTML (Hypertext Mark up Language) Belajar Web:
     a. Struktur dasar HTML Catt: / =slash \ =Back slash < = Less than > = Greather than & = Ampersand   b. Format Text 
c. Format gambar 
d. Format tabel 
e. format Form 
f. Format tag dinamisasi 


Web Web statis artinya Isi web tak berubah jika kode tidak berubah dan tidak berhubungan dengan database .
Web Dinamis artinya Isi web bisa berubah tanpa merubah kode dan berhubungan dengan database.