• Tidak ada hasil yang ditemukan

DAFTAR PUSTAKA

Duckett, Jon. Beginning Web programming with HTML, XHTML and CSS. Wiley Publishing,Inc.

Kadir, Abdul. 2003. Dasar Pemrograman Web Dinamis Menggunakan PHP.

Yogyakarta:Andi

Kadir, Abdul. 2002. Penuntun Praktis Belajar. Yogyakarta: Andi

Ladjamudin, Al-Bahra. 2005. Analisis dan Desain Sistem Informasi. Yogyakarta:

Graha Ilmu

Lubis, Muhammad Safri. 2012. Dasar-dasar pengembangan web. Medan: Usu Press Nugroho, Bunafit 2009. Aplikasi Pemograman Web Dinamis dengan PHP dan MySQL. Yogyakarta: Gava Media

http://lamonganfree.blogspot.com/2012/06/membuat-web-e-commerce dengan php- dan.html. Diakses selasa, 29 april 2016

http://catatan-masgatot.blogspot.com/2012/05/contoh-web-ecommerce menggunakan.html#more. Diakses selasa, 29 april 2016

Listing Program

<link rel="stylesheet" href="css/reset.css"

type="text/css" media="all">

<link rel="stylesheet" href="css/layout.css"

type="text/css" media="all">

<link rel="stylesheet" href="css/style.css"

type="text/css" media="all">

<link rel="shortcut icon" href="images/logo.jpg" />

<link rel="stylesheet" type="text/css" href="style2.css">

<script type="text/javascript" src="js/jquery-1.4.2.js"

></script>

<div class="wrapper">

<h1>

<a href="index.html"

id="logo">ALS Tiket's</a><span id="slogan">Medan Travel</span>

</h1>

<div class="right">

<nav>

<ul id="top_nav">

<li><a href="index.html"><img src="images/img1.gif"

alt=""></a></li>

<li><a href="#"><img src="images/img2.gif" alt=""></a></li>

<li class="bg_none"><a href="#"><img src="images/img3.gif"

alt=""></a></li>

Kenyamanan<span>Terjamin</span><p>Pembelian tiket Bus ALS sekarang lebih mudah melalui website ini, karna website ini menyediakan pembelian tiket Bus ALS online.</p>

</div>

<a href="bus_als/index.php" target="_blank"

rel="dofollow" onclick="windows.open(upload.php); return false;" class="button_top">Klik Untuk Pesan Tiket</a>

</div>

</div>

<div class="conten1">

<div class="badan">

<div class="poto">

<div class="thumb">

<img src="als1.jpg" width="140" height="140">

<div class="name" align="center">

<p align="center">New Armada</p>

</div>

</div>

<div class="thumb">

<img src="als2.jpg" width="140" height="140">

<div class="name" align="center">

<p align="center">New Armada</p>

</div>

</div>

<div class="thumb">

<img src="als3.jpg" width="140" height="140">

<div class="name" align="center">

<p align="center">New Armada</p>

</div>

</div>

<div class="thumb">

<img src="als4.jpg" width="140" height="140">

<div class="name" align="center">

<p align="center">New Armada</p>

</div>

</div>

<div class="thumb">

<img src="als5.jpg" width="140" height="140">

<div class="name" align="center">

<p align="center">New Armada</p>

</div>

</div>

<div class="thumb">

<img src="als6.jpg" width="140" height="140">

<div class="name" align="center">

<p align="center">New Armada</p>

</div>

</div>

</div>

</div>

</div>

<div class="text2">

<center><h6>Semua Armada Dalam Kondisi Baik dan Aman Saat Ini<h6></center>

</div>

</div>

</div>

<br>

<div class="body2">

<div class="main">

<!-- footer -->

<footer>

Project TA M. Marguna T. Informatika USU

</footer>

<!-- / footer -->

</div>

</div>

<script type="text/javascript"> Cufon.now(); </script>

</body>

<link rel="stylesheet" href="css/reset.css"

type="text/css" media="all">

<link rel="stylesheet" href="css/layout.css"

type="text/css" media="all">

<link rel="stylesheet" href="css/style.css"

type="text/css" media="all">

<link rel="shortcut icon" href="images/logo.jpg" />

<link rel="stylesheet" type="text/css" href="style2.css">

<script type="text/javascript" src="js/jquery-1.4.2.js"

></script>

<a href="index.html" id="logo">ALS Tiket's</a><span id="slogan">Medan Travel</span></h1>

<div class="right">

<nav>

<ul id="top_nav">

