Tugas Latihan Aritmatika

Nama : Putri Qurrota Aini
NIM : 061640831793
Kelas : 5 MIB
OPERATOR PERHITUNGAN PADA JSP
A. Source code index.jsp

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Tugas Perhitungan</title>
</head>
<body bgcolor="Navajowhite">
<center><h1><font color="blue" face="comic sans ms">OPERATOR
PERHITUNGAN</font></h1>
<table bgcolor="white" border="2px">

<tr>
<td align="center" width="130px" height="60px">
<form action ="operator dasar.jsp" method="get">
<input type="submit" style="background-color:Lightskyblue; font-
family:times new roman; width:200px; height:60px;" value="OPERATOR DASAR">
</form>
</td>
</tr>
<tr bgcolor="white">
<form action ="persegi panjang.jsp" method="get">
<input type="submit" style="background-color:lightgreen; font-
family:times new roman; width:200px; height:60px;" value="PERSEGI PANJANG">
</form>
</tr>
<tr bgcolor="white">
<form action ="lingkaran.jsp" method="get">
<input type="submit" style="background-color:lightsalmon; font-
family:times new roman; width:200px; height:60px;" value="LINGKARAN">
</form>
</td>
</tr>
</table>
</center>
</body>
</html>
1
B. Output Index
2
I. OPERATOR DASAR
A. Source Code pada file “operator dasar.jsp”

<html>
<head>
<title> Operator Dasar </title>
</head>
<body bgcolor="Lightskyblue">
<center><h1><font color="orangered" face="comic sans ms">Operator
Dasar</font></h1>
<table bgcolor=#F0E68C border="2px">

<font color="orange" size="7" face="times new roman">
<tr bgcolor="orange"><th>Penjumlahan</th><th>Pengurangan</th>
</tr>
<tr bgcolor=#F0E68C>
<td align="center" width="130px" height="40">
<form action ="tambah.jsp" method="get">
Angka 1 : <input name="a" type="text" style="background-color:#FAF0E6 ;
text-align:center; width:100px; height:20px; border:1px"><br>
Angka 2 : <input name="b" type="text" style="background-color:#FAF0E6 ;
text-align:center; width:100px; height:20px; border:1px"><br><br>
<input type="submit" style="background-color:darkorange; font-weight:bold;
font-family:times new roman; font-size:16px; width:70px; height:30px;" value="+">
</form><br>
</td>
<form action ="kurang.jsp" method="get">
text-align:center;width:100px; height:20px; border:1px"><br>
font-family:times new roman; font-size:16px; width:70px; height:30px;" value="-">
</form><br>
</td>
</tr>
<tr bgcolor="orange"><th>Perkalian</th><th>Pembagian</th>
</tr>
3
<form action ="kali.jsp" method="get">
font-family:times new roman; font-size:16px; width:70px; height:30px;" value="*">
</form><br>
</td>
<form action ="bagi.jsp" method="get">
font-family:times new roman; font-size:16px; width:70px; height:30px;" value="/">
</form><br>
</td>
</tr>
<tr bgcolor="orange"><th>Modulus</th></tr>
<form action ="mod.jsp" method="get">
font-family:times new roman; font-size:16px; width:70px; height:30px;" value="Mod">
</form><br>
</td>
<form action ="index.jsp" method="get">
<input type="submit" style="background-color:darkorange; font-
weight:bold; font-family:times new roman; font-size:13px; width:70px; height:50px;"
value="HOME">
</form><br>
</td>
</table>
</center>
</body>
</html>
4
B. Tampilan dari operator dasar.jsp
Tampilan saat mengisi data:
5
 Operator Penjumlahan
<html>
<head>
<title>Penjumlahan</title>
</head>
<center><h1><font color="orangered" face="comic sans
ms">Penjumlahan</font></h1>
<%
int a = Integer.parseInt(request.getParameter("a"));
int b = Integer.parseInt(request.getParameter("b"));
int c = a + b;
out.print("Nilai A adalah "+a);
out.print("<br>");
out.print("Nilai B adalah "+b);
out.print("<br>");
out.print("Hasil Penjumlahan adalah "+c);
%>
<br><br>
<table>
<tr>
value="BACK">
</form>
</td>
value="HOME">
</form>
</td>
</tr>
</table>
</center>
</body>
</html>
6
Tampilan hasil penjumlahan:
 Operator Pengurangan
