51
ภาคผนวก

ภาคผนวก - Mahasarakham University · 2013. 5. 29. · 11 ภาพที่ก-6 แสดงการใส่ server Name, e-mail และ HTTP Port จากภาพที่

  • Upload
    others

  • View
    3

  • Download
    0

Embed Size (px)

Citation preview

Page 1: ภาคผนวก - Mahasarakham University · 2013. 5. 29. · 11 ภาพที่ก-6 แสดงการใส่ server Name, e-mail และ HTTP Port จากภาพที่

ภาคผนวก

Page 2: ภาคผนวก - Mahasarakham University · 2013. 5. 29. · 11 ภาพที่ก-6 แสดงการใส่ server Name, e-mail และ HTTP Port จากภาพที่

8

ภาคผนวกก ขนตอนการตดตงเวบเซรฟเวอร

Page 3: ภาคผนวก - Mahasarakham University · 2013. 5. 29. · 11 ภาพที่ก-6 แสดงการใส่ server Name, e-mail และ HTTP Port จากภาพที่

9

ขนตอนการตดตงเวบเซรฟเวอร โปรแกรมAppServ 2.5.8

การตดตงโปรแกรมเวบเซรฟเวอร (Web server)

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

จากภาพท 1 แสดงการตดตงโปรแกรมโดยการ Double Click ทไอคอนappserv- win32-2.2.8.exe เพอทาการตดตงโปรแกรม Apace Web Server, โปรแกรมภาษา PHP, โปรแกรม MySQL และโปรแกรม, PhpMyAdmin

ภาพทก-2 แสดงขอความตอนรบ

จากภาพท 2 แสดงขอความตอนรบเขาสการตดตงโปรแกรมAppServใหคลกทปม

Page 4: ภาคผนวก - Mahasarakham University · 2013. 5. 29. · 11 ภาพที่ก-6 แสดงการใส่ server Name, e-mail และ HTTP Port จากภาพที่

10

ภาพทก-3 แสดงขอความเงอนไข

จากภาพท 3 แสดงขอความเงอนไขในการใชโปรแกรมใหคลกทปม

ภาพทก-4 แสดงการเลอกโฟลเดอรในการตดตง

จากภาพท 5 แสดงการเลอกโปรแกรมทตองการตดตงใหเลอกทงหมดแลวคลกท

Page 5: ภาคผนวก - Mahasarakham University · 2013. 5. 29. · 11 ภาพที่ก-6 แสดงการใส่ server Name, e-mail และ HTTP Port จากภาพที่

11

ภาพทก-6 แสดงการใส server Name, e-mail และ HTTP Port

จากภาพท 6 แสดงการใส server Name, e-mail และ HTTP Port คลกท

ภาพทก-7 แสดงการใส Password

Page 6: ภาคผนวก - Mahasarakham University · 2013. 5. 29. · 11 ภาพที่ก-6 แสดงการใส่ server Name, e-mail และ HTTP Port จากภาพที่

12

จากภาพท 7 แสดงการใส Password คลกท

ภาพทก-8 แสดงการตดตงโปรแกรมทเสรจสมบรณ

จากภาพท 8 แสดงการตดตงโปรแกรมทเสรจสมบรณแลวคลกท

ภาพทก-9 แสดงการทดสอบการใชงานโปรแกรม

Page 7: ภาคผนวก - Mahasarakham University · 2013. 5. 29. · 11 ภาพที่ก-6 แสดงการใส่ server Name, e-mail และ HTTP Port จากภาพที่

13

ภาคผนวกข Source Code

Page 8: ภาคผนวก - Mahasarakham University · 2013. 5. 29. · 11 ภาพที่ก-6 แสดงการใส่ server Name, e-mail และ HTTP Port จากภาพที่

14

Source Codeชอ config.php

<? $host = "localhost"; $user = "wittayam_kwit"; //user ฐานขอมล $passwd = "22122531"; //pass ฐานขอมล $dbname = "wittayam_webb"; mysql_connect($host,$user,$passwd) or die("ตดตอ Host ไมได"); mysql_select_db($dbname) or die("ตดตอฐานขอมลไมได"); ?>

Page 9: ภาคผนวก - Mahasarakham University · 2013. 5. 29. · 11 ภาพที่ก-6 แสดงการใส่ server Name, e-mail และ HTTP Port จากภาพที่

15

Page 10: ภาคผนวก - Mahasarakham University · 2013. 5. 29. · 11 ภาพที่ก-6 แสดงการใส่ server Name, e-mail และ HTTP Port จากภาพที่

16

Source Codeชอsignup.php

<html> <head> <title>:: สมครสมาชก ::</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-874"> <STYLE type=text/css> <!-- body { background-image: url(image/piano-lesson-1.jpg); background-repeat: repeat; background-color: #CCFFCC; } body,td,th { color: #000000; } --> </STYLE> </head> <body background="image/bg_member.gif" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <p align="center"><br> <br> </p> <form name ="checkForm" action="member_add_new.php" method="post" onSubmit="return check()"> <table border="0" align="center" cellpadding="3" cellspacing="1" bgcolor="#0066CC"> <tr> <td colspan="2" bgcolor="#0099CC"> <p align="center"> <strong><font color="#FFFFFF" size="2" face="MS Sans Serif, Tahoma, sans-serif"><img src="image/light_blue.gif" width="12" height="12" align="absmiddle">&nbsp;&nbsp;กรณากรอกรายละเอยดของคณดวยคะ&nbsp;&nbsp;<img src="image/light_blue.gif" width="12" height="12" align="absmiddle"></font></strong></p></td>

Page 11: ภาคผนวก - Mahasarakham University · 2013. 5. 29. · 11 ภาพที่ก-6 แสดงการใส่ server Name, e-mail และ HTTP Port จากภาพที่

17

</tr> <tr bgcolor="#FFCC99"> <td colspan="2"> <table width="477"> <tr> <td width="187">&nbsp;</td> <td width="242"><a href="index.php">:<a href="index.php">กลบหนาหลก</a>:</td> <td width="32">&nbsp;</td> </tr> </table></td> </tr> <tr bgcolor="#FFCC99"> <td><p><font size="2" face="MS Sans Serif, Tahoma, sans-serif"> &nbsp;&nbsp;ชอ นามสกล</font></p></td> <td><input name="name" type="text" id="name" size="30"> &nbsp;<img src="image/w1.gif" width="19" height="19"> <font color="#FF0000" size="2" face="MS Sans Serif, Tahoma, sans-serif">**</font></td> </tr> <tr> <td bgcolor="#FFCC99"> <font size="2" face="MS Sans Serif, Tahoma, sans-serif">&nbsp;&nbsp;วน/เดอน/ปเกด</font></td> <td bgcolor="#FFCC99"><font size="2" face="MS Sans Serif, Tahoma, sans-serif">วนท

Page 12: ภาคผนวก - Mahasarakham University · 2013. 5. 29. · 11 ภาพที่ก-6 แสดงการใส่ server Name, e-mail และ HTTP Port จากภาพที่

18

<select name="date" id="date"> <option value=1 selected>1</option> <option value=2>2</option> <option value=3>3</option> <option value=4>4</option> <option value=5>5</option> <option value=6>6</option> <option value=7>7</option> <option value=8>8</option> <option value=9>9</option> <option value=10>10</option> <option value=11>11</option> <option value=12>12</option> <option value=13>13</option> <option value=14>14</option> <option value=15>15</option> <option value=16>16</option> <option value=17>17</option> <option value=18>18</option> <option value=19>19</option> <option value=20>20</option> <option value=21>21</option> <option value=22>22</option> <option value=23>23</option> <option value=24>24</option> <option value=25>25</option> <option value=26>26</option> <option value=27>27</option> <option value=28>28</option> <option value=29>29</option> <option value=30>30</option> <option value=31>31</option> </select> &nbsp;เดอน <select name="month" id="month"> <option value="1" selected>มกราคม</option> <option value=2>กมภาพนธ</option> <option value=3>มนาคม</option>