<li><a href="index.html"><img src="images/img1.gif"

alt=""></a></li>

<li><a href="#"><img src="images/img2.gif"

alt=""></a></li>

<li class="bg_none"><a href="#"><img src="images/img3.gif" alt=""></a></li>

Kenyamanan<span>Terjamin</span><p>Pembelian tiket Bus ALS sekarang lebih mudah melalui website ini, karna website ini menyediakan pembelian tiket Bus ALS online.</p>

</div>

<a href="bus_als/index.php" target="_blank" rel="dofollow"

onclick="windows.open(upload.php); return false;"

class="button_top">Klik Untuk Pesan Tiket</a>

</div>

</div>

<div class="container3">

<div class="judul4">

<center><h6>Sejarah PT. Antar Lintas Sumatera<h6></center>

<div style="overflow:auto; width:695px; height:400px;

padding:px; border:3px solid green">

<div class="badan3">

<div class="isi">

<h3>Pada Tanggal 29 September 1966 di Medan Sumatera Utara dibentuk sebuah<br>usaha pengangkutan darat dengan tujuan :<br>– Medan – Kotanopan<br>

– Medan – Bukit Tinggi<br><br>

<div class="thumb">

<img src="lama3.jpg" width="140" height="140">

<div class="name" align="center">

<p align="center">Als jaman dulu</p>

</div>

</div>

<div class="thumb">

<img src="lama2.jpg" width="140" height="140">

<div class="name" align="center">

<p align="center">Als jaman dul</p>

</div>

</div>

<div class="thumb">

<img src="lama.jpg" width="140" height="140">

<div class="name" align="center">

<p align="center">Als jaman dul</p>

</div>

</div>

<br><br><br><br><br><br><br><br><br><br>

<h3>Usaha pengangkutan ini diberi nama “ PT. Pengangkutan dan Industri Antar Lintas Sumatera “ atau lebih dikenal dengan nama PT. A.L.S sesuai Akte Notaris Pendirian adalah No.50 tanggal 29 September 1966. Kemudian berubah menjadi PT. ANTAR LINTAS SUMATERA (ALS) berkantor pusat di

Medan,.setelah mengalami beberapa kali perubahan.<h3>

<h4>Visi<h4>

<h3>Menjadikan PT.ALS sebagai Service Company yang bergerak dalam bisnis jasa transportasi<h3>

<h4>Misi<h4>

<h3>Aman Lancar dan Sopan<h3>

<h4>Motto<h4>

<h3>Bekerja Sama dan Sama sama Bekerja<h3>

<h4>Rute Perjalanan :<h4>

<h3>Pada awal pendirian tahun 1966, ALS melayani trayek jarak sekitar 200km saja tujuan Medan – Kotanopan (sumatera Utara) dan mulai berkembang sampai Medan- Bukit Tinggi. Kemudian tahun 1972 ALS menambah trayek Medan ke beberapa kota Propinsi di Pulau Sumatera, yaitu:<br>–

Banda Aceh,<br>– Padang,<br>

– Pekan Baru ,<br>

– Jambi,<br>

– Bengkulu,<br>

– Palembang,<br>

– Lampung.<br><h3>

<h3>Dimana pada masa itu masih sangat sulit untuk terjangkau kendaraan jarak tempuh jauh dikarenakan lintasan jalan yang masih belum bagus. Tetapi ALS

berkomitmen untuk dapat melayani dan membantu perkembangan ke daerah dengan menambah trayek perjalanan.<br>

Pada masa 1970 an itu, bus belum dapat menyeberangi Selat Sunda, bila ada penumpang yang ingin bertujuan ke Jawa dari Bakahuni Propinsi Lampung, maka menyeberang dengan perahu atau kapal kecil untuk sampai di Merak.<br>

Kemudian bertolak dari Merak ke tujuan masing masing.<br>

ALS juga sudah melayani tujuan daerah Jawa saat itu, hanya saja biro keagenan yang mengantarkan untuk dari Merak ke tujuannya.<h3>

<h4>Untuk perkembangan usaha, di era 1980-an, ALS telah membuka trayek untuk tujuan<h4>

<h3>– Jakarta<br>

– Bandung<br>

– Semarang<br>

– Yogyakarta<br>

– Surabaya.<br>

Untuk daerah Jawa, trayek yang terakhir dibuka ALS adalah Malang dan Jember. Dimana daerah Jember adalah daerah yang sudah hampir ujung Pulau Jawa. Teatapi ALS belum membuka trayek ke Bali.<h3>

