36
ภาคผนวก

appendix - bc.msu.ac.th399).pdf · 1. 6ˇ5 5IO- -I˚7;-= appserv-win32-2.5.8 ˘ % #M˙˚˙?

  • Upload
    others

  • View
    6

  • Download
    0

Embed Size (px)

Citation preview

Page 1: appendix - bc.msu.ac.th399).pdf · 1. 6ˇ5 5IO- -I˚7;-= appserv-win32-2.5.8 ˘ % #M˙˚˙?

ภาคผนวก

Page 2: appendix - bc.msu.ac.th399).pdf · 1. 6ˇ5 5IO- -I˚7;-= appserv-win32-2.5.8 ˘ % #M˙˚˙?

102

ภาคผนวก ก

วธการตดต�งโปรแกรม

Page 3: appendix - bc.msu.ac.th399).pdf · 1. 6ˇ5 5IO- -I˚7;-= appserv-win32-2.5.8 ˘ % #M˙˚˙?

103

โปรแกรม AppServ

Apache คอ เปน Web Server พฒนามาจาก HTTPD Web Server ท%มผใชท %วโลกมากกวา 60 % ซ% งปจจบนจดไดวาเปน web server ท%ม ความนาเช%อถอ Apache เปนซอฟตแวรท%อยในลกษณะของOpen Source ท%เปดใหบคคลท%วไปสามารถเขามารวมพฒนาสวนตางๆ ของ Apache ได ซ% งทาใหเกดเปน โมดล ท%เกดประโยชนมากมายและสามารถทางานรวมกบภาษาอ%นได แทนท%จะเปนเพยงเซรฟเวอรท%ใหบรการเพยงแค เอชทเอมแอล อยางเดยว นอกจากนO Apache เองยงมความสามารถ

อ%นๆ ดวย เชน การยนยนตวบคคลโดยม Package หลกดงนO 1. Apache web Server ใชในการรนเวบ เพ%อใหเคร%อง client สามารถทางานเปนเวบ Service ได (จะสามารถเรยก http:// เหมอนเลนเนตได แตเวบยงอยในเคร%อง client ไมไดอยบน Server จรง)

2. PHP Engine หรอตวแปลภาษา PHP ซ% งเปนโปรแกรมท%จะทาหนาท%แปลภาษา PHP เปนภาษาเคร%อง เพ%อใหเคร%องคอมพวเตอรสามารถทางานและประมวลผลไดตามท%ตองการเน%องจากเคร%องคอมพวเตอรจะเขาใจหรอรจกเฉพาะภาษาเคร%องเทานOน

3. MySQL Database เปนฐานขอมล ซ% งการทางานของมนมเพยงจดการขอมลเขาฐานขอมลเทานOน ใชสาหรบ ชวยเกบขอมลในภาษา PHP อกครO งหน%ง เพราะปกต PHP มกไมไดมขอมลในตวเอง แตอาศยดงขอมลจากฐานขอมล

4. PHPMyAdmin เปน Tool ท%จะชวยในการจดการฐานขอมล ตางจาก MySQL คอ MySQL เหมอนเคร%องจกร แต phpMyAdmin เหมอนหนาจอ ท%แสดงผลใหด และสามารถคลกเพ%อแกไข หรอเปล%ยนแปลงไดเพราะ phpMyAdmin ทางานแบบ GUI โดยอาศยการทางานผาน Web base (ทางานผานหนาเวบ)

ข�นตอนการตดต�ง โปรแกรม AppServ

ดาวนโหลดโปรแกรม AppServ จากเวบไซต http://www.appservnetwork.com โดยเลอก เวอรช%นท%ตองการตดตOงระหวางเวอรช%น 2.4.x และ 2.5.x เม%อดาวนโหลดโปรแกรมเรยบรอยแลว ม ขOนตอนการตดตOงดงนO

1. ดบเบOลคลกไฟล appserv-win32-2.5.8 เพ%อทาการตดตOง จะปรากฏหนาจอตามภาพท% 1

ภาพท ก-1 รปโปรแกรมการตดตOง

Page 4: appendix - bc.msu.ac.th399).pdf · 1. 6ˇ5 5IO- -I˚7;-= appserv-win32-2.5.8 ˘ % #M˙˚˙?

104

2. เขาสหนาตางตอนรบพรอมท%จะตดตOง ใหคลกปม Next เพ%อเขาสการตดตOง

ภาพท ก-2 หนาตอนรบการตดตOง AppServ

3. เขาสขOนตอนเง%อนไขการใชงานโปรแกรม โดยโปรแกรม AppServ ไดแจกจายในรปแบบ GNU License หากผตดตOง อานเง%อนไขตางๆ เสรจสOนแลว หากยอมรบเง%อนไขใหกด Next เพ%อเขาส การตดตOงในขOนตอไป แตหากวาไมยอมรบเง%อนไขใหกด Cancel เพ%อออกจากการตดตOงโปรแกรม AppServ ดงภาพท% 2

Page 5: appendix - bc.msu.ac.th399).pdf · 1. 6ˇ5 5IO- -I˚7;-= appserv-win32-2.5.8 ˘ % #M˙˚˙?

105

ภาพท ก-3 แสดงรายละเอยดเง%อนไขการ GNU License

4. เขาสขOนตอนการเลอกปลายทางท%ตองการตดตOง โดยคาเร%มตนปลายทางท%ตดตOงจะเปน C:AppServ หากตองการเปล%ยนปลายทางท%ตดตOง ใหกด Browse แลวเลอกปลายทางท%ตองการ ตาม ภาพท% 3 เม%อเลอกปลายทางเสรจสOนใหกดปม Next เพ%อเขาสขOนตอนการตดตOงขOนตอไป

ภาพท ก-4 เลอกปลายทางการตดตOงโปรแกรม AppServ

5. เลอก Package Components ท%ตองการตดตOง โดยคาเร%มตนนOนจะใหเลอกลงทก Package แตหากวาผใชงานตองการเลอกลงเฉพาะบาง Package กสามารถเลอกตามขอท%ตองการออก โดย รายละเอยดแตละ Package มดงนO

- Apache HTTP Server คอ โปรแกรมท%ทาหนาเปน Web Server - MySQL Database คอ โปรแกรมท%ทาหนาเปน Database Server - PHP Hypertext Preprocessor คอ โปรแกรมท%ทาหนาประมวลผลการทางานภาษา PHP - phpMyAdmin คอ โปรแกรมท%ใชในการบรหารจดการฐานขอมล MySQL ผาน

เวบไซตเม%อทาการเลอก Package ตามภาพท% 4 เรยบรอยแลว ใหกด Next เพ%อเขาสขOนตอนการตดตOง ตอไป

Page 6: appendix - bc.msu.ac.th399).pdf · 1. 6ˇ5 5IO- -I˚7;-= appserv-win32-2.5.8 ˘ % #M˙˚˙?

106

ภาพท ก-5 เลอก Package Components ท%ตองการตดตOง

6. กาหนดคาคอนฟกของ Apache Web Server มอยดวยกนทOงหมด 3 สวน ตามภาพท% 5 คอ Server Name เปนการกาหนดช%อของเคร%องเวบเซรฟเวอรหรอช%อโดเมนเนม ในตวอยางนOกาหนดเปน localhost (ถาเปน Server จรงท%ใหบรการเวบ เชน เวบคณะการบญชและการจดการ มมส. สวนนOจะกาหนดเปน acc.msu.ac.th)

Administrator’s Email Address คอชองปอนขอมล อเมลผดแลระบบ เชน[email protected]

Apache HTTP Port เปนการกาหนดหมายเลขพอรตท%ใหบรการเวบ ซ% งหมายเลขพอรต 80 ถกกาหนดเปนมาตรฐานสากลในการใหบรการเวบอยแลว ในตวอยางนO จงกาหนดเปนพอรต 80 เชนเดยวกน

