Pages

Kamis, 04 Desember 2014

Praktik Pemograman Web Modul8

LAPORAN PRAKTIKUM
PEMOGRAMAN WEB
MODUL 8






                                               Nama               : Alfi Nur Rohmat
                                               NIM                 : L200120074
                                               Kelas                : D



JURUSAN TEKNIK INFORMATIKA
FAKULTAS KOMUNIKASI DAN INFORMATIKA
UNIVERSITAS MUHAMMADIYAH SURAKARTA
2014
A.       TUJUAN
Mengetahui dan memahami dasar-dasar dalam pemrograman web server menggunakan bahasa ASP (Active Server Pages).
B.       PERCOBAAN
Setting IIS pada PC
1.  Masuk pada Contol panel
2.  Pilih administrativ tools
3.  Pilih Component Services
4.  Klik services (lokal)
5.  Matikan Apache2.2
6.  Kembali lagi ke administrativ tools
7.  Pilih IIS
8.   Pada default website klik kanan
9.   Klik new
10. Setting dan arahkan ke folder yg kita buat




Percobaan 1 (Variable)
1.      Buka aplikasi notepad
2.      Ketikan script berikut

<html>
<body>
<%
dim nama
nama="Dwi"
response.write("My name is: " & nama)
%>
</body>
</html>
3.      Simpan dengan nama variable.asp
4.      Buka file dengan browser
5.      Hasil percobaan



Percobaan 2 (Array)
1.      Buka aplikasi notepad
2.      Ketikan script berikut
<html>
<body>
<%
Dim famname(5),i
famname(0) = "Eko"
famname(1) = "Siti"
famname(2) = "Anto"
famname(3) = "Paijo"
famname(4) = "Ana"
famname(5) = "Suparman"
For i = 0 to 5
response.write(famname(i) & "<br />")
Next
%>
</body>
</html>
3.      Simpan dengan nama array.asp
4.      Buka file dengan browser
5.      Hasil percobaan


Percobaan 3 (Loop)
1.      Buka aplikasi notepad
2.      Ketikan script berikut
<html>
<body>
<%
dim i
for i=1 to 6
response.write("<h" & i &">Heading " & i & "</h" & i & ">")
next
%>
<?body>
</html>
3.      Simpan dengan nama loop.asp
4.      Buka file dengan browser
5.      Hasil percobaan



Percobaan 4 (Date)
1.      Buka aplikasi notepad
2.      Ketikan script berikut

<html>
<body>
Tanggal sekarang adalah : <%response.write(date())%>.
<br />
Waktu di server lokal adalah :
<%response.write(time())%>.
<br>
Contoh Format tanggal dan waktu :
<%
response.write(FormatDateTime(date(),vbgeneraldate))
response.write("<br />")
response.write(FormatDateTime(date(),vblongdate))
response.write("<br />")
response.write(FormatDateTime(date(),vbshortdate))
response.write("<br />")
response.write(FormatDateTime(now(),vblongtime))
response.write("<br />")
response.write(FormatDateTime(now(),vbshorttime))
%>
Hari ini
<%response.write(WeekdayName(weekday(date)))%>,
<br />
dan bulan ini
<%response.write(MonthName(month(date)))%>
</body>
</html>
3.      Simpan dengan nama date.asp
4.      Buka file dengan browser
5.      Hasil percobaan


Percobaan 5 (Form)
1.      Buka aplikasi notepad
2.      Ketikan script berikut
<html>
<body>
<form action="form.asp" method="get">
Nama kamu : <input type="text" name="fname" size="20"
/><br />
Pilih Mobil favorite kamu :
<br />
<input type="radio" name="cars"
<%if cars="BMW" then Response.Write("checked")%>
value="BMW">BMW</input>
<br />
<input type="radio" name="cars"
<%if cars="Kijang" then Response.Write("checked")%>
value="Kijang">Kijang</input>
<br />
<input type="radio" name="cars"
<%if cars="Timor" then Response.Write("checked")%>
value="Timor">Timor</input>
</br></br>
<input type="submit" value="Submit" />
</form>
<%
dim fname
fname=Request.QueryString("fname")
dim cars
cars=Request.Form("cars")
If fname<>"" Then
Response.Write ("Hallo" &fname & "!</br />")
Response.Write ("Bagaimana kabar kamu?")
end If
If cars<>"" then
Response.Write("<p>Mobil favorite kamu adalah: " &cars & "</p>")
end if
%>
</body>
</html>