Page 13: ภาคผนวก - Mahasarakham University · 2013. 5. 29. · 11 ภาพที่ก-6 แสดงการใส่ server Name, e-mail และ HTTP Port จากภาพที่

19

<td bgcolor="#FFCC99"><font size="2" face="MS Sans Serif, Tahoma, sans-serif">&nbsp;&nbsp;อาย</font></td> <td bgcolor="#FFCC99"><font size="2" face="MS Sans Serif, Tahoma, sans-serif"> <input name="age" type="text" id="age" size="5"> &nbsp; ป <font color="#FF0000">&nbsp;**</font></font></td> </tr> <tr> <td bgcolor="#FFCC99"><font size="2" face="MS Sans Serif, Tahoma, sans-serif">&nbsp;&nbsp;เพศ</font></td> <td bgcolor="#FFCC99"><font size="2" face="MS Sans Serif, Tahoma, sans-serif"> <input name="sex" type="radio" value="ชาย" checked> ชาย &nbsp; <input name="sex" type="radio" value="หญง"> หญง </font></td> </tr> <tr> <td bgcolor="#FFCC99"><font size="2" face="MS Sans Serif, Tahoma, sans-serif">&nbsp;&nbsp;ทอย</font></td> <td bgcolor="#FFCC99"><input name="address" type="text" id="address" size="50" maxlength="150"></td> </tr> <tr> <td bgcolor="#FFCC99"><font size="2" face="MS Sans Serif, Tahoma, sans-serif">&nbsp;&nbsp;อ าเภอ/เขต</font></td> <td bgcolor="#FFCC99"><font size="2" face="MS Sans Serif, Tahoma, sans-serif"> <input name="amper" type="text" id="amper" size="30"> </font></td> </tr> <tr> <td bgcolor="#FFCC99"><font size="2" face="MS Sans Serif, Tahoma, sans-serif">&nbsp;&nbsp;จงหวด</font></td> <td bgcolor="#FFCC99"> <select name=province id="province" >

Page 14: ภาคผนวก - Mahasarakham University · 2013. 5. 29. · 11 ภาพที่ก-6 แสดงการใส่ server Name, e-mail และ HTTP Port จากภาพที่

20

<option value="" selected>เลอกจงหวด</option> <option value="กระบ">กระบ </option> <option value="กรงเทพมหานคร">กรงเทพมหานคร</option> <option value="กาญจนบร">กาญจนบร </option> <option value="กาฬสนธ">กาฬสนธ </option> <option value="ก าแพงเพชร">ก าแพงเพชร </option> <option value="ขอนแกน">ขอนแกน</option> <option value="จนทบร">จนทบร</option> <option value="ฉะเชงเทรา">ฉะเชงเทรา </option> <option value="ชยนาท">ชยนาท </option> <option value="ชยภม">ชยภม </option> <option value="ชมพร">ชมพร </option> <option value="ชลบร">ชลบร </option> <option value="เชยงใหม">เชยงใหม </option> <option value="เชยงราย">เชยงราย </option> <option value="ตรง">ตรง </option> <option value="ตราด">ตราด </option> <option value="ตาก">ตาก </option> <option value="นครนายก">นครนายก </option> <option value="นครปฐม">นครปฐม </option> <option value="นครพนม">นครพนม </option> <option value="นครราชสมา">นครราชสมา </option> <option value="นครศรธรรมราช">นครศรธรรมราช </option> <option value="นครสวรรค">นครสวรรค </option> <option value="นราธวาส">นราธวาส </option> <option value="นาน">นาน </option> <option value="นนทบร">นนทบร </option> <option value="บรรมย">บรรมย</option> <option value="ประจวบครขนธ">ประจวบครขนธ </option> <option value="ปทมธาน">ปทมธาน </option> <option value="ปราจนบร">ปราจนบร </option> <option value="ปตตาน">ปตตาน </option> <option value="พะเยา">พะเยา </option> <option value="พระนครศรอยธยา">พระนครศรอยธยา </option> <option value="พงงา">พงงา </option> <option value="พจตร">พจตร </option> <option value="พษณโลก">พษณโลก </option> <option value="เพชรบร">เพชรบร </option> <option value="เพชรบรณ">เพชรบรณ </option>

Page 15: ภาคผนวก - Mahasarakham University · 2013. 5. 29. · 11 ภาพที่ก-6 แสดงการใส่ server Name, e-mail และ HTTP Port จากภาพที่

21

<option value="พจตร">พจตร </option> <option value="พษณโลก">พษณโลก </option> <option value="เพชรบร">เพชรบร </option> <option value="เพชรบรณ">เพชรบรณ </option> <option value="แพร">แพร </option> <option value="พทลง">พทลง </option> <option value="ภเกต">ภเกต </option> <option value="มหาสารคาม">มหาสารคาม </option> <option value="มกดาหาร">มกดาหาร </option> <option value="แมฮองสอน">แมฮองสอน </option> <option value="ยโสธร">ยโสธร </option> <option value="ยะลา">ยะลา </option> <option value="รอยเอด">รอยเอด </option> <option value="ระนอง">ระนอง </option> <option value="ระยอง">ระยอง </option> <option value="ราชบร">ราชบร</option> <option value="ลพบร">ลพบร </option> <option value="ล าปาง">ล าปาง </option> <option value="ล าพน">ล าพน </option> <option value="เลย">เลย </option> <option value="ศรสะเกษ">ศรสะเกษ</option> <option value="สกลนคร">สกลนคร</option> <option value="สงขลา">สงขลา </option> <option value="สมทรสาคร">สมทรสาคร </option> <option value="สมทรปราการ">สมทรปราการ </option> <option value="สมทรสงคราม">สมทรสงคราม </option> <option value="สระแกว">สระแกว </option> <option value="สระบร">สระบร </option> <option value="สงหบร">สงหบร </option> <option value="สโขทย">สโขทย </option> <option value="สพรรณบร">สพรรณบร </option> <option value="สราษฎรธาน">สราษฎรธาน </option> <option value="สรนทร">สรนทร </option> <option value="สตล">สตล </option> <option value="หนองคาย">หนองคาย </option> <option value="หนองบวล าภ">หนองบวล าภ </option> <option value="อ านาจเจรญ">อ านาจเจรญ </option> <option value="อดรธาน">อดรธาน </option> <option value="อตรดตถ">อตรดตถ </option>

Page 16: ภาคผนวก - Mahasarakham University · 2013. 5. 29. · 11 ภาพที่ก-6 แสดงการใส่ server Name, e-mail และ HTTP Port จากภาพที่

22

<option value="หนองคาย">หนองคาย </option> <option value="หนองบวล าภ">หนองบวล าภ </option> <option value="อ านาจเจรญ">อ านาจเจรญ </option> <option value="อดรธาน">อดรธาน </option> <option value="อตรดตถ">อตรดตถ </option> <option value="อทยธาน">อทยธาน </option> <option value="อบลราชธาน">อบลราชธาน</option> <option value="อางทอง">อางทอง </option> <option value="อนๆ">อนๆ</option> </select> <font color="#FF0000">&nbsp; <font size="2" face="MS Sans Serif, Tahoma, sans-serif">**</font></font></td> </tr> <tr> <td bgcolor="#FFCC99"><font size="2" face="MS Sans Serif, Tahoma, sans-serif">&nbsp;&nbsp;เบอรโทรศพท</font></td> <td bgcolor="#FFCC99"> <input name="phone" type="text" id="phone" size="20"></td> </tr> <tr> <td bgcolor="#FFCC99"><font size="2" face="MS Sans Serif, Tahoma, sans-serif">&nbsp;&nbsp;การศกษา</font></td> <td bgcolor="#FFCC99"><font size="2" face="MS Sans Serif, Tahoma, sans-serif"> <select name=education > <option selected value="">เลอกระดบการศกษา</option> <option value="ประถมศกษา">ประถมศกษา</option> <option value="มธยมศกษาตอนตน">มธยมศกษาตอนตน</option> <option value="มธยมศกษาตอนปลาย">มธยมศกษาตอนปลาย</option> <option value="อาชวศกษา / สายอาชพ">อาชวศกษา / สายอาชพ</option> <option value="ปรญญาตร">ปรญญาตร</option> <option value="ปรญญาโท">ปรญญาโท</option> <option value="สงกวาปรญญาโท">สงกวาปรญญาโท</option> </select> </font></td> </tr> <tr bgcolor="#FFCC99"> <td colspan="2"> <div align="center">&nbsp;</div></td> </tr> <tr>