<center><div class="thumb">

<img src="lama4.jpg" width="140" height="140">

<div class="name" align="center">

<p align="center">Als 80-90 an</p>

</div>

</div>

<div class="thumb">

<img src="lama5.jpg" width="140" height="140">

<div class="name" align="center">

<p align="center">Als 80-90 an</p>

</div>

</div></center>

<br><br><br><br><br><br><br><br><br><br>

<h4>Jenis Bus :<h4>

<h3>Bus ALS pada awalnya hanya satu model saja dari pabrikan Amerika, yaitu General Motor Company (GMC) Chevrolet, yang berbahan bakar premium.<h3>

<h3>Setelah terjadinya kenaikan harga bahan bakar yang tinggi maka peralihan BBM Premium ke Solar, maka ALS juga harus mengkondisikan hal itu iuntuk menggantikan Chevrolet kepada Mercedes Benz pabrikan dari Jerman yang berbahan bakar solar hingga sekarang.<h3>

<h3>Saat ini PT.ALS telah memiliki lebih dari 400 unit bus yang keseluruhannya menggunkan produk Mercedes Benz<h3>

<h4>dengan menggunakan Karoseri terkenal di Indonesia diantaranya :<h4>

<h3>– Rahayu Santosa,<br>

– Laksana<br>

– Cipta Karya<br>

– Adi Putro<h3>

<h4>Dan armada ALS sekarang berubah menjadi<h4>

<div class="thumb">

<img src="als1.jpg" width="140" height="140">

<div class="name" align="center">

<p align="center">New Als</p>

</div>

</div>

<div class="thumb">

<img src="als3.jpg" width="140" height="140">

<div class="name" align="center">

<p align="center">New Als</p>

</div>

</div>

<h4>Sekian Sejarang Singkat Dari PT. Antar Lintas Sumatera<h4><br>

Project TA M. Marguna T. Informatika USU

</footer>

<!-- / footer -->

</div>

</div>

<script type="text/javascript"> Cufon.now(); </script>

</body>

<link rel="stylesheet" href="css/reset.css"

type="text/css" media="all">

<link rel="stylesheet" href="css/layout.css"

type="text/css" media="all">

<link rel="stylesheet" href="css/style.css"

type="text/css" media="all">

<link rel="shortcut icon" href="images/logo.jpg" />

<link rel="stylesheet" type="text/css" href="style2.css">

<script type="text/javascript" src="js/jquery-1.4.2.js"

></script>

<a href="index.html" id="logo">ALS Tiket's</a><span id="slogan">Medan Travel</span>

</h1>

<div class="right">

<nav>

<ul id="top_nav">

<li><a href="index.html"><img src="images/img1.gif"

alt=""></a></li>

<li><a href="#"><img src="images/img2.gif"

alt=""></a></li>

<li class="bg_none"><a href="#"><img src="images/img3.gif"

alt=""></a></li>

<li id="menu_active"><a href="index-3.html">Info</a></li>

Kenyamanan<span>Terjamin</span><p>Pembelian tiket Bus ALS sekarang lebih mudah melalui website ini, karna website ini menyediakan pembelian tiket Bus ALS online.</p>

</div>

<a href="bus_als/index.php" target="_blank" rel="dofollow"

onclick="windows.open(upload.php); return false;"

class="button_top">Klik Untuk Pesan Tiket</a>

</div>

</div>

<div class="container5">

<div class="info2">

<center><h6>Untuk Info Lebih Lengkap Hubungi :<h6></center><br>

<h5>Telpon : (061) 7866685</h5><br>

<h3>Fax : (061) 7866744</h3><br>

<h4>Alamat :<br>Jl. Sisingamangaraja Km.

6,5.</h4><br>

Project TA M. Marguna T. Informatika USU

</footer>

<!-- / footer -->

</div>

</div>

<script type="text/javascript"> Cufon.now(); </script>

</body>

</html>

Index4.html

<!DOCTYPE html>

<html lang="en">

<head>

<title>ALS Travel'S</title>

<meta charset="utf-8">

<link rel="stylesheet" href="css/reset.css"

type="text/css" media="all">

<link rel="stylesheet" href="css/layout.css"

type="text/css" media="all">

<link rel="stylesheet" href="css/style.css"

type="text/css" media="all">

<link rel="shortcut icon" href="images/logo.jpg" />

<script type="text/javascript" src="js/jquery-1.4.2.js"

></script>

<script type="text/javascript" src="js/html5.js"></script>

<![endif]-->

