Selasa, 26 Juni 2012

program perhitungan kalimat




Langkah-Langkah Pembuatan Web Aplikasi Penghitung Panjang Kalimat.
                Pada pembuatan web aplikasi penghitung kalimat ini, saya menggunakan Editplus. Bisa juga menggunakan notepad, namun agar lebih mudah maka saya menggunakan Editplus.

                Langkah pertama dalam pembuatan web aplikasi ini yaitu memberi tag HTML, pemberian tag HTML menandakan bahwa file ini adalah file ekstensi HTML. Selanjutnya kita tambahkan tag HEAD, tag HEAD ini merupakan header pada web aplikasi ini, pada tag HEAD ini juga terdapat tag TITLE yaitu untuk judul aplikasi web ini, judulnya saya beri Penghitung Kalimat.


                Langkah selanjutnya adalah pembuatan script untuk bagian javascript, pembuatan script ini dapat kita lakukan dengan memberi tag script language sama dengan JavaScript. Yang menandakan bahwa script yang kita buat ini adalah javascript. Langkah selanjutnya adalah membuat fungsi, fungsi ini bertujuan agar nantinya bisa kita panggil pada bagian body. Fungsi disini kita beri nama hitung (). Selanjutnya kita buat variable Kalimatnya dengan sama dengan document.formdenny.kal.value. Document ini maksudnya adalah ini adalah bagian dari dokumen pada form dengan nama formdenny, dan akan mengambil nilai dari kotak inputan kal pada bagian body nanti. Selanjutnya kita tambahkan variable kedua yaitu Panjangnya, variable ini bertujuan untuk memproses panjang kalimat dengan mengambil kalimat pada variable Kalimatnya nanti dan kita tambahkan length agar menghitung panjang. Selanjutnya kita tambahkan window.alert, window.alert ini agar memunculkan windows yang nantinya merupakan hasil dari perhitungan kalimatnya. Dan langkah selanjutnya kita tambahkan tag /script sebagai penanda bahwa ini akhir dari script yang kita buat, dan tag /head menandakan bahwa mengakhiri bagian head.

                Langkah selanjutnya kita masuk ke tag BODY, tag body ini merupakan isi inti dari web aplikasi ini. Selanjutnya kita tambahkan judul untuk web aplikasi ini, dan kita tambahkan tag h3 dan b, tag h3 ini merupakan ukuran font yang sudah ditentukan dan tag b ini untuk huruf bold. Kemudian kita tambahkan tag form name dengan nama formdenny, ini fungsinya untuk memanggil script yang diatas yang bernama formdenny, dan kita tambahkan onsubmit="hitung()" yang maksudnya adalah untuk eksekusi proses perhitungan dengan fungsi hitung tadi. Langkah selanjutnya adalah pembuatan table, table digunakan agar tampilan web terlihat rapih. Table disini kita beri border 1. Selanjutnya kita tambahkan tag TR dan TD, tag TR berfungsi untuk baris (row) dan TD untuk kolom, serta kita tambahkan kalimat-kalimatnya didalam kolom dan baris itu. Kemudian kita tambahkan textarea dengan nama kal dan ukuran kolom 20 dan baris 5. Nama text area disesuaikan dengan nama pada script diatas tadi.






                Langkah selanjutnya kita buat tag TR dan TD lagi untuk bagian tombol, colspan merupakan jarak agar kolom lebar, dan kita tambahkan align center yaitu agar letaknya di tengah. Selanjutnya kita tambahkan tombol yaitu dengan tag input dan tipenya sama dengan submit, dan nama tombol kita beri nama Hitung. Selanjutnya kita beri tag penutup untuk table, body dan html yang menandakan bahwa akhir dari web ini.