Page 17: ภาคผนวก - Mahasarakham University · 2013. 5. 29. · 11 ภาพที่ก-6 แสดงการใส่ server Name, e-mail และ HTTP Port จากภาพที่

23

<td colspan="2" bgcolor="#FFCC99"><table border="0" align="left" cellpadding="3" cellspacing="0"> <tr> <td width="83">&nbsp;&nbsp;<font size="2" face="MS Sans Serif, Tahoma, sans-serif">Login Name</font></td> <td width="140"><input name="user_name" type="text" id="user_name" size="20" maxlength="30"> <font color="#FF0000" size="2" face="MS Sans Serif, Tahoma, sans-serif">&nbsp;**</font></td> <td width="10"> <div align="center"></div></td> <td colspan="2"><img src="image/member.gif" width="24" height="24" align="absmiddle"> - <font size="2" face="MS Sans Serif, Tahoma, sans-serif">ขอมลเหลานจะใชในการเขาสระบบนะคะ </font></td> </tr> <tr> <td><font size="2" face="MS Sans Serif, Tahoma, sans-serif">&nbsp;&nbsp;&nbsp;Password</font></td> <td><input name="pwd_name1" type="password" id="pwd_name1" size="20" maxlength="30"> &nbsp;<font color="#FF0000" size="2" face="MS Sans Serif, Tahoma, sans-serif">**</font></td> <td>&nbsp;</td> <td width="71">&nbsp;</td> <td width="148">&nbsp;</td> </tr> <tr> <td><font size="2" face="MS Sans Serif, Tahoma, sans-serif">Re-password</font></td> <td><input name="pwd_name2" type="password" id="pwd_name2" size="20" maxlength="30"> &nbsp;<font color="#FF0000" size="2" face="MS Sans Serif, Tahoma, sans-serif">**</font></td> <td>&nbsp;</td> <td colspan="2"></td> </tr> <tr>

Page 18: ภาคผนวก - Mahasarakham University · 2013. 5. 29. · 11 ภาพที่ก-6 แสดงการใส่ server Name, e-mail และ HTTP Port จากภาพที่

24

<td>&nbsp;&nbsp;<font size="2" face="MS Sans Serif, Tahoma, sans-serif">Email </font></td> <td><input name="email" type="text" id="email" size="20"> &nbsp;<font color="#FF0000" size="2" face="MS Sans Serif, Tahoma, sans-serif">**</font></td> <td>&nbsp;</td> <td colspan="2">&nbsp;</td> </tr> </table></td> </tr> <tr bgcolor="#0066CC"> <td colspan="2"> <div align="center"> <input type="submit" name="Submit" value="สมครสมาชก"> &nbsp; <input type="reset" name="Submit2" value=" เคลยร"> <input name="ok" type="hidden" id="ok" value="ok_pass"> <label for="button"></label> </div></td> </tr> </table> <script language="javascript"> function check() { if(document.checkForm.name.value=="") { alert("กรณากรอกชอ-นามสกลดวยคะ") ; document.checkForm.name.focus() ; return false ; } else if(document.checkForm.year.value=="") { alert("กรณากรอก วน/เดอน/ปเกด ใหครบถวนดวยนะคะ") ; document.checkForm.year.focus() ; return false ; } else if(isNaN(document.checkForm.year.value)) { alert("ปเกดของทาน กรณากรอกเฉพาะตวเลขนะคะ") ; document.checkForm.year.focus() ; return false ; }

Page 19: ภาคผนวก - Mahasarakham University · 2013. 5. 29. · 11 ภาพที่ก-6 แสดงการใส่ server Name, e-mail และ HTTP Port จากภาพที่

25

} else if(document.checkForm.year.value=="") { alert("กรณากรอก วน/เดอน/ปเกด ใหครบถวนดวยนะคะ") ; document.checkForm.year.focus() ; return false ; } else if(isNaN(document.checkForm.year.value)) { alert("ปเกดของทาน กรณากรอกเฉพาะตวเลขนะคะ") ; document.checkForm.year.focus() ; return false ; } else if(document.checkForm.age.value=="") { alert("กรณากรอกอายดวยคะ") ; document.checkForm.age.focus() ; return false ; }else if(isNaN(document.checkForm.age.value)) { alert("กรณากรอกอายดวยตวเลขเทานนคะ") ; document.checkForm.age.focus() ; return false ; } else if(document.checkForm.province.selectedIndex==0) { alert("กรณาระบจงหวดททานอยดวยคะ") ; return false ; } else if(isNaN(document.checkForm.zipcode.value)) { alert("รหสไปรษณยตองเปนตวเลขคะ") ; document.checkForm.zipcode.focus() ; return false ; } else if(isNaN(document.checkForm.phone.value)) { alert("เบอรโทรตองเปนตวเลขคะ") ; document.checkForm.phone.focus() ; return false ; } else if(document.checkForm.user_name.value=="") {

Page 20: ภาคผนวก - Mahasarakham University · 2013. 5. 29. · 11 ภาพที่ก-6 แสดงการใส่ server Name, e-mail และ HTTP Port จากภาพที่

26

else if(document.checkForm.pwd_name2.value=="") { alert("กรณายนยนรหสผานอกครง") ; document.checkForm.pwd_name2.focus() ; return false ; } else if(document.checkForm.pwd_name1.value != document.checkForm.pwd_name2.value) { alert("รหสผานทงสองไมตรงกน กรณายนยนรหสผานใหถกตองดวยคะ") ; document.checkForm.pwd_name2.focus() ; return false ; } else if(document.checkForm.email.value=="") { alert("กรณากรอกอเมลดวยนะคะ") ; return false ; } else if(checkForm.email.value.indexOf('@')==-1) { alert("อเมลของคณไมถกตองคะ") ; document.checkForm.email.focus() ; return false ; } else if(checkForm.email.value.indexOf('.')==-1) { alert("อเมลของคณไมถกตองคะ") ; document.checkForm.email.focus() ; return false ; } else return true ; } </script> </form> </body> </html>

Page 21: ภาคผนวก - Mahasarakham University · 2013. 5. 29. · 11 ภาพที่ก-6 แสดงการใส่ server Name, e-mail และ HTTP Port จากภาพที่

27

Source Codeชอ sche.php

<?php

#### สครปนใชในการเชค วาลอกอนหรอยง ใหน าสครปนไปไวทหนาทคณตองการใหเชค #### session_start() ; if (!isset($_SESSION['login_true'])) { header("Location: index.php"); exit; } ### จบการเชค ### ?> <?php include("config.inc.php") ; include("../spt/config.php"); mysql_select_db($db) ; ## Please Don't delete it. It will Error. You can tell me about bug of program this way ## $echo = "Program by <a href='http://www.funwhan.com' target='_blank'>Ittiphol pudgrajang</a> &nbsp;copy right&copy;2003 <a href='mailto:[email protected]'>Contact us</a>" ; $result = mysql_query("select * from member where user='$_SESSION[login_true]'") or die ("Err Can not to result"); $dbarr = mysql_fetch_array($result) ; ?> <html> <head> <title>ลงทะเบยน</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-874"> <STYLE type=text/css> <!-- body {

Page 22: ภาคผนวก - Mahasarakham University · 2013. 5. 29. · 11 ภาพที่ก-6 แสดงการใส่ server Name, e-mail และ HTTP Port จากภาพที่

28