Page 7: appendix - bc.msu.ac.th399).pdf · 1. 6ˇ5 5IO- -I˚7;-= appserv-win32-2.5.8 ˘ % #M˙˚˙?

107

ภาพท ก-6 แสดงการกาหนดคาคอนฟกคา Apache Web Server

7. กาหนดคาคอนฟกของ MySQL Database มอยดวยกนทOงหมด 3 สวน ตามภาพท% 6 คอ Root Password คอชองสาหรบปอน รหสผานการเขาใชงานฐานขอมลของ

Root หรอ ผดแลระบบทกครO งท%เขาใชงานฐานขอมลในลกษณะท%เปนผดแลระบบ ใหระบ user คอ root

Character Sets and Collations ใชในการกาหนดคาระบบภาษาท%ใชในการจดเกบ ฐานขอมล, เรยงลาดบฐานขอมล, Import ฐานขอมล, Export ฐานขอมล, ตดตอฐานขอมล

Old Password หากมปญหาเก%ยวกบการใชงาน PHP กบ MySQL API เวอรช%นเกา โดยเจอ Error (Client does not support authentication protocol requested by server; considerupgrading MySQL client) ใหเลอกในสวนของ Old Password เพ%อหลกเล%ยงปญหานO Enable InnoDB หากตองการใชงานฐานขอมลในรปแบบ InnoDB ใหเลอกในสวนนOดวย

Page 8: appendix - bc.msu.ac.th399).pdf · 1. 6ˇ5 5IO- -I˚7;-= appserv-win32-2.5.8 ˘ % #M˙˚˙?

108

ภาพท ก-7 แสดงการกาหนดคาคอนฟกของ MySQL Database

8. สOนสดขOนตอนการตดตOงโปรแกรม AppServ สาหรบขOนตอนสดทายนOจะมใหเลอกวา ตองการส%งใหมการรน Apache และ MySQL ทนทหรอไม จากนOนกดปม Finish เพ%อเสรจสOนการ ตดตOงโปรแกรม AppServ

ภาพท ก-8 แสดงหนาจอขOนตอนสOนสดการตดตOงโปรแกรม AppServ

Page 9: appendix - bc.msu.ac.th399).pdf · 1. 6ˇ5 5IO- -I˚7;-= appserv-win32-2.5.8 ˘ % #M˙˚˙?

109

ขOนตอนการตดตOงระบบบรหารงานผานเครอขายอนเตอรเนต มดงตอไปนO 1. การตดต�งฐานขอมล

1.1 ดบเบOลคลกท%ไดร C 1.2 จะปรากฎหนาจอดงรป แลวใหคลกท% AppServ

ภาพท ก-9 แสดงหนาการดบเบOลคลก AppServ

1.3 เม%อดบเบOลคลกเขาไปจะปรากฎหนาจอดงรปใหคลกท% MySQL

ภาพท ก-10 แสดงหนาการดบเบOลคลก My SQL

1.4 เม%อเขามาใน My SQL จะปรากฎหนาจอดงรปใหดบเบOลคลกท% Data

ภาพท ก-11 แสดงหนาการดบเบOลคลก data

1.5 เม%อเขาสหนาตาของ Data แลวใหวางไฟล project2 ท% Copy มาวางไวเม%อมาวางแลวกเสรจสOนการตดตOงฐานขอมล

ภาพท ก-12 แสดงหนาจอการวางไฟล project2

Page 10: appendix - bc.msu.ac.th399).pdf · 1. 6ˇ5 5IO- -I˚7;-= appserv-win32-2.5.8 ˘ % #M˙˚˙?

110

2. การตดต�งหนาเวบไซต

2.1 ดบเบOลคลกท%ไดร C 2.2 จะปรากฎหนาจอดงรป แลวใหคลกท% AppServ

ภาพท ก-13 แสดงหนาการดบเบOลคลก AppServ

2.3 เม%อเขาสหนาจอของ Appserv แลวจะเหนคาวา www ใหดบเบOลคลก

ภาพท ก-14 แสดงหนาการดบเบOลคลก www

2.4 ใหวางไฟล webproject2 ท% Copy มาในหนาจอของ www เม%อวางแลวเปนการเสรจสOนขOนตอน

ภาพท ก-15 แสดงหนาการวางไฟลเวบไซตช%อ webproject2

Page 11: appendix - bc.msu.ac.th399).pdf · 1. 6ˇ5 5IO- -I˚7;-= appserv-win32-2.5.8 ˘ % #M˙˚˙?

111

ภาคผนวก ข

Source Code

Page 12: appendix - bc.msu.ac.th399).pdf · 1. 6ˇ5 5IO- -I˚7;-= appserv-win32-2.5.8 ˘ % #M˙˚˙?

112

Source Code ช อ config.inc.php

Source Code ช อ index.php (การยนยนตนเขาทางาน)

<?php $host = "localhost"; $user = "root"; $pass = "241232009"; $db = "project2"; mysql_connect($host,$user,$pass) or die ("เช(อมตอฐานขอมลไมได"); $objDB = mysql_select_db("project2")or die ("เลอกฐานขอมลลมเหลว"); mysql_query("SET NAMES tis620"); ?>

<?php require_once('config/config.inc'); ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=tis-620" /> <title>การจดการสารสนเทศสาหรบองคกร</title> <script type="text/javascript"> function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} } function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; } function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } </script> <?php $query = $_POST['textfield']; if(isset($_POST['textfield'])){ $sql = "SELECT * FROM employees where emp_id = $query ; "; $reslut =mysql_query($sql); $num =mysql_num_rows($reslut); $output =mysql_fetch_array($reslut); if(!$num){ ?> <script language="javascript1.5"> alert('ไมพบขอมลของทานกรณากลบไปกรอกใหม'); location.replace('check.php') ; </script>

Page 13: appendix - bc.msu.ac.th399).pdf · 1. 6ˇ5 5IO- -I˚7;-= appserv-win32-2.5.8 ˘ % #M˙˚˙?

113

Source Code ช อ index.php (ตอ)

<? }else{ ?> <script language="javascript1.5">

var name ="<?=$output[4]; ?>" var timer = new Date();

alert('ยนดตอนรบ คณ '+name+" คณลงเวลา "+timer.getHours()+":"+timer.getMinutes()+":"+timer.getSeconds()+" น.");

</script> <?php $i = getdate(); $i['hours']; if($i<12){ $sql="INSERT INTO work(work_id,work_in,work_date,emp_id) VALUE (null,CURTIME(),NOW(),'$query');"; $number1=mysql_query($sql);}else if($i>12){ $sql1="UPDATE work SET work_out=CURTIME() where work_date =CURDATE();"; $number2=mysql_query($sql1); }else if($i>17){ $timer = 17; $now = date("H"); $aow = $now - $timer; $sql2="INSERT INTO overtime (ot_id,ot_hour,ot_date,emp_id) VALUE (null,'$aow',NOW(),'$query');"; $number3=mysql_query($sql2); } ?> <? } ?> <? }?> <style type="text/css"> @font-face { font-family: TP Tankhun; src: url("TP Tankhun.eot"); /* EOT file for IE */ } @font-face { font-family: TP Tankhun; src: url("TP Tankhun.ttf") /* TTF file for CSS3 browsers */ } </style> <style type="text/css"> .front1 { font-family: "MS Serif", "New York", serif; font-size: 18px; color: #000; font-style: normal; font-weight: normal; } body { background-color: #FFC993; } </style> </head>

<body onload="MM_preloadImages('pic/BR-homeEmp.jpg','pic/BR-in.jpg','pic/BR-con.jpg')"> <table width="1000" border="0" align="center" cellpadding="2" cellspacing="0">

<tr> <td colspan="2"><img src="pic/Banner-Emp.gif" width="1000" height="200" /></td> </tr>

Page 14: appendix - bc.msu.ac.th399).pdf · 1. 6ˇ5 5IO- -I˚7;-= appserv-win32-2.5.8 ˘ % #M˙˚˙?

