Langkah-Langkah Pembuatan Web Aplikasi Konversi Mata Uang Rupiah

 

Didalam pembuatan aplikasi web ini, saya menggunakan program Editplus untuk mempermudah dalam pembuatannya. Namun bisa juga menggunakan notepad atau dreamweaver. Tapi saat ini saya menggunakan aplikasi Editplus.

 

Pertama-tama kita tulis tag HTML yang dimana fungsinya ini menandakan bahwa ini adalah file ekstensi HTML, selanjutnya kita tambahkan tag HEAD. Tag HEAD ini menandakan bahwa bagian ini merupakan bagian awal atau biasa disebut header pada web aplikasi ini. Selanjutnya kita tulis tag TITLE, tag title ini menunjukan bahwa bagian ini merupakan judul dari website tersebut, penulisan setiap tag-tag pada HTML ini harus di akhiri dengan nama tag tersebut dengan ditambahkan tanda "/" yang menandakan bahwa ini merupakan akhir dari bagian tag tersebut.

 

Langkah selanjutnya adalah bagian dari javascript, jika kita ingin membuat javascript, perlu menambahkan tag script laguage="JavaScript" yang menandakan bahwa ini adalah bagian dari JavaScript. Selanjutnya kita tambahkan function hitung(), function hitung ini merupakan fungsi buatan kita dimana fungsi didalamnya akan kita isikan fungsi dari web aplikasi ini. Kemudian kita tambahkan angka1=document.denny.nilai1.value, maksudnya adalah angka1 ini merupakan variable pada aplikasi ini, document.denny merupakan nama dokumen dengan nama denny dan nilai1.value maksudnya adalah angka1 ini nantinya akan dikirim ke bawah sebagai nilai. Selanjutnya kita tambahkan fungsi percabangan IF pada JavaScript ini dengan kondisi dimana jika docuent.denny.pilihan.value sama dengan 1 maka variable hasil sama dengan variable angka1 dibagi dengan 9183,774. 9183,744 ini merupakan nilai mata uang dollar terhadap rupiah, jadi 1 dollar sama dengan 9183,774. Selanjutnya sama seperti tadi, kita tambahkan fungsi percabangan selanjutnya namun dengan nilai 2, dimana nilai 2 adalah untuk bagian euro. Kemudian kita tambahkan bagian-bagian lain dari fungsi percabangan ini yaitu nilai 3 untuk yen, nilai 4 untuk poundsterling dan jika tidak ada selain nilai diatas maka untuk dollar singapura.

 

Setelah langkah-langkah diatas, kita masuk kebagian body atau isi dari aplikasi web ini. Tag body ini fungsinya menandakan bahwa bagian ini merupakan bagian isi dari web aplikasi ini, Selanjutnya kita tambahkan tag font face dengan arial, tag font face ini fungsinya agar tulisan pada web aplikasi ini berjenis arial. Selanjutnya kita tambahkan form name, form name ini maksudnya agar ini web ini terhubung dengan fungsi javascript diatas dengan nama denny, dan kita tambahkan pemrosesan hitung() seperti pada javascript diatas. Langkah selanjutnya adalah kita tambahkan tag tr, tag tr ini merupakan fungsi agar membuat row (baris) dan tag td agar membuat kolom, sehingga tampilan aplikasi web ini lebih tertata. Langkah selanjutnya ialah menambahkan tag h3 yang merupakan ukuran untuk huruf, h3 mempunyai ukuran yang sudah ditentukan. Selanjutnya kita tambahkan Tag B yaitu untuk huruf BOLD.

 

Selanjutnya kita tambahkan tag table, tag table ini digunakan agar membuat table pada aplikasi web ini, pembuatan tabel juga fungsinya agar tertata rapih pembuatan aplikasi web ini. Selanjutnya kita tambahkan tag TR dan TD dengan isi Masukkan jumlah nilai uang yang ingin di konversi (RP). Langkah selanjutnya kita tambahkan tag input, maksudnya tag input ini akan menampilkan kotak inputan pada aplikasi web ini, dan nilai dari inputan tadi akan disimpan pada nilai1.

Langkah selanjutnya menambahkan tag TR dan TD lagi, kemudian tambahkan tag select dengan nama pilihan, dan kita tambahkan option value dengan nilai 1 sampai 5, option ini merupakan pilihan yang akan muncul pada tampilan web nanti, value merupakan nilai dari pilihan tersebut yang akan terhubung ke javascript diatas. Dan diakhirnya kita tambahkan tag /option dan tag /select tadi.

Langkah selanjutnya kita tambahkan tag TR dan TD dengan colspan 2 dan align center, colspan ini berguna untuk memberi jarak, serta align center agar menjadi ke bagian tengah. Selanjutnya kita tambahkan tag input type dengan nilai submit, dan valuenya hitung. Lalu tambahkan tag /table , /form , /font , /body dan /html sebagai akhir dari web aplikasi ini.