display: block; border: 0;
margin-bottom: 0px; }
style head
body div id=wrap
div id=headerimg src=imgheader.png height=150 width=100div
div id=kanan?php includekanan.php; ?div div id=tengahdiv id=petaku style=width:965px; height:500px; border:solid
1px silver;divdiv
div style=clear:both;div div id=foterCopyright © 2012 - Adly Azhary div
div body
html
2. List Program kanan.php
?php includeconnect.php;
includefunction.libraryselect.lib.php;
Universitas Sumatera Utara
echo div style=border-bottom:solid 1px silver;height:auto;text-align:left;margin- bottom:0px;padding:5px;
echo div class=judulLogin Areadivbr; echo
form method=post action=login.php table
tr tdUsernametd
tdinput type=text name=username size=10 td tr
tr tdPasswordtd
tdinput type=password name=password size=10 td tr
tr tdnbsp;td
tdinput type=submit name=submit value=Login td tr
table form
; echo div;
echo div style=border-bottom:solid 1px silver;height:auto;text-align:left;margin- bottom:0px;padding:5px;
echo div class=judulDjikstra Searchdivbr;
Universitas Sumatera Utara
echo form method=post action=ruting.php
table tr
tdAwaltd td.ddownAwal.td
tr tr
tdAkhirtd td.ddownAkhir.td
tr tr
tdnbsp;td tdinput type=submit id=tbldjikstra value=Djikstratd
tr table
form ;
echo div; ?
3. List Program Login.php
?php session_start;
include connect.php;
Universitas Sumatera Utara
username=_REQUEST[username]; password=_REQUEST[password];
sql=mysql_queryselect username,password from user where username =username and password=md5password;
ifmysql_num_rowssql==1{ echo Sukses;
_SESSION[user]=username; headerlocation: admin.php;
}else{ echo Gagal;
headerlocation:http:localhostadlingis; }
?
4. List Program Routing.php
script type=textjavascript src=jsjquery.jsscript script type=textjavascript src=http:tile.cloudmade.comwmllatestweb-maps-
lite.jsscript
script type=textjavascript var map;
function peta_awal{ var cloudmade = new CM.Tiles.CloudMade.Web{key:
9c4b0691bd814c389ed0817f1c1d407e}; var map = new CM.Mapcm-example, cloudmade;
var medan=new CM.LatLng5.538078769250832, 95.33111572265625; map.setCentermedan, 12;
Universitas Sumatera Utara
CM.Event.addListenermap, click, functionlatlng { kasihtandalatlng;
}; }
function kasihtandalokasi{ form_lokasi.slideDown;
cx.vallokasi.lat15; cy.vallokasi.lng15;
} function setpetax,y{
var cloudmade = new CM.Tiles.CloudMade.Web{key: 9c4b0691bd814c389ed0817f1c1d407e};
var map = new CM.Mapcm-example, cloudmade; var myMarkerLatLng = new CM.LatLngx, y;
var myMarker = new CM.MarkermyMarkerLatLng, { title:
}; map.setCentermyMarkerLatLng, 14;
map.addOverlaymyMarker; }
function setnavigasix1,y1,x2,y2{ var map = new CM.Mapcm-example,
new CM.Tiles.CloudMade.Web{key: 9c4b0691bd814c389ed0817f1c1d407e}; map.setCenternew CM.LatLngx1, y1, 12;
Universitas Sumatera Utara
var directions = new CM.Directionsmap, panel, 9c4b0691bd814c389ed0817f1c1d407e;
var points1=new CM.LatLngx1, y1; var points2=new CM.LatLngx2, y2;
var waypoints = [points1, points2]; directions.loadFromWaypointswaypoints;
directions.getDistance.toString; }
script style
table{background-color:;border:0px;font-family:tahoma} table th{background-color:black;color:white;padding:1px}
table tr td{background-color:white;color:black;padding 0px;border:solid 1px teal;} footer{
border:solid 1px silver; -moz-border-radius: 5px;
margin:5px; text-align:center;
background-image:urlimgbg.jpg; color:white;
font-weight:; padding:5px;
}
Universitas Sumatera Utara
header{ border:solid 1px silver;
margin:0px; color:white;
text-align:center; background-image:urlimgbg.jpg;
} style
?php include connect.php;
awal=_REQUEST[KodeAwal]; akhir=_REQUEST[nomor];
sql=mysql_querySELECT FROM peta_icon WHERE nomor=awal; row=mysql_fetch_arraysql;
x1=row[lat]; y1=row[lng];
sql2=mysql_querySELECT FROM peta_icon WHERE nomor=akhir; row2=mysql_fetch_arraysql2;
x2=row2[lat]; y2=row2[lng];
? head
body onLoad=javascript:setnavigasi?php echo x1,y1,x2,y2? div id=headerimg src=imgheader.png height=150 width=100div
Universitas Sumatera Utara
div id=cm-example style=width: 60; height: 500px;float:left;border:solid 1px silverdiv
div id=detailjalan style=width: 39; height: 500px;float:left;border:solid 1px silver;overflow:scroll
?php aa=select a.nama from peta_icon a where a.nomor=awal;
bb=mysql_queryaa; cc=mysql_fetch_arraybb;
pos_awal=cc[nama]; aaa=select a.nama from peta_icon a where a.nomor=akhir;
bbb=mysql_queryaaa; ccc=mysql_fetch_arraybbb;
pos_akhir=ccc[nama]; echo
table width=500 trtd colspan=3 align=centerDjikstra Search br Dari :.pos_awal. Ke Mall:
.pos_akhir.tdtr tr
thNo.th thNama Jalanth
thJarakth tr
; a=select a.noRute from rute2 a left join rute b on a.noRute=b.noRute where
b.KodeAwal=awal and b.nomor=akhir group by a.norute order by suma.km asc;
b=mysql_querya;
Universitas Sumatera Utara
whiler=mysql_fetch_arrayb{ norute=r[noRute];
a1=select a.jalan,a.km,a.rute,a.noRute from rute2 a where a.noRute=norute; b1=mysql_querya1;
echo trtd colspan=3 align=leftMelalui Rute :.norute.tdtr; no=1;
ttl_jarak=0; whiler1=mysql_fetch_arrayb1{
echo tr
td.no.td td.r1[jalan].td
td.r1[km]. Kmtd tr
; ttl_jarak+=r1[km];
no++; }
echo trtd colspan=2 align=leftJarak Total :tdtd.ttl_jarak.tdtr;
echo trtd colspan=3tdtr; echo trtd colspan=3tdtr;
} echo table;
Universitas Sumatera Utara
? div
div style=clear:both;div div id=footerCopyright : Adly AzharybrEkstensi Ilmu Komputer USUdiv
body html
5. List Program Admin.php