Embed Size (px)
Citation preview
ภาคผนวก
ภาคผนวก ก ขนตอนการตดตงโปรแกรม AppServ
และโปรแกรม Visual Studio 2005
103
โปรแกรม AppServ
โปรแกรม AppServ เปนโปรแกรมทรวบรวมโปรแกรม Open Source Software หลายๆ อยางเขาดวยกน โดยภายในโปรแกรม AppServ ประกอบดวยโปรแกรมตางๆ ดงน
1. Apache Web Server V1.3.27 เปนโปรแกรมส าหรบใชในการท าเวบเซรฟเวอร 2. PHP V4.3.0 เปนโปรแกรมภาษา PHP 3. MySQL V3.23.54 เปนโปรแกรมฐานขอมล MySQL 4. phpMyAdmin V2.3.3p1 เปนโปรแกรมชวยในการจดการฐานขอมล MySQL
ขนตอนการตดตง โปรแกรม AppServ
ดาวนโหลดโปรแกรม AppServ จากเวบไซต http://www.appservnetwork.com
1. ดบเบลคลกไฟล appserv-win32-x.x.x.exe เพอท าการตดตง จะปรากฏหนาจอตามรปท 1
ภาพท 1 ขนตอนการตดตงโปรแกรม AppServ
104
2. เขาสขนตอนเงอนไขการใชงานโปรแกรม โดยโปรแกรม AppServ ไดแจกจายในรปแบบ GNU License หากผตดตง อานเงอนไขตางๆ เสรจสนแลว หากยอมรบเงอนไขใหกด Next เพอเขาสการตดตงในขนตอไป แตหากวาไมยอมรบเงอนไข ใหกด Cancel เพอออกจากการตดตงโปรแกรม AppServ ดงรปตวอยางท 2
ภาพท 2 แสดงรายละเอยดเงอนไขการ GNU License
3. เขาสขนตอนการเลอกปลายทางทตองการตดตง โดยคาเรมตนปลายทางทตดตงจะเปน C:AppServ หากตองการเปลยนปลายทางทตดตง ใหกด Browse แลวเลอกปลายทางทตองการ ตามรปท 3 เมอเลอกปลายทางเสรจสน ใหกดปม Next เพอเขาสขนตอนการตดตงขนตอไป
105
ภาพท 3 เลอกปลายทางการตดตงโปรแกรม AppServ
4. เลอก Package Components ทตองการตดตง โดยคาเรมตนนนจะใหเลอกลงทก Package แตหากวาผใชงาน ตองการเลอกลงเฉพาะบาง Package กสามารถเลอกตามขอทตองการออก โดยรายละเอยดแตละ Package มดงน - Apache HTTP Server คอ โปรแกรมทท าหนาเปน Web Server - MySQL Database คอ โปรแกรมทท าหนาเปน Database Server - PHP Hypertext Preprocessor คอ โปรแกรมทท าหนาประมวลผลการท างานของภาษา PHP - phpMyAdmin คอ โปรแกรมทใชในการบรหารจดการฐานขอมล MySQL ผานเวบไซต เมอท าการเลอก Package ตามรปท 4 เรยบรอยแลว ใหกด Next เพอเขาสขนตอนการตดตงตอไป
106
ภาพท 4 เลอก Package Components ทตองการตดตง
5. ก าหนดคาคอนฟกของ Apache Web Server มอยดวยกนทงหมด 3 สวน ตามรปท 5 คอ Server Name คอชองส าหรบปอนขอมลชอ Web Server ของทานเชน www.appservnetwork.com
Admin Email คอชองส าหรบปอนขอมล อเมลผดแลระบบ เชน [email protected]
HTTP Port คอชองส าหรบระบ Port ทจะเรยกใชงาน Apache Web Server โดยทวไปแลว Protocol HTTP นนจะมคาหลกคอ 80 หากวาทานตองการหลกเลยงการใช Port 80 กสามารถแกไขได หากมการเปลยนแปลง Port การเขาใชงาน Web Server แลว ทกครงทเรยกใชงานเวบไซต จ าเปนทตองระบหมายเลข Port ดวย เชน หากเลอกใช Port 99 ในการเขาเวบไซตทกครงตองใช http://www.appservnetwork.com:99 จงจะสามารถเขาใชงานได
107
ภาพท 5 แสดงการก าหนดคาคอนฟกคา Apache Web Server
6. ก าหนดคาคอนฟกของ MySQL Database มอยดวยกนทงหมด 3 สวน ตามรปท 6 คอ
Root Password คอชองส าหรบปอน รหสผานการเขาใชงานฐานขอมลของ Root หรอผดแลระบบทกครงทเขาใชงานฐานขอมลในลกษณะทเปนผดแลระบบ ใหระบ user คอ root
Character Sets ใชในการก าหนดคาระบบภาษาทใชในการจดเกบฐานขอมล, เรยงล าดบฐานขอมล,Import ฐานขอมล, Export ฐานขอมล, ตดตอฐานขอมล
Old Password หากทานมปญหาเกยวกบการใชงาน PHP กบ MySQL API เวอรชนเกา โดยเจอ Error Client does not support authentication protocol requested by server;consider upgrading MySQL client ใหเลอกในสวนของ Old Password เพอหลกเลยงปญหาน
Enable InnoDB หากทานตองการใชงานฐานขอมลในรปแบบ InnoDB ใหเลอกในสวนนดวย
108
ภาพท 6 แสดงการก าหนดคาคอนฟกของ MySQL Database 7. สนสดขนตอนการตดตงโปรแกรม AppServ ส าหรบขนตอนสดทายนจะมใหเลอกวาตองการสงใหมการรน Apache และ MySQL ทนทหรอไม จากนนกดปม Finish เพอเสรจสนการตดตงโปรแกรม AppServ
109
ภาพท 7 แสดงหนาจอขนตอนสนสดการตดตงโปรแกรม AppServ
110
ขนตอนการตดตงโปรแกรม Visual Basic 2005
1. ตดตงโปรแกรมโดยดบเบลคลกทไอคอน
2. จะแสดงหนาตางการตดตงโปรแกรม ใหคลกเลอกทปม Next > ดงรป
ภาพท 1 หนาตางการตดตงโปรแกรม Visual Basic 2005
111
3. คลกเลอกใหมเครองหมายถกหนาขอความ I accept the terms of the License Agreement ดงรป จากนนคลกเลอกทปม Next >
ภาพท 2 หนาตางขอตกลงใบอนญาตของผใชโปรแกรม Visual Basic 2005
112
4. คลกทปม Next >
ภาพท 3 หนาตางตวเลอกการตดตงโปรแกรม Visual Basic 2005
113
5. หนาตางแสดงพนททจะท าการตดตงโปรแกรม ใหท าการตดตงตามทโปรแกรมระบ (หากตองการเปลยนแปลงใหเลอกท ปม Browse) จากนน คลกเลอกทปม Install > ดงรป
ภาพท 4 หนาตางเลอกโฟลเดอรปลายทางในการตดตงโปรแกรม Visual Basic 2005
114
6. จะปรากฏหนาตางแสดงสถานการณตดตงโปรแกรม รอจนกวาโปรแกรมจะท าตดตงโปรแกรมเสรจ
ภาพท 5 หนาตางแสดงสถานการณตดตงโปรแกรม Visual Basic 2005
115
7. หนาตางแสดงรายงานผลการตดตงโปรแกรม ใหคลกทปม Exit เพอสนสดการตดตง จากนนใหท าการ Restart เครองคอมพวเตอร เพอเรยกใชงานโปรแกรมตอไป
ภาพท 6 หนาตางแสดงรายงานผลการตดตงโปรแกรม Visual Basic 2005
ภาคผนวก ข Source Code
117
Source Code ชอ read_sms.vb Imports MySql.Data.MySqlClient Imports System.IO Public Class Form1 Dim WithEvents serialPort As New IO.Ports.SerialPort Dim status As String = "noConn" Dim str_rec As String Dim ts, del_num As Short Dim i As Integer Dim str_result2() As String Dim lat, lng, spd As String Dim dtm As String Dim imei As String Dim str_result1() As String Dim num, num2 As Integer Dim spl_lat() As String Dim cut_noiz() As String Private Sub Form1_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load For i As Integer = 0 To My.Computer.Ports.SerialPortNames.Count - 1 Me.cmbCOMPort.Items.Add(My.Computer.Ports.SerialPortNames(i)) Next If Me.status = "noConn" Then Me.lblStatus.Text = "กรณาท าการเชอมตอ" End If End Sub Public Delegate Sub Mydelegate() Public Sub updateTextBox() With txtDataRec .Font = New Font("Garamond", 12.0!, FontStyle.Bold) .AppendText(serialPort.ReadExisting) .ScrollToCaret() End With End Sub Private Sub datarec(ByVal sender As Object, ByVal e As System.IO.Ports.SerialDataReceivedEventArgs) Handles serialPort.DataReceived Me.txtDataRec.Invoke(New Mydelegate(AddressOf updateTextBox), New Object() {}) End Sub Sub read_sms() send_comm("AT") send_comm("AT+CMGF=1") send_comm("AT+CMGL=" & Chr(34) & "REC UNREAD" & Chr(34)) End Sub Sub delete_sms() For i = 1 To 100 send_comm("AT+CMGD=" & i & ",3") Next End Sub Sub send_comm(ByVal comm As String) Try Me.serialPort.Write(comm & vbCrLf) With txtDataRec .AppendText(comm & vbCrLf) .ScrollToCaret() End With Catch ex As Exception MsgBox(ex.ToString) End Try End Sub Sub save_to_file() 'ดกขอความ str_result1 = Nothing str_result1 = Split(Me.txtDataRec.Text, Environment.NewLine) 'splitแตละบรรทด delete_sms() 'ลบ Me.txtDataRec.Clear() 'เคลยร For num = 0 To UBound(str_result1) If ((Mid(str_result1(num), 1, 4)) = "lat:" Or (Mid(str_result1(num), 1, 5)) = "Power") Then 'เอาเฉพาะทตองการ If str_result1(num) <> "" Then
118
Me.txtok.Text &= str_result1(num) & vbCrLf Me.txtok.Text &= str_result1(num + 1) & vbCrLf Me.txtok.Text &= str_result1(num + 2) & vbCrLf End If num2 = num2 + 3 End If Next num str_result2 = Nothing str_result2 = Split(Me.txtok.Text, Environment.NewLine) 'splitแตละบรรทด If str_result2.Length > 0 Then For num = 0 To UBound(str_result2) Step 3 If str_result2(num) <> "" Then 'เอาลงDB spl_lat = Nothing spl_lat = Split(str_result2(num), " ") lat = Mid(spl_lat(0), 5) If Mid(lat, 1, 1) = "," Then cut_noiz = Nothing cut_noiz = Split(lat, ",") lat = cut_noiz(1) End If lng = Mid(spl_lat(1), 6) spd = Mid(spl_lat(2), 7) dtm = Val(Mid(str_result2(num + 1), InStr(str_result2(num + 1), "T:") + 8, 2)) + 2543 & "-" & _ Mid(str_result2(num + 1), InStr(str_result2(num + 1), "T:") + 5, 2) & "-" & _ Mid(str_result2(num + 1), InStr(str_result2(num + 1), "T:") + 2, 2) & _ Mid(str_result2(num + 1), InStr(str_result2(num + 1), "T:") + 11, 6) imei = "354779034371832" Me.txtokok.Text &= "lat > " & lat & vbCrLf Me.txtokok.Text &= "lng >" & lng & vbCrLf Me.txtokok.Text &= "dtm >" & dtm & vbCrLf Me.txtokok.Text &= "imei >" & imei & vbCrLf Me.txtokok.Text &= "------------------------------------" & vbCrLf Try Dim fdCon As New MySqlConnection("Database=g-tracking;Data Source=gmctracking.com;User Id=gtrack;Password=1234") 'host Dim fdCom As New MySqlCommand("", fdCon) Dim slCom As New MySqlCommand("", fdCon) Dim result As Object fdCon.Open() slCom.CommandText = "SELECT id_cardes FROM car_destination where imei='" & imei & "' AND cardes_comeback IS NULL" result = slCom.ExecuteScalar() fdCom.CommandText = "INSERT INTO gps_data VALUES ('','" & imei & "','" & result & "','" & lat & "','" & lng & "','" & spd & "','" & dtm & "')" fdCom.ExecuteNonQuery() fdCon.Close() Catch ex As Exception MsgBox(ex.Message) End Try End If Next num End If End Sub Private Sub btnConn_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnConn.Click If Me.serialPort.IsOpen Then Me.serialPort.Close() End If Try With Me.serialPort .PortName = cmbCOMPort.Text .BaudRate = 96000 .Parity = IO.Ports.Parity.None .DataBits = 8 .StopBits = IO.Ports.StopBits.One End With Me.serialPort.Open() Me.status = "connected"
119
Me.btnConn.Enabled = False Me.btnDisConn.Enabled = True Me.cmbCOMPort.Enabled = False Catch ex As Exception MsgBox(ex.ToString) End Try If Me.status = "connected" Then Me.lblStatus.Text = "เชอมตอ..." Me.Timerforrefresh.Enabled = True End If End Sub Private Sub btnDisConn_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnDisConn.Click Try Me.serialPort.Close() Me.status = "disconnected" Me.btnConn.Enabled = True Me.btnDisConn.Enabled = False Catch ex As Exception MsgBox(ex.ToString) End Try If Me.status = "disconnected" Then Me.lblStatus.Text = "ไมมการเชอมตอ" Me.Timerforrefresh.Enabled = False Me.cmbCOMPort.Enabled = True End If End Sub Private Sub cmbCOMPort_SelectedIndexChanged(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles cmbCOMPort.SelectedIndexChanged If Me.cmbCOMPort.Text <> "" Then Me.btnConn.Enabled = True End If End Sub Private Sub Timerforrefresh_Tick(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Timerforrefresh.Tick read_sms() If Me.txtDataRec.Text <> "" Then save_to_file() Me.txtok.Clear() Me.txtokok.Clear() End If End Sub End Class
Source Code ชอ home_tracking.php <? include("fun.inc.php"); ?> <title>G-Murcury Tracking >> Map</title> <? if ($_REQUEST[imei]==""){ echo "<meta http-equiv=refresh content=0;url=home_tracking.php?imei=start1>"; } ?> <meta http-equiv="Content-Type" content="text/html; charset=windows-874" /> <script type="text/javascript" src="jquery-1.4.2.min.js"></script> <script type="text/javascript" language="javascript"> $(document).ready(function(){ $("#btn_mnu").click(function(){ $("#mnu").slideToggle("fast"); }); <? if ($_REQUEST[imei]<>"start1"){ echo "$(\"#mnu\").hide();"; }?> }); </script>
120
<span id="mnu" style="width:350px; float:left; height:100%; background:url(image/bgmn.gif) repeat;"><? include("accordion.php");?></span> <span > <span id="btn_mnu" style="width:10px; height:100%; float:left; position:absolute; z-index:1;"><img src="image/hidden.gif" style="margin-top:35em; margin-left:0px"></span> <span id="data" style=""> <? if($_REQUEST[imei]<>"start1"){ include("map.php"); }else{ include("map_null.php"); } ?> </span>
Source Code ชอ map.php <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-874" /> <script src="http://maps.google.com/maps?file=api&v=2&sensor=true&key=ABQIAAAASXV5yFnvkzNbUK4jLewGUxRSAHWdEyXnJbgPkzpMHltw_qDoEhTgfq1rKJbSS_zaMyryksJCF7M-Ww" type="text/javascript"></script> </head> <? include("conn.inc.php"); if ($_REQUEST[imei]=="start1"){ $sql="select * from gps_data"; }else{ $empnull="";
$sql="select * from gps_data,car_destination where"; $sql.=" gps_data.imei=car_destination.imei"; $sql.=" and gps_data.imei='".$_REQUEST[imei]."' "; $sql.=" and gps_data.id_cardes=car_destination.id_cardes"; $sql.=" and gps_data.latitude <> 0 "; $sql.=" and gps_data.longitude <> 0"; $sql.=" and gps_data.latitude <> '".$empnull."' "; $sql.=" and gps_data.longitude <> '".$empnull."' "; $sql.=" and car_destination.status = 1 "; $sql.=" order by gps_data.id_gps asc";
} $result=mysql_query($sql); $x=0; while($data=mysql_fetch_array($result)){ $a[$x]=$data[latitude].",".$data[longitude]; $b[$x]=$data[gps_datetime];//" address : ".$data[address]; $c[$x]=$data[speed]; $x++; } $num=count($a); $numto=$num-1; $numcenter=ceil($numto/2); $num_arr = count($a); ?> <script type="text/javascript"> 'สราง Icon' var myIconSMS = new GIcon(); myIconSMS.iconSize = new GSize(25, 37); myIconSMS.iconAnchor = new GPoint(13, 36); myIconSMS.infoWindowAnchor = new GPoint(13, 3); myIconSMS.transparent = "marker_SMS.png"; myIconSMS.image = "marker_SMS.png"; myIconSMS.shadowSize = new GSize(37, 34);
var myIconCar = new GIcon(); myIconCar.iconSize = new GSize(25, 37); myIconCar.iconAnchor = new GPoint(13, 36); myIconCar.infoWindowAnchor = new GPoint(13, 3); myIconCar.transparent = "marker_red_ball2.png";
121
myIconCar.image = "marker_red_ball2.png"; myIconCar.shadowSize = new GSize(37, 34);
var myIconStart = new GIcon(); myIconStart.iconSize = new GSize(25, 37); myIconStart.iconAnchor = new GPoint(13, 36); myIconStart.infoWindowAnchor = new GPoint(13, 3); myIconStart.transparent = "marker_green_ball_start.png"; myIconStart.image = "marker_green_ball_start.png"; myIconStart.shadowSize = new GSize(37, 34); function load() { if (GBrowserIsCompatible()) { var map = new GMap2(document.getElementById("map")); map.addControl(new GScaleControl ()); map.addControl(new GLargeMapControl3D()); map.addControl(new GMapTypeControl()); map.addControl(new GOverviewMapControl()); map.addControl(new GNavLabelControl(), new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(100,5))); map.addMapType(G_SATELLITE_3D_MAP); map.setCenter(new GLatLng(<?=$a[$num-1]?>), 16); <?
$j=0; while ($j<$num_arr){
?>
var polyline = new GPolyline([ new GLatLng(<?=$a[$j]?>), new GLatLng(<?=$a[$j+1]?>)
], "#0000CC", 5); map.addOverlay(polyline);
<? $j=$j+1;
} ?> 'สราง Marker & WinTab จดรบสงขอมลพกด' <? $sql2="select * from driver,car_destination,car where driver.id_driver=car_destination.id_driver and car_destination.imei=car.imei and car_destination.status=1 and car.status=1 and driver.status=1 and car.imei = '".$_REQUEST[imei]."' "; $result2=mysql_query($sql2); $data2=mysql_fetch_array($result2); $i=0; while ($i<$num_arr){ ?>
var infoTabs<?=$i?> = [ new GInfoWindowTab("ขอมลการเดนรถ", "No : <?=$i;?> <br> วนท-เวลา : <?=$b[$i]?> <br> พกด : <?=$a[$i]?> <br>
ความเรว : <?=$c[$i]?> km/h ") ,new GInfoWindowTab("ขอมลรถยนต", "imei : <?=$_REQUEST[imei] ?> <br> ทะเบยน : <?=$data2[car_plate]?> <br> คนขบรถ : <?=$data2[driver_name]?> ") ];
var point = new GLatLng(<?=$a[$i]?>); var marker<?=$i?> = new GMarker(point,{icon: myIconSMS, title:"คลกเพอดรายละเอยด!"}); GEvent.addListener(marker<?=$i?>, "click", function() { marker<?=$i?>.openInfoWindowTabsHtml(infoTabs<?=$i?>);
}); 'จดmarkerทสรางไว' map.addOverlay(marker<?=$i?>); <? $i++; } ?> } else { alert("เบราเซอรทคณใชไมสนบสนน!");
122
} 'จด Marker แสดงต าแหนงเรมตน'
var pointstart = new GLatLng(<?=$a[0]?>); var markerstart = new GMarker(pointstart,{icon: myIconStart,title:"คลกเพอดรายละเอยด!"});
GEvent.addListener(markerstart, "click", function() { markerstart.openInfoWindowTabsHtml(infoTabs0);
}); 'จดmarkerทสรางไว'
map.addOverlay(markerstart); 'จด Marker แสดงต าแหนงปจจบน' var pointcar = new GLatLng(<?=$a[$num-1]?>); var markercar = new GMarker(pointcar,{icon: myIconCar,title:"คลกเพอดรายละเอยด!"}); GEvent.addListener(markercar, "click", function() {
markercar.openInfoWindowTabsHtml(infoTabs<?=$num-1?>); }); 'จดmarkerทสรางไว' map.addOverlay(markercar); } </script> <body onLoad="load()" onUnload="GUnload()"> <? //echo ">>>".$_REQUEST[imei]; ?> <div id="map" style="width:100%;height:100%; z-index:-5;" ></div> </body> </html>
Source Code ชอ mng_car_table.php <?php <? include("fun.inc.php"); ?> <meta http-equiv="Content-Type" content="text/html; charset=windows-874" /> <? if (empty($_GET[page])){ $_GET[page]=1; } include("conn.inc.php"); ?> <script type="text/javascript" src="jquery-1.4.2.min.js"></script> <script type="text/javascript"> function showdata(str,pa) { if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); } else {// code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) { document.getElementById("txtHint").innerHTML=xmlhttp.responseText; } } var uri=encodeURIComponent(str); var r=Math.random(); xmlhttp.open("GET","show_find_car.php?k="+uri+"&r="+r+"&page="+<?=$_GET[page] ?>,true); xmlhttp.send(); } var ajax=null; if (window.ActiveXObject){ ajax=new ActiveXObject("Microsoft.XMLHTTP"); } else if(window.XMLHttpRequest){ ajax=new XMLHttpRequest(); }
123
function ajaxCallback(displayId,responseText){ var el = document.getElementById(displayId); el.innerHTML=responseText; } function ajaxload(method,url,data,displayId){ ajax.open(method,url) ajax.setRequestHeader ("Content-Type","application/x-www-form-urlencoded"); ajax.onreadystatechange=function(){ if(ajax.readyState==4 && ajax.status==200){ ajaxCallback(displayId,ajax.responseText); document.getElementById('str_msg').innerHTML =ajax.responseText; document.getElementById('msg_box_del_in').style.display='block'; setTimeout("document.getElementById('msg_box_del_in').style.display='none';",2000); setTimeout("document.getElementById('str_msg').innerHTML ='';",2500); showdata(""); } } ajax.send(data); } function aj_del(id_div){ if(confirm("คณตองการลบขอมล...?")){ var url ="aj_del_car.php"; url+= "?rand=" + Math.random(); var data = "id_div=" + id_div; ajaxload('post',url,data,'return_aj_del'); //alert(id_div); } } </script> <script type="text/javascript" language="javascript"> function clear_frm(){ document.getElementById('upspn').innerHTML = document.getElementById('upspn').innerHTML; document.getElementById('imei').value = ''; document.getElementById('car_plate').value = ''; document.getElementById('car_model').value = ''; document.getElementById('car_detail').value = ''; document.getElementById('car_year').value = ''; document.getElementById('car_pa').value = ''; document.getElementById('tel_gps').value = ''; top.document.getElementById('image').src='image/uppic_bg.png'; top.document.getElementById('msg').innerHTML=''; document.getElementById('inkw').value = ''; document.getElementById('inkw').focus(); showdata(""); } function edit_click(dv_id){ $("#flo_edit").show("slow"); var ra=Math.random(); top.document.getElementById('image_div').src="img/"+ dv_id +".jpg?" + ra; if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); } else {// code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) { //document.getElementById("txtHint").innerHTML=xmlhttp.responseText; var json_ext = eval('(' + xmlhttp.responseText + ')'); //alert(xmlhttp.responseText); //alert(json_ext[0].imei); document.getElementById('imei_ed').value = json_ext[0].imei;
124
document.getElementById('imei_ed_sh').value = json_ext[0].imei; document.getElementById('car_plate_ed').value = json_ext[0].car_plate; document.getElementById('car_model_ed').value = json_ext[0].car_model; document.getElementById('car_year_ed').value = json_ext[0].car_year; document.getElementById('car_pa_ed').value = json_ext[0].car_pa; document.getElementById('car_detail_ed').value = json_ext[0].car_detail; document.getElementById('tel_gps_ed').value = json_ext[0].tel_gps; } } var r=Math.random(); xmlhttp.open("GET","ajson_car_show.php?dv_id=" + dv_id +"&r="+r,true); xmlhttp.send(); } function edit_hide(){ $("#flo_edit").hide("slow"); document.getElementById('upspn_ed').innerHTML = document.getElementById('upspn_ed').innerHTML; top.document.getElementById('msg_ed').innerHTML=''; document.getElementById('inkw').value = ''; document.getElementById('inkw').focus(); showdata(""); } var sh=0; $(function(){ $("#flo_add").hide(0); $("#flo_edit").hide(0); $("#frm_pict_ed").hide("slow"); $("#no_chg_pic").click(function(){ //$("#frm_pict_ed").hide("slow"); document.getElementById('upspn_ed').innerHTML = document.getElementById('upspn_ed').innerHTML; }); $("#h_edit_data").click(function(){ edit_hide(); }); $("#add_data").click (function(){ if (sh==0){ $("#flo_add").show("slow"); sh=1 }else{ $("#flo_add").hide("slow"); sh=0 clear_frm(); } }); $("#h_add_data").click (function(){ $("#flo_add").hide("slow"); sh=0 clear_frm(); }); $("#btn_save").click(function(){ var imei_val=$("#imei").val(); var plate_val=$("#plate").val(); var tel_val=$("#tel").val(); }); }); </script> <style type="text/css"> tr.hi{ background-color:#FBF3BD; font-weight:bold; color:#FF0033; } #flo_add{ font-size:14px; position:absolute; z-index:1; margin-top:3%; margin-left:0%; background:#ABD0FE; width:93%; }
125
#flo_edit{ font-size:14px; position:absolute; z-index:41; margin-top:1%; margin-left:2%; background:#ABD0FE; width:74%; } .style1 {font-size: 12px} .style2 { font-size: 12px; } #dv_frm{ float:left; margin-left:10%; } .txt{ width:120px; text-align:right; vertical-align:top; } .sp_bar{ width:20px; } table{ background: #FFFFFF; font-size:12px; border: 2px solid #CCCCCC; width:95%; border-collapse:collapse; } #tr1{ border: 0px solid #999999; height:35px; background:#e6EEEE; border-collapse:collapse; } #msg_box_del_in{ background:#FFFFFF; border:solid #0099FF 2px; z-index:1000; position:absolute; width:15%; height:15%; margin-top:17%; margin-left:30%; padding-top:10%; color:#FF0000; font-weight:bolder; display:none; } </style> <body style="margin:0 0 0 0; background:url(image/bg_stripe.gif);"> <div id="msg_box_del_in" align="center" style=""><img src="image/icon/ajax-loader.gif" style="" /><p><div id="str_msg"></div></p></div> <div id="flo_edit"> <!--<img src="image/icon/onebit_31.png" width="15px" /> | <img src="image/icon/onebit_20.png" width="15px" />--> <form method="post" enctype="multipart/form-data" id="frm_ed_car" name="frm_ed_car" action="aj_ed_car.php" target="ifrm_ed"> <fieldset style="margin: 20 50 50 50;"> <legend><b><img src="image/icon/4s.png" width="20px">แกไขขอมลรถยนต</b></legend> <div id="dv_frm" align="left"> <div class="style2"><span class="txt">รหส imei</span><span class="sp_bar"></span><input name="imei_ed_sh" type="text" id="imei_ed_sh" size="18" disabled > <input name="imei_ed" type="hidden" id="imei_ed"> </div> <div class="style2"><span class="txt">เลขทะเบยน</span><span class="sp_bar"></span><input name="car_plate_ed" type="text" id="car_plate_ed" size="10" > </div>
126
<div class="style2"><span class="txt">รน/ยหอ</span><span class="sp_bar"></span><input name="car_model_ed" type="text" id="car_model_ed" size="30" > </div> <div class="style2"><span class="txt">ปทออก</span><span class="sp_bar"></span><input name="car_year_ed" type="text" id="car_year_ed" size="10" > </div> <div class="style2"><span class="txt">ขอมล พรบ.</span><span class="sp_bar"></span><textarea name="car_pa_ed" cols="40" id="car_pa_ed"></textarea> </div> <div class="style2"><span class="txt">รายละเอยด</span><span class="sp_bar"></span><textarea name="car_detail_ed" cols="40" id="car_detail_ed"></textarea> </div> <div class="style2"><span class="txt">เบอรโทรศพทGPS</span><span class="sp_bar"></span><input name="tel_gps_ed" type="text" id="tel_gps_ed" size="10" onkeypress='check_number();'> </div> <br> <div class="style2"><span class="txt">รปรถยนต</span><span class="sp_bar"></span> <img id="image_div" src="" width="10%"> </div> <div class="style2"><span class="txt"></span><span class="sp_bar"></span> <span id="frm_pict_ed" style="background:#64B4F4; cursor:pointer; border: solid #0000FF; border-width:1px; color:#FF3300; padding:10 10 10 10; width:230px;"> <span id="upspn_ed"><input type="file" name="inImg_ed"></span><font color="#990000"><br>^ เฉพาะไฟลนามสกล *.jpg เทานน <br> ^ ขนาดไมเกน 100 KB</font> <span id="no_chg_pic" align="right" style=" font-size:12px;background:#EFFEBA; margin-right:2%; padding:5 5 5 5; float:right; cursor:pointer; border: solid #006633; border-width:1px;"><b>  ไมตองการเปลยนรปภาพ </b></span> </span> </div> <p> </p> <div style="margin-left:15%;"> <div id="msg_ed" style="font-size:14px; color:#FF0000; font-weight:bold;"> </div> <input type="submit" name="submit_ed" id="submit_ed" value="::: แกไข :::"> <input type="reset" name="reset_ed" id="reset_ed" value="แสดงขอมลเดม"></div> <div id="h_edit_data" align="right" style=" font-size:12px;background:#EFFEBA; margin-right:2%; width:30px; float:right; cursor:pointer; border: solid #006633; border-width:1px;"><img src="image/icon/Power__Yellow.png" width="20px" border="0"><b> ซอน </b></div> </div> </fieldset> </form> <iframe name="ifrm_ed" style="display:none;"></iframe> </div> <span id="mnu" style=" width:350px; float:left; height:100%; background:url(image/bgmn.gif) repeat; margin:0 0 0 0; "><? include("acc_mng.php");?></span> <div align="center" style=" margin-top:0px; background:url(image/bg_stripe.gif) repeat; width:100%; height:100%; )"> <br /> <div style=" font-size:18px; position:absolute; z-index:2; margin-top:15px; margin-left:3%; ;"> <img src="image/icon/truck.png" width="30px" /> จดการขอมลรถยนต<p></p></div> <div style=" margin-top:0px; background:#FFFFFF; width:100%; height:60px;
127
filter:alpha(opacity=30); -moz-opacity:.30; opacity:.30;" ><hr color="#A9B4FE" /> </div> <hr color="#A9B4FE" /> <div id="flo_add"> <!--<img src="image/icon/onebit_31.png" width="15px" /> | <img src="image/icon/onebit_20.png" width="15px" />--> <form action="aj_add_car.php" method="post" enctype="multipart/form-data" id="frm_add_car" name="frm_add_car" target="ifrm"> <fieldset style="margin: 20 50 20 50;"> <legend><b><img src="image/icon/4s.png" width="20px">เพมขอมลรถยนต</b></legend> <div id="dv_frm" align="left"> <div class="style2"><span class="txt">รหส imei</span><span class="sp_bar"></span><input name="imei" type="text" id="imei" size="18" > </div> <div class="style2"><span class="txt">เลขทะเบยน</span><span class="sp_bar"></span><input name="car_plate" type="text" id="car_plate" size="10" > </div> <div class="style2"><span class="txt">รน/ยหอ</span><span class="sp_bar"></span><input name="car_model" type="text" id="car_model" size="30" > </div> <div class="style2"><span class="txt">ปทออก</span><span class="sp_bar"></span><input name="car_year" type="text" id="car_year" size="10" > </div> <div class="style2"><span class="txt">ขอมล พรบ.</span><span class="sp_bar"></span><textarea name="car_pa" cols="40" id="car_pa"></textarea> </div> <div class="style2"><span class="txt">รายละเอยด</span><span class="sp_bar"></span><textarea name="car_detail" cols="40" id="car_detail"></textarea> </div> <div class="style2"><span class="txt">เบอรโทรศพทGPS</span><span class="sp_bar"></span><input name="tel_gps" type="text" id="tel_gps" size="10" onkeypress='check_number();'> </div> <br> <div class="style2"><span class="txt">รปรถยนต</span><span class="sp_bar"></span><span id="upspn"><input type="file" name="inImg" /></span><font color="#FF3300">(เฉพาะไฟลนามสกล *.jpg เทานน และมขนาดไมเกน 100 KB)</font> </div> <p> </p> <span style="margin-left:40%;"><input type="submit" name="submit" id="submit" value="::: บนทก :::" onClick=""> <input type="reset" name="reset" id="reset" value="ลางขอมล"></span> <div><img id="image" src="image/uppic_bg.png" border="0" width="30%"></div> <div id="msg" style="font-size:14px; color:#FF0000; font-weight:bold;"> </div> </div> </fieldset> </form> <div id="h_add_data" align="right" style=" font-size:12px;;background:#EFFEBA; margin-right:2%; width:30px; float:right; cursor:pointer; border: solid #006633; border-width:1px;"><img src="image/icon/Power__Yellow.png" width="20px" border="0"><b> ซอน </b></div> </div> <div style="width:95%"> <span id="add_data" align="left" style=" cursor:pointer;background:#EFFEBA; width:90; float:left; border: solid #006633; border-width:1px;"> <img src="image/icon/onebit_31.png" width="20" border="0"> เพมขอมล</span> <form name="find"> <span id="find" style="float:right;"> <img src="image/icon/001_38.png" width="20" border="0"> <input onKeyUp="showdata(this.value,1)" name="inkw" id="inkw"></span> </form> <iframe name="ifrm" style="display:none;"></iframe> </div> <div id="return_aj_del" style="color:#FF0033; display:none;"> </div> <div id="txtHint"></div> <script language="javascript"> showdata("<?=$_GET[key]; ?>"); </script>
128
Source Code ชอ mng_cartrack_table.php <? include("fun.inc.php"); ?> <meta http-equiv="Content-Type" content="text/html; charset=windows-874" /> <? if (empty($_GET[page])){ $_GET[page]=1; } include("conn.inc.php"); ?> <script type="text/javascript" src="jquery-1.4.2.min.js"></script> <script type="text/javascript">
function showdata(str) { if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); } else {// code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) { document.getElementById("txtHint").innerHTML=xmlhttp.responseText; } } var uri=encodeURIComponent(str); var r=Math.random(); xmlhttp.open("GET","show_find_cartrack.php?k="+uri+"&r="+r+"&page="+<?=$_GET[page] ?> + "&sta=" + document.getElementById('track_chang').value,true); xmlhttp.send(); } </script> <script type="text/javascript" language="javascript"> function to_notrack(){ location.href = 'mng_car_stoptrack.php'; } function clear_frm(){ document.getElementById('upspn').innerHTML = document.getElementById('upspn').innerHTML; document.getElementById('imei').value = ''; document.getElementById('car_plate').value = ''; document.getElementById('car_model').value = ''; document.getElementById('car_detail').value = ''; document.getElementById('car_year').value = ''; document.getElementById('car_pa').value = ''; document.getElementById('tel_gps').value = ''; top.document.getElementById('image').src='image/uppic_bg.png'; top.document.getElementById('msg').innerHTML=''; document.getElementById('inkw').value = ''; document.getElementById('inkw').focus(); showdata(""); } function edit_hide(){ $("#flo_start").hide("slow"); var num_rdo=document.frm_str_car.ra_dv.length; for(i=0;i<num_rdo;i++){ document.getElementById(0).checked='true'; } document.getElementById('place_des').value=""; document.getElementById('det_des').value=""; document.getElementById('gpss_des').value=""; showdata(""); } function str_click(imei,plate,model,pa,detail,tel_gps){
129
var ra=Math.random(); top.document.getElementById('img_car').src="img/"+ imei +".jpg?" + ra; document.getElementById('gpss_des').value='060'; document.getElementById('hid_imei_shst').value=imei; document.getElementById('hid_plate_shst').value=plate; document.getElementById('hid_model_shst').value=model; document.getElementById('hid_pa_shst').value=pa; document.getElementById('hid_detail_shst').value=detail; document.getElementById('hid_tel_gps').value=tel_gps; document.getElementById('imei_shst').innerHTML=imei; document.getElementById('plate_shst').innerHTML=plate; document.getElementById('model_shst').innerHTML=model; document.getElementById('pa_shst').innerHTML=pa; document.getElementById('detail_shst').innerHTML=detail; document.getElementById('tel_gps').innerHTML=tel_gps; $("#flo_start").show("slow"); } function send_start(){ var rdo_val="rdo_no_val"; var num_rdo=frm_str_car.elements['ra_dv'].length; for(i=0;i<num_rdo;i++){ var rdo = frm_str_car.elements['ra_dv'][i]; if(rdo.checked){ rdo_val=rdo.value; break; } } if (rdo_val=="rdo_no_val"){ alert("กรณาเลอกคนขบรถยนต..?"); }else if(document.getElementById('gpss_des').value==""){ alert("กรณากรอกระยะหางการสงคาพกด..?"); }else{ if(confirm('คณตองการเรมตนการตดตามรถยนต...? \n กรณาตรวจสอบขอมล!')){ if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); } else {// code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) { //document.getElementById("txtHint").innerHTML=xmlhttp.responseText; document.getElementById('str_msg').innerHTML =xmlhttp.responseText; document.getElementById('msg_box_del_in').style.display='block'; setTimeout("document.getElementById('msg_box_del_in').style.display='none';",3000); setTimeout("document.getElementById('str_msg').innerHTML ='';",3000); edit_hide(); setTimeout("showdata('');",3000); } } var r=Math.random(); var place = document.getElementById('place_des').value; var memo= document.getElementById('det_des').value; var imei = document.getElementById('hid_imei_shst').value; var tel_gps=document.getElementById('hid_tel_gps').value; var gps_sec=document.getElementById('gpss_des').value; xmlhttp.open("GET","aj_start_sms.php?tel=" + tel_gps +"&gps_sec=" + gps_sec + "&place=" + place + "&memo=" + memo + "&imei=" + imei + "&id_dri=" + rdo_val + "&r="+r,true); //xmlhttp.open("GET","test_sesms.php"); xmlhttp.send(); } } } function send_start2(){ var rdo_val=""; var num_rdo=frm_str_car.elements['ra_dv'].length; for(i=0;i<num_rdo;i++){
130
var rdo = frm_str_car.elements['ra_dv'][i]; if(rdo.checked){ rdo_val=rdo.value; break; } } var r=Math.random(); var place = document.getElementById('place_des').value; var memo= document.getElementById('det_des').value; var imei = document.getElementById('hid_imei_shst').value; var tel_gps=document.getElementById('hid_tel_gps').value; var gps_sec=document.getElementById('gpss_des').value; location.href = "start_sms.php?tel=" + tel_gps +"&gps_sec=" + gps_sec + "&place=" + place + "&memo=" + memo + "&imei=" + imei + "&id_dri=" + rdo_val + "&r="+r; } var sh=0; $(function(){ $("#flo_add").hide(0); $("#flo_start").hide(0); $("#frm_pict_ed").hide("slow"); $("#no_chg_pic").click(function(){ //$("#frm_pict_ed").hide("slow"); document.getElementById('upspn_ed').innerHTML = document.getElementById('upspn_ed').innerHTML; }); $("#h_str_data").click(function(){ edit_hide(); }); $("#h_add_data").click (function(){ sh=0 clear_frm(); }); $("#btn_save").click(function(){ var imei_val=$("#imei").val(); var plate_val=$("#plate").val(); var tel_val=$("#tel").val(); }); }); </script> <style type="text/css"> tr.hi{ background-color:#FBF3BD; font-weight:bold; color:#FF0033; } .cormon{display:block} .cormon *{ display:block; height:1px; overflow:hidden; font-size:.01em; background:#0099FF} .cormon1{ margin-left:3px; margin-right:3px; padding-left:1px; padding-right:1px; border-left:1px solid #0099FF; border-right:1px solid #0099FF; background:#0099FF} .cormon2{ margin-left:1px; margin-right:1px; padding-right:1px; padding-left:1px; border-left:1px solid #0099FF; border-right:1px solid #0099FF; background:#0099FF} .cormon3{ margin-left:1px;
131
margin-right:1px; border-left:1px solid #0099FF; border-right:1px solid #0099FF;} .cormon4{ border-left:1px solid #0099FF; border-right:1px solid #0099FF} .cormon5{ border-left:1px solid #0099FF; border-right:1px solid #0099FF} .cormonfg{ background:#0099FF; font-weight:normal; font-size:12px; } #flo_add{ font-size:14px; position:absolute; z-index:1; margin-top:3%; margin-left:0%; background:#ABD0FE; width:93%; } #flo_start{ font-size:14px; position:absolute; z-index:41; margin-top:1%; margin-left:2%; background:#ABD0FE; width:74%; } .style1 {font-size: 12px} .style2 { font-size: 12px; } #dv_frm{ float:left; margin-left:10%; } .txt{ width:120px; text-align:right; vertical-align:top; } .sp_bar{ width:20px; } table{ background: #FFFFFF; font-size:12px; border: 2px solid #CCCCCC; width:95%; border-collapse:collapse; } #tr1{ border: 0px solid #999999; height:35px; background:#e6EEEE; border-collapse:collapse; } #msg_box_del_in{ background:#FFFFFF; border:solid #0099FF 2px; z-index:1000; position:absolute; width:15%; height:15%; margin-top:17%; margin-left:30%; padding-top:10%; color:#FF0000; font-weight:bolder; display:none; }
132
</style> <body style="margin:0 0 0 0; background:url(image/bg_stripe.gif);"> <div id="msg_box_del_in" align="center" style=""><img src="image/icon/ajax-loader.gif" /><p><div id="str_msg"></div></p></div> <div id="flo_start"> <!--<img src="image/icon/onebit_31.png" width="15px" /> | <img src="image/icon/onebit_20.png" width="15px" />--> <form method="post" enctype="multipart/form-data" id="frm_str_car" name="frm_str_car" target="ifrm_ed"> <span style="margin: 30 0 0 50; width:27%; float:left; background:#0099FF; "> <div align="center" style="color:#333333; font-weight:bold; font-size:12;"> <br> <img src="image/icon/001_25.png" width="10"> ขอมลรถยนตทตองการตดตาม <img src="image/icon/001_27.png" width="10"> <p> <img id="img_car" src="" width="130px"> </p> <p> <hr style="border:dashed #0000FF 1px;"> <div align="left" style="margin-left:20%; font-weight:normal;"> <p>imei : <span id="imei_shst" > </span></p> <p>เลขทะเบยน : <span id="plate_shst" > </span></p> <p>เบอรโทรศพท GPS : <span id="tel_gps" > </span></p> <p>ยหอ/รน : <span id="model_shst" > </span></p> <p>ขอมลพรบ : <span id="pa_shst" > </span></p> <p>รายละเอยด : <span id="detail_shst" > </span></p> <input type="hidden" id="hid_imei_shst"> <input type="hidden" id="hid_plate_shst"> <input type="hidden" id="hid_tel_gps"> <input type="hidden" id="hid_model_shst"> <input type="hidden" id="hid_pa_shst"> <input type="hidden" id="hid_detail_shst"> </div> <hr style="border:dashed #0000FF 1px;"> </p> </div> </span> <fieldset style="margin: 20 50 50 50; width:50%; float:left;"> <legend><b><img src="image/icon/layout_edit.png" width="20px">กรอกขอมลและต งคาการตดตามรถยนต</b></legend> <div id="dv_frm" align="left"><br> <img src="image/icon/user1_32.png" width="20px">เลอกคนขบรถยนต<hr style="border:dashed #0000FF 1px;"><br> <div class="style2"><span class="txt">เลอกคนขบรถยนต</span><span class="sp_bar"></span> <span style="width:300px; height:100px; overflow:scroll; overflow-x:hidden; background-color:#E1F0FF;"> <? $i2=0; $sql="select * from driver where status=0"; $result=mysql_query($sql); while ($data=mysql_fetch_array($result)){ ?> <div id="dv_list" onMouseOver="this.style.fontSize=24" onMouseOut="this.style.fontSize=12" style="background:<? if($i_c%2==0){ echo "#CCE0FF"; }else{ echo "#F3F8FF"; }?>;"> <input name="ra_dv" id="<?=$i2;?>" type="radio" value="<?=$data[id_driver];?>" <? if($i2==0){ echo "checked"; } ?> /> <img src=<?="img_dri/".$data[id_driver].".jpg"?> width="30px"> <?=$data[driver_name];?> </div> <? $i_c++; $i2++; } ?> </span> </div> <img src="image/icon/lorry_flatbed.png" width="28px">กรอกขอมลการเดนรถ<hr style="border:dashed #0000FF 1px;"><br> <div class="style2"><span class="txt">สถานทเดนรถ/<br>จดมงหมาย</span><span class="sp_bar"></span> <input name="place_des" type="text" id="place_des" size="30" > </div> <div class="style2"><span class="txt">รายละเอยดการเดนรถ</span><span class="sp_bar"></span> <textarea name="det_des" cols="35" rows="2" id="model"></textarea> </div> <img src="image/icon/lorry_go.png" width="28px">ต งคาการตดตามรถยนต<hr style="border:dashed #0000FF 1px;"><br>
133
<div class="style2"><span class="txt">ระยะหางการสงคาพกด</span><span class="sp_bar"></span> <input name="gpss_des" type="text" id="gpss_des" style="text-align:right;" onkeypress='check_number();' value="060" size="3" maxlength="3"> วนาท <font color="#990000">(<< คาระหวาง 020 - 255 นาท)</font> </div> <p> </p> <span style="margin-left:20%;"> <input type="submit" name="submit" id="submit" value="::: เรมตนการตดตาม :::" onClick="send_start2()"> <!-- <input type="submit" name="submit" id="submit" value="::: เรมตนการตดตาม :::" onClick="return confirm('คณตองการเรมตนการตดตามรถยนต...? \n กรณาตรวจสอบขอมล!')"> --> <input type="reset" name="reset" id="reset" value="ReValue"></span> </div> <p> </p> <div id="h_str_data" align="right" style=" font-size:12px;background:#EFFEBA; margin-right:2%; width:30px; float:right; cursor:pointer; border: solid #006633; border-width:1px;"><img src="image/icon/Power__Yellow.png" width="20px" border="0"><b> ซอน </b></div> </fieldset> </form> <iframe name="ifrm_ed" style="display:none;"></iframe> </div> <span id="mnu" style=" width:350px; float:left; height:100%; background:url(image/bgmn.gif) repeat; margin:0 0 0 0; "><? include("acc_mng.php");?></span> <div align="center" style=" margin-top:0px; background:url(image/bg_stripe.gif) repeat; width:100%; height:100%; )"> <br /> <div style=" font-size:18px; position:absolute; z-index:2; margin-top:15px; margin-left:3%; ;"> <img src="image/icon/truck.png" width="30px" /> จดการขอมลรถยนต<p></p></div> <div style=" margin-top:0px; background:#FFFFFF; width:100%; height:60px; filter:alpha(opacity=30); -moz-opacity:.30; opacity:.30;" ><hr color="#A9B4FE" /> </div> <hr color="#A9B4FE" /> <div style="width:95%"> <span id="add_data" align="left" style="background:#EFFEBA; float:left; border: solid #006633; border-width:1px; padding:2 5 2 5; "> <img src="image/icon/lorry_flatbed.png" width="20" border="0">เลอกสถานะ <select name="track_chang" id="track_chang" onChange="to_notrack()"> <option value="1" >รถทก าลงตดตาม</option> <option value="0" selected>รถทไมไดตดตาม</option> </select> </span> </span>
134
<form name="find"> <span id="find" style="float:right; display:none;"> <img src="image/icon/001_38.png" width="20" border="0"> <input onKeyUp="showdata(this.value,1)" name="inkw" id="inkw"></span> </form> <iframe name="ifrm" style="display:none;"></iframe> </div> <div id="return_aj_del" style="color:#FF0033; display:none;"> </div> <div id="txtHint"></div> <script language="javascript"> showdata("<?=$_GET[key]; ?>"); </script>
ภาคผนวก ค บทน าเสนอโครงงานเทคโนโลยสารสนเทศธรกจ
บทน าเสนอโครงงานเทคโนโลยสารสนเทศธรกจ 1 ประจ าภาคเรยนท 1/2549
วชา : 0904402 โครงงานเทคโนโลยสารสนเทศธรกจ 1 จ านวน 1 หนวยกต (0-2-0) ชอโครงงาน : ระบบสารสนเทศตดตามรถยนต ดวยระบบก าหนดต าแหนงบนโลก (GPS Tracking System) : กรณศกษา โรงงาน G-MURCURY จงหวดนครราชสมา รายชอผศกษาโครงงาน :
1. ชอ-สกล นายธวชชย เรองธนานรกษ รหสประจ าตว 50010912798 อาจารยทปรกษาโครงงาน :
อาจารย ............................................................. (อาจารยเอกชย แนนอดร) (....................................................) กรรมการทปรกษา วนท ............/ ................/ ..............
(....................................................) กรรมการคนท 1 วนท ............/ ................/ ..............
(....................................................) กรรมการคนท 2 วนท ............/ ................/ ..............
137
1. ความเปนมาและความส าคญของปญหา ปจจบนเทคโนโลยใหมๆ ไดเกดขนและเตบโตอยางรวดเรว อกทงมบทบาทในการด าเนน
ชวตประจ าวนของมนษยมากขน ไมวาจะเปนองคกรทางธรกจ องคกรภาครฐและเอกชน ไดพยายามน าเทคโนโลยดงกลาวมาประยกตใชใหเกดประโยชนสงสดตอองคกรของตนจนเกดเปนการแขงขนในอกดานหนง เทคโนโลยทเกดขนมาจะสามารถตอบสนองตอความตองการขององคกรไมวาจะเปน ดานการอ านวยความสะดวกในการท างาน ชวยลดตนทน ลดการใชแรงงาน และทส าคญตองเพมความแมนย าหรอลดขอผดพลาดในกระบวนการท างานได ระบบก าหนดต าแหนงบนโลก( Global Positioning System) หรอทรจกกนในชอยอวา GPS นนถอวาเปนเทคโนโลยใหมททงองคกรทางธรกจ องคกรภาครฐและเอกชนตางพยายามน ามาใชใหเกดประโยชนตอองคกรของตนเอง GPS เปนระบบบอกต าแหนงบนพนผวโลก โดยอาศยการค านวณจากสญญาณนาฬกาทสงมาจากดาวเทยมทโคจรอยรอบโลกซงทราบต าแหนง ท าใหระบบนสามารถบอกต าแหนง ณ จดทสามารถรบสญญาณไดทวโลก
โรงงาน G-MURCURY เปนโรงงานผลตและจ าหนายอปกรณเกยวกบไฟฟา อาท รางหลอดนออน ชดโคมนออนส าเรจรป โรงงาน G-MURCURY ไดกอตงและจดทะเบยนโรงงานเมอวนท 9 มนาคม 2536 โดยนายเสมอ บรณะบญญต เปนเจาของกจการ โรงงาน G-MURCURY ตงอยท 176 หม 1 บานตลาดนาบญ ถนนมตรภาพ ต าบลโพนทอง อ าเภอบวใหญ จงหวดนครราชสมา โดยใชเครองจกรในการผลตขนาด 98.37 แรงมา คนงานทงหมด 54 คน การจ าหนายสนคาทผลตออกมาแลวจะน าไปสงและเรขายใน 17 จงหวดทวภาคตะวนออกเฉยงเหนอ ดวยรถ 6 ลอ จ านวน 2 คน และรถ 4 ลอ จ านวน 3 คน รถแตละคนจะออกจดสงและเรขายรอบละ 2 วน (3รอบ ตอสปดาห) โดยใชพนกงาน 2 คน ตอรถ 1 คน คอ คนขบรถและพนกงานขาย และโรงงาน G-MURCURY ยงมการสงอปกรณในการประกอบรางหลอดนออนแกพนกงานท างาน Part Time ถงทบาน และไปรบสนคาทประกอบเสรจแลวดวยรถ 4 ลอ อก 3 คน และมรถตรบ – สงคนงานอก 1 คน
จากการเกบขอมลพบวา ในปจจบนโรงงาน G-MURCURY ยงไมมระบบตดตามรถยนต ท าใหไมสามารถรไดวาปจจบนรถทวงออกสงหรอเรขายสนคาและรถรบ-สงอปกรณใหแกพนกงาน Part Time รวมถงรถรบ – สงคนงาน นนอยทใดของประเทศและออกนอกเสนทางหรอไม ซงระบบจะสามารถตรวจสอบหรอควบคมถงวนยของคนขบรถได ดงนนผจดท าจงไดเลงเหนวาหากน าเทคโนโลย GPS มาประยกตใชงานในการตดตามรถยนตขององคกรโดยประยกตใชรวมกบ Google Maps API ซงเปนการใชแผนทโลกททาง Googleไดใหใชไดฟรจะท าใหเกดความสะดวกในการตดตามการเดนทางของรถคนนนๆขององคกรและสามารถลดคาใชจายไดมาก เพราะปจจบนการท าระบบตดตามรถขององคกรจะมราคาสง
138
2. วตถประสงคของการศกษา
1.2.1 เพอออกแบบและพฒนาระบบสารสนเทศตดตามรถยนต
1.2.2 เพอศกษาและน าเทคโนโลย GPS ประยกตใชรวมกบ Google Maps
3. ขอบเขตการด าเนนงาน 1.3.1 ระบบสทธการเขาใชงาน
- สามารถเพม ลบ แกไข ผใชงานระบบได - สามารถก าหนดสทธการเขาถงขอมลของผใชงานแตละระดบได - มการเขาสระบบและออกจากระบบ
1.3.2 ระบบการจดการขอมลรถยนต - ระบบสามารถเพม ลบ แกไข ขอมลรถยนตได - ระบบสามารถแสดงรายการรถยนตทงหมด พรอมทงสถานะและต าแหนงปจจบน
ของรถยนตได 1.3.3 ระบบจดการขอมลคนขบรถ
- สามารถเพม ลบ แกไข คนขบรถได 1.3.4 ระบบคนหา
- สามารถคนหาขอมลรถยนตได - สามารถคนหาขอมลคนขบรถยนตได - สามารถคนหาขอมลประวตการเดนรถได
1.3.5 ระบบการตดตามรถยนต - ระบบสามารถแสดงไดวาปจจบนรถอย ณ จดใดบนแผนทได - ระบบสามารถขดเสน เสนทางการเดนรถทวงมาได
1.3.6 ผใชงานระบบ จากระบบงานขางตนสามารถแบงผใชบรการระบบไดเปน 3 กลมดงน
1.3.6.1 ผดแลระบบ (Administrator) - สามารถเพม ลบ แกไข ทกอยางในระบบได
1.3.6.2 ผจดการ(Manager) สามารถจดการขอมลตามสทธทไดรบดงน - เรยกดรายงานประเภทตางๆ ในระบบได - ดระบบการตดตามรถยนตได
1.3.6.3 พนกงาน(Staff) สามารถจดการขอมลตามสทธทไดรบดงน - เรยกดรายงานประเภทตางๆ ในระบบได
139
- ใชงานระบบการตดตามรถยนต - ท าการเพมลบแกไข ขอมลรถยนตได - ท าการเพมลบแกไข ขอมลคนขบรถได
1.3.7 ระบบสามารถพมพรายงานทสามารถระบชวงเวลา หรอตามทะเบยนรถทระบได
4. อปกรณและเครองมอในการด าเนนงาน
1.4.1 ฮารดแวร - เครองคอมพวเตอรเดสกทอปจ านวน 1 เครอง - AirCard จ านวน 1 เครอง - GPS Tracking จ านวน 1 เครอง - เครองพมพ จ านวน 1 เครอง
1.4.2 ซอฟตแวร - โปรแกรม Microsoft Windows 7 เปนโปรแกรมระบบปฏบตการ - โปรแกรม Adobe Photoshop CS3 เปนโปรแกรมส าหรบตกแตงภาพ - โปรแกรม Apache 2.0 โปรแกรมเวบเซอรฟเวอร - โปรแกรม Php My Admin 2.6.3-rc1เปนโปรแกรมจดการฐานขอมล - โปรแกรม Mysql 2.6.3-rc1 เปนโปรแกรมระบบจดการฐานขอมล - โปรแกรมภาษา PHP 4.3.11 เปนโปรแกรมภาษาทใชในการพฒนาระบบ - โปรแกรม Adobe Dreamweaver CS3 เปนโปรแกรมส าหรบจดท าและแกไข
Website - โปรแกรม Adobe Flash CS3 เปนโปรแกรมส าหรบสรางภาพแอนเมชนประกอบ
เวบไซต - โปรแกรม Adobe Illustrator CS3 เปนโปรแกรมส าหรบท าปมเมนและตกแตง
เวบไซต - โปรแกรม Visual Basic 2005 ใชพฒนาโปรแกรมส าหรบการอานคาพกด
140
5. ขนตอนในการด าเนนงาน 1.5.1 น าเสนอหวขอตออาจารยทปรกษา (ศกษาทฤษฏและเทคโนโลยทใช) 1.5.2 ศกษาและเกบรวบรวมขอมล 1.5.3 วเคราะหขอมล 1.5.4 ออกแบบเวบไซต 1.5.5 พฒนา –ทดสอบ
1.5.5.1 สรางเวบไซต 1.5.5.2 ทดสอบยอย 1.5.5.3 ทดสอบรวม 1.5.5.4 ทดสอบการใชงานเวบไซต
1.5.6 น าเสนอผลงานตอคณะกรรมการ 1.5.7 จดท าเอกสาร
6. ระยะเวลาในการด าเนนงาน ตารางท 1 - 1 ระยะเวลาในการด าเนนงาน
กจกรรม พ.ศ. 2553 พ.ศ. 2554
ม.ย. ก.ค. ส.ค. ก.ย. ต.ค. พ.ย. ธ.ค. ม.ค. ก.พ. ม.ค.
น าเสนอหวขอตออาจารย ทปรกษา
ศกษาและเกบรวบรวมขอมล
วเคราะหและออกแบบระบบงาน
ออกแบบและพฒนาเวบไซต
ทดสอบและปรบปรงเวบไซต
น าเสนอผลงาน ตอคณะกรรมการ
จดท าคมอระบบ
141
7. ผลทคาดวาจะไดรบ 1.7.1 พนกงานสามารถตดตามรถยนตเพอทราบต าแหนงปจจบนและเสนทางการวงของ
รถยนตได 1.7.2 ผดแลระบบสามารถบรหารจดการขอมลรถยนตและการตดตามรถยนตไดอยางม
ประสทธภาพ 1.7.3 ลดคาใชจายขององคกรได
ภาคผนวก ง รายงานการเขาพบทปรกษา
รายงานการเขาพบอาจารยทปรกษา ชอ : ระบบสารสนเทศตดตามรถยนต ดวยระบบก าหนดต าแหนงบนโลก (GPS
Tracking System) : กรณศกษา โรงงาน G-MURCURY จงหวดนครราชสมา ผศกษา : นายธวชชย เรองธนานรกษ รหสประจ าตว 50010912798 ทปรกษา : อาจารยเอกชย แนนอดร
วน เดอน ป รายงานความคอบหนา/การใหค าปรกษา ลายมอชอทปรกษา 20 พฤษภาคม 2553 เสนอหวขอในการศกษาโครงงาน ปรกษา
แนวทางและขนตอนในการด าเนนงาน
13 กรกฎาคม 2553 เสนองาน บทท 1 – 3 ใหกบอาจารยทปรกษา เพอคนหาแนวทางและแกไข
21 กรกฎาคม 2553 แกไข บทท 1 – 3 เขาพบอาจารยทปรกษาเพอตรวจสอบความถกตอง
15 กนยายน 2553 แกไข บทท 1 – 3 ครงท 2 เขาพบอาจารยทปรกษาเพอตรวจสอบความถกตอง
19 ตลาคม 2553 เขาพบอาจารยทปรกษา เพอศกษาถงแนวทางในการจดท าเอกสารบทท 4
23 พฤศจกายน 2553 น าเสนอเอกสารบทท 4 เสนอตออาจารยทปรกษา เพอตรวจสอบความถกตอง
30 พฤศจกายน 2553 แกไขเอกสารบทท 4 เสนอตออาจารยทปรกษา เพอตรวจสอบความถกตอง
10 มกราคม 2554 เสนอผลงานตออาจารยทปรกษา เพอตรวจสอบขอบกพรอง
15 มกราคม 2554 แกไขขอบกพรองและน าเสนอผลงานตออาจารยทปรกษา เพอตรวจสอบความถกตอง
17 มกราคม 2554 น าเสนอผลงานตอคณะกรรมการ
