Materi Ilmu_Komputer {23}: February 2014

Sunday, 9 February 2014

TUGAS UJIAN WEB

1. Buatlah kode HTML dari rancangan diatas.
2.Dengan menggunakan CSS Internal format LINK sehingga
    memiliki karasteristik sbb:
   - Tidak memiliki garis bawah
   - Tiap LINK berwarna merah
   - Pada saat mouse diatas LINK buat berwarna hitam
   - Setiap LINK yang sudah diklik buat berwarna hijau

3. Jika ditekan tombor kiri gerakkan ke kiri jika ditekan tombol
      kanan gerakan logo.jpg kekanan

JAWABAN :

<html>

<head>

<title>ujian</title>

a{text-decoration:none;

color:red;}

a:hover{color:black;}

</style>

</head>

<body>

<tr>

<td colspan=2 align=center> <button type="button">kanan</button> <img src="logo.jpg">

</tr>

<tr>

<a href=" ">Profil</a><br>

<a href=" ">Kontak</a></td>

<td>

<table>

<form>

<tr>

<td colspan=3 align=center>LOGIN</td>

</tr>

<tr>

</tr>

<tr>

<td>password</td>

</tr>

<tr>

</tr>

</form>

</table>

</td>

</tr>

<tr>

</tr>

</table>

</body>

</html>

Pertemuan WEB XI

PERTEMUAN XI

MATERI :

                    1.    Memahami pernyataan berulang while
                    2.    Mengenal Larik (Array)
                        3. Mengenal fungsi

Pernyataan Berulang ada 2 jenis :

1. For digunakan jika banyaknya perulangan sudaH pasti.

2. While digunakan jika banyaknya perulangan belum pasti.

Syntax:

Latihan 1.

1. Buka dreamweaver/notepad

2. Ketikkan kode program berikut:

var i;

i=1;

while (i<=100)

{

document.write(i);

document.write("<BR>");

i++;

}

</script>

3. Simpan kode dengan nama while1.html

4. Buka file while1.html dari web browser

Latihan 2.

Buatlah kode javascript untuk menampilkan kelipatan 5 mulai dari 0 s/d 100.

1. Buka notepad/dreamweaver

2. Ketikkan kode js

var i;

i=0;

while (i<=100)

{

document.write(i);

document.write("<BR>");

i+=5;

}

</script>

Latihan 3.

Buatlah kode JS untuk menampilkan output berikut:

111

1111

11111

1. Buka notepad/dreamweaver

2. Ketikkan kode js berikut:

var i,j;

i=1;

while (i<=5)