background-image: url(image/piano-lesson-1.jpg); background-repeat: repeat; background-color: #CCFFCC; } body,td,th { color: #000000; } .style19 {font-size: 20px; font-family: AngsanaUPC; color: #237CAF;} .style2 {color: #FFFFFF; font-weight: bold; } --> </STYLE> </head> <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <div align="center"> <center> <table width="788" height="600" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#000080"bgcolor="#FFFF99" style="border-collapse: collapse"> <tr align="left"> <td width="1113" height="50" valign="middle"><p align="center"><font color="#000000" size="4" face="MS Sans Serif, Tahoma, sans-serif"><strong><img src="image/w1.gif" width="19" height="19" align="absmiddle"> สวสดคะคณ &nbsp;<?php echo $dbarr['name'] ; ?>&nbsp;<img src="image/w1.gif" width="19" height="19" align="absmiddle"></strong></font></td> </tr><tr align="left"> <td width="1113" height="836" valign="top" bordercolor="#F0F0F0"> <p align="left"> <p align="left"><strong><font face="MS Sans Serif, Tahoma, sans-serif"> <a href="member_detail.php">หนาแรก</a></font></strong><br> <font face="MS Sans Serif"size="2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;</font><font color="#000000" size="4" face="MS Sans Serif, Tahoma, sans-serif"><strong>ลงทะเบยนเรยน</strong></font> <?php

Page 23: ภาคผนวก - Mahasarakham University · 2013. 5. 29. · 11 ภาพที่ก-6 แสดงการใส่ server Name, e-mail และ HTTP Port จากภาพที่

29

