PEMROGRAMAN SEDERHANA: February 2014

TUGAS UAS 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

<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 XI WEB

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:

While (kondisi)

{

}

i=1;

while (i<=100)

{

document.write(i);

i++;

}

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 X WEB

PERTEMUAN X
- 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 IX WEB

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.

Diketahui IP sepuluh orang mahasiswa sbb: 2.5,3.0,1.8,3.3,2.5,3.4, 2.8, 1.9, 2.3, 2.7. Buatlah kode JS untuk menghitung rata-rata IP
<script> var ip1,ip2,ip3,ip4,ip5; var ip6,ip7,ip8,ip9,ip10; ip1=1.5; ip2=3.0; ip3=1.8; ip4=3.3; ip5=2.5; ip6=3.4; ip7=2.8; ip8=1.9; ip9=2.3; ip10=2.7; rata=(ip1+ip2+ip3+ip4+ip5+ip6+ip7+ip8+ip9+ip10)/10; document.write(“Rata – Rata IP : “,rata); </script>	<script> var ip = array(10); ip(1)=1.5;ip(2)=3.0; ip(3)=1.8; ip(4)=3.3;ip(5)=2.5; ip(6)=3.4; ip(7)=2.8;ip(8)=1.9; ip(9)=2.3; ip(10)=2.7; for (i=1;i<=10;i++) { Jlh=jlh+ip(i); } rata=jlh/10; document.write(“Rata IP = “,rata); </script>

Pertemuan VIII WEB

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

Simbol

b. Kondisi

Simbol	Keterangan
<	Lebih kecil dari
>	Lebih besar dari
<=	Lebih kecil atau sama dengan
>=	Lebih besar atau sama dengan
==	Sama dengan
!=	Tidak sama dengan

c. Logika

Simbol		Keterangan
&&	Dan	and
\|\|	Atau	Or
!	Bukan	not

d. Kenaikan/penurunan nilai

Simbol	Keterangan
++	Menaikkan nilai 1. Cth : a++; ++a; Artinya : a = a + 1;
--	Menurunkan nilai 1 Cth : a--; --a; Artinya : a = a - 1;

e. Penyingkatan

Simbol	Keterangan
+=	Cth : A+=5 à A = A + 5
-=
*=
/=
%=	Cth : A%3 à A = A % 3

Monday, February 10, 2014

TUGAS UAS WEB

TUGAS UAS WEB

Pertemuan XI WEB

Pertemuan X WEB

Pertemuan IX WEB

Pertemuan VIII WEB