<html>
<head>
<title>Pengurangan</title>
</head>
ms">Pengurangan</font></h1>
<%
int c = a - b;
out.print("<br>");
out.print("<br>");
out.print("Hasil Pengurangan adalah "+c);
%>
<br><br>
<table>
<tr>
value="BACK">
</form>
</td>
value="HOME">
</form>
</td>
</tr>
7
</table>
</center>
</body>
</html>
Tampilan hasil pengurangan:
 Operator Perkalian
<html>
<head>
<title>Perkalian</title>
</head>
ms">Perkalian</font></h1>
<%
int c = a * b;
out.print("<br>");
out.print("<br>");
out.print("Hasil Perkalian adalah "+c);
%>
<br><br>
<table>
<tr>
value="BACK">
</form>
</td>
8
value="HOME">
</form>
</td>
</tr>
</table>
</center>
</body>
</html>
Tampilan hasil perkalian:
 Operator Pembagian
<html>
<head>
<title>Pembagian</title>
</head>
ms">Pembagian</font></h1>
<%
int c = a / b;
out.print("<br>");
out.print("<br>");
out.print("Hasil Pembagian adalah "+c);
%>
<br><br>
<table>
<tr>
9
value="BACK">
</form>
</td>
value="HOME">
</form>
</td>
</tr>
</table>
</center>
</body>
</html>
Tampilan hasil pembagian:
 Sisa Hasil Bagi (Modulus)

<html>
<head>
<title>Modulus</title>
</head>
<center><h1><font color="orangered" face="comic sans ms">Sisa Hasil
Bagi</font></h1>
<%
int c = a % b;
out.print("<br>");
out.print("<br>");
out.print("Hasil Modulus adalah "+c);
%>
10
<br><br>
<table>
<tr>
value="BACK">
</form>
</td>
value="HOME">
</form>
</td>
</tr>
</table>
</center>
</body>
</html>
Tampilan hasil modulus:
11
II. PERSEGI PANJANG
A. Source Code pada file “persegi panjang.jsp”

<html>
<head>
<title> Persegi Panjang </title>
</head>
<body bgcolor="lightgreen">
<center><h1><font color="orangered" face="comic sans ms">Persegi
Panjang</font></h1>

<tr bgcolor="orange"><th>Luas</th><th>Keliling</th>
</tr>
<form action ="luasPP.jsp" method="get">
Panjang : <input name="p" type="text" style="background-color:#FAF0E6 ;
Lebar : <input name="l" type="text" style="background-color:#FAF0E6 ;
font-family:times new roman; font-size:16px; width:70px; height:30px;" value="Luas">
</form>
</td>
<form action ="kurang.jsp" method="get">
Panjang : <input name="p" type="text" style="background-color:#FAF0E6 ;
text-align:center;width:100px; height:20px; border:1px"><br>
Lebar : <input name="l" type="text" style="background-color:#FAF0E6 ;
font-family:times new roman; font-size:16px; width:70px; height:30px;"
value="Keliling">
</form>
</td>
</tr>
</table>
<br>
12
value="HOME">
</form>
</center>
</body>
</html>
B. Tampilan output dari “persegi panjang.jsp”
 Luas Persegi Panjang

Kode untuk menghitung luas persegi panjang “luasPP.jsp”
<html>
<head>
<title>Luas Persegi Panjang</title>
</head>
<center><h1><font color="orangered" face="comic sans ms">Luas Persegi
Panjang</font></h1>
<%
int p = Integer.parseInt(request.getParameter("p"));
int l = Integer.parseInt(request.getParameter("l"));
int L = p * l;
13
out.print("Panjang adalah "+p);
out.print("<br>");
out.print("Lebar adalah "+l);
out.print("<br>");
out.print("Luas Persegi Panjang adalah "+L);
%>
<br><br>
<table>
<tr>
value="BACK">
</form>
</td>
value="HOME">
</form>
</td>
</tr>
</table>
</center>
</body>
</html>
Tampilan output dari luas persegi panjang “luasPP.jsp”.
 Keliling Persegi Panjang

