tempat berbagi....siapatau bisa bermanfaat..^_^

soponsor by

Tuesday, February 25, 2014

Desin Web perhitungan Quantity

Desin Web perhitungan Quantity || Bicara tentang perkembangan teknologi ( cie cie sok modern) disini saya mencoba berbagi sebisanya contoh pengerjaan web..udah ga asing deh dimata agan" skalian yang namanya web...nah...sekarang enaknya bikin apa ya....hehehehe....(sok pinter)...ya yang benernya sih berawal dari tugas kuliah, disuruh bikun tentang penjualan produk dan blablabla...sya coba mengerjakan tapi hasilya tetoottt..........(nol) besar...akhirnya saya sama temen  kampus kerja kelompok dan ternyata  jengjreng.....akhirnya ada pencerahan ...disini saya mencoba berbagi cara pembuatan laman web tentang pariwisata atau tour.(pengembangannya ato isinya kan bisa dirubah sesuai kebutuhan..).udah deh kita liat aja
bismillah...

tour

 nah kaya gini yg saya bikin..emang sih belum sempurna..namanya juga masih belajar...ya sukur' ad yng mau bantu saya untuk menyempurnakannya..hehehehe sangat ditunggu tuh masukan masukannya.. 
disini saya membuat cukup centang  kotak kecil maka akan mucul jumlah quantity 1 dengan harga secara otomatis... nah kita tinggal rubah jumlah quantity nya..dan hasilnya akan seperti ini 

design web
cie cie sok bisa..padahal dapet banyuan dari temen-temen nih..hehehehehe...ya tapi mudah-mudahan dengan semakin sering share sana sini saya jadi bisa jago...(ngarep.com...hehehehe)...nah sekarang kita coba lihat proses pembuatannya....




<html>
<head><title></title>
    <link rel="stylesheet" href="style.css" type="text/css"/>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
        <script src="autoNumeric.js"></script>
        <script type="text/javascript">
jQuery(function($) {
    $('.auto').autoNumeric('init');
});
</script>
        <script type="text/javascript">
            function global(){
                                if(document.getElementById("paket1").checked){
                                    document.getElementById("wisata1").value=1
                                                                   
                                                                        $('#harga1').autoNumeric('set', 75000)
                                }else{document.getElementById("wisata1").value=""
                                    document.getElementById("harga1").value=""
                                }
                            }
            function global1(){
                                if(document.getElementById("paket2").checked){
                                    document.getElementById("wisata2").value=1
                                    $('#harga2').autoNumeric('set', 150000)
                                }else{document.getElementById("wisata2").value=""
                                    document.getElementById("harga2").value=""
                                }
                            }
            function global3(){
                                if(document.getElementById("paket3").checked){
                                    document.getElementById("wisata3").value=1
                                    //document.getElementById("harga3").value=125000
                                                                        $('#harga3').autoNumeric('set', 100000)
                                }else{document.getElementById("wisata3").value=""
                                    document.getElementById("harga3").value=""
                                }
                            }
            function global4(){
                                if(document.getElementById("paket4").checked){
                                    document.getElementById("wisata4").value=1
                                    $('#harga4').autoNumeric('set', 125000)
                                }else{document.getElementById("wisata4").value=""
                                    document.getElementById("harga4").value=""
                                }
                            }
            function global5(){
                                if(document.getElementById("paket5").checked){
                                    document.getElementById("wisata5").value=1
                                    $('#harga5').autoNumeric('set', 450000)
                                }else{document.getElementById("wisata5").value=""
                                    document.getElementById("harga5").value=""
                                }
                            }
                       
            function total(){
                var quantity =document.getElementById("wisata1").value;
                var harga =$("#harga1").autoNumeric('get');
                var jumlah1=0.0;
                    jumlah1=quantity*harga;
                var quantity2 =document.getElementById("wisata2").value;
                var harga2 =$("#harga2").autoNumeric('get');
                var jumlah2=0.0;
                    jumlah2=quantity2*harga2;
                var quantity3 =document.getElementById("wisata3").value;
                var harga3 =$("#harga3").autoNumeric('get');
                var jumlah3=0.0;
                    jumlah3=quantity3*harga3;
                var quantity4 =document.getElementById("wisata4").value;
                var harga4 =$("#harga4").autoNumeric('get');
                var jumlah4=0.0;
                    jumlah4=quantity4*harga4;
                var quantity5 =document.getElementById("wisata5").value;
                var harga5 =$("#harga5").autoNumeric('get');
                var jumlah5=0.0;
                    jumlah5=quantity5*harga5;
                var total1=0.0;
        total1=jumlah1+jumlah2+jumlah3+jumlah4+jumlah5;
       
        //document.baca.biaya.value=eval(total1);
                $('#ao').autoNumeric('set', total1)
       
                        if (total1 > 2000000 && total1 <= 3000000){
                            document.baca.bonus.value=("payung");
                        }else if(total1 > 3000000 && total1 <= 4000000){
                            document.baca.bonus.value=("Jas Hujan");
                        }else if(total1 > 4000000){
                            document.baca.bonus.value=("Vouchr 1jt");
                        }else{
                            document.baca.bonus.value=("Kejar terus hadiahnya");
                        }
        }
    </script>