3.      Simpan dengan nama form.asp
4.      Buka file dengan browser
5.      Hasil percobaan



Percobaan 6 (Cookies)
1.      Buka aplikasi notepad
2.      Ketikan script berikut

<%
dim numvisits
response.cookies ("NumVisits").Expires=date+365
numvisits=request.cookies ("NumVisits")

if numvisits="" then
response.cookies ("NumVisits")=1
response.write ("Selamat datang! Ini adalah pertama kali kamu mengunjungi halaman ini.")
else
response.cookies ("NumVisits")=numvisits+1
response.write ("Kamu sudah mengunjungi ")
response.write ("halaman ini " &numvisits)
if numvisits=1 then
response.write " kali sebelumnya!"
else
response.write " kali sebelumnya!"
end if
end if
%>
<html>
<body>
</body>
</html>
3.      Simpan dengan nama cookies.asp
4.      Buka file dengan browser
5.      Hasil percobaan





C.     TUGAS
Buatlah sebuah program penjumlahan menggunakan bahasa ASP menggunakan fungsi variable seperti gambar di modul. Tuliskan scriptnya dan lampirkan hasil print screen di browser.

<form method="post" action="tugas.asp">
Angka A: <input type=text name="angka1" value=""><br>
Angka B: <input type=text name="angka2" value=""><br>
<input type=submit value='Jumlahkan'>
<input type=hidden name="action" value="jumlahkan">
</form>

<%
action = lcase(request("action"))
select case action
case "jumlahkan"
dim angka1
angka1=Request.QueryString("angka1")
dim angka2
angka2=Request.QueryString("angka2")
if angka1<>"" then
Response.Write("<p>Mobil favorit kamu adalah: " & angka1 & "</p>")
End if
if angka2<>"" then
Response.Write("<p>Mobil favorit kamu adalah: " & angka2 & "</p>")
End if
jumlah = cint(request("angka1")) + cint(request("angka2"))
response.write "Jadi Nilai A ditambah Nilai B adalah: " &jumlah
end select
%>
<html>
<body>
</body>

</html>


Selasa, 25 November 2014

Praktik Pemograman Web Modul7

LAPORAN PRAKTIKUM
PEMOGRAMAN WEB
MODUL 7





                                               Nama               : Alfi Nur Rohmat
                                               NIM                 : L200120074
                                               Kelas                : D



JURUSAN TEKNIK INFORMATIKA
FAKULTAS KOMUNIKASI DAN INFORMATIKA
UNIVERSITAS MUHAMMADIYAH SURAKARTA
2014
A.       TUJUAN
Mengetahui dan memahami bahasa Javascript dalam pemograman web.
B.       PERCOBAAN
Percobaan 1 (JavaScript)
1.      Buka aplikasi notepad
2.      Ketikan script berikut
<html>
<head><title>percobaaan1</title>
</head>
<BODY>
<SCRIPT language="Javascript">
<!--
alert("Hallo!!");
// -->
</SCRIPT>
</Body>
</html>
3.      Simpan dengan nama percobaan1.html
4.      Buka file dengan browser
5.      Hasil percobaan


Percobaan 2 (MouseOver)
1.      Letakkan dua buah file image berekstensi .jpg beri nama gambar1.jpg dan gambar2.jpg
2.      Buka aplikasi notepad
3.      Ketikan script berikut
<HTML>
<head>
<title>Mouse Over</title>
</head>
<body>
<a href="javascript:;"
onMouseOver="document.img_1.src ='gambar1.jpg';"
onMouseOut="document.img_1.src ='gambar2.jpeg';">
<img  name="img_1" src='gambar1.jpg' height='100' width='100'></a>
</body>
</html>
4.      Simpan dengan nama mouseover.html
5.      Buka file dengan browser
6.      Hasil percobaan