114

Source Code ช อ index.php (ตอ)

<tr> <td colspan="2" align="center" bgcolor="#FFCC99"><a href="index.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Home','','pic/BR-homeEmp.jpg',1)"><img src="pic/B-homeEmp.jpg" name="Home" width="150" height="40" border="0" id="Home" /> </a><a href="login.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Log In','','pic/BR-in.jpg',1)"><img src="pic/B-in.jpg" name="Log In" width="150" height="40" border="0" id="Log In" /></a><a href="contact.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Contact us','','pic/BR-con.jpg',1)"><img src="pic/B-con.jpg" name="Contact us" width="150" height="40" border="0" id="Contact us" /></a></td> </tr> <tr bgcolor="#FFCCCC"> <td width="260" align="center" bgcolor="#FFDBB7"><script src="http://www.clocklink.com/embed.js"></script><script type="text/javascript" language="JavaScript">obj=new Object;obj.clockfile="5012-pink.swf";obj.TimeZone="ICT";obj.width=151;obj.height=50;obj.wmode="transparent";showClock(obj);</script></td> <td width="736" align="right" bgcolor="#FFDBB7" class="front1"><marquee align="left" direction="left" scrolldelay="200" class="front1">ยนดตอนรบสการใชบรการเวบไซต สารสนเทศงานบคคลสาหรบองคกร </marquee> </td> </tr> <tr> <td align="center"><embed type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" name="flashplayer" src="http://i251.photobucket.com/albums/gg294/wafpaf/calendars/swf/fun1.swf" quality="high" width="260" height="210" swliveconnect="true" allowscriptaccess="samedomain" /></td> <td align="center" valign="top" bgcolor="#FFFFFF"><table width="100%" height="214" border="0" align="left" cellpadding="0" cellspacing="0" class="front1"> <tr bgcolor="#FF9933"> <td align="center" bgcolor="#FFF1EA" style="color: #39C">ยนยนการเขาทางาน(Time Check.)</td> </tr> <tr bgcolor="#FF9933"> <td align="center" bgcolor="#FFF1EA"><p>&nbsp;</p><form id="form2" name="form2" method="post" action=""> <p class="front1"> <label for="textfield"></label> <input type="text" name="textfield" id="textfield" autofocus="autofocus" /> <? $_POST['textfield']; ?> </p> <p class="front1">&nbsp;</p> </form></td> </tr> </table></td> </tr> <tr> <td bgcolor="#FFCC99">&nbsp;</td> <td bgcolor="#FFCC99">&nbsp;</td> </tr> </table> </body> </html>

Page 15: appendix - bc.msu.ac.th399).pdf · 1. 6ˇ5 5IO- -I˚7;-= appserv-win32-2.5.8 ˘ % #M˙˚˙?

115

Source Code ช อ log in.php

<?php session_start(); ?> <?php include('config/config.inc'); ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=tis-620" /> <title>Untitled Document</title> <script type="text/javascript"> function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} } function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; } function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) </script> if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } <? $id = $_POST['iduser']; $pass = $_POST['pass']; if(isset($id)&& isset($pass)){ $sql ="SELECT * FROM employees WHERE emp_user = '$id' and emp_pass = '$pass';"; $reslut =mysql_query($sql); $numrow=mysql_num_rows($reslut); if($numrow){ session_register("iduser",$id); echo '<meta http-equiv="refresh" content="0;URL=profileemp.php" />'; exit;}else{ $sql1 ="SELECT * FROM admin where ad_username = '$id' and ad_password ='$pass';"; $reslut1=mysql_query($sql1); $numrow1=mysql_num_rows($reslut1); if($numrow1){ session_unset("iduser"); $_SESSION['idadmin']=$id; echo'<meta http-equiv="refresh" content="0;URL=profileadmin.php" />'; exit; }else{ ?> <script type="text/javascript"> alert('ไมพอขอมล กรณากรอกใหม'); </script> <? }}

} ?>

Page 16: appendix - bc.msu.ac.th399).pdf · 1. 6ˇ5 5IO- -I˚7;-= appserv-win32-2.5.8 ˘ % #M˙˚˙?

116

Source Code ช อ log in.php (ตอ)

<style type="text/css"> .front1 { font-weight: bolder; font-size: 24px; font-style: normal; color: #FFF; } .front1 { font-size: 18px; font-style: normal; } body { background-color: #FFF1EA; } </style> </head> <body onload="MM_preloadImages('pic/BR-homeEmp.jpg','pic/BR-in.jpg','pic/BR-con.jpg')"> <table width="1000" border="0" align="center" cellpadding="2" cellspacing="0"> <tr> <td colspan="2"><img src="pic/Banner-Emp.gif" width="1000" height="200" /></td> </tr> <tr> <td colspan="2" align="center" bgcolor="#FFCC99"><a href="index.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Home','','pic/BR-homeEmp.jpg',1)"><img src="pic/B-homeEmp.jpg" name="Home" width="150" height="40" border="0" id="Home" /> </a><a href="login.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Log In','','pic/BR-in.jpg',1)"><img src="pic/B-in.jpg" name="Log In" width="150" height="40" border="0" id="Log In" /></a><a href="contact.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Contect us','','pic/BR-con.jpg',1)"><img src="pic/B-con.jpg" name="Contect us" width="150" height="40" border="0" id="Contect us" /></a></td> </tr> <tr bgcolor="#FFCCCC"> <td width="260" align="center" bgcolor="#FFDBB7"><script src="http://www.clocklink.com/embed.js"></script><script type="text/javascript" language="JavaScript">obj=new Object;obj.clockfile="5012-pink.swf";obj.TimeZone="ICT";obj.width=151;obj.height=50;obj.wmode="transparent";showClock(obj);</script></td> <td width="736" align="right" bgcolor="#FFDBB7" class="front1"><marquee align="left" direction="left" scrolldelay="200" class="front1">ยนดตอนรบสการใชบรการเวบไซต สารสนเทศงานบคคลสาหรบองคกร </marquee> </td> </tr> <tr> <td align="center"><embed type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" name="flashplayer" src="http://i251.photobucket.com/albums/gg294/wafpaf/calendars/swf/fun1.swf" quality="high" width="260" height="210" swliveconnect="true" allowscriptaccess="samedomain" /></td> <td align="center" valign="top" bgcolor="#FFF1EA"><form id="form1" name="form1" method="post" action=""> <table width="100%" border="0" align="left" cellpadding="1" cellspacing="0"> <tr bgcolor="#FF9933"> <td align="center" bgcolor="#FFF1EA"><br /><p/></td> <td bgcolor="#FFF1EA"> เขาสระบบ</td> </tr> <tr bgcolor="#FF9933"> <td align="right" bgcolor="#FFF1EA">Username</td> <td align="left" bgcolor="#FFF1EA" class="table"> <label for="textfield2"></label> <input type="text" name="iduser" id="iduser" /> <? $_POST['iduser'];?> </td> </tr> <tr bgcolor="#FF9933"> <td align="right" bgcolor="#FFF1EA">Password</td> <td align="left" bgcolor="#FFF1EA" class="table"> <label for="textfield"></label>

Page 17: appendix - bc.msu.ac.th399).pdf · 1. 6ˇ5 5IO- -I˚7;-= appserv-win32-2.5.8 ˘ % #M˙˚˙?

117

Source Code ช อ log in.php (ตอ)

