Membuat Aplikasi Bangun Ruang

  • Published on
    27-Oct-2015

  • View
    118

  • Download
    8

Embed Size (px)

DESCRIPTION

Apps Bangun Ruang JSP

Transcript

  • Membuat Aplikasi Bangun Ruang Dengan Pemrograman Java Server Pages

    2013

    Rio Andrianto, S.Kom SMK Bakti Nusantara 666

    1/1/2013

  • MEMBUAT APLIKASI BANGUN RUANG

    Tampilan Utama Aplikasi Bangun Ruang (index.jsp)

    Tampilan Halaman Segitiga

    (segitiga_home.jsp)

  • Tampilan Hasil Perhitungan Segitiga

  • SOURCE CODE Index.jsp Aplikasi Bangun Datar Home Segitiga Persegi Panjang Jajaran Genjang Bangun Datar Home Segitiga Persegi Panjang Jajaran Genjang SMK Bakti Nusantara 666 - Teknologi Web

  • Sisipan.jsp Selamat Datang Jenis bangun datar bermacam-macam, antara lain persegi, persegi panjang, segitiga, jajar genjang, trapesium, layang-layang, belah ketupat, dan lingkaran. Nama-nama Bangun Datar Persegi Panjang, yaitu bangun datar yang mempunyai sisi berhadapan yang sama panjang, dan memiliki empat buah titik sudut siku-siku. Persegi, yaitu persegi panjang yang semua sisinya sama panjang. Segitiga, yaitu bangun datar yang terbentuk oleh tiga buah titik yang tidak segaris.. macam macamnya: segitiga sama sisi, segitiga sama kaki, segitiga siku-siku, segitiga sembarang Jajar Genjang, yaitu segi empat yang sisinya sepasang-sepasang sama panjang dan sejajar. Trapesium, yaitu segi empat yang memiliki tepat sepasang sisi yang sejajar. Layang-layang, yaitu segi empat yang salah satu diagonalnya memotong tegak lurus sumbu diagonal lainnya. Belah Ketupat, yaitu segi empat yang semua sisinya sama panjang dan kedua diagonalnya saling berpotongan tegak lurus. Lingkaran, yaitu bangun datar yang terbentuk dari himpunan semua titik persekitaran yang mengelilingi suatu titik asal dengan jarak yang sama. jarak tersebut biasanya dinamakan r, atau radius, atau jari-jari.

  • segitiga_home.jsp Bangun Datar :: Persegi Panjang Home Segitiga Persegi Panjang Jajaran Genjang Sidebar Home Segitiga Persegi Panjang Jajaran Genjang SMK Bakti Nusantara 666 - Teknologi Web

  • segitiga_isi.jsp Segitiga Segitiga atau segi tiga adalah nama suatu bentuk yang dibuat dari tiga sisi yang berupa garis lurus dan tiga sudut. Matematikawan Euclid yang hidup sekitar tahun 300 SM menemukan bahwa jumlah ketiga sudut di suatu segi tiga pada bidang datar adalah 180 derajat. Menurut Panjang Sisinya Segitiga dikelompokan menjadi beberapa jenis yaitu: Segitiga sama sisi adalah segitiga yang ketiga sisinya sama panjang. Sebagai akibatnya semua sudutnya juga sama besar, yaitu 60. Segitiga sama kaki adalah segitiga yang dua dari tiga sisinya sama panjang. Segitiga ini memiliki dua sudut yang sama besar. Segitiga sembarang adalah segitiga yang ketiga sisinya berbeda panjangnya. Besar semua sudutnya juga berbeda. Menurut besar sudut terbesarnya: Segitiga siku-siku adalah segitiga yang salah satu besar sudutnya sama dengan 90. Sisi di depan sudut 90 disebut hipotenusa atau sisi miring. Segitiga lancip adalah segitiga yang besar semua sudut < 90 Segitiga tumpul adalah segitiga yang besar salah satu sudutnya > 90 Isi Form Dibawah ini untuk Menghitung Luas dan Keliling Segitiga Panjang Alas : Cm Tinggi Segitiga : Cm

  • segitiga_hitung.jsp

  • style.css body {background: #EDE1F2; font-family: 'Open Sans', 'Droid Sans', Arial, sans-serif; font-size: 13px;} #box {margin: 20px auto; padding: 20px; width: 800px; background: white; border: 1px solid #D8C1E3; box-shadow: 0px 0px 10px #CCC; -moz-box-shadow: 0px 0px 10px #CCC; -webkit-box-shadow: 0px 0px 10px #CCC;} p {color: #222; text-align: justify;} h1, h2, h3, h4, h5, h6 {margin: 0;} h1 {font-size: 30px; letter-spacing: -2px; padding: 0;} h2 {font-size: 25px;} h3 {font-size: 23px;} h4 {font-size: 20px; text-transform: uppercase; letter-spacing: 1px;} h5 {font-size: 20px; text-transform: uppercase; letter-spacing: 1px; color: #555;} h6 {font-size: 20px; color: #555;} a {color: purple; text-decoration: underline;} a:hover {color: black; text-decoration: none;} a:active {color: purple; text-decoration: none;} a:visited {color: purple; text-decoration: underline;} ul li {margin-bottom: 10px;} #title {float: left; margin-bottom: 15px;} #nav {float: right; padding: 0; margin: 10px 0 0 0;} #nav li {display: inline; line-height: 34px;} #nav li a {background: #8C2EB8; color: white; font-size: 14px; font-family: 'Open Sans'; font-weight: bold; text-transform: uppercase; padding: 7px 10px 8px 10px; text-decoration: none;} #nav li a:hover {background: #6E2191;} #nav li a:active {background: #581975;} #nav li a.selected {background: #581975;} #nav li a.selected:hover {background: #44115C;} #nav li a.selected:active {background: #581975;} #header {clear: both;} #body {margin-top: 20px;} #main {float: left; width: 575px; margin: 0;} #side {float: right; width: 200px; padding: 0;} #side a {text-decoration: none;} #side h2 {color: gray; text-align: right; letter-spacing: 2px; margin: 0; text-transform: uppercase;} #side h6 {color: #555; text-align: right; float: right; width: 175px; padding: 10px; font-weight: normal; font-size: 15px; background: #F3EBF7; margin: 0 0 5px 0; border: 1px solid #E0CAEB;} #side h6:hover {color: #222; background: #EADAF2; border: 1px solid #D8C1E3;} #foot {clear: both; color: black; background: #EADAF2; padding: 10px 20px;} #foot p {margin: 0; text-align: right;}

  • TUGAS ANDA 1. Buatlah Image header yang bertemakan bangun ruang dengan ukuran 800x200 pixel sehingga terbentuk

    tampilan seperti dihalaman sebelummnya. 2. Berdasarkan contoh script diatas, lengkapi perhitungan yang terdalam menu yaitu:

    a. Persegi panjang b. Jajaran genjang c. Lingkaran d. Trapesium