Komputasi Statistik: html

Showing posts with label html. Show all posts

Sunday, October 16, 2011

Sintak I : Buat Tabel dalam HTML

Dalam posting kali ini, penulis ingin melanjutkan pembelajaran mengenai HTML. Kali ini kita akan mencoba untuk membuat tabel dalam HTML dengan menkombinasikannya juga dengan Javascript agar lebih dinamis.
Berikut sintaknya :

<html >
<head>
<script type="text/javascript">
function info(){
    alert("UKM Seni Tari merupakan UKM yang anggotanya semuanya wanita dan memiliki anggota berjumlah 20 orang. Mari gabung dengan UKM Seni Tari. Seru loooo..!!");
    var x = window.confirm("Anda mau gabung dengan UKM Seni Tari ?");
    if(x){
         var x =window.prompt("Masukan nama Anda")
         var y =window.prompt("Masukan kelas Anda")
        if(x!=null){
        if(y!=null)
        window.alert("Selamat Datang "+x+" kelas "+y+" di UKM Seni Tari")
        }

    }
    else
    window.alert("Terimkasih")
}

</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>SISTEM INFORMASI MENAJEMEN UKM STIS</title>
</head>
<body>
<p><h3 align="center" >DAFTAR UKM STIS TAHUN 2011</h3></p>
<table border="2" width="500" align="center">
<tr>
    <td onmouseover="this.bgColor='#FF0000'" onmouseout="this.bgColor='#FF00FF'" valign="middle" align="center">NAMA UKM</td>
    <td onmouseover="this.bgColor='#FFFF00'" onmouseout="this.bgColor='#FF00FF'" valign="middle" align="center">Jumlah Anggota</td>
</tr>
<tr>
    <td onmouseover="this.bgColor='#FF0000'" onmouseout="this.bgColor='#FF00FF'" onclick="info()" id="senitari">Seni Tari</td>
    <td onmouseover="this.bgColor='#FFFF00'" onmouseout="this.bgColor='#FF00FF'">20 orang</td>
</tr>
<tr>
    <td onmouseover="this.bgColor='#FF0000'" onmouseout="this.bgColor='#FF00FF'">Futsal</td>
    <td onmouseover="this.bgColor='#FFFF00'" onmouseout="this.bgColor='#FF00FF'">30orang</td>
</tr>
<tr>
    <td onmouseover="this.bgColor='#FF0000'" onmouseout="this.bgColor='#FF00FF'">Komputasi.Net</td>
    <td onmouseover="this.bgColor='#FFFF00'" onmouseout="this.bgColor='#FF00FF'">50orang</td>
</tr>
<tr>
    <td onmouseover="this.bgColor='#FF0000'" onmouseout="this.bgColor='#FF00FF'">Theater</td>
    <td onmouseover="this.bgColor='#FFFF00'" onmouseout="this.bgColor='#FF00FF'">35 orang</td>
</tr>

</table>
</body>
</html>

Ketik sintak di atas di editor notepad, kemudian save dengan format namafile.html. Kemudian jalankan dengan browser Anda. Letakkan kursor di atas table. Lihat perubahan nya. Warnanya akan berubah. Kemudian coba klik pada kolom bertulisan Seni Tari. Maka ketika diklik, code javascript akan dieksekusi melalui fungsi info().

                                               ::Selamat Mencoba dan Berkreasi::

Saturday, October 15, 2011

Belajar HTML

HTML yang merupakan singkatan dari HyperText Markup Language adalah script untuk menyusus dokumen-dokumen web.HTML dapat dibuka,diedit dengan Notepad di Windows. Dokumen HTML disimpan dalam format text reguler dan mengandung tag-tag yang memerintahkan web browser untuk mengeksekusi peintah-perintah yang dispesifikasikan.Dalam arsiteksur web terdiri dari 3 komponen,yaitu :
a. HyperText Markup Language(HTML)
b. Universal Resource Identifier(URI)
c. HyperText Transfer Protocol(HTTP)

Pada kesempatan kali ini, saya akan membahas mengenai HTML yang mungkin sudah banyak yang bisa. Tapi tidak mengurangi semangat saya untuk sharing pengetahuan seputar HTML kepada para pembaca yang mungkin masih pemula atau masih belum tahu tentang HTML dan pengen mempelajarinya. HTML terdiri dari 3 bagian dasar dan menggunakan tag-tag < > ,tidak case-sensitive artinya tidak membedakan antara huruf besar dan huruf kecil, akan tetapi saya sarankan memakai huruf kecil. Struktur dasar HTML :