<input type="password" name="pass" id="pass" /> <? $_POST['pass'];?> </td> </tr> <tr bgcolor="#FF9933" class="table"> <td align="center" bgcolor="#FFF1EA" class="table1" style="border-right-style: none; border-right-width: 0px;">&nbsp;</td> <td align="left" bgcolor="#FFF1EA" class="table"><input type="submit" name="submit" id="submit" value=" Login " /></td> </tr> </table> </form> </td> </tr> <tr> <td bgcolor="#FFCC99">&nbsp;</td> <td bgcolor="#FFCC99">&nbsp;</td> </tr> </table> </body> </html> <tr bgcolor="#FF9933"> <td align="right" bgcolor="#FFF1EA">Username</td> <td align="left" bgcolor="#FFF1EA" class="table"> <label for="textfield2"></label> <input type="text" name="iduser" id="iduser" /> <? $_POST['iduser'];?> </td> </tr> <tr bgcolor="#FF9933"> <td align="right" bgcolor="#FFF1EA">Password</td> <td align="left" bgcolor="#FFF1EA" class="table"> <label for="textfield"></label> <input type="password" name="pass" id="pass" /> <? $_POST['pass'];?> </td> </tr> <tr bgcolor="#FF9933" class="table"> <td align="center" bgcolor="#FFF1EA" class="table1" style="border-right-style: none; border-right-width: 0px;">&nbsp;</td> <td align="left" bgcolor="#FFF1EA" class="table"><input type="submit" name="submit" id="submit" value=" Login " /></td> </tr> </table> </form> </td> </tr> <tr> <td bgcolor="#FFCC99">&nbsp;</td> <td bgcolor="#FFCC99">&nbsp;</td> </tr> </table> </body> </html>

Page 18: appendix - bc.msu.ac.th399).pdf · 1. 6ˇ5 5IO- -I˚7;-= appserv-win32-2.5.8 ˘ % #M˙˚˙?

118

Source Code ช อ ot.php

<? session_start(); ?> <? if (empty($_SESSION)){ echo '<meta http-equiv="Content-Type" content="text/html; charset=tis-620" />'; echo "<div style='text-align:center;'>"."ทานยงไมได Login "."</div>"; echo '<meta http-equiv="refresh" content="3;URL=/hr/login.php" />'; exit;} ?> <?php require_once('../config/config.inc'); ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=tis-620" /> <title>การคานวณคาลวงเวลา-กรอกอตราคาลวงเวลา</title> <?php $d=$_POST['selectname']; if(isset($d)){ $sql="SELECT emp_name,overtime.ot_id,employees.emp_id FROM employees INNER JOIN overtime ON employees.emp_id =overtime.emp_id where employees.emp_id='$d'"; $reslut=mysql_query($sql); $output=mysql_fetch_array($reslut); } ?> function totalot($k){ $sql2="SELECT sum(ot_hour) as totalot FROM overtime where emp_id='$k';"; $reslut2=mysql_query($sql2); $num1=mysql_fetch_array($reslut2); return $num1[0]; } function checktotal($k){ $sql3="SELECT total_ot_id FROM total_ot ;"; $reslut3=mysql_query($sql3); $num2=mysql_num_rows($reslut3); return $num2; } ?> <script type="text/javascript" src="../jquey/jquery-1.7.1.js"></script> <script> $(document).ready(function(){ $("#txt3").hide(); $("#btn1").click(function(){ $("#txt3").show(); $("#txt3").val(parseFloat($("#txt1").val())*parseFloat($("#txt2").val())); }); $("#btn2").click(function(){ $("#txt3").hide(); $("#txt1").val(''); $("#txt2").val(''); $("#txt3").val(''); }); }); </script> <script type="text/javascript"> function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; }

Page 19: appendix - bc.msu.ac.th399).pdf · 1. 6ˇ5 5IO- -I˚7;-= appserv-win32-2.5.8 ˘ % #M˙˚˙?

119

Source Code ช อ ot.php (ตอ)

function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} } function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; } function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } </script> <style type="text/css"> .front1 { font-family: "MS Serif", "New York", serif; font-size: 18px; color: #000; font-style: normal; font-weight: bold; } body { background-color: #FFC993; } </style> <? $session=$_SESSION['idadmin']; function name($d){ $sql="SELECT ad_name FROM admin where ad_username='$d'"; $reslut=mysql_query($sql); $output=mysql_fetch_array($reslut); return $output[0]; } ?> </head> <body onload="MM_preloadImages('../pic/BR-home.jpg','../pic/BR-dep.jpg','../pic/BR-emp.jpg','../pic/BR-ot.jpg','../pic/BR-sla.jpg','../pic/BR-doc.jpg','../pic/BR-addnews.gif','../pic/BR-ms.gif','../pic/BR-slip.gif','../pic/BR-mboard.gif','../pic/BR-mail.gif','../pic/BR-mleave.gif')"> <table width="1000" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td colspan="2"><img src="../pic/Banneradmin.gif" width="1000" height="200" /></td> </tr> <tr> <td colspan="2" align="center" bgcolor="#FF9900"><a href="../profileadmin.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Home','','../pic/BR-home.jpg',1)"><img src="../pic/B-home.jpg" name="Home" width="143" height="40" border="0" id="Home" /> </a><a href="../department/homedep.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Department','','../pic/BR-dep.jpg',1)"><img src="../pic/B-dep.jpg" name="Department" width="143" height="40" border="0" id="Department" /> </a><a href="../employees/empsearch.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Employees','','../pic/BR-emp.jpg',1)"><img src="../pic/B-emp.jpg" name="Employees" width="143" height="40" border="0" id="Employees" /> </a><a href="fistot.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Overtime','','../pic/BR-ot.jpg',1)"><img src="../pic/B-ot.jpg" name="Overtime" width="143" height="40" border="0" id="Overtime" /> </a><a href="../salary/fistsalary.php" onmouseout="MM_swapImgRestore()"

Page 20: appendix - bc.msu.ac.th399).pdf · 1. 6ˇ5 5IO- -I˚7;-= appserv-win32-2.5.8 ˘ % #M˙˚˙?

120

Source Code ช อ ot.php (ตอ)

onmouseover="MM_swapImage('Salary','','../pic/BR-sla.jpg',1)"><img src="../pic/B-sla.jpg" name="Salary" width="143" height="40" border="0" id="Salary" /> </a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Manage Board','','../pic/BR-mboard.gif',1)"><img src="../pic/B-mboard.gif" name="Manage Board" width="150" height="40" border="0" id="Manage Board" /></a></td> </tr> <tr> <td colspan="2" align="center" bgcolor="#FF9900"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Manage Salry','','../pic/BR-ms.gif',1)"><img src="../pic/B-ms.gif" name="Manage Salry" width="143" height="43" border="0" id="Manage Salry" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Pay Slip','','../pic/BR-slip.gif',1)"><img src="../pic/B-slip.gif" name="Pay Slip" width="143" height="43" border="0" id="Pay Slip" /></a><a href="../report/reportgrop.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Documents','','../pic/BR-doc.jpg',1)"><img src="../pic/B-doc.jpg" name="Documents" width="143" height="40" border="0" id="Documents" /></a><a href="../news/news-addmin.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('เพ(มขาวสาร','','../pic/BR-addnews.gif',1)"><img src="../pic/B-addnews.gif" name="เพ(มขาวสาร" width="143" height="40" border="0" id="เพ(มขาวสาร" /></a><a href="../mail/mail.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Send E-Mail','','../pic/BR-mail.gif',1)"><img src="../pic/B-mail.gif" name="Send E-Mail" width="150" height="40" border="0" id="Send E-Mail" /></a><a href="../leve/showleve-admin.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Leave','','../pic/BR-mleave.gif',1)"><img src="../pic/B-mleave.gif" name="Leave" width="150" height="40" border="0" id="Leave" /></a></td> </tr> <tr> <td width="248" align="center" bgcolor="#FFCC33"><script src="http://www.clocklink.com/embed.js"></script><script type="text/javascript" language="JavaScript">obj=new Object;obj.clockfile="5012-orange.swf";obj.TimeZone="ICT";obj.width=151;obj.height=50;obj.wmode="transparent";showClock(obj);</script></td> <td width="748" align="right" bgcolor="#FFCC33" class="front1"> ผเขาใชระบบ : <?=name($session);?> <a style="margin-left:10px" href="../destroysession.php" >ออกจากระบบ</a></td> </tr> <tr> <td align="center" valign="top"><embed type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" name="flashplayer" src="http://i251.photobucket.com/albums/gg294/wafpaf/calendars/swf/fun1.swf" quality="high" width="260" height="210" swliveconnect="true" allowscriptaccess="samedomain" /><br> </td> <td align="center" valign="top" bgcolor="#FFFFFF"><form action="finish.php" method="post"> <table width="100%" border="0" align="left" cellpadding="0" cellspacing="0" class="front1" id="nametable"> <tr bgcolor="#FFFF00"> <td align="center" valign="middle" class="front1">การคานวณคาลวงเวลางาน</td> </tr> <tr> <td height="286"><table width="100%" border="0" align="left" cellpadding="0" cellspacing="0"> <tr bgcolor="#FFFF66"> <td width="23%" height="35"><strong>รหสพนกงาน</strong></td> <td width="22%"><input name="empid" type="text" disabled="disabled" id="empid" value="<?= $d; ?>" /> <? $_POST['nameid'];?> <input name="nameid" type="hidden" id="nameid" value="<?=$d;?>" /></td> <td width="34%" align="right"><strong>วนท(</strong></td> <td width="21%"><?= date("d/m/Y");?></td> </tr> <tr bgcolor="#FFFF66"> <td><strong>ช(อพนกงาน</strong></td>