Kode untuk menghitung keliling persegi panjang “kelilingPP.jsp”
<html>
<head>
<title>Keliling Persegi Panjang</title>
</head>
14
<center><h1><font color="orangered" face="comic sans ms">Keliling Persegi
Panjang</font></h1>
<%
int p = Integer.parseInt(request.getParameter("p"));
int l = Integer.parseInt(request.getParameter("l"));
int L = 2 * p * l;
out.print("Panjang adalah "+p);
out.print("<br>");
out.print("Lebar adalah "+l);
out.print("<br>");
out.print("Keliling Persegi Panjang adalah "+L);
%>
<br><br>
<table>
<tr>
value="BACK">
</form>
</td>
value="HOME">
</form>
</td>
</tr>
</table>
</center>
</body>
</html>
Tampilan output dari keliling persegi panjang “kelilingPP.jsp”.
15
III. LINGKARAN
A. Source Code pada file “lingkaran.jsp”

<html>
<head>
<title> Lingkaran </title>
</head>
<body bgcolor="lightsalmon">
<center><h1><font color="brown" face="comic sans ms">Lingkaran</font></h1>

<tr bgcolor="orange"><th>Luas</th><th>Keliling</th>
</tr>
<form action ="luasL.jsp" method="get">
Jari-jari : <input name="r" type="text" style="background-color:#FAF0E6
; text-align:center; width:100px; height:20px; border:1px"><br><br>
value="Luas">
</form>
</td>
<form action ="kelilingL.jsp" method="get">
Jari-jari : <input name="r" type="text" style="background-color:#FAF0E6
; text-align:center; width:100px; height:20px; border:1px"><br><br>
value="Keliling">
</form>
</td>
</tr>
</table>
<br>
value="HOME">
</form>
16
</center>
</body>
</html>
B. Tampilan output dari “lingkaran.jsp”
 Luas Lingkaran
Kode untuk menghitung luas lingkaran “luasL.jsp”
<html>
<head>
<title>Luas Lingkaran</title>
</head>
<center><h1><font color="red" face="comic sans ms">Luas
Lingkaran</font></h1>
<%
int r = Integer.parseInt(request.getParameter("r"));
double phi = 3.14;
double L = phi * r * r;
out.print("Jari-jari adalah "+r);
out.print("<br>");
out.print("Luas Lingkaran adalah "+L);
%>
17
<br><br>
<table>
<tr>
value="BACK">
</form>
</td>
value="HOME">
</form>
</td>
</tr>
</table>
</center>
</body>
</html>
Tampilan output dari luas lingkaran “luasL.jsp”.
 Keliling Lingkaran
Kode untuk menghitung keliling lingkaran “kelilingL.jsp”
<html>
<head>
<title>Keliling Lingkaran</title>
</head>
<center><h1><font color="red" face="comic sans ms">Keliling
Lingkaran</font></h1>
<%
int r = Integer.parseInt(request.getParameter("r"));
double phi = 3.14;
double K = 2 * phi* r;
out.print("Jari-jari adalah "+r);
18
out.print("<br>");
out.print("Keliling Lingkaran adalah "+K);
%>
<br><br>
<table>
<tr>
weight:bold; font-family:times new roman; font-size:13px; width:60px;
height:30px;" value="BACK">
</form>
</td>
weight:bold; font-family:times new roman; font-size:13px; width:60px;
height:30px;" value="HOME">
</form>
</td>
</tr>
</table>
</center>
</body>
</html>
Tampilan output dari keliling lingkaran “kelilingL.jsp”.
19

Tugas Latihan Aritmatika

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Tugas Latihan Aritmatika

Uploaded by

Copyright:

Available Formats

Nama : Putri Qurrota Aini

OPERATOR PERHITUNGAN PADA JSP

A. Source code index.jsp

<table bgcolor="white" border="2px">

A. Source Code pada file “operator dasar.jsp”

<table bgcolor=#F0E68C border="2px">

Tampilan saat mengisi data:

Tampilan hasil pengurangan:

Tampilan hasil perkalian:

Tampilan hasil pembagian:

 Sisa Hasil Bagi (Modulus)

Tampilan hasil modulus:

A. Source Code pada file “persegi panjang.jsp”

<table bgcolor=#F0E68C border="2px">

B. Tampilan output dari “persegi panjang.jsp”

Tampilan saat mengisi data:

 Luas Persegi Panjang

Tampilan output dari luas persegi panjang “luasPP.jsp”.

 Keliling Persegi Panjang

Tampilan output dari keliling persegi panjang “kelilingPP.jsp”.

A. Source Code pada file “lingkaran.jsp”

<table bgcolor=#F0E68C border="2px">

B. Tampilan output dari “lingkaran.jsp”

Tampilan saat mengisi data:

Tampilan output dari luas lingkaran “luasL.jsp”.

Tampilan output dari keliling lingkaran “kelilingL.jsp”.

You might also like