<html>

<header>

<title>Disini Judul Dokumen HTML</title>

</header>

<body>

Disini penulisan informasi Web

</body>

</html>

Dari struktur dasar HTML di atas dapat dijelaskan sebagai berikut :

a. Tag

Adalah teks khusus(markup) berupa dua karakter "<" dan ">", sebagai contoh <body> adalah tag dengan nama body. Secara umum tag ditulis secara berpasangan, yang terdiri atas tag pembuka dan tag penutup (ditambahkan karakter "/" seterlah karakter "<"), sebagai contoh <body> ini adalah tag pembuka isi dokumen HTML, dan </body> ini adalah tag penutup isi dokumen HTML.

b.Element

Element terdiri atas tiga bagian, yaitu tag pembuka, isi, dan tag penutup. Sebagai contoh untuk menampilkan judul dokumen HTML pada browser digunakan element title, dimana :

<title>ini adalah tag pembuka judul dokumen HTML

Disini Judul Dokumen HTML ini adalah isi judul dokumen HTML

</title> ini adalah tag penutup judul dokumen HTML

Tag-tag yang ditulis secara berpasangan pada suatu element HTML, tidak boleh saling tumpang tindih dengan pasangan tag-tag lainnya. Contoh penulisan tag-tag yang benar :

<p>
<b>

.............................

</b>

</p>

Contoh penulisan tag-tag yang salah :

<p>

<b>

.............................

</p>

</b>

</to be continued.>

Wednesday, October 12, 2011

Apa sich JavaScript?

Alkisah,ada seorang pemuda dan pemudi jurusan Komputasi Statistik sedang asyik ngobrol. Apa ya yang diobrolin mereka.Jadi penasaran nich. Langsung aja ke TKP
Uun : On, aku masih belum paham tentang apa itu JavaScript nich.
         Apa JavaScript itu ya bahasa Java yang kita   pelajari tingkat II itu ya?
Oon : Haaaa..hari gini ga tau JavaScript. Jadul bin Katrok lo.
Uun : Emang kamu taw On??
Oon : Ya taw gitu loh. Masak kita anak KS gk taw JavaScript. terlebih lagi q kan orang Jawa.
         JawaScript ma makanan tiap hari.
Uun : Owww...pantes nama kamu "OON"..kamu ja lum bisa bedain pengucapan JavaScript ma JawaScript.
         Mulai sekarang LOE-GUE-END.
Oon : Alamak.....jangan gt lah un. Ku cinta kamu dari tingkat I, masak gara2 JavaScript kita END sich.:(
Uun : Biarin...kamu sich dari dulu Oon terus.

Kemudian munculah seorang cowok yang tampan, beralis tebal, berbibir tebal, bermuka tebal datang sambil(sering dipanggil "BEJO") berkata,"Hai,kalian sedang ribut apa sich?law ada masalah tanya ke gue."
Uun : Heem..ni si Oon gak taw JavaScript padahal dah tingkat IV. Sebenarnya ku juga lum taw sich..hehehe
Oon : Emang kamu taw Jo,apa itu JavaScript?
Bejo : Ya taw lah..hari gini gitoooeh. Begini penjelasannya :
"JavaScript itu adalah bahasa script yang biasa di jalankan di browser, orang-orang biasa bilang client side programming. Client di sini adalah browser,seperti : Internet Explorer, Safari, Google Chrome, Firefox dan sebagainya. Kode JavaScript biasanya disisipkan diantara kode-kode HTML."
Uun : trus apa kita butuh kompiler untuk menjalankan JavaScript?
Bejo: Tidak perlu jeng, kamu cukup menjalankan javascript menggunkan browser. Semua browser menpunyai engine untuk mengintepretasikan kode javascript kita jeng.

Oon : owwww...trus javascript syntaks nya gimana? Apa sama kayak java gitu?
Bejo : Sintaks javascript itu mirip-mirip bahasa C atau Java. Tapi ingat kode javascript ditulis diantara tag <script> dan </script>, bisa disisipkan ke kode-kode HTML. Javascript bersifat case sensitive, artinya huruf kecil dan huruf besar berbeda. Setiap baris kode javascript dipisahkan baris baru atau bisa juga titik koma(;). Contoh sintaknya sederhananya kayak gini On.

    <script>
    alert("Welcome to JavaScript");
    </script>

Uun : Uhmmm....Bejo keren banget deh. udah mukanya tebal,bibirnya tebal..pinter lagi. So sweet!!!
Oon : Uhf...LOE-GUE-END!!