Page 21: appendix - bc.msu.ac.th399).pdf · 1. 6ˇ5 5IO- -I˚7;-= appserv-win32-2.5.8 ˘ % #M˙˚˙?

121

Source Code ช อ ot.php (ตอ)

<td><input name="textfield2" type="text" disabled="disabled" id="textfield2" value="<?=$output[0];?>" /> <input name="empname" type="hidden" id="empname" value="<?=$output[0]?>" /><? $_POST['empname'];?></td> <td align="left"><strong>รหสการคานวณคาลวงเวลา</strong></td> <td><label for="textfield3"></label> <input name="textfield3" type="text" disabled="disabled" id="textfield3" value="<?php $a=checktotal($d);$a=$a+1;echo $a; ?>" /><input name="totalid" type="hidden" value="<?=$a;?>" /><? $_POST['totalid'];?></td> </tr> <tr bgcolor="#FFFF66"> <td><strong>รวมรหสคาลวงเวลา</strong></td> <td><label for="textfield4"> <input name="textfield5" type="text" disabled="disabled" id="textfield5" value="<?= $output[1];?>" /> </label></td> <td colspan="2">&nbsp;</td> </tr> <tr bgcolor="#FFFF66"> <td>&nbsp;</td> <td><label for="textfield5"></label></td> <td colspan="2">&nbsp;</td> </tr> <tr bgcolor="#FFFF66"> <td colspan="2" align="right">&nbsp;</td> <td colspan="2"></td> </tr> <tr bgcolor="#FFFF66"> <td colspan="2" align="right"><label for="textfield6">รวมวนท(ทางาน</label></td> <td colspan="2" align="left"><span style="margin-left:30px"><input name="textfield6" type="text" disabled="disabled" id="textfield6" value="<?= sumot($d);?>" /></span></td> </tr> <tr bgcolor="#FFFF66"> <td colspan="2" align="right">อตราเงนคาลวงเวลา</td> <td colspan="2" align="left"><span style="margin-left:30px"><input type="text" name="txt1" id="txt1" /></span> <span ><sup style="font-size: 14px; color: #F00;">*กรณากรอกแตตวเลข</sup></span></td> </tr> <tr bgcolor="#FFFF66"> <td height="41" colspan="2" align="right" bgcolor="#FFFF66"><label for="select">รวมช(วโมงการทางาน </label></td> <td colspan="2" align="left"><span style="margin-left:30px"><input name="txt2" type="text" disabled="disabled" id="txt2" value="<?= totalot($d);?>" /> </span><input name="sumot" type="hidden" value="<?=totalot($d);$_POST['sumot'];?>" /></td> </tr> <tr> <td colspan="2" align="right" bgcolor="#FFFF66">&nbsp;</td> <td colspan="2" align="center" bgcolor="#FFFF66"><input type="button" id="btn1" value=" คานวณ "> </td> </tr> <tr> <td colspan="2" align="right" bgcolor="#FFFF33"><strong>เงนคาลวงเวลารวมสทธ</strong></td> <td colspan="2" align="center" bgcolor="#FFFF33" style="margin-left:30px"><strong> <input name="txt3" type="text"class="front3" id="txt3" size="5" maxlength="5" readonly="readonly" > บาท</strong><? $_POST['txt3'];?></td> </tr>

Page 22: appendix - bc.msu.ac.th399).pdf · 1. 6ˇ5 5IO- -I˚7;-= appserv-win32-2.5.8 ˘ % #M˙˚˙?

122

Source Code ช อ ot.php (ตอ)

<tr> <td colspan="4" align="right" bgcolor="#FFFF33"> <input type="submit" name="button2" id="button2" value="Print OR SAVE" /> </td> </tr> </table></td> </tr> </table> </form></td> </tr> <tr> <td bgcolor="#FF9900">&nbsp;</td> <td bgcolor="#FF9900">&nbsp;</td> </tr> </table> </body> </html>

Page 23: appendix - bc.msu.ac.th399).pdf · 1. 6ˇ5 5IO- -I˚7;-= appserv-win32-2.5.8 ˘ % #M˙˚˙?

123

Source Code ช อ salary.php

<? session_start(); ?> <? if (empty($_SESSION)){ echo '<meta http-equiv="Content-Type" content="text/html; charset=windows-874"" />'; echo "<div style='text-align:center;'>"."ทานยงไมได Login "."</div>"; echo '<meta http-equiv="refresh" content="3;URL=/hr/login.php" />'; exit;} ?> <?php require_once('../config/config.inc'); ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=tis-620" /> <title>คานวณเงนเดอนของพนกงาน</title> <style type="text/css"> .front1 { font-family: "MS Serif", "New York", serif; font-size: 18px; color: #000; font-style: normal; font-weight: normal; } body { background-color: #FFC993; } </style> <script type="text/javascript"> function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} } function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; } function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } </script> <style type="text/css"> #form1 table tr td table tr td strong { text-align: left; } #form1 table tr td table tr td table tr td #button2 { text-align: right; font-family: "TP Tankhun"; font-size: 24px; } </style>

Page 24: appendix - bc.msu.ac.th399).pdf · 1. 6ˇ5 5IO- -I˚7;-= appserv-win32-2.5.8 ˘ % #M˙˚˙?

124

Source Code ช อ salary.php (ตอ)

<script type="text/javascript" src="../jquey/jquery-1.7.1.js"></script> <script> $(document).ready(function(){ $("#total").hide(); $("#btn1").click(function(){ $("#total").show(); $("#total").val(parseFloat($("#txt1").val())+parseFloat($("#txt2").val())-parseFloat($("#txt3").val())); }); $("#btn2").click(function(){ $("#txt3").hide(); $("#txt1").val(''); $("#txt2").val(''); $("#txt3").val(''); }); }); </script> <?php $d=$_POST['selectname']; if(isset($d)){ $sql="SELECT emp_name,overtime.ot_id,employees.emp_id,salary FROM employees INNER JOIN overtime ON employees.emp_id =overtime.emp_id where employees.emp_id='$d'"; $reslut=mysql_query($sql); $output=mysql_fetch_array($reslut); } ?> <? function sumot($k){ $sql1="SELECT work_id FROM work where emp_id='$k';"; $reslut1=mysql_query($sql1); $num=mysql_num_rows($reslut1); return $num; } function totalot($k){ $sql2="SELECT sum(ot_hour) as totalot FROM overtime where emp_id='$k';"; $reslut2=mysql_query($sql2); $num1=mysql_fetch_array($reslut2); return $num1[0]; } function checktotal($k){ $sql3="SELECT total_salary _id FROM total_salary WHERE emp_id='$k';"; $reslut3=mysql_query($sql3); $num2=mysql_num_rows($reslut3); return $num2; } function totalid($k){ $sql4="SELECT total_ot FROM total_ot WHERE emp_id='$k';"; $reslut4=mysql_query($sql4); while ($num3=mysql_fetch_array($reslut4)){ $data+=$num3[0]; } return $data; } ?>