</head>
<body>
<div id="container">
    <div id="header"><img src="header.jpg"><h2>Jl. Jayagiri Lembang Terbaik&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <blink>-------------Tour Easy-------------</blink>     &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Contact person :768776868</h2></div>
    <div id="body">
        <form name="baca">
            <table>
            <tr><td><img src="ratu.jpg"></td>
                <td align="justify"><h1>Paket Wisata Kawah Ratu </h1>
                    Kawah ratu adalah kawah terbesar yang terdapat di lembang tepatnya di gunung Tangkuban Perahu, kawah ini terbentuk akibat meletusnya Gunung tangkuban Perahu pada tahun 1927, Kawah ini masih mengeluarkan zat asam yang berbahaya sehingga tidak di perbolehkan untuk turuh ke bawah kawah.Kawah Ratu merupakan salah satu kawah di Gunung Tangkubanperahu. Secara geologis, kawah tersebut telah menarik banyak perhatian para ahli geolog. Apalagi kawah tersebut merupakan satu-satunya kawah gunung api yang bisa dijangkau dengan kendaraan roda empat. Tanpa bersusah payah, begitu turun dari kendaraan, pengunjung sudah berada di bibir kawah.
                    Gunung Tangkubanperahu bukan hanya merupakan salah satu gunung api yang masih aktif di Jawa Barat. Gunung tersebut sekaligus merupakan taman wisata alam (TWA) dengan luas sekitar 370 ha. Secara administratif, gunung tersebut berada di dua wilayah administrasi pemerintahan, yakni Kabupaten Bandung dan Kabupaten Subang. Puncaknya yang berada pada ketinggian 2.076 meter di atas permukaan laut, pertama kali didaki Reibeek yang sedang mencari kandungan belerang. Karena kelelahan, ia meninggal dalam perjalanan pulang pada tanggal 13 November 1713. Baru tahun 1906, atas prakarsa Bandoeng Vooruit dibangun jalan ke puncak gunung tersebut. Sejak itu, kawah Gunung Tangkubanperahu merupakan satu-satunya kawah gunung api yang bisa dicapai dengan kendaraan roda empat. Gunung api tersebut muncul sebagai fasa paling mudah dari kompleks Gunung Sunda, setelah sebelumnya runtuh dan mengalami sesar. Bagian puncaknya yang unik karena bentuknya memanjang dari arah timur-barat sepanjang kurang lebih 1.100 meter memiliki banyak kawah.
                    <h3>Harga Tiket        : Rp. 75.000,-  /orang</h3>
                    <input type="checkbox" onchange="global()" name="paket1" id="paket1" >Quantity</input><input type="text" size="1"  id="wisata1" name="wisata1"></input><input type="text"  id = "harga1" name="harga1" class="auto"></input>
                    </td>
            </tr>
            <tr><td><img src="ijen.jpg"></td>
                <td align="justify"><H1>Paket Wisata Kawah Ijen</h1>
                    Inilah salah satu pesona keindahan alam Indonesia yang menawan. Anda akan disuguhkan pesona alam luar biasa dan keunikan penambang belerang tradisional. Arena proses letusan gunung Kawah Ijen dipenuhi air sehingga terbentuklah danau kawah yang sangat indah dan menakjubkan.
                    <h3>Harga Tiket        : Rp. 150.000,- /orang</h3>
                    <input type="checkbox" onchange="global1()" name="paket2" id="paket2" >Quantity</input><input type="text" size="1" id="wisata2" name="wisata2"></input><input type="text" id = "harga2" name="harga2" class="auto"></input>
                    </td>
            </tr>
            <tr><td><img src="putih.jpg"></td>
                <td align="justify"><h1 >Paket Wisata Kawah Putih</h1>
                     Sejarah Kawah Putih ini berawal sejak tahun 1837, yang saat itu seorang Belanda peranakan Jerman bernama Dr. Franz Wilhelm Junghuhn (1809-1864) sedang mengadakan perjalanan ke daerah Bandung Selatan. Ketika sampai di kawasan tersebut, dia merasakan suasana yang sunyi dan sepi bahkan tak ada seekor binatangpun yang melintas ke daerah tersebut. Ketika Junghuhn menanyakan kawasan tersebut kepada masyarakat, masyarakat disana mengatakan bahwa kawasan Gunung Patuha tersebut sangat angker karena merupakan tempat bersemayamnya arwah para leluhur serta merupakan pusat kerajaan bangsa jin. Oleh karena itu, jika ada burung yang melintas ke kawasan tersebut akan jatuh dan mati.
                     Meskipun mendengar berita seperti itu, Junghuhn tidak begitu mempercayai akan ucapan masyarakat. Lalu dia melanjutkan perjalanannya menembus hutan belantara di gunung itu untuk membuktikan kejadian yang sebenarnya. Namun sebelum mencapai puncak dari gunung tersebut, Junghuhn terkejut melihat pesona alam yang begitu indah, dimana terhampar sebuah danau yang cukup luas dengan air berwarna putih kehijauan, serta dari dalam danau tersebut keluar semburan lava serta bau belerang yang menusuk hidung.
                     Dari tempat inilah awal mula berdirinya pabrik belerang Kawah Putih dengan sebutan pada zaman belanda "Zwavel Ontgining Kawah Putih". Lalu pada zaman Jepang, usaha pabrik ini dilanjutkan dengan sebutan baru yaitu "Kawah Putih Kenzanka Yokoya Ciwidey" yang berada dibawah pengawasan militer.
                     Cerita mengenai Kawah Putih ini terus berkembang dari satu generasi ke generasi berikutnya. Hingga kini masih ada sebagian masyarakat yang mempercayai bahwa kawasan Kawah Putih merupakan tempat berkumpulnya roh para leluhur. Meskipun Franz Wilhem Junghuhn sudah lama tiada, namun penemuannya terhadap Kawah Putih ini masih tetap anggun mempesona hingga sekarang.
                    <h3>Harga Tiket        : Rp. 100.000,- /orang</h3>
                    <input type="checkbox" onchange="global3()" name="paket3" id="paket3" >Quantity</input><input type="text" size="1" id="wisata3" name="wisata3"></input><input type="text" id = "harga3" name="harga3" class="auto"></input>
                    </td>
            </tr>

            <tr><td><img src="darajat.jpg"></td>
                <td align="justify"><h1 >Paket Wisata Kawah Darajat</h1>
                    Garut merupakan kabupaten yang memiliki berjuta potensi baik dibidang kesenian, kuliner, budaya,juga tempat wisatanya. salah satunya adalah Puncak darajat. merupakan sebuah tempat wisata yang baru di bangun 2010.puncak darajat waterboom and hotspring water bertempat di Km 25 pasirwangi garut. sejak dibuka temapat wisata ini tak pernah sepi dari pengunjung yang hendak berlibur bersama keluarga baik di hari libur maupun di hari biasa.
                    Ada banyak pasilitas yang di sediakan puncak darajat, kolam pemandian air panas, waterboom, ember tumpah. tidak hanya kolam air panas dengan fasilitas yang sangat komplit, untuk pengunjung yang membawa serta keluarganyadan ingin merasakan sensasi baru berjalan-jalan di puncak, bisa mencoba wisata berkuda atau untuk para petualang sejati bisa mencoba ATV di track yang ada di puncak darajat.
                    untuk anda yang suka dengan permainan yang bisa mengasah keberanian anda, anda bisa mencoaba flyingfox yang merupakan flaying fox terpanjang di garut. selain itu ada juga permainan shaking bridge. tempat outbound yang luas membuat anda nyaman berwisata di puncak darajat.
                    untuk pengunjung yang datang dari jauh, kami menyediakan bungalau dan hotel yang tentunya menyajikan pesona keindahan panorama alam puncak darajat. kami memberikan fasilitas yang anda inginkan dengan harga yang sangat bersahabat dengan kantong adan.
                    <h3>Harga Tiket        : Rp. 125.000,- /orang</h3>
                    <input type="checkbox" onchange="global4()" name="paket4" id="paket4" >Quantity</input><input type="text" size="1" id="wisata4" name="wisata4"input><input type="text" id = "harga4" name="harga4" class="auto"></input>
                    </td>
            </tr>
            <tr><td><img src="tinggiraja.jpg"></td>
                <td><h1> Paket Wisata Kawah Gunung Kapur Tinggi Raja</h1>
                    Sumatera Utara kaya dengan wisata alam yang diyakini menarik bagi wisatawan dalam negeri maupun wisatawan mancanegara. Salah satunya adalah wisata air panas Tinggi Raja. Lokasinya terletak di Kecamatan Silau Kahean, Kabupaten Simalungun. Perjalanan ke tempat ini dapat ditempuh selama 3-4 jam perjalanan dari kota Medan.
                    Kawah air panas alami yang berasal dari perut bumi ini mwmiliki bukit kapur yang terlihat seperti salju sehingga keindahan objek wisata ini sulit untuk dilupakan. Pengunjung juga dapat merasakan perpaduan antara air panas yang berasal dari kawah dengan air sungai dingin yang mengalir di bawah kawah. Sehingga di beberapa titik, terjadi perpaduan antara air panas dan air dingin yang alami.
                    Di tempat ini, wisatawan juga akan disambut oleh tokoh masyarakat Tinggi Raja dan juga penjaga bukit  kapur setempat yang dipanggil dengan nama Opung Tinggi Raja.  Meskipun usianya sudah mencapai 101 tahun, tak menyurutkan semangatnya untuk menceritakan sedikit sejarah tentang Tinggi Raja. Dalam kisah Opung, kawasan Tinggi Raja berasal dari empat marga yaitu Damanik, Saragih, Sipayung dan Purba
                    <h3>Harga Tiket        : Rp. 450.000,- /orang</h3>
                    <input type="checkbox" onchange="global5()" name="paket5" id="paket5" > Quantity</input><input type="text" size="1" id="wisata5" name="wisata5"></input><input type="text" id = "harga5" name="harga5" class="auto"></input>
                    </td>
            </tr>
            <tr bgcolor="red"><td colspan="2"></td ></tr>
            <tr><td colspan="2" ><h2>Total Hitung </h2></input></td>
            </tr>
            <tr><td colspan="2" align ="center"><input type="button" onclick="total()" value="Hitung" style="height:35px; width:100px;" >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Total &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input  id ="ao" type="text" name="biaya" class="auto"/>
                </td>
            </tr>
            <tr bgcolor="red"><td colspan="2"></td ></tr>
            </table>
                <br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Bonus</br>
                <center><textarea cols="140" rows="7" align="right" name="bonus"></textarea></center>
            </div>   
        </form>       
    <div id="footer" align="center"><td colspan="2">&copy; Erwin Karizky</td ></div>
</div>
</body>
</html>


nah...lumayan belibet sih buat yang awam sperti saya...ya pasti agan" juga pusing liatnya...inget jangan cuma copy paste,,....tapi pelajari saya yakin agan" lebih jago, lbih TERBAIK dari saya...nah ditunggu ya yng bisa menyempurnakan hasil karya saya...hehehhe...