Percobaan 3 (Character Counter)
1.      Buka aplikasi notepad
2.      Ketikan script berikut
<HTML>
<head>
<title>Counter</title>
<SCRIPT>
function CountMax()
{
var wert,max;
max = 100
wert = max-(document.form1.question.value.length);
if (wert < 0){
alert("maaf, batas maksimum pengisian adalah" + max +" karakter!");
document.form1.question.value=
document.form1.question.value.substring(0,max);
wert = max-(document.form1.question.value.length);
document.form1.rv_counter.value = wert;
}else{
document.form1.rv_counter.value=max-
(document.form1.question.value.length);
}
}
</script>
</head>
<body>
<form name="form1" method="post" action="">
<textarea name="question" cols="60" rows="3"
id="question" OnFocus="CountMax();"
OnClick="CountMax();" ONCHANGE="CountMax();"
onKeydown="CountMax();"
onKeyup="CountMax();" wrap="virtual"></textarea>
<font face="Arial, Helvetica, sans-serif, Bookman Old Style, Comic Sans MS" size="2">sisa
<input name="rv_counter" type="TEXT" size="3"
maxlength="3" value="100" readonly></form>
</body>
</html>
3.      Simpan dengan nama counter.html
4.      Buka file dengan browser
5.      Ketikan karakter pada text area sebanyak 101 karakter,amati yang terjadi
6.      Hasil percobaan


Percobaan 4 (Kalkulator sederhana)
1.      Buka aplikasi notepad
2.      Ketikan script berikut
<HTML>
<head>
<title>Counter</title>
<SCRIPT language='javascript'>
function tambah()
{
nilaia=document.myform.a.value;
nilaib=document.myform.b.value;
tambah=parseInt(nilaia)+parseInt(nilaib);
document.myform.hasil.value=tambah;
}
function kurang()
{
nilaia=document.myform.a.value;
nilaib=document.myform.b.value;
kurang=nilaia-nilaib;
document.myform.hasil.value=kurang;
}
function kali ()
{
nilaia=document.myform.a.value;
nilaib=document.myform.b.value;
kali=nilaia*nilaib;
document.myform.hasil.value=kali;
}
function bagi ()
{
nilaia=document.myform.a.value;
nilaib=document.myform.b.value;
bagi=nilaia/nilaib;
document.myform.hasil.value=bagi;
}
</script>
</head>
<body>
<form name='myform'>
<h3>Kalkulator Sederhana</h3></br>
nilai A =<input type='text' name='a' size='5'></br>
Nilai B =<input type='text' name='b' size='5'></br>
<input type='button' name='aksi' value='+' onclick='tambah()'>
<input type='button' name='aksi' value='-' onclick='kurang()'>
<input type='button' name='aksi' value='*' onclick='kali()'>
<input type='button' name='aksi' value='/' onclick='bagi()'>
</br></br>
<b>Hasil = </b> <input type='text' name='hasil' size='5'></br>
</form>
</body>
</html>
3.      Simpan dengan nama kalkulator.html
4.      Buka file dengan browser
5.      Masukan nilai A dan nilai B, kemudian klik salah satu tanda operasi, amati hasilnya
6.      Hasil percobaan



C.     TUGAS
Buatlah aplikasi pengambil keputusan sederhana menggunakan javascript yang menghitung nilai dengan ketentuan:
Jika nilai 0-20 = E,
Jika nilai 21-40 = D,
Jika nilai 41-60 = C,
Jika nilai 61-80 = B,
Jika nilai 81-100 = A.

<html>
 <head>
  <title>Belajar Bahasa Javascript</title>
 </head>
 <body>
 <p>
 <center>
 <script type="text/javascript">
  var
  nilai=prompt ("Masukan Nilai","");
  if(nilai>=81)
  {
  document.write ("NILAI: ",nilai+",   Nilai Dalam Huruf: A");
  }
  else
  if(nilai<=80 && nilai >=61)
  {
  document.write ("NILAI: ", nilai+",  Nilai Dalam Huruf : B");
  }
  else
  if(nilai<=60 && nilai >=41)
  {
  document.write ("NILAI : ", nilai+",  Nilai Dalam Huruf : C");
  }
  else
  if(nilai<=40 && nilai >=21)
  {
  document.write ("NILAI  : ", nilai+",  Nilai Dalam Huruf : D");
  }
  else
  if(nilai<=20)
  {
  document.write ("NILAI   : ",nilai+",  Nilai Dalam Huruf : E");
  }
 
 </script>
 </center>
 </body>

</html>



 

Blogger news

Blogroll

About