{

j=1;

while(j<=i)

{

document.wite(“1”);

j++;

}

document.write(“<br>”);

i++;

</script>

Contoh : Mencari harga bayar

var a,b,c;

a=4;

b=10-a+5/5;

c=(a+b)-(a*b);

document.write(“ok”);

</script>

var beli;

var bayar;

var diskon;

beli=5000000;

if (beli>1000000)

diskon=0.1;

else

diskon=0.03;

bayar=beli-(diskon*beli);

document.write(bayar);

</script>

Soal:

Buatlah kode JS untuk menentukan faktorial

Dari suatu bilangan.

1!=1

2!=2X1

3!=3X2X1 = 6

4!=4x3x2x1=24

5!=5X4X3X2X1=120

var i,fak,n;

n=5;

fak=1;

for (i=1;i<=n;i++)

{

fak=fak*i;

}

document.write(“Faktorial “, n, “ adalah =”,fak);

</script>

Pertemuan WEB X

PERTEMUAN X

MATERI : - Menggunakan Dreamwaever

Contoh: membuat output seperti dibawah ini:

Caranya :

1. Aktifkan macromedia dreamwever 8

- start

- all programs

- macromedia

- macromedia dreamweacer 8

2.   Ketikkan
      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org
        /TR/xhtml1/DTD/xhtml1-transitional.dtd">
      <html xmlns="http://www.w3.org/1999/xhtml">
         <head>
            <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
              <title>Untitled Document</title>
            <style>
                h1{
                     font-family : monotype corsiva;
                     font-size     : 24pt;
                 }
          </style>
             </head>

               <body bgcolor=black>
                   <table width=75% align=center>
                  <tr>
   <td align=center>
   <script>
       var A,i;
   A=1;
   for (i=1;i<=20;i++)
        {
                             for (j=1;j<=A;j++)
           {
       if (j % 2 == 0)
          {
               document.write("<blink><font color=yellow>*
                                 </font></blink>");
             }
                              else
          {
           document.write("<font color=blue>*</font>");
           }
                           }
                                 A=A+2;
                                   document.write("<BR>");
      }
                              </script>
                                </td>
   </tr>
   <tr>
       <td align="center">
      <script>
         var i,j;
       for (i=1;i<=7;i++)
                                              {
               for (j=1;j<=3;j++)
               {
                document.write("<font color=green>*
                                                       </font>");
                                                }
                                                   document.write("<BR>");
                                                   }
                                         </script>
                                           </td>
                                         </tr>
   <tr>
    <td align=center bgcolor=yellow><h1>Merry Christmas 25 Desember 2013
                       And Happy New Year 1 Januari 2014</h1></td>
               </tr>
                  </table>
                      </body>
                      </html>

3.    Simpan kode dengan nama js1.html
4.    Aktifkan web browser
5.    Buka file js1.html dari web browser

Pertemuan WEB IX

PERTEMUAN IX

FUNGSI :

Fungsi adalah blok kode program yang disusun secara sistematis untuk menghasilkan suatu nilai.

Fungsi terbagi 2 yaitu :

1. Built-in function

2. User defined function

Built-in function à fungsi yang sudah disediakan oileh javascript. Fungsi tersebut tinggal dipanggil.

User defined function ,

adalah fungsi yang dibuat oleh user / pemakai.

Syntax :

Function namafungsi([parameter])

{

[deklarasi]

[statement]

}

Larik adalah variabel tunggal yang dapat menampung banyak nilai

Ilustrasi varibel biasa dengan variabel array.

Pertemuan WEB VIII

PERTEMUAN VIII

MATERI :
-Mengenal Javascript

Javascript digunakan Untuk mendinamisasi halaman-halaman web

Ada 3 (tiga) cara untuk menuliskan javascript, yaitu :

1. Dituliskan di bagian body

2. Dituliskan di bagian head

3. Dituliskan terpisah dari kode html

Elemen-Elemen Bahasa Javascript :

1. Struktur

</script>

Contoh 1. Buat kode javascript untuk menampilkan string “Unika St. Thomas”

<html>

<head>

<title>Latihan JS-1</title>

</head>

document.write("Unika St. Thomas");

</script>

</body>

</html>

2. Operator

Jenis-jenis :

a. Aritmatika

b. Kondisi

c. Logika

d. Kenaikan/penurunan nilai

e. Penyingkatan

Pertemuan WEB VII

PERTEMUAN VII

Trend Web Berisikan Data Multimedia (Suara, Video,Animasi, Teks)

Bagaimana menyisipkan animasi/video ke halaman web?

Software Manipulasi video bisa digunakan:

1. Movie Maker

2. Pinnacle

3. Edius

4. Sony Vegas Pro

Bagaimana tentang animasi?

Software animasi yang bisa digunakan:

1. Adobe Flash CS 5

2. Autodesk 3Dmax

3. Maya

Langkah-Langkah Membuat Animasi Sederhana:

1. Aktifkan macromedia flash 8

2. Klik Flash Document

3. Buat lah kreasi sederhana mu.

Frame dituliskan diantara tag <head> dan <body>

Jawab:

1. Aktifkan notepad

2. Ketikkan struktur HTML

<html>

<head>

<title>Latihan Frame</title>

</head>

<body>

</body>

</html>

3. Rancang frame seperti gambar 1.

<html>

<head>

<title>Latihan Frame</title>

</head>

<frameset cols="30%,*">

<frame src=menu.html>

<frame src=isi.html>

</frameset>

<body>

</body>

</html>

Subscribe to: Comments ( Atom )

Pages

Sunday, 9 February 2014

TUGAS UJIAN WEB

TUGAS UJIAN WEB

Pertemuan WEB XI

Pertemuan WEB X

Pertemuan WEB IX

Pertemuan WEB VIII

Pertemuan WEB VII