include("config.inc.php"); if($_POST[wod] !="") { $sql=mysql_query("select * from tb_equipment where eq_name like '%$_POST[wod]%'"); } ?> </p> <form action="member_add_now.php" method="post" name="checkForm" onSubmit="return check();"> <p> <br> </p> </form> <p> <? include("check.php"); include("config.inc.php"); $wantee=date("Y-m-d"); function getthaidate( $date ){ $_month_name = array("01"=>"มกราคม","02"=>"กมภาพนธ","03"=>"มนาคม","04"=>"เมษายน","05"=>"พฤษภาคม","06"=>"มถนายน","07"=>"กรกฏาคม","08"=>"สงหาคม","09"=>"กนยายน","10"=>"ตลาคม","11"=>"พฤศจกายน","12"=>"ธนวาคม"); $y=substr($date,0,4);$mm=substr($date,5,2);$dd=substr($date,8,2); $yy=$y+543; $dateT=intval($dd)." ".$_month_name[$mm]." ".$yy; return $dateT; } ?> <br> <?phpinclude("config.php"); if($_POST[word] !="") { $sql=mysql_query("select * from tb_equipment where id_equi like '%$_POST[word]%'"); } if(mysql_num_rows($result)>"0"){

Page 24: ภาคผนวก - Mahasarakham University · 2013. 5. 29. · 11 ภาพที่ก-6 แสดงการใส่ server Name, e-mail และ HTTP Port จากภาพที่

30

?>

</p> <p><table width="540" align="center" bgcolor="#FFCC99"> <tr height="25" > <td width="532" bgcolor="#FFCC99"><table width="528" border="0" bgcolor="#FFCC99"> <tr> <td width="354"><table width="334" height="109" border="0"> <tr> <td width="112"><div align="left">ชอ - สกล </div></td> <td width="212"><font color="#000000" size="4" face="MS Sans Serif, Tahoma, sans-serif"><strong><?php echo $dbarr['name'] ; ?></strong></font></td> </tr> <tr> <td align="left">รหส</td> <td align="left"><?php echo $dbarr['member_id'] ; ?></td> </tr> <tr> <td><div align="left">วนทลงทะเบยน</div></td> <td><?=getthaidate($wantee)?></td> </tr> <tr> <td colspan="2"><form action="up_borrow.php" method="post" name="list" id="list" onSubmit="return checklist();" > <table width="239" border="0"> <tr>เลอกวชา</div></td> <td width="1">&nbsp;</td> <td width="151"><span class="style19"> <select name="sent_eq" id="sent_eq"> <option value="" selected>กรณาเลอกเครองดนตร</option> <?

Page 25: ภาคผนวก - Mahasarakham University · 2013. 5. 29. · 11 ภาพที่ก-6 แสดงการใส่ server Name, e-mail และ HTTP Port จากภาพที่

31

$result = mysql_query( "select * from tb_equipment where eq_num>0 ");

while($fetch2 = mysql_fetch_array($result)) { ?> <option value="<?=$fetch2[sent_eq]?>"> <?=$fetch2[eq_name]?> </option> <? } ?> </select> </span></td> </tr> <tr> <td>&nbsp;</td> <td>&nbsp;</td> <td><input type="submit" name="Submit2" value="ลงทะเบยน"> <input name="id" type="hidden" id="id" value="<?=$fetch[id]?>"></td> </tr> </table> </form></td> </tr> </table></td> <td width="164">&nbsp;</td> </tr></table> </td> </tr><? $result = mysql_query( "select * from tb_borrow,tb_equipment WHERE tb_borrow.id ='$fetch[id]' and tb_borrow.check_borrow = 'n' and tb_equipment.sent_eq=tb_borrow.sent_eq"); if(mysql_num_rows($result)>"0"){ ?> <tr align="center" bgcolor="#FFCC99" height="25" > <td height="228">

Page 26: ภาคผนวก - Mahasarakham University · 2013. 5. 29. · 11 ภาพที่ก-6 แสดงการใส่ server Name, e-mail และ HTTP Port จากภาพที่

32

<table width="498"border="0" cellpadding="2" cellspacing="1" bordercolor="#FFFFFF" bgcolor="#FFFFFF"> <tr> <td width="45" bgcolor="#6B6F72"><span class="style2">ล าดบ</span></td> <td width="308" bgcolor="#6B6F72"><span class="style2">รายการ</span></td> <td width="88" bgcolor="#6B6F72"><span class="style2">จ านวนเงน</span></td> <td width="36" bgcolor="#6B6F72">&nbsp;</td> </tr> <? $a=1; while($fetch3 = mysql_fetch_array($result)) { ?> <tr> <td bgcolor="#CCCCFF"><span class="style5"> <?=$a?> </span></td> <td bgcolor="#CCCCFF"><?=$fetch3[eq_name]?></td> <td bgcolor="#CCCCFF"> <? $totall=($fetch3[eq_price]); $totall2=$totall2+$totall; ?> <?=$totall;?> </td> <td bgcolor="#CCCCFF"><a href="del_borrow.php?sent_eq=<?=$fetch3[sent_eq]?>&id_borrow=<?=$fetch3[id_borrow]?>&num=<?=$fetch3[num]?>">ลบ</a></td> </tr> <? </table> <table width="497"border="0" cellpadding="2" cellspacing="1" bordercolor="#FFFFFF" bgcolor="#000000"> <tr> <td width="359" bgcolor="#CCCCFF" class="style1"><span class="style5">รวม<span class="style5">&nbsp;</td>

Page 27: ภาคผนวก - Mahasarakham University · 2013. 5. 29. · 11 ภาพที่ก-6 แสดงการใส่ server Name, e-mail และ HTTP Port จากภาพที่

33

<td width="127"bgcolor="#CCCCFF" class="style1"><span class="style5"> <? $sql="select * from tb_equipment"; $obj = mysql_query($sql); while($rs = mysql_fetch_array($obj)){ $eq_price_total=($rs[eq_price]); $eq_price_t=$eq_price + $eq_price_total; } ?> <?=$totall2;?> บาท</span></td> </tr> </table> <table width="503" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="2">&nbsp;</td> </tr> <tr> <td width="359"><form name="form3" method="post" action="prinn.php" target="_blank" onSubmit="closewin()"> <div align="right"> <table width="327" border="0"> <tr> <td width="115">&nbsp;</td> <td width="202"><? if(mysql_num_rows($result)>"0"){ ?> &nbsp; <input name="okk" type="submit" id="okk" value="ยนยนการลงทะเบยน" onClick=""> <? } ?> <input name="id2" type="hidden" id="id2" value="<?=$fetch[id]?>"></td> </tr> </table>

Page 28: ภาคผนวก - Mahasarakham University · 2013. 5. 29. · 11 ภาพที่ก-6 แสดงการใส่ server Name, e-mail และ HTTP Port จากภาพที่

34

</div>

</form></td> <td width="144"><form name="form4" method="post" action="con_borrow.php"> <input name="id2" type="hidden" id="id2" value="<?=$fetch[id]?>"> </form></td> </tr> </table> <p><form action="prinn.php" method="post" name="form1" class="style1" id="form1"> <div align="center"> <label for="button"></label> <label for="button"></label><? if(mysql_num_rows($result)>"0"){ ?><? } ?> <input name="id" type="hidden" id="id" value="<?=$fetch[id]?>"></div> </form></p> </table> <table width="503" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="2">&nbsp;</td> </tr> <tr> <td width="359"><form name="form3" method="post" action="prinn.php" target="_blank" onSubmit="closewin()"> <div align="right"> <table width="327" border="0"> <tr> <td width="115">&nbsp;</td> <td width="202"><?

Page 29: ภาคผนวก - Mahasarakham University · 2013. 5. 29. · 11 ภาพที่ก-6 แสดงการใส่ server Name, e-mail และ HTTP Port จากภาพที่

35

if(mysql_num_rows($result)>"0"){

?>&nbsp; <? } ?> <input name="id" type="hidden" id="id" value="<?=$fetch[id]?>"></td> </tr> </table> </div> </form></td> <td width="144"><form name="form4" method="post" action="con_borrow.php"> <input name="id" type="hidden" id="id" value="<?=$fetch[id]?>"> </form></td> </tr> </table> <p></p></td> </tr> <? }?> </table> </p> <center> <table width="596" height="181" align="center"> <?php $a=1; if($_POST[word] !="") { while($fetch = mysql_fetch_array($sql)) { ?> <tr height="25" > <td width="49" bgcolor="FFFF99"><span class="style5"> <?=$a?> </span></td> <td width="114" align="center" bgcolor="FFFF99"><div align="center">

Page 30: ภาคผนวก - Mahasarakham University · 2013. 5. 29. · 11 ภาพที่ก-6 แสดงการใส่ server Name, e-mail และ HTTP Port จากภาพที่

36

<?=$fetch[id_equi]?> </div></td> <td width="261" bgcolor="FFFF99"><div align="center"> <?=$fetch[eq_name]?> </div></td> <td width="152" bgcolor="FFFF99"><div align="center"> <?=$fetch[eq_price]?> </div> <div align="center"></div></td> </tr> <? } $a++; } ?> <? } ?> </table> </center> <p align="center">&nbsp;</p> </td> </tr> </table> <table width="781" height="67" border="0" bgcolor="#FFFFFF"> <tr bgcolor="#FF9966"> <td height="63"><img src="image/kapook_9217.gif" alt="hh" width="386" height="67"><img src="image/kapook_9217.gif" alt="dd" width="389" height="67"></td></tr> </table> <br> <br> </div> </body> </html>

Page 31: ภาคผนวก - Mahasarakham University · 2013. 5. 29. · 11 ภาพที่ก-6 แสดงการใส่ server Name, e-mail และ HTTP Port จากภาพที่

37

Source Codeชอ borrow.php

<? @session_start(); if($_SESSION[member_id]==""){ header("location:check_member.php"); } include("check.php"); include("config.php"); $wantee=date("Y-m-d"); function getthaidate( $date ){ $_month_name = array("01"=>"มกราคม","02"=>"กมภาพนธ","03"=>"มนาคม","04"=>"เมษายน","05"=>"พฤษภาคม","06"=>"มถนายน","07"=>"กรกฏาคม","08"=>"สงหาคม","09"=>"กนยายน","10"=>"ตลาคม","11"=>"พฤศจกายน","12"=>"ธนวาคม"); $y=substr($date,0,4);$mm=substr($date,5,2);$dd=substr($date,8,2); $yy=$y+543; $dateT=intval($dd)." ".$_month_name[$mm]." ".$yy; return $dateT; } $sql=mysql_query("select * from tb_member,id_member where tb_member.member_id=$_SESSION[member_id] and id_member.member_id=tb_member.member_id and id_member.status=1 "); if($sql!=""){ $fetch = mysql_fetch_array($sql); }?> <HTML> <HEAD> <TITLE>ระบบยมคนเครองดนตร</TITLE> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-874"> <style type="text/css"> <!-- .style2 {color: #FFFFFF; font-weight: bold; } .style3 {font-size: 14px} .style4 { color: #FFFF00; font-weight: bold; }

Page 32: ภาคผนวก - Mahasarakham University · 2013. 5. 29. · 11 ภาพที่ก-6 แสดงการใส่ server Name, e-mail และ HTTP Port จากภาพที่

38

-->

</style> </HEAD> <link href="images/style.css" rel="stylesheet" type="text/css"> <script LANGUAGE="JavaScript"> <!-- function closewin(){ window.open('menu_admin.php','_parent',''); //window.close(); } //--> </SCRIPT> <SCRIPT language=javascript type=text/javascript> function checkmember() { missinginfo = ""; if (document.member.std_id.value == "") { missinginfo += "\n - * รหสประจ าตวนกศกษาหรอบตรประชาชน"; } if (document.member.name.value == "") { missinginfo += "\n - * ชอ-นาสกล "; } if (document.member.faculty.value == "") { missinginfo += "\n - * คณะ "; } if (document.member.major.value == "") { missinginfo += "\n - * สาขา/แผนก"; } if (document.member.room.value == "") { missinginfo += "\n - * ชนป/หอง"; }if (document.member.aim.value == "") { missinginfo += "\n - * วตถประสงคการใชงาน"; } if (document.member.date1.value == "" ||document.member.month1.value == "" ||document.member.year1.value == "" ) { missinginfo += "\n - * วนทสงคนอปกรณ"; } if (missinginfo != "") {

Page 33: ภาคผนวก - Mahasarakham University · 2013. 5. 29. · 11 ภาพที่ก-6 แสดงการใส่ server Name, e-mail และ HTTP Port จากภาพที่

39

if (missinginfo != "") {

missinginfo ="______________________________________\n" + "ทานไมไดกรอกขอมลหรอกรอกขอมลไมถกตองในชองตอไปน :\n" + missinginfo + "\n____________________________________" + "\nกรณากลบไปกรอกอกครง "; alert(missinginfo); return false; } else return true; } function checklist() { missinginfo = ""; if (document.list.sent_eq.value == "") { missinginfo += "\n - * กรณาเลอกอปกรณททานตองการยม"; } if (missinginfo != "") { missinginfo ="_____________________________\n" + "ทานกรอกขอมลไมถกตองในชองตอไปน :\n" + missinginfo + "\n_____________________________" + "\nกรณากลบไปกรอกอกครง "; alert(missinginfo); return false; } else return true; } </SCRIPT><BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0> <!-- ImageReady Slices (027.psd) --> <TABLE WIDTH=778 BORDER=0 align="center" CELLPADDING=0 CELLSPACING=0 bordercolor="#004EA3" bgcolor="#FFFF99"> <TR> <TD colspan="8"><img src="image/logo.png" alt="logo" width="788" height="293"></TD> </TR> <TR>

Page 34: ภาคผนวก - Mahasarakham University · 2013. 5. 29. · 11 ภาพที่ก-6 แสดงการใส่ server Name, e-mail และ HTTP Port จากภาพที่

40

height="293"></TD> </TR> <TR> <TD>&nbsp;</TD> <TD>&nbsp;</TD> <TD colspan="4"><div align="conter"><strong><font size="3" face="MS Sans Serif, Tahoma, sans-serif"><a href="menu.php">กลบหนาหลกadmin</a></font></strong></div></TD> <TD><div align="center"><strong><font size="3" face="MS Sans Serif, Tahoma, sans-serif"><a href="search_admin.php">คนหาเคองดนตร</a></font></strong></div></TD> <TD><div align="center"><strong><font size="3" face="MS Sans Serif, Tahoma, sans-serif"><a href="logout.php">ออกจากระบบ</a></font></strong></div></TD> </TR> <TR> <TD COLSPAN=4 valign="top"><table width="518" height="237" border="0" cellpadding="1" cellspacing="0"> <tr> <td width="516" height="32">&nbsp;</td> </tr> <tr> <td height="205" valign="top"><table width="511" align="left" bordercolor="#FF9966" bgcolor="#FFCC99"> <tr height="25" > <td bgcolor="#CECECF"><table width="505" border="0"> <tr><td width="248"><table width="249" height="109" border="0" bgcolor="#FFFF99"> <tr> <td height="22" colspan="2" bgcolor="#6B6F72"><div align="center"><span class="style2">ชอผยม</span></div></td> </tr> <tr> <td width="73"><div align="right">ชอ - สกล </div></td> <td width="166"><?=$fetch[name]?></td>

Page 35: ภาคผนวก - Mahasarakham University · 2013. 5. 29. · 11 ภาพที่ก-6 แสดงการใส่ server Name, e-mail และ HTTP Port จากภาพที่

41

</tr>

<tr> <td width="73"><div align="right">ชอ - สกล </div></td> <td width="166"><?=$fetch[name]?></td> </tr> <tr> <td><div align="right">วนทยม</div></td> <td><?=getthaidate($wantee)?></td> </tr> </table></td> <td width="247" bgcolor="#FFFF99"><form action="up_borrow.php" method="post" name="list" id="list" onSubmit="return checklist();" > <table width="239" border="0"> <tr> <td colspan="3" bgcolor="#6B6F72"><div align="center" class="style2">เพมรายการยม</div></td> </tr> <tr> <td width="73"><div align="right">ชอเครองดนตร</div></td> <td width="1">&nbsp;</td> <td width="151"><span class="style19"> <select name="sent_eq" id="sent_eq"> <option value="" selected>กรณาเลอกเครองดนตร</option> <? $result = mysql_query( "select * from tb_equipment where eq_num>0 "); while($fetch2 = mysql_fetch_array($result)) { ?> <option value="<?=$fetch2[sent_eq]?>"> <?=$fetch2[eq_name]?> </option> <? } ?> </select> </span></td>

Page 36: ภาคผนวก - Mahasarakham University · 2013. 5. 29. · 11 ภาพที่ก-6 แสดงการใส่ server Name, e-mail และ HTTP Port จากภาพที่

42

<TD COLSPAN=8><img src="image/kapook_9217.gif" alt="dfgh" width="383"

height="70"><img src="image/kapook_9217.gif" alt="dghj" width="403" height="70"></TD> </TR> <TR> <TD> <IMG SRC="images/spacer.gif" WIDTH=237 HEIGHT=1 ALT=""></TD> <TD> <IMG SRC="images/spacer.gif" WIDTH=159 HEIGHT=1 ALT=""></TD> <TD> <IMG SRC="images/spacer.gif" WIDTH=75 HEIGHT=1 ALT=""></TD> <TD> <IMG SRC="images/spacer.gif" WIDTH=48 HEIGHT=1 ALT=""></TD> <TD> <IMG SRC="images/spacer.gif" WIDTH=20 HEIGHT=1 ALT=""></TD> <TD> <IMG SRC="images/spacer.gif" WIDTH=20 HEIGHT=1 ALT=""></TD> <TD> <IMG SRC="images/spacer.gif" WIDTH=113 HEIGHT=1 ALT=""></TD> <TD> <IMG SRC="images/spacer.gif" WIDTH=106 HEIGHT=1 ALT=""></TD> </TR> </TABLE> <!-- End ImageReady Slices --> </BODY> </HTML>

Page 37: ภาคผนวก - Mahasarakham University · 2013. 5. 29. · 11 ภาพที่ก-6 แสดงการใส่ server Name, e-mail และ HTTP Port จากภาพที่

43

Source Codeชอ delail_borrow.php

<?

@session_start(); if( $_SESSION['nadmin']==""){ echo "<script language='javascript' >window.location = 'login.php'</script>"; } include("config.php"); function getthaidate( $date ){ $_month_name = array("01"=>"มกราคม","02"=>"กมภาพนธ","03"=>"มนาคม","04"=>"เมษายน","05"=>"พฤษภาคม","06"=>"มถนายน","07"=>"กรกฏาคม","08"=>"สงหาคม","09"=>"กนยายน","10"=>"ตลาคม","11"=>"พฤศจกายน","12"=>"ธนวาคม"); $yy=substr($date,0,4);$mm=substr($date,5,2);$dd=substr($date,8,2);$time=substr($date,11,8); $yy+=543; $dateT=intval($dd)." ".$_month_name[$mm]." ".$yy." ".$time; return $dateT; } $result=mysql_query("select * from tb_member,id_member where id_member.member_id=tb_member.member_id and tb_member.member_id ='$_GET[member_id]' order by id desc "); $fetch2 = mysql_fetch_array($result) <HTML> <HEAD> <TITLE>ระบบยมคนเครองดนตร</TITLE> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-874"> <style type="text/css"> <!-- body { background-image: url(image/piano-lesson-1.jpg); background-repeat: repeat; background-color: #CCFFCC; } body,td,th { color: #000000;

Page 38: ภาคผนวก - Mahasarakham University · 2013. 5. 29. · 11 ภาพที่ก-6 แสดงการใส่ server Name, e-mail และ HTTP Port จากภาพที่

44

} --> </style> </HEAD> <link href="images/style.css" rel="stylesheet" type="text/css"> <SCRIPT language=javascript type=text/javascript> function checkmember() { missinginfo = ""; if (document.member.std_id.value == "") { missinginfo += "\n - * รหสประจ าตวนกศกษาหรอบตรประชาชน"; } if (document.member.name.value == "") { missinginfo += "\n - * ชอ-นาสกล "; } if (document.member.faculty.value == "") { missinginfo += "\n - * คณะ "; } if (document.member.major.value == "") { missinginfo += "\n - * สาขา/แผนก"; } if (document.member.room.value == "") { missinginfo += "\n - * ชนป/หอง"; } if (document.member.aim.value == "") { missinginfo += "\n - * วตถประสงคการใชงาน"; } if (missinginfo != "") { missinginfo ="______________________________________\n" + "ทานไมไดกรอกขอมลหรอกรอกขอมลไมถกตองในชองตอไปน :\n" + missinginfo + "\n____________________________________" + "\nกรณากลบไปกรอกอกครง "; alert(missinginfo); return false; }

Page 39: ภาคผนวก - Mahasarakham University · 2013. 5. 29. · 11 ภาพที่ก-6 แสดงการใส่ server Name, e-mail และ HTTP Port จากภาพที่

45

else return true;

} function checklist() { missinginfo = ""; if (document.list.sent_eq.value == "") { missinginfo += "\n - * กรณาเลอกอปกรณททานตองการยม"; } if (missinginfo != "") { missinginfo ="_____________________________\n" + "ทานกรอกขอมลไมถกตองในชองตอไปน :\n" + missinginfo + "\n_____________________________" + "\nกรณากลบไปกรอกอกครง "; alert(missinginfo); return false; } else return true; } </SCRIPT> <BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0> <!-- ImageReady Slices (027.psd) --> <TABLE WIDTH=778 BORDER=0 align="center" CELLPADDING=0 CELLSPACING=0 bordercolor="#004EA3" bgcolor="#FFFF99"> <TR> <TD colspan="8"><img src="image/logo.png" alt="logo" width="788" height="293"></TD> </TR> <TR>