<a href="index.html" id="logo">ALS Tiket's</a><span id="slogan">Medan Travel</span>

</h1>

<div class="right">

<nav>

<ul id="top_nav">

<li><a href="index.html"><img src="images/img1.gif"

alt=""></a></li>

<li><a href="#"><img src="images/img2.gif"

alt=""></a></li>

<li class="bg_none"><a href="#"><img src="images/img3.gif" alt=""></a></li>

</ul>

</nav>

<nav>

Kenyamanan<span>Terjamin</span><p>Pembelian tiket Bus ALS sekarang lebih mudah melalui website ini, karna website ini menyediakan pembelian tiket Bus ALS online.</p>

</div>

<a href="bus_als/index.php" target="_blank" rel="dofollow"

onclick="windows.open(upload.php); return false;"

class="button_top">Klik Untuk Pesan Tiket</a>

</div>

Project TA M. Marguna T. Informatika USU

</footer>

<!-- / footer -->

</div>

</div>

<script type="text/javascript"> Cufon.now(); </script>

</body>

.info2 h6{

font:bold 20pt "Script MT Bold";

color: white;

border: 2px solid green;

background:url(bg_top.jpg) top center no-repeat

#1e2023;

background:url(bg_top.jpg) top center no-repeat

#1e2023;

background:url(bg_top.jpg) top center no-repeat

#1e2023;

background:url(bg_top.jpg) top center no-repeat

#1e2023;

background: transparent;

border: 3px solid transparent;

}

.clearboth{clear:both;}

p

-moz-border-radius:10px;

-webkit-border-radius:10px;

margin:0px 15px 15px 0px;

-moz-border-radius:10px;

-webkit-border-radius:10px;

margin:0px 15px 15px 0px;

padding:3px;

border:solid;

-moz-transform:scale(1.4);

-webkit-transform:scale(1.4);

} .name {

height:10px;

width:140px;

-moz-border-radius:5px;

-webkit-border-radius:5px;

}

-moz-border-radius:15px;

-webkit-border-radius:15px;

.text2{background:url(../images/bg_top.jpg) top center no-repeat #1e2023} center no-repeat #1e2023}

} center no-repeat #1e2023;

} center no-repeat #1e2023;

} center no-repeat #1e2023;

} center no-repeat #1e2023;

}

Masuk kedalam folder ALS

Atas.php

<!DOCTYPE html>

<!-- saved from url=(0032)http://bootswatch.com/spacelab/#

-->

<html lang="en"><head><meta http-equiv="Content-Type"

content="text/html; charset=UTF-8">

<title>ALS Travel'S</title>

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<link rel="stylesheet" type="text/css" href="form.css">

<meta name="description" content="Ahmad Afandi, a fully featured, responsive, HTML5, Bootstrap admin template.">

<link rel="stylesheet" href="css/bootstrap.css"

media="screen">

<link rel="stylesheet" href="css/bootswatch.min.css">

<link rel="shortcut icon" href="img/logo1.jpg" />

<!--<link id="bs-css" href="css/charisma-app.css"

rel="stylesheet">-->

<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->

<!--[if lt IE 9]>

<script type="text/javascript" async

src="js/ga.js"></script>--><script type="text/javascript">

var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;

ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') +

'.google-analytics.com/ga.js';

var s = document.getElementsByTagName('script')[0];

s.parentNode.insertBefore(ga, s);

})();

</script>

<script type="text/javascript" async src="../js/bsa.js"></script><style

<div class="navbar navbar-default navbar-fixed-top">

<div class="container">

<div class="navbar-header">

<a href="index.php" class="navbar-brand">Pemesanan Tiket Bus ALS Online</a>

<button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-main">

<div class="navbar-collapse collapse" id="navbar-main">

<ul class="nav navbar-nav">

<li>

<a href="?page=kelas">Daftar Harga Kelas BUS</a>

</li>

<li>

<a href="?page=kereta">Daftar Jadwal BUS</a>

</li>

<li>

<a href="?page=datapesan">Data Pesanan Tiket Bus</a>

</li>

<li>

<a href="transfer1.php">Pesan Masuk</a>

</li>

</ul>

<!--tab Menu-->

<ul class="nav navbar-nav navbar-right">

<li><a href="log.php?op=out">Logout</a></li>

<div class="navbar navbar-default navbar-fixed-top">

<div class="navbar navbar-default navbar-fixed-top">

Unduh sekarang "PERANCANGAN WEBSITE PE..."

Garis besar

Dokumen terkait