L I S T I N G P R O G R A M. Universitas Sumatera Utara

67

L I S T I N G P R O G R A M

Universitas Sumatera Utara

1

1.

Koneksi Database

2.

Index.php <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="js/jquery-1.8.2.min.js" type="text/javascript"> <script src="js/jquery.carouFredSel-6.2.0-packed.js" type="text/javascript"> <script src="js/selectdesa.js"> <script type="text/javascript"> $(function() { var $imgs = $('#images .carousel'), $capt = $('#captions .carousel'), $timr = $('#timer'); $imgs.carouFredSel({ circular: false, scroll: { easing: 'quadratic', duration: 2, timeoutDuration: 3000, onBefore: function( data ) {

Universitas Sumatera Utara

2

$capt.trigger( 'slideTo', [ '.' + data.items.visible.first().attr( 'alt' ) ] ); $timr.stop().animate({ opacity: 0 }, data.scroll.duration); }, onAfter: function() { $timr.stop().animate({ opacity: 1 }, 150); } }, auto: { progress: '#timer' }, pagination: { container: '.pager', anchorBuilder: function( i ) { return ''; } } }); $capt.carouFredSel({ circular: false, auto: false, scroll: { easing: 'quadratic', duration: 2 } }); }); <script src="js/jquery-1.8.2.min.js" type="text/javascript"> <script src="js/jquery.carouFredSel-6.1.0-packed.js" type="text/javascript"> <script type="text/javascript"> $(function() { $('#carousel').carouFredSel({ width: 960, items: 4, scroll: 1, auto: { duration: 1250, timeoutDuration: 2500 }, prev: '#next', next: '#prev', pagination: '#pager' });

Universitas Sumatera Utara

3

});

3.

Center

4.

Item

5.

Item Detail

6.

Register <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

7.

Pemrosesan Register <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script language="javascript"> alert('Proses Berhasil') window.location="login.php"; <script language="javascript"> alert('Masukkan Data Anda dengan benar') window.location="index.php?p=register.php";

Universitas Sumatera Utara

16

8.

Login

Universitas Sumatera Utara

17

9.

Map <meta charset="utf-8"> <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"> <style> html, body { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: medium; } #map { width: 500px; height: 400px; border: 1px solid black; } <script type="text/javascript"> (function() { window.onload = function() { var options = { zoom: 12, center: new google.maps.LatLng(3.561063,98.655295), mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map(document.getElementById('map'), options); var marker = new google.maps.Marker({ position: new google.maps.LatLng(3.561063,98.655295), map: map, title: 'Klik Saya' }); var infowindow = new google.maps.InfoWindow({ content: 'Ini adalah Tugu Jogja' }); google.maps.event.addListener(marker, 'click', function(){ infowindow.open(map, marker); }); }; })();

Marking Satu Lokasi

Universitas Sumatera Utara

18

10. About Us <meta charset="utf-8"> <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"> <style> #map { width: 950px; height: 400px; border: 1px solid black; } <script type="text/javascript"> (function() { window.onload = function() { // Membuat konfigurasi umum peta berbasis Google Maps // zoom: untuk perbesaran/skala peta; // center: untuk menentukan titik koordinat tengah peta; // mapTypeId: untuk menentukan tipe peta yang digunakan; var options = { zoom: 12, center: new google.maps.LatLng(3.561063,98.655295), mapTypeId: google.maps.MapTypeId.ROADMAP }; // Membuat objek peta Google Maps, memanggil elemen HTML dengan id = 'map' var map = new google.maps.Map(document.getElementById('map'), options); // Menambahkan marker (penanda) ke dalam peta var marker = new google.maps.Marker({ position: new google.maps.LatLng(3.561063,98.655295), map: map, title: 'Klik Saya' }); // Membuat InfoWindow dengan memunculkan informasi/teks ketika di-klik var infowindow = new google.maps.InfoWindow({ content: 'Ini adalah Jamin Ginting' }); // Menambahkan event Click pada penanda

Universitas Sumatera Utara

19

google.maps.event.addListener(marker, 'click', function() { // Memanggil 'open method' InfoWindow infowindow.open(map, marker); }); }; })(); 11.

Contact Us <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

12. Cara Pembayaran <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="js/jquery-1.8.2.min.js" type="text/javascript"> <script src="js/jquery.carouFredSel-6.1.0-packed.js" type="text/javascript"> <script type="text/javascript"> $(function() { $('#carousel').carouFredSel({ width: 960, items: 4,

Universitas Sumatera Utara

21

scroll: 1, auto: { duration: 1250, timeoutDuration: 2500 }, prev: '#next', next: '#prev', pagination: '#pager' }); });

13. Search

14. Cart

Universitas Sumatera Utara

26



15. Cart Print

Universitas Sumatera Utara

32

<script type="text/javascript"> if (window.print) { document.write(); } setTimeout('window.print()', 1000); setTimeout('to_cart_print.php()', 1200);