Page 40: ภาคผนวก - Mahasarakham University · 2013. 5. 29. · 11 ภาพที่ก-6 แสดงการใส่ server Name, e-mail และ HTTP Port จากภาพที่

46

<TD COLSPAN=8><img src="image/kapook_9217.gif" alt="hjk" width="372" height="70"><img src="image/kapook_9217.gif" alt="ftrw" width="414" height="70"></TD> </TR> <TR> <TD> <IMG SRC="images/spacer.gif" WIDTH=237 HEIGHT=1 ALT=""></TD> <TD> <IMG SRC="images/spacer.gif" WIDTH=159 HEIGHT=1 ALT=""></TD> <TD> <IMG SRC="images/spacer.gif" WIDTH=75 HEIGHT=1 ALT=""></TD> <TD> <IMG SRC="images/spacer.gif" WIDTH=48 HEIGHT=1 ALT=""></TD> <TD> <IMG SRC="images/spacer.gif" WIDTH=20 HEIGHT=1 ALT=""></TD> <TD> <IMG SRC="images/spacer.gif" WIDTH=20 HEIGHT=1 ALT=""></TD> <TD> <IMG SRC="images/spacer.gif" WIDTH=113 HEIGHT=1 ALT=""></TD> <TD> <IMG SRC="images/spacer.gif" WIDTH=106 HEIGHT=1 ALT=""></TD> </TR> </TABLE> <!-- End ImageReady Slices --> </BODY> </HTML>

