PROJECT CLOUND COMPUTING (CALCULATOR ONLINE )
A.
Pendahuluan
Kalkulator merupakan suatu media atau
alat hitung elektronik yang jauh lebih sederhana apabila dibandingkan dengan PC
atau komputer. Dan dikalangan masyarakat sendiri, sudah banyak yang
menggunakannya sebagai alat bandu berhitung yang cepat dan praktis. Dan pada
saat sekarang ini sudah banyak beredar situs-situs yang menyediakan layanan
ini, baik menyediakan pengoperasian yang biasa maupun kalkulator scientific
sekalipun.
Kalkulator online yang kami buat ini
merupakan aplikasi kalkulator yang digunakan secara online. Proses operasi yang
digunakan berupa penjumlahan (+), pengurangan (-), perkalian (x), pembagian
(÷), serta akar (√). Dan cara penggunaannya, sama seperti kalkulator pada
umumnya. Selain itu, kalkulator ini juga menampilkan riwayat operasi atau recent
history nya. Sehingga kita dapat mengetahui perhitungan – perhitungan apa saja
yang sudah kita kerjakan.
Kalkulator
online ini dibuat dan disusun menggunakan program yang dibuat sendiri sesuai
kebutuhan rumus dan jenis perhitungan yang disediakan dengan menggunakan “Bahasa Program atau
Source Code” untuk kalkulator. Program yang telah disusun dan disimpan tidak
akan hilang walaupun aplikasi kalkulator online ini ditutup.
B.
Tujuan
Dengan adanya kalkulator online ini,
para penggunanya diharapkan mampu menggunakan kalkulator jenis ini untuk
menyelesaikan perhitungan secara cepat dan tepat dan juga praktis mengingat
kalkulator ini bukanlah berbentuk fisik layaknya kalkulator biasa.
C.
Langkah pekerjaan
a.
Download dan install aplikasi “dreamweaver cs5”
Cara Menginstall Dreamweaver cs5 dapat dilakukan dengan cara sebagai berikut:
Tampilan awal instalasi
Dreamweaver cs5 Setelah tampil seperti gambar diatas. Klik next untuk
melanjutkan instalasi ke tahap berikutnya. Selanjutnya ke tahap proses instalasi.
b. Buat pemograman kalkulator sesuai dengan
operasi yang disediakan (+,-,x,/, ^ dan √). Program yang kami buat adalah
sebagai berikut:
<html>
<head>
<title>Kalkulator
Sederhana</title>
<style
type="text/css">
body,td,th
{
font-family: "Comic Sans MS",
cursive;
color: #FFF;
font-size: 16px;
}
body
{
background-color: #FFF;
background-image: url(camp_nou_5.jpg);
background-repeat: repeat;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
</style>
<SCRIPT
LANGUAGE="JavaScript">
window.defaultStatus="Let
count your number"
function
tambah()
{
a=eval(form.a.value)
b=eval(form.b.value)
c=a+b
form.hasil.value
= c
h="tambah"
}
function
kurang()
{
a=eval(form.a.value)
b=eval(form.b.value)
c=a-b
form.hasil.value=c
h="kurang"
}
function
kali()
{
a=eval(form.a.value)
b=eval(form.b.value)
c=a*b
form.hasil.value=c
h="kali"
}
function
bagi()
{
a=eval(form.a.value)
b=eval(form.b.value)
c=a/b
form.hasil.value
= c
h="bagi"
}
function
pangkat()
{
a=eval(form.a.value)
b=eval(form.b.value)
c=Math.pow(a,
b)
form.hasil.value
= c
h="pangkat"
}
function
akar()
{
a=eval(form.a.value)
c=Math.sqrt(a)
form.hasil.value
= c
form.b.value
= "Akar pangkat 2"
h="akar"
}
function
kosong()
{
form.a.focus()
form.a.value=""
form.b.value=""
form.hasil.value=""
}
function
history()
{
a=eval(form.a.value)
c=eval(form.hasil.value)
if
(h=="tambah"){ b=eval(form.b.value)
d="+"
}else
if (h=="kurang"){ b=eval(form.b.value)
d="-"
}else
if (h=="kali"){ b=eval(form.b.value)
d="x"
}else
if (h=="bagi"){ b=eval(form.b.value)
d="/"
}else
if (h=="pangkat"){ b=eval(form.b.value)
d="^"
}else
if (h=="akar"){ b="Akar pangkat 2"
d=""
}
form.h.value
+=a + " "+ d +" "+ b + " = " + c +"\n"
}
</SCRIPT>
<meta
http-equiv="Content-Type" content="text/html;
charset=utf-8">
</head><body
bgcolor="#000000" text="#D6D6D6">
<p
align="center"><font face="verdana"
size="4">Calculator Program</font></br>
</p>
<p><img
src="Politeknik.JPG" width="332" height="48">
<embed src="mp3/Girls_ Generation
(SNSD) - Mr.Taxi.mp3" width="32"
height="32"></embed>
</p>
<form
name="form1" method="post" action=""><a
href="www.google.com">kaka</a>
<table width="263"
border="0" align="right">
<tr>
<td width="117"
height="55" align="left" valign="top"><a
href="www.google.com"><img src="google.jpg"
width="92" height="50"></a></td>
<td width="61"
align="left" valign="top"><a href="www.facebook.com"><img
src="facebook.jpg" width="92"
height="50"></a></td>
<td width="8"
align="left" valign="top"><a
href="www.twitter.com"><img src="twitter.jpg"
width="92" height="50"></a></td>
</tr>
</table>
</form>
<FORM
name="form">
<table width="633"
class="kalkulator">
<tr>
<td width="234"
valign="top">
<p>Angka 1
<input type="text"
name="a">
</p>
<p>Angka 2
<input type="text"
name="b">
</p>
<p>Hasil
<input type "text"
name="hasil" disabled="true">
</p></td>
<td width="502">
<input type="button"
value="Hapus" onClick="kosong()">
<input type="button"
value="+" name="t" onClick="tambah()">
<input type="button"
value="-" name="k" onClick="kurang()">
<input type="button"
value="x" name="x" onClick="kali()">
<input type="button"
value="/" name="/" onClick="bagi()">
<input type="button"
value="^" name="^" onClick="pangkat()">
<input type="button"
value="Akar" name="Akar" onClick="akar()">
</td>
</tr>
</table>
<marquee
direction="left">
Welcome
to the Project Clound Computing : Noval,
Ega, Shine, And Me2y
</marquee>
<center><blink>
<p><a
href="Girls' Generation ????_THE BOYS.FLV" tabindex="1"
title="ff" accesskey="0"
target="_new">Mr.Taxi</a>
<p>
<p
align="center">POLITEKNIK CALTEX RIAU</p>
<p></p>
</blink>
<script
language="JavaScript">
<!--
netscape.security.PrivilegeManager.enablePrivilege("UniversalBrowserRead");
-->
</script>
<form name=form1>
<input type="button" value="recent
history"
onClick="history()"><br>
<textarea name="h">
</textarea>
</FORM>
</body>
</html>
Program
diatas sudah termasuk program yang menampilkan desain webnya, music, bacground
picture dan lain sebagainya. Sehingga tampilan kalkulator online yang kami buat
jauh lebih menarik.
c. Copy
program di atas ke dalam notepad. Dan simpan dengan karakter .html
d. Buka dreamweaver cs5 yang telah diinstal.
File - open file -
pilih program yang telah kita buat di notepad -
open
e. Aplikasi yang anda buat telah selesai, dan
untuk melihat bentuk link html nya :
Preview
/ Debugin browser à Preview in Firework
f.
Untuk melakukan
perhitungan, masukkan angka di setiap kotak yang disediakan, lalu pilih operasi
yang diinginkan.
Contoh
: 105 x 15
Masukkan
105 di kolom pertama dan 15 di kolom kedua. Lalu pilih operasi perkalian (x).
maka hasil nya akan tertera di kolom “Hasil”
D. Hasil Pengujian
Berikut hasil pengujian untuk 105 x 15
Hasil
Jadi, 105 x 15 = 1575
Contoh 2. Mencari hasildari √255
Masukkan angka 255 di kolom pertama.
Dan klik tanda √
Hasil
Hasil
E. Kesimpulan
Cloud computing adalah gabungan dari pemanfaatan
antara teknologi computer (komputasi) dengan pengembangan berbasis internet.
Dan kalkulator online ini merupakan salah satu contoh penerapan dari cloud
computing itu sendiri.
Kalkulator online ini sangat bermanfaat untuk PC
yang terhubung internet namun tidak memiliki aplikasi kalkulator di PCnya sendiri. Karena kalkulator ini memiliki
kegunaan yang sama dengan kalkulator fisik lainnya.
F. Referensi