Page 25: appendix - bc.msu.ac.th399).pdf · 1. 6ˇ5 5IO- -I˚7;-= appserv-win32-2.5.8 ˘ % #M˙˚˙?

125

Source Code ช อ salary.php (ตอ)

<script type="text/javascript"> function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} } function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; } function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } </script> <style type="text/css"> .front1 { font-family: "TP Tankhun"; font-size: 18px; color: #000; font-style: normal; font-weight: normal; } body { background-color: #FFC993; } </style> <? $session=$_SESSION['idadmin']; function name($d){ $sql="SELECT ad_name FROM admin where ad_username='$d'"; $reslut=mysql_query($sql); $output=mysql_fetch_array($reslut); return $output[0]; } ?> </head> <body onload="MM_preloadImages('../pic/BR-home.jpg','../pic/BR-dep.jpg','../pic/BR-emp.jpg','../pic/BR-ot.jpg','../pic/BR-sla.jpg','../pic/BR-doc.jpg','../pic/BR-addnews.gif','../pic/BR-ms.gif','../pic/BR-slip.gif','../pic/BR-mboard.gif','../pic/BR-mleave.gif')"> <table width="1000" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td colspan="2"><img src="../pic/Banneradmin.gif" width="1000" height="200" /></td> </tr> <tr> <td colspan="2" align="center" bgcolor="#FF9900"><a href="../profileadmin.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Home','','../pic/BR-home.jpg',1)"><img src="../pic/B-home.jpg" name="Home" width="143" height="40" border="0" id="Home" /> </a><a href="../department/homedep.php" onmouseout="MM_swapImgRestore()"

Page 26: appendix - bc.msu.ac.th399).pdf · 1. 6ˇ5 5IO- -I˚7;-= appserv-win32-2.5.8 ˘ % #M˙˚˙?

126

Source Code ช อ salary.php (ตอ)

onmouseover="MM_swapImage('Department','','../pic/BR-dep.jpg',1)"><img src="../pic/B-dep.jpg" name="Department" width="143" height="40" border="0" id="Department" /> </a><a href="../employees/empsearch.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Employees','','../pic/BR-emp.jpg',1)"><img src="../pic/B-emp.jpg" name="Employees" width="143" height="40" border="0" id="Employees" /> </a><a href="../ot/fistot.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Overtime','','../pic/BR-ot.jpg',1)"><img src="../pic/B-ot.jpg" name="Overtime" width="143" height="40" border="0" id="Overtime" /> </a><a href="fistsalary.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Salary','','../pic/BR-sla.jpg',1)"><img src="../pic/B-sla.jpg" name="Salary" width="143" height="40" border="0" id="Salary" /> </a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Manage Board','','../pic/BR-mboard.gif',1)"><img src="../pic/B-mboard.gif" name="Manage Board" width="150" height="40" border="0" id="Manage Board" /></a></td> </tr> <tr> <td colspan="2" align="center" bgcolor="#FF9900"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Manage Salary','','../pic/BR-ms.gif',1)"><img src="../pic/B-ms.gif" name="Manage Salary" width="143" height="43" border="0" id="Manage Salary" /> </a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Pay Slip','','../pic/BR-slip.gif',1)"><img src="../pic/B-slip.gif" name="Pay Slip" width="143" height="43" border="0" id="Pay Slip" /></a><a href="../report/reportgrop.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Documents','','../pic/BR-doc.jpg',1)"><img src="../pic/B-doc.jpg" name="Documents" width="143" height="40" border="0" id="Documents" /></a><a href="../news/news-addmin.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('เพ(มขาวสาร','','../pic/BR-addnews.gif',1)"><img src="../pic/B-addnews.gif" name="เพ(มขาวสาร" width="143" height="40" border="0" id="เพ(มขาวสาร" /></a><a href="../mail/mail.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Send E-Mail','','../pic/BR-mleave.gif',1)"><img src="../pic/B-mail.gif" name="Send E-Mail" width="150" height="40" border="0" id="Send E-Mail" /></a><a href="../leve/showleve-admin.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Leave','','../pic/BR-mleave.gif',1)"><img src="../pic/B-mleave.gif" name="Leave" width="150" height="40" border="0" id="Leave" /></a></td> </tr> <tr> <td width="248" align="center" bgcolor="#FFCC33"><script src="http://www.clocklink.com/embed.js"></script><script type="text/javascript" language="JavaScript">obj=new Object;obj.clockfile="5012-orange.swf";obj.TimeZone="ICT";obj.width=151;obj.height=50;obj.wmode="transparent";showClock(obj);</script></td> <td width="748" align="right" bgcolor="#FFCC33" class="front1"> ผเขาใชระบบ : <?=name($session);?> <a style="margin-left:10px" href="../destroysession.php" >ออกจากระบบ</a></td> </tr> <tr> <td align="center" valign="top"><embed type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" name="flashplayer" src="http://i251.photobucket.com/albums/gg294/wafpaf/calendars/swf/fun1.swf" quality="high" width="260" height="210" swliveconnect="true" allowscriptaccess="samedomain" /><br> </td> <td align="center" valign="top" bgcolor="#FFFFFF"><form id="form1" name="form1" method="post" action="finishsalary.php"> <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr bgcolor="#FFFF00"> <td align="center" style="text-align:center"><strong>การคานวณเงนเดอนพนกงาน</strong></td> </tr> <tr> <td><table width="100%" border="0" align="left" cellpadding="1" cellspacing="0" class="front1"> <tr bgcolor="#FFFF99"> <td width="25%" align="right"><strong>รหสพนกงาน</strong></td> <td width="24%" align="center"><label for="textfield"> <input name="textfield" type="text" disabled="disabled" id="textfield" value="<?= $d; ?>" /> <input name="nameid" type="hidden" id="nameid" value="<?=$d;?>" /> </label></td>

Page 27: appendix - bc.msu.ac.th399).pdf · 1. 6ˇ5 5IO- -I˚7;-= appserv-win32-2.5.8 ˘ % #M˙˚˙?

127

Source Code ช อ salary.php (ตอ)