Page 41: ภาคผนวก - Mahasarakham University · 2013. 5. 29. · 11 ภาพที่ก-6 แสดงการใส่ server Name, e-mail และ HTTP Port จากภาพที่

47

ภาคผนวก ค

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

Page 42: ภาคผนวก - Mahasarakham University · 2013. 5. 29. · 11 ภาพที่ก-6 แสดงการใส่ server Name, e-mail และ HTTP Port จากภาพที่

48

บทน ำเสนอโครงงำนเทคโนโลยสำรสนเทศธรกจ 1 ประจ ำภำคเรยนท 2/2555

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

1. ชอ-สกล นางสาวนชจนารถ วงศใหญ รหสประจ าตว 52010916523 2. ชอ-สกล นางสาวณฐยานนท เตนปกษ รหสประจ าตว 52010916569

อำจำรยทปรกษำโครงงำน : อาจารย ………………………………………………(อ.ดร.เพชรรตน พฒนเศรษฐานนท)

(....................................................) กรรมการทปรกษา วนท ............/ ................/ ..............

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

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

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

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

Page 43: ภาคผนวก - Mahasarakham University · 2013. 5. 29. · 11 ภาพที่ก-6 แสดงการใส่ server Name, e-mail และ HTTP Port จากภาพที่

49

บทท1 บทน า

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

โรงเรยนดนตรวทยา มหาสารคาม Wittaya Music School 168 ม.8 หมบานทงนาเราต.เกง อ.เมอง จ.มหาสารคาม 44000 โดยทางโรงเรยนไดเปดสอนหลกสตร ดนตรไทย ดนตรสากล ดนตรพนบาน ดนตรรวมสมย รองเพลง และเตนร า การเรยนคนตรและเตนนอกจากจะเปนการเสรมทกษะแลวยงสามารถน าไปประกอบอาชพเพอสรางรายไดใหกบตนเอง ปจจบนนมศลปนนกรองมากมายทงในประเทศและตางประเทศท าใหผทสนใจเกดแรงบนดาลใจอยากจะเรยนดนตรและเตนใหเกงเหมอนกบศลปนทชนชอบ การเลนคนตรและเตนจงเปนอกทางเลอกหนง ทนอกจากจะสรางความบนเทงแลวยงสามารถน ามาใชเพอพฒนาชวต สขภาพ และผอนคลายความเครยดไดอกดวย โรงเรยนดนตรวทยา มหาสารคาม Wittaya Music School ยงไมเปนทรจกมากนก เนองจากขาดการประชาสมพนธททวถง และมระบบการสมครแบบหรอจองคอรดเรยนทลาหลง จากปญหาดงกลาวจงไดมแนวคดจะพฒนาเวบไซตของโรงเรยนดนตรวทย ามหาสารคาม Wittaya Music School ขน เพอเปนการเพมชองทางในการด าเนนกจการใหมนกเรยนเพมมากขนและเพอแนะน าโรงเรยนดนตรวทยา มหาสารคาม Wittaya Music School ผานเวบไซตใหเปนทรจกมากยงขนและผทสนใจเรยนกสามารถทจะสมครเรยนผานเวบไซตโดยไมตองเดนทางมาเอง ซงการจดท าระบบบรหารจดการขนมานนสามารถเพมความสะดวกใหกบผทสนใจอยางมาก

1.2 วตถประสงคของการศกษา 1.2.1 เพอพฒนาเวบไซต โรงเรยนดนตรวทยา มหาสารคาม Wittaya Music School 1.2.2 เพอพฒนาระบบยมคนเครองดนตรออนไลนของโรงเรยน 1.2.3 มการจดโดเมนเนมและเชาพนทเครอขาย 1.2.4 เพอพฒนาระบบการลงทะเบยนของโรงเรยน

1.3 ขอบเขตการด าเนนงาน ระบบสารสนเทศออนไลนโรงเรยนดนตรวทยา จงหวดมหาสารคาม Wittaya Music School มดงน

หนาราน 1.3.1 เวบไซต

Page 44: ภาคผนวก - Mahasarakham University · 2013. 5. 29. · 11 ภาพที่ก-6 แสดงการใส่ server Name, e-mail และ HTTP Port จากภาพที่

50

- ประวตโรงเรยน - กจกรรมและขาวประชาสมพนธ - ตดตอเรา - กระดานถาม-ตอบ -Facebook 1.3.2 กลมคนทวไป - สามารถดขอมลทวไปเกยวกบโรงเรยนได - สามารถเพมกระดานถามตอบได - สามารถแชร หรอเชอมตอทางFacebookได 1.3.3 กลมนกเรยน 1.3.3.1 ระบบสมครสมาชก - สามารถสมครสมาชกได 1.3.3.2 ระบบ login - ไดสามารถ login เขาสเวบไซต - สามารถแสดงความคดเหนบนกระดานถาม – ตอบได 1.3.3.3ระบบลงทะเบยน - สามารถลงทะเบยนเรยนได - สามารถดขอมลหลกสตรทเปดสอนได - สามารถแสดงขอมลการลงทะเบยนเรยนได - สมมารถเพม ลบ แกไข การลงทะเบยนเรยนได -สามารถเรยกดขอมลตารางเรยนได 1.3.3.4 ระบบแจงการช าระเงน - สามารถแจงการช าระเงนได - สามารถแสดงขอมลการแจงช าระเงนได 1.3.3.5ระบบยม-คนเครองดนตร - สามารถเรยกดขอมลเครองดนตร - สามารถเรยกดขอมลการยมเครองดนตรได หลงราน 1.3.4พนกงาน - ลอคอนเขาสระบบ - จดเกบขอมล

Page 45: ภาคผนวก - Mahasarakham University · 2013. 5. 29. · 11 ภาพที่ก-6 แสดงการใส่ server Name, e-mail และ HTTP Port จากภาพที่

51

- สามารถเพมลบแกไขขอมลเครองดนตรได - สามารถเรยกดขอมลการยมเครองดนตรได - สามารถเรยกดขอมลการยมเครองดนตรได - สามารถเรยกดขอมลการคนเครองดนตรได - สามารถเพมลบแกไขขอมลนกเรยนได - สามารถเพมลบแกไขขอมลคอรสเรยนได - สามารถเพม ลบ แกไขขอมลตารางเรยนได - สามารถเพม ลบ แกไขขอมลเครองดนตรได - สามารถเพม ลบ แกไขขอมลการยม-คนเครองดนตรได - สามารถเพม ลบ แกไขขอมลการวางมดจ าได - สามารถเพม ลบ แกไขขอมลกจกรรมและขาวประชาสมพนธได - สามารถเพม ลบ แกไขขอมลทวไปของโรงเรยนได 1.3.5 ออกรายงาน - สามารถแสดงรายงานการลงทะเบยน - สามารถแสดงรายงานขอมลนกเรยน - สามารถแสดงรายงานการยมเครองดนตรและการวางมดจ าได - สามารถแสดงรายงานขอมลเครองดนตรได - สามารถแสดงรายงานสรปยอดเครองดนตรทยงไมสงคนได - สามารถแสดงรายงานสรปยอดเครองดนตรทสงคนได 1.3.6กลมผดแลระบบ - ลอคอนเขาสระบบ - จดการขอมลบคลากรได - จดการขอมลนกเรยนได - จดการขอมลทวไปได - จดการขอมลหองภาพกจกรรมได - จดการขอมลกระดานถามตอบได - จดการการเชอมตอส Facebook ได

1.4 อปกรณและเครองมอในการด าเนนงาน 1.4.1ฮารดแวร - computer 1เครอง

Page 46: ภาคผนวก - Mahasarakham University · 2013. 5. 29. · 11 ภาพที่ก-6 แสดงการใส่ server Name, e-mail และ HTTP Port จากภาพที่

52

- Printer 1เครอง - กลอง Digital 1เครอง 1.4.2 ซอฟตแวร - โปรแกรม Dream weaver CS3 สาหรบตกแตงหนาเวบไซต - Apache ส าหรบการจ าลองเครองเปน Web Server - โปรแกรม Adobe Photoshop CS3 ใชในการตกแตงรปภาพ - โปรแกรม Adobe Flash CS3ใชท ากราฟก

- PHP ใชท าใหเวบทเปนไฟลPHPสามารถทจะรนบนเครองคอมพวเตอรทไดท าการ จ าลองเปนเครองServerแลวได

- โปรแกรม Microsoft Office เพอพมพเอกสาร - โปรแกรม Adobe Flash CS3ส าหรบท าเอนนเมชน ในรปแบบภาพเคลอนไหว 1.5 ขนตอนในการดาเนนงาน - น าเสนอหวขอตออาจารยทปรกษา -ศกษาและเกบรวบรวมขอมล เกบรวบรวมขอมลจากทวาการอ าเภอดวยวธการสมภาษณ และเกบรวบรวมเอกสารทเกยวของ - วเคราะหขอมล ออกแบบและสรางฐานขอมล - ตดตงซอฟตแวรและออกแบบระบบสารสนเทศ - ด าเนนการจดท าระบบสารสนเทศ - ทดสอบและแกไขขอผดพลาดของระบบสารสนเทศและฐานขอมล - น าเสนอผลงานตอคณะกรรมการ - จดท าเอกสาร 1.6ระยะเวลาในการด าเนนงาน ท าตารางและแสดงระยะเวลาในการด าเนนงานโครงงานเทคโนโลยสารสนเทศธรกจ ตงแตเรมตนจนถงขนสดทาย โดยแสดงเปนตารางกจกรรมหรอ Gantt Chart

กจกรรม พ.ศ. 2555 - 2556 ม.ย. ก.ค

. ส.ค.

ก.ย. ต.ค.

พ.ย.

ธ.ค.

ม.ค.

ก.พ.

ม.ค.

1.น าเสนอหวขอตออาจารย 2.ศกษาและเกบรวบรวมขอมล 3.วเคราะหและออกแบบระบบ 4.พฒนาระบบ

Page 47: ภาคผนวก - Mahasarakham University · 2013. 5. 29. · 11 ภาพที่ก-6 แสดงการใส่ server Name, e-mail และ HTTP Port จากภาพที่

53

5.ทดสอบและแกไขขอผดพลาด

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

7.จดท าเอกสาร 1.7 ผลทคาดวาจะไดรบ - เพมความสะดวกสบายในการท างานของเจาหนาททเกยวของ - ชวยเพมประสทธภาพในการด าเนนการงานตาง ๆ - ชวยเผยแพรขอมลขาวสารและบรการตางๆใหเปนทรจกอยางแพรหลาย - สามารถใหผดแลระบบสามารถเขาไปจดการเกยวกบขอมลตางๆ ผานเวบไซตได - สามารถเพมประสทธภาพในการบรการและจดการสารสนเทศในการบรการและจดการ สารสนเทศในหนวยงาน - ประหยดเวลาและทรพยากรในการท างาน ลดการสญหายของเอกสาร - ชวยใหผดแลระบบสามารถจดการระบบไดงายขน

ภาคผนวก ง

Page 48: ภาคผนวก - Mahasarakham University · 2013. 5. 29. · 11 ภาพที่ก-6 แสดงการใส่ server Name, e-mail และ HTTP Port จากภาพที่

54

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

Page 49: ภาคผนวก - Mahasarakham University · 2013. 5. 29. · 11 ภาพที่ก-6 แสดงการใส่ server Name, e-mail และ HTTP Port จากภาพที่

55

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

ประจ าภาคเรยนท 1/2555 วชา : 0904402โครงงานเทคโนโลยสารสนเทศธรกจ 1 จ านวน 1หนวยกต (0-2-0) ชอโครงงาน : ระบบสารสนเทศออนไลนโรงเรยนดนตรวทยามหาสารคาม รายชอโครงงาน : 1. นางสาว นชจนารถ วงศใหญ รหสนสต 52010916523 2. นางสาว ณฐยานนท เตนปกษ รหสนสต 52010916569 อาจารยทปรกษาโครงงาน : อ.ดร.เพชรรตน พฒนเศรษฐานนท ครงท วน/เดอน/ป รายงานความคบหนา/การใหค าปรกษา ลงมอชอท

ปรกษา 1 12/06/2555 สงบทท 1 และท าการแกไขขอบเขตโครงงาน 2 22/06/2555 เสนอรายละเอยดของ Flow Chart/User case/Class Diagram 3 30/07/2555 เสนอรายละเอยด Sequence Diagram และแกงานสวนทเหลอสง

อาจารยตรวจ

4 08/08/2555 ปรกษาอาจารยในเรองระบบงานและสงงานใหอาจารยตรวจสอบทงหมด

5 02/09/2555 ปรกษาอาจารยในสวนระบบเพมเตม 6 28/09/2555 เสนอสวนงานระบบทปรบปรงและเพมเตม 7 10/10/2555 สรปงานทงหมดในระบบใหอาจารยฟง 8 03/05/2556 เสนอระบบงานทงหมดพรอม Report 9 20/05/2556 ทดลองเสนอระบบกอนขนสอบจรงกบอาจารยทปรกษา

Page 50: ภาคผนวก - Mahasarakham University · 2013. 5. 29. · 11 ภาพที่ก-6 แสดงการใส่ server Name, e-mail และ HTTP Port จากภาพที่

56

ประวตยอผศกษา ผศกษา นางสาว นชจนารถ วงศใหญ วน เดอน ปเกด 10 พฤศจกายน 2533 ทอยปจจบน 169 หม 17 ถ.รวมศรทธา ต.เมองเดช อ.เดชอดม จ.อบลราชธาน 13407 โทรศพท 091-4709677 อเมล [email protected]

[email protected]

ประวตการศกษา พ .ศ.2547 มธยมศกษาตอนปลาย สาย วทย-ภาษาองกฤษ โรงเรยนเดชอดม จงหวดอบลราชธาน

พ.ศ.2556 ปรญญาตร บรหารธรกจบณฑต สาขาเทคโนโลยสารสนเทศธรกจ คณะการบญชและการจดการ

มหาวทยาลย มหาสารคาม

Page 51: ภาคผนวก - Mahasarakham University · 2013. 5. 29. · 11 ภาพที่ก-6 แสดงการใส่ server Name, e-mail และ HTTP Port จากภาพที่

57

ประวตยอผศกษา

ผศกษา นางสาวณฐยานนท เตนปกษ วน เดอน ปเกด 21 เมษายน 2533 ทอยปจจบน 51 หม 5 ต.ละลวด อ.ช าน จ.บรรมย 31110 โทรศพท 080-0128759 อเมล [email protected] ประวตการศกษา พ .ศ.2549 มธยมศกษาตอนปลาย สาย วทย-คณต โรงเรยนนางรอง จงหวดบรรมย พ .ศ.2556 ปรญญาตร บรหารธรกจบณฑต

สาขาเทคโนโลยสารสนเทศธรกจ คณะการบญชและการจดการ มหาวทยาลย มหาสารคาม