<td width="31%" align="right"><strong>วนท(</strong></td> <td width="20%" align="center"><?= date("d/m/Y");?></td> </tr> <tr bgcolor="#FFFF99"> <td align="right"><strong>ช(อพนกงาน</strong></td> <td align="center"><input name="textfield2" type="text" disabled="disabled" id="textfield2" value="<?=$output[0];?>" /> <input name="empname" type="hidden" id="empname" value="<?=$output[0]?>" /></td> <td align="right"><strong>รหสการคานวณเงนเดอน</strong></td> <td align="center"><label for="textfield3"></label> <input name="textfield3" type="text" disabled="disabled" id="textfield3" value="<?php $a=checktotal($d);$a=$a+1;echo $a; ?>" /> <input name="totalid" type="hidden" value="<?=$a;?>" /></td> </tr> <tr bgcolor="#FFFF99"> <td align="right"><strong>รหสคาลวงเวลา</strong></td> <td align="center"><label for="textfield4"></label> <input name="textfield4" type="text" disabled="disabled" id="textfield4" value="<?= $output[1];?>" /></td> <td align="center">&nbsp;</td> <td align="center">&nbsp;</td> </tr> <tr bgcolor="#FFFF99"> <td align="right">&nbsp;</td> <td align="center"><label for="textfield5"></label></td> <td align="center">&nbsp;</td> <td align="center">&nbsp;</td> </tr> <tr> <td colspan="2" align="center" bgcolor="#FFFF99">&nbsp;</td> <td colspan="2" align="center" bgcolor="#FFFF99">&nbsp;</td> </tr> <tr bgcolor="#FFFF99"> <td colspan="2" align="right" bgcolor="#FFFF99">เงนเดอนพนกงาน</td> <td colspan="2" align="center"><label for="txt1"></label> <input name="txt1" type="text" disabled="disabled" id="txt1" value="<?=$output[3];?>" readonly="readonly" /> <input name="salary" type="hidden" id="salary" value="<?=$output[3];?>" /> บาท<? $_POST['salary'];?></td> </tr> <tr bgcolor="#FFFF99"> <td colspan="2" align="right">คาลวงเวลาสทธ</td> <td colspan="2" align="center"><label for="txt2"></label> <input name="txt2" type="text" disabled="disabled" id="txt2" value="<?=totalid($d);?>" readonly="readonly" /> บาท</td> </tr> <tr bgcolor="#FFFF99"> <td colspan="2" align="right"><strong>หก</strong></td> <td colspan="2" align="center">&nbsp;</td> </tr> <tr bgcolor="#FFFF99"> <td colspan="2" align="right" bgcolor="#FFFF99">อ(นๆ</td> <td colspan="2" align="center"><input name="txt3" type="text" id="txt3" value="0" /> บาท</td> </tr>

Page 28: appendix - bc.msu.ac.th399).pdf · 1. 6ˇ5 5IO- -I˚7;-= appserv-win32-2.5.8 ˘ % #M˙˚˙?

128

Source Code ช อ salary.php (ตอ)

<tr> <td colspan="2" align="right" bgcolor="#FFFF99">&nbsp;</td> <td colspan="2" align="left" bgcolor="#FFFF99"><p> <input type="button" name="btn1" id="btn1" value="คานวณ" /> </p> <p>&nbsp;</p></td> </tr> <tr bgcolor="#FFFF33"> <td colspan="2" align="right"><strong>เงนเดอนรวมสทธ</strong></td> <td colspan="2" align="left"><strong> <label for="txt3"> <input name="total" type="text" id="total" size="7" readonly="readonly" style="margin-left:150px" /> บาท</label> </strong><?= $_POST['total'];?></td> </tr> <tr bgcolor="#FFFF33"> <td colspan="4" align="right" bgcolor="#FFFF33"><input type="submit" name="button2" id="button2" value="Print Or Save" /></td> </tr> </table> </td> </tr> <tr> <td bgcolor="#FFFF33">&nbsp;</td> </tr> </table> </form></td> </tr> <tr> <td bgcolor="#FF9900">&nbsp;</td> <td bgcolor="#FF9900">&nbsp;</td> </tr> </table> </body> </html>

Page 29: appendix - bc.msu.ac.th399).pdf · 1. 6ˇ5 5IO- -I˚7;-= appserv-win32-2.5.8 ˘ % #M˙˚˙?

129

ภาคผนวก ค

บทนาเสนอโครงงานเทคโนโลยสารสนเทศธรกจ

Page 30: appendix - bc.msu.ac.th399).pdf · 1. 6ˇ5 5IO- -I˚7;-= appserv-win32-2.5.8 ˘ % #M˙˚˙?

130

บทนาเสนอโครงงานเทคโนโลยสารสนเทศธรกจ 2

ประจาภาคเรยนท 2/2553

วชา : 0904403 โครงงานเทคโนโลยสารสนเทศธรกจ 2 จานวน 2 หนวยกต (0-2-0) ช อโครงงาน : ระบบสารสนเทศงานบคคลสาหรบองคกร รายช อผศกษาโครงงาน :

1. ช%อ-สกล นายญฐพทร มเสน รหสประจาตว 51010912103 2. ช%อ-สกล นางสาวดวงหทย สงสแก รหสประจาตว 51010912111

อาจารยท ปรกษาโครงงาน :

อาจารยเกรยงศกด~ จนทนอก (....................................................)

กรรมการท%ปรกษา วนท% ............/ ................/ ..............

(....................................................)

กรรมการคนท% 1 นท% ............/ ................/ ..............

(....................................................)

กรรมการคนท% 2 วนท% ............/ ................/ ..............

Page 31: appendix - bc.msu.ac.th399).pdf · 1. 6ˇ5 5IO- -I˚7;-= appserv-win32-2.5.8 ˘ % #M˙˚˙?

131

บทท 1

บทนา

1.1 ความเปนมาและความสาคญของปญหา

คอมพวเตอรในปจจบนเขามามบทบาทในชวตประจาวน เน%องจากคอมพวเตอรไดพฒนาขOนมาอยางรวดเรวในทางท%สวนกลบกน และมความสามารถเพ%มขOนเร%อยๆ โดยเหนไดอยางชดเจนนOนคอการทาเวบไซตของหนวยงานตางๆ ซ% งกอนท%จะแพรหลายดงเชนทกวนนO เวบไซตคอศนยท%รวบรวมความร และแหลงขอมลตางๆ อาท เชน ขาวสาร ประชาสมพนธ บนเทง กฬา เปนตน และจะมแตเฉพาะในหนวยงาน องคกรของรฐ และเอกชน แตในทกวนนO เวบไซต นอกจากจะเปนการกระจายขาวสารของหนวยงานขององคกรนOนๆ ยงทาใหมการใชงานอยางกวางขวางมากขOน ทกหนวยงานสามารถสามารถเปดบรการเวบไซตท%เปนขององคกรได

การเขาทางานของพนกงานจงเปนอกเหตผลหน%งท%ตองนาเทคโนโลยมาใชเพ%อใหความเท%ยงตรงในการเขาทางานท%แนนนอน สามารถตรวจสอบได ทาใหบรษทไดรบประโยชนสงสดจากการเขาทางานท%ตรงเวลา อกทOงยงชวยคานวณคาแรงไดอยางถกตอง ซ% งเปนการอานวยความสะดวกใหแกบรษท เน%องจากแตละบรษทมพนกงานจานวนมาก และตองออกเดนทางนอกสถานท% ทาใหเกดชองทางท%พนกงานบางคนทจรตเวลาการทางานได เม%อไดนาเทคโนโลยเขามาชวยในการจดการกจะแกปญหานOไดซ% งอาจจะเปนตนเหตของหลายๆปญหาท%เกดขOน

จากการท%อนเตอรเนตมความครอบคลมท%วทกพOนท% ทาใหเกดแนวคดในการลงเวลาในการเขาทางาน โดยเฉพาะการเขาทางานนอกสถานท%ท%ซ% งตรวจสอบไดยาก เพ%อชวยอานวยความสะดวก รวดเรว และมความเท%ยงตรงมากท%สด การประชาสมพนธขาวสารของบรษทใหกบพนกงานโดยท%ไมตองเดนทางเขามาทางานท%บรษท ดงนOนจงมการจดทาระบบสารสนเทศงานบคคลสาหรบองคกรท%วไปขOน ซ% งเปนการใชเทคโนโลยใหเกดประโยชนใหกบองคกรเพ%มมากขOน

Page 32: appendix - bc.msu.ac.th399).pdf · 1. 6ˇ5 5IO- -I˚7;-= appserv-win32-2.5.8 ˘ % #M˙˚˙?

132

1.2 วตถประสงคของการศกษา

1.2.1 เพ%อพฒนาการลงเวลาเขาทางานของพนกงานใหมประสทธภาพมากย%งขOน 1.2.2 เพ%อเพ%มชองทางในการลงเวลา และลดสาเหตของปญหาตางๆในบางสวน อกทOงยงชวยในการเผยแพรขอมลขาวสารภายในบรษทใหกบพนกงานไดรบทราบ 1.2.3 เพ%อใหสามารถจดทาขอมลตางๆไดรวดเรว เชน รายงานตางๆ เพ%อใหมมาตรฐานในการจดทารายงานท%มประสทธภาพเพ%มมากขOน

1.3 ขอบเขตของการดาเนนงาน

1.3.1 ระบบ Log In เขาสระบบ 1.3.2 ขอมลพนกงาน

1.3.2.1 สามารถ เพ%ม ลบ แกไข บนทก ขอมลพนกงานได 1.3.2.2 สามารถคนหาพนกงานได

1.3.3 ระบบยนยนการเขาทางาน 1.3.3.1 มการเกบขอมลการเขางานนานประมาณ 1 เดอนหรอ 2 เดอนของแตละคน

1.3.4 ระบบคานวณเงนเดอน 1.3.4.1 คานวณในเงนเดอนในแตละเดอนโดยการตเปนวนท%เขางาน 1.3.4.2 หกเงนเน%องจากมาสายหรอวาขาดงานโดยไมไดนาไปคดในทกสOนเดอน

1.3.5 ระบบคานวณคาลวงเวลา 1.3.6 เวบบอรดสาหรบพนกงาน

1.3.6.1 สามารถแจงขาวของบรษทใหกบพนกงานทราบ 1.3.6.2 พนกงานสามารถแสดงความคดเหนลงในเวบบอรดได

1.3.7 ระบบ E-Mail แจงพนกงาน 1.3.7.1 สามารถแจงเงนเดอนในแตละเดอน 1.3.7.2 สามารถแจงการเขางานในแตละเดอน

1.3.8 ระบบแจงลางาน ออนไลน 1.3.8.1 สามารถแจงการลางานผานเวบออนไลน

1.3.9 ระบบออกรายงานการเขาทางาน 1.3.9.1 แบบรวมคนในองคกรวามการขาดสายก%ครO ง 1.3.9.2 แบบแสดงรายบคคลเพ%อแจงใหทราบวาแตละเดอนขาดเกนกาหนดก%ครO ง

1.3.10 ระบบออกสลปเงนเดอน (Pay Slip) 1.3.10.1 ออกเปนสลปขนาดเลกทกสOนเดอน

Page 33: appendix - bc.msu.ac.th399).pdf · 1. 6ˇ5 5IO- -I˚7;-= appserv-win32-2.5.8 ˘ % #M˙˚˙?

133

1.3.11 ขอมลเงนเดอนพนกงาน

1.3.11.1 สามารถแกไข บนทก ขอมลเงนเดอนพนกงานได 1.3.12 ระบบการจดการขอมลแผนก 1.3.12.1 สามารถแกไข บนทก ขอมลแผนกได

1.4 อปกรณและเคร องมอในการดาเนนงาน

1.4.1 ฮารดแวร

- คอมพวเตอรจานวน 1 เคร%อง - อปกรณ Barcode จานวน 1 เคร%อง - เคร%องพมพ จานวน 1 เคร%อง 1.4.2 ซอรฟแวร

- โปรแกรม Adobe Dreamweaver CS5 - AppServ เวอรช%น 2.5.10 สาหรบ Windows -MySQL ทาหนาท% Database Server - Apache ทาหนาท% Web Server - PhpMyAdmin ใชเปนตวควบคม MySQL Database ผานเวบไซต - PHP Script Language เปนโปรแกรมภาษา PHP สาหรบเขยนโปรแกรม - โปรแกรม Adobe Photoshop CS3 - โปรแกรม Microsoft Visio 2007 ใชในการสรางแผนภมแผนผงและตารางตางๆนการวเคราะหโครงงาน - Internet Explorer Version 9.0 ใชทดสอบการแสดงผลการทางานของเวบไซต - โปรแกรม Microsoft Office 2007 เพ%อจดทาเอกสารประกอบ

1.5 ข�นตอนในการดาเนนงาน

1.5.1 นาเสนอหวขอตออาจารยท%ปรกษา

1.5.2 ศกษาและเกบรวบรวมขอมล

1.5.3 วเคราะหและออกแบบระบบ

1.5.4 พฒนาระบบ

1.5.5 ทดสอบและปรบปรงระบบ

Page 34: appendix - bc.msu.ac.th399).pdf · 1. 6ˇ5 5IO- -I˚7;-= appserv-win32-2.5.8 ˘ % #M˙˚˙?

134

1.5.6 นาเสนอผลงานตอคณะกรรมการ

1.5.7 จดทาเอกสารประกอบ

1.6 ระยะเวลาในการปฏบตงาน

ตารางท 1-1 ระยะเวลาในการปฏบตงาน

กจกรรม พ.ศ. 2554 พ.ศ. 2555

ม.ย. ก.ค. ส.ค. ก.ย. ต.ค. พ.ย. ธ.ค. ม.ค. ก.พ.

1.นาเสนอหวขอตออาจารยท%ปรกษา

2 ศกษาและเกบรวบรวมขอมล 3 วเคราะหและออกแบบระบบ 4 พฒนาระบบ 5 ทดสอบและปรบปรงระบบ 6 นาเสนอผลงานตอคณะกรรมการ

7 จดทาเอกสารประกอบ

1.7 ผลท คาดวาจะไดรบ

1.7.1 เพ%มประสทธภาพในการลงเวลาพนกงานใหมความเท%ยงตรงมากย%งขOน 1.7.2 ชวยเพ%มประสทธภาพในการทางานตางๆไดดขOน 1.7.3 ชวยประชาสมพนธขอมลขาวสารของบรษทใหพนกงานไดรบทราบอยางรวดเรว 1.7.4 ผดแลระบบสามารถเขาไปจดการขอมลตางๆ ผานทางเวบไซต 1.7.5 สามารถสรางภาพลกษณท%ดใหกบองคกร ในเร%องความทนสมยของเทคโนโลย

Page 35: appendix - bc.msu.ac.th399).pdf · 1. 6ˇ5 5IO- -I˚7;-= appserv-win32-2.5.8 ˘ % #M˙˚˙?

135

ภาคผนวก ง

รายงานการพบอาจารยท ปรกษา

Page 36: appendix - bc.msu.ac.th399).pdf · 1. 6ˇ5 5IO- -I˚7;-= appserv-win32-2.5.8 ˘ % #M˙˚˙?

136

รายงานเขาพบอาจารยปรกษา

ช อโครงงาน : ระบบสารสนเทศงานบคคลสาหรบองคกร รายช อผศกษาโครงงาน :

1. ช%อ-สกล นายญฐพทร มเสน รหสประจาตว 51010912103 2. ช%อ-สกล นางสาวดวงหทย สงสแก รหสประจาตว 51010912111

อาจารยท ปรกษาโครงงาน : อาจารยเกรยงศกด~ จนทนอก

คร�งท วนท เขาพบ รายละเอยด อาจารยท ปรกษา

รบทราบ/หมายเหต

1 2 ม.ย. 54 ย%นหวขอ ขอบเขตงาน และรายละเอยดอ%นๆ ของ Project 1 เพ%อพจารณา

2 23 ม.ย. 54 แกไขและตรวจสอบ ขอบเขตงาน รวมทOง บทท%1 และ 2 3 14 ก.ค. 54 สงราง Flowchat และ DFD เพ%อตรวจสอบและแกไข

4 25 ส.ค.54 สงบทท% 3 เพ%อตรวจสอบและแกไข (Flowchat, DFD, ER-Diagram)

5 25 ส.ค. 54 รบทราบรายละเอยดการเขาสอบ Project 1 6 15 พ.ย. 54 ออกแบบหนาเวบไซต 7 13 ธ.ค.54 ตรวจสอบและแกไขเวบไซต ในสวนของผดแลระบบ 8 17 ม.ค. 55 ตรวจสอบและแกไขเวบไซต ในสวนของผดแลระบบ 9 7 ก.พ. 55 ตรวจสอบและแกไขเวบไซต ในสวนของการใหบรการ 10 21 ก.พ. 55 รบทราบรายละเอยดการเขาสอบ Project 2