68
ภาคผนวก

ภาคผนวก - bc.msu.ac.th › project_file › appendix(31).pdf · วิธีการติดตั้งโปรแกรม . 43 ขั้นตอนการติดตั้ง

  • Upload
    others

  • View
    7

  • Download
    0

Embed Size (px)

Citation preview

Page 1: ภาคผนวก - bc.msu.ac.th › project_file › appendix(31).pdf · วิธีการติดตั้งโปรแกรม . 43 ขั้นตอนการติดตั้ง

ภาคผนวก

Page 2: ภาคผนวก - bc.msu.ac.th › project_file › appendix(31).pdf · วิธีการติดตั้งโปรแกรม . 43 ขั้นตอนการติดตั้ง

42

ภาคผนวก ก วิธีการติดตั้งโปรแกรม

Page 3: ภาคผนวก - bc.msu.ac.th › project_file › appendix(31).pdf · วิธีการติดตั้งโปรแกรม . 43 ขั้นตอนการติดตั้ง

43

ข้ันตอนการติดต้ัง Adobe Dreamweaver CS3

แสดงเง่ือนไขกอนจะติดตั้งโปรแกรม Adobe Dreamweaver CS3 Professional แสดงการเลือกไดรท่ีจะติดต้ังโปรแกรม Adobe Dreamweaver CS3 Professional

Page 4: ภาคผนวก - bc.msu.ac.th › project_file › appendix(31).pdf · วิธีการติดตั้งโปรแกรม . 43 ขั้นตอนการติดตั้ง

44

แสดงการรอการติดต้ัง Adobe Dreamweaver CS3 Professional

แสดงการติดต้ังโปรแกรมเสร็จสิ้นสมบูรณ ข้ันตอนการติดต้ังโปรแกรม Adobe flash Cs3 Professional

- คลิก ตัวติดต้ังโปรแกรม Adobe Flash CS3 Professional

Page 5: ภาคผนวก - bc.msu.ac.th › project_file › appendix(31).pdf · วิธีการติดตั้งโปรแกรม . 43 ขั้นตอนการติดตั้ง

45

- หลังจากนั้นเริ่มการติดต้ัง Adobe Flash CS3 Professional

- ระบบจะใหเช็ค ในการติดต้ังโปรแกรมจะตองทําการปด firefox และ Messenger เสียกอน

- จากนั้นคลิกเลือก Accept

Page 6: ภาคผนวก - bc.msu.ac.th › project_file › appendix(31).pdf · วิธีการติดตั้งโปรแกรม . 43 ขั้นตอนการติดตั้ง

46

- จากนั้นหากผูใชตองการติดต้ังโปรแกรมใด สามารถเลือกไดตามตองการ แลวเลือก Next

- โปรแกรมจะพื้นท่ีวางของไดรฟตางๆในคอมพิวเตอร รวมถึงพื้นท่ีท่ีโปรแกรมตองใช หากเพียงพอ

สามารถเลือก Next ได แตหาไมมีเพียงพอจําเปนจะตองจัดการหาพื้นท่ีใหเพียงพอสําหรับการติดต้ัง

Page 7: ภาคผนวก - bc.msu.ac.th › project_file › appendix(31).pdf · วิธีการติดตั้งโปรแกรม . 43 ขั้นตอนการติดตั้ง

47

- หลังจากเช็คทุกอยางเรียบรอยแลว เลือก Install

- รอจนกวาการติดต้ังจะเสร็จสิ้น

Page 8: ภาคผนวก - bc.msu.ac.th › project_file › appendix(31).pdf · วิธีการติดตั้งโปรแกรม . 43 ขั้นตอนการติดตั้ง

48

- หลังจากติดต้ังโปรแกรมเรียบรอย เลือก Finish

โปรแกรม AppServ โปรแกรม AppServ เปนโปรแกรมท่ีรวบรวมโปรแกรม Open Source Software หลายๆ

อยางเขาดวยกัน โดยภายในโปรแกรม AppServ ประกอบดวยโปรแกรมตางๆ ดังนี ้ 1. Apache Web Server V1.3.27 เปนโปรแกรมสําหรับใชในการทําเว็บเซิรฟเวอร 2. PHP V4.3.0 เปนโปรแกรมภาษา PHP 3. MySQL V3.23.54 เปนโปรแกรมฐานขอมูล MySQL 4. phpMyAdmin V2.3.3p1 เปนโปรแกรมชวยในการจัดการฐานขอมูล MySQL

ขั้นตอนการติดตั้ง โปรแกรม AppServ

1 ทําการดาวนโหลดตัวติดตั้งไดท่ี www.appservnetwork.com

Page 9: ภาคผนวก - bc.msu.ac.th › project_file › appendix(31).pdf · วิธีการติดตั้งโปรแกรม . 43 ขั้นตอนการติดตั้ง

49

2 ทําการติดต้ังโปรแกรมท่ีดาวนโหลดมาโดยการ Double Click ท่ีไอคอน appserv-win.xxx.exe เพื่อทําการติดต้ังโปรแกรม Apace Web Server, โปรแกรมภาษา PHP, โปรแกรม MySQL และโปรแกรม phpMyAdmin

3 แสดงขอความตนรับเขาสูการติดต้ังโปรแกรม AppServ ใหคลิกปุม Next

Page 10: ภาคผนวก - bc.msu.ac.th › project_file › appendix(31).pdf · วิธีการติดตั้งโปรแกรม . 43 ขั้นตอนการติดตั้ง

50

4 ทําการติดต้ังโปรแกรม Apace Web Server, โปรแกรมภาษา PHP, โปรแกรม MySQL และโปรแกรม phpMyAdmin โดยการระบุไดรในการจัดเก็บโปรแกรมเพื่อใชงาน

5 แสดงการติดต้ังโปรแกรม AppServ โดยมีการกําหนดคุณสมบัติโดยมีรายระเอียดดังนี้ โดยใหคลิกปุม Typical แลว คลิก Next เพื่อทํารายการตอไป

Page 11: ภาคผนวก - bc.msu.ac.th › project_file › appendix(31).pdf · วิธีการติดตั้งโปรแกรม . 43 ขั้นตอนการติดตั้ง

51

6 เม่ือทําการติดต้ังแลวจะตองมีการระบุ Server Name และระบุ E-mail address พรอมท้ัง HTTP Port ดวย ตามตัวอยาง

7 แสดงการติดต้ังโปรแกรม Mysql เพื่อใชในการสรางและจัดเก็บฐานขอมูล โดยเราสามารถกําหนด Password เพื่อเขาใชงานได และกําหนดภาษา ใหเปน thai-620

Page 12: ภาคผนวก - bc.msu.ac.th › project_file › appendix(31).pdf · วิธีการติดตั้งโปรแกรม . 43 ขั้นตอนการติดตั้ง

52

8 เม่ือเลือกคุณสมบัติครบทุกอยางแลวโปรแกรมจะทําการติดต้ังภายในเครื่องโดยอัตโนมัติ โดยมีการติดต้ัง โปรแกรม AppServ,PHP,Msql,phpmyadminในการใชงานภาษา PHP

9 เม่ือทําการติดต้ังเสร็จแลวจะเปนการเริ่มตนการทํางานของโปรแกรม AppServ โดยมีการ Start Apache และ การ Start Mysql เพื่อเปนการเรียกใชงานโปรแกรม AppServ ใหคลิกปุม close ครับ

Page 13: ภาคผนวก - bc.msu.ac.th › project_file › appendix(31).pdf · วิธีการติดตั้งโปรแกรม . 43 ขั้นตอนการติดตั้ง

53

ภาคผนวก ข สตอร่ีบอรด

Page 14: ภาคผนวก - bc.msu.ac.th › project_file › appendix(31).pdf · วิธีการติดตั้งโปรแกรม . 43 ขั้นตอนการติดตั้ง

54

ภาพที่ 1 แสดงหนาแรกของสื่อการเรียนรูดวยตัวเองผานอินเตอรเน็ต

Page 15: ภาคผนวก - bc.msu.ac.th › project_file › appendix(31).pdf · วิธีการติดตั้งโปรแกรม . 43 ขั้นตอนการติดตั้ง

55

ภาพที่ 2 แสดงหนาหลักของสื่อการเรียนรูดวยตัวเองผานอินเตอรเน็ต เรื่อง ระบบบริหารลูกคาสัมพันธ

Page 16: ภาคผนวก - bc.msu.ac.th › project_file › appendix(31).pdf · วิธีการติดตั้งโปรแกรม . 43 ขั้นตอนการติดตั้ง

56

ภาพที่ 1-3 แสดงหนาความหมายของ CRM

ภาพที่ 3 แสดงหนาความหมาย CRM

Page 17: ภาคผนวก - bc.msu.ac.th › project_file › appendix(31).pdf · วิธีการติดตั้งโปรแกรม . 43 ขั้นตอนการติดตั้ง

57

ภาพที่ 4 แสดงหนาหนาท่ีหลัก CRM

Page 18: ภาคผนวก - bc.msu.ac.th › project_file › appendix(31).pdf · วิธีการติดตั้งโปรแกรม . 43 ขั้นตอนการติดตั้ง

58

ภาพที่ 5 แสดงหนาองคประกอบของ CRM

Page 19: ภาคผนวก - bc.msu.ac.th › project_file › appendix(31).pdf · วิธีการติดตั้งโปรแกรม . 43 ขั้นตอนการติดตั้ง

59

ภาพที่ 6 แสดงหนาข้ันตอนในการทํา CRM

Page 20: ภาคผนวก - bc.msu.ac.th › project_file › appendix(31).pdf · วิธีการติดตั้งโปรแกรม . 43 ขั้นตอนการติดตั้ง

60

ภาพที่ 7 แสดงหนาประโยชนของ CRM

Page 21: ภาคผนวก - bc.msu.ac.th › project_file › appendix(31).pdf · วิธีการติดตั้งโปรแกรม . 43 ขั้นตอนการติดตั้ง

61

ภาพที่ 8 แสดงหนาเหตุผลท่ีใช CRM

Page 22: ภาคผนวก - bc.msu.ac.th › project_file › appendix(31).pdf · วิธีการติดตั้งโปรแกรม . 43 ขั้นตอนการติดตั้ง

62

ภาพที่ 9 แสดงหนาสวนประกอบของ CRM

Page 23: ภาคผนวก - bc.msu.ac.th › project_file › appendix(31).pdf · วิธีการติดตั้งโปรแกรม . 43 ขั้นตอนการติดตั้ง

63

ภาพที่ 10 แสดงหนาปญหาของ CRM

Page 24: ภาคผนวก - bc.msu.ac.th › project_file › appendix(31).pdf · วิธีการติดตั้งโปรแกรม . 43 ขั้นตอนการติดตั้ง

64

ภาพที่ 11 แสดงหนาตัวอยางกิจการท่ีใช CRM

Page 25: ภาคผนวก - bc.msu.ac.th › project_file › appendix(31).pdf · วิธีการติดตั้งโปรแกรม . 43 ขั้นตอนการติดตั้ง

65

ภาพที่ 12 แสดงหนาหลักของสื่อการเรียนรูดวยตนเองเรื่อง สวนประสมทางการตลาด

Page 26: ภาคผนวก - bc.msu.ac.th › project_file › appendix(31).pdf · วิธีการติดตั้งโปรแกรม . 43 ขั้นตอนการติดตั้ง

66

ภาพที่ 13 แสดงหนา Product, Pice

Page 27: ภาคผนวก - bc.msu.ac.th › project_file › appendix(31).pdf · วิธีการติดตั้งโปรแกรม . 43 ขั้นตอนการติดตั้ง

67

ภาพที่ 14 แสดงหนา Place, Promotion

Page 28: ภาคผนวก - bc.msu.ac.th › project_file › appendix(31).pdf · วิธีการติดตั้งโปรแกรม . 43 ขั้นตอนการติดตั้ง

68

ภาพที่ 15 แสดงหนาสรุปการวิเคราะห 4P’

Page 29: ภาคผนวก - bc.msu.ac.th › project_file › appendix(31).pdf · วิธีการติดตั้งโปรแกรม . 43 ขั้นตอนการติดตั้ง

69

ภาคผนวก ค. Source Code

Page 30: ภาคผนวก - bc.msu.ac.th › project_file › appendix(31).pdf · วิธีการติดตั้งโปรแกรม . 43 ขั้นตอนการติดตั้ง

70

Config.inc.php <? $hostname = "localhost" ; // ชื่อโฮสต $user = "root" ; // ชื่อผูใช $passwd="1234" ; // รหัสผาน $dbname = "networkdb" ; // ชื่อฐานขอมูล mysql_connect($hostname , $user, $passwd) or die ("ติดตอฐานขอมูลลมเหลว") ; // เชื่อมตอฐานขอมูล mysql_select_db("$dbname") or die ("เลือกฐานขอมูลลมเหลว") ; // เลือกฐานขอมูล mysql_query("SET NAMES tis620") ; // ทําใหสนับสนุนฟอนตภาษาไทย ?>

Index.php <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Network Linux TLE</title> <style> td{font-family:Tahoma;font-size:11px;color:#676767;} a{color:#003663;text-decoration:none;} .header{font-weight:bold;color:#003663;font-size:10px;} .cap{font-weight:bold;color:#2558A1;} .menu{text-decoration:none;color:#000000;} .style2 { color: #000000; font-family: "Times New Roman", Times, serif; } </style> <script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script> </head> <body topmargin="0" leftmargin="0" bottommargin="0" rightmargin="0"> <table width="1016" height="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td rowspan="10" width="339" height="100%" background="images/bg1222.jpg"

Page 31: ภาคผนวก - bc.msu.ac.th › project_file › appendix(31).pdf · วิธีการติดตั้งโปรแกรม . 43 ขั้นตอนการติดตั้ง

71

style="background-position:right top; background-repeat:repeat-y"></td> <td rowspan="10" width="1" bgcolor="#000000"></td> <td colspan="2"><span class="header"> <? include ('head.php'); ?> </span></td> <td width="167" rowspan="4" background="images/bg1223.jpg">&nbsp;</td> </tr> <tr> <td width="192" height="100%" valign="top"> <table height="100%" border="0" cellpadding="0" cellspacing="0" bordercolor="#FFCC66"> <tr> <td height="47" valign="top" background="images/capnews.gif"><p align="left"><br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="style2"><strong>ผูใชงาน</strong> : <a href="index?viewpage=mem_register">สมัครสมาชิก</a></span></p> </td> </tr> <tr> <td width="194" height="33" background="images/bgleft.gif" valign="top" style="padding-top:0px;"><div style="padding-left:0px;padding-right:0px;"> <table width="192" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="100%" colspan="2" class="header"><? include ('menu.php'); ?></td> </tr> <tr> <td valign="top" style="padding-top:2px;">&#3637;&#3637;</td> </tr> </table> </div></td> </tr> </table> </td> <td width="411" height="100%" valign="top" bgcolor="#FFFFFF"><table cellpadding="0"

Page 32: ภาคผนวก - bc.msu.ac.th › project_file › appendix(31).pdf · วิธีการติดตั้งโปรแกรม . 43 ขั้นตอนการติดตั้ง

72

cellspacing="0" border="0" height="100%"> <tr> <td width="411" height="25" align="left" valign="top"><table width="368" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF"> <tr> <td width="100%" class="header"><span style="padding-top:2px;"> <? include ('viewpage.php'); ?> </span></td> </tr> </table> </td> </tr> </table></td> </tr> <tr> <td height="36" colspan="2" align="center" background="images/bgmenu.gif" class="menu"><a href="index.php?viewpage=home">หนาหลัก</a>&nbsp;&nbsp;::&nbsp;&nbsp; <a href="index.php?viewpage=mem_register" class="menu">สมัครสมาชิก</a> &nbsp;&nbsp;::&nbsp;&nbsp; <a href="wbshow.php?viewpage=wb" class="menu">เว็บบอรด</a> &nbsp;&nbsp;::&nbsp;&nbsp; <a href="add_cart.php?viewpage=pro_all" class="menu">เขาสูบทเรียน</a> &nbsp;&nbsp;::&nbsp;&nbsp; <a href="../network/index.php?viewpage=contact" class="menu">เก่ียวกับเรา</a> &nbsp;&nbsp;</td> </tr> <tr> <td height="57" colspan="2" align="center" background="images/footer.gif">&nbsp;</td> </tr> </table> </body> </html> mem_register.php <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-874"> <title>Untitled Document</title>

Page 33: ภาคผนวก - bc.msu.ac.th › project_file › appendix(31).pdf · วิธีการติดตั้งโปรแกรม . 43 ขั้นตอนการติดตั้ง

73

<style type="text/css"> <!-- body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; } .style3 {color: #FF0000} .style7 {font-family: tahoma; font-size: 10px; } .style8 {font-size: 10px} .style14 {font-size: 10} .style15 {color: #999999} .style19 {font-family: "MS Sans Serif"; font-size: -1; } .style20 {font-family: "MS Sans Serif"} --> </style></head> <body> <form action="member_register_do.php" method="post" enctype="multipart/form-data" name="frm" onSubmit="return valid()"> <table width="100%" height="380" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="75">&nbsp;</td> <td colspan="3"><img src="images/bg_top_regis.jpg" width="450" height="136"></td> </tr> <tr> <td align="right" valign="top">&nbsp;</td> <td width="264" align="right" valign="top">&nbsp;&#3594;&#3639;&#3656;&#3629;&#3612;&#3641;&#3657;&#3651;&#3594; &nbsp; ::</td> <td width="16" align="right" valign="top"><span class="style14"></span></td>

Page 34: ภาคผนวก - bc.msu.ac.th › project_file › appendix(31).pdf · วิธีการติดตั้งโปรแกรม . 43 ขั้นตอนการติดตั้ง

74

<td width="880"><span class="style7"> <input name="Cus_user" type="text" id="Cus_user" size="17" maxlength="16" > &nbsp;<span class="style3">* (กรอกช่ือผูใชอยางนอย 5 - 18 ตัว)</span></span></td> </tr> <tr> <td align="right" valign="top">&nbsp;</td> <td align="right" valign="top">&nbsp;&#3619;&#3627;&#3633;&#3626;&#3612;&#3656;&#3634;&#3609;&nbsp;::</td> <td align="right" valign="top"><span class="style14"></span></td> <td><span class="style7"> <input name="Cus_pass" type="password" id="Cus_pass" size="17" maxlength="16"> &nbsp;<span class="style3">* (กรอกรหัสผานอยางนอย 5 - 18 ตัว)</span></span></td> </tr> <tr> <td align="right" valign="top">&nbsp;</td> <td align="right" valign="top">&#3618;&#3639;&#3609;&#3618;&#3633;&#3609;&#3619;&#3627;&#3633;&#3626;&#3612;&#3656;&#3634;&#3609;&nbsp; ::</td> <td align="right" valign="top"><span class="style14"></span></td> <td><span class="style7"> <input name="Cus_repass" type="password" id="Cus_repass" size="17" maxlength="16"> &nbsp;<span class="style3">*<br> <span class="style15">--------------------------------------------------------------------------------</span><br> </span></span></td> </tr> <tr> <td align="right" valign="top">&nbsp;</td> <td align="right" valign="top">&#3594;&#3639;&#3656;&#3629;-&#3626;&#3585;&#3640;&#3621;&nbsp; :: </td> <td align="right" valign="top"><span class="style14"></span></td> <td><span class="style7"> <input name="Cus_name" type="text" id="name2" size="17" > &nbsp;<span class="style3">*</span></span></td> </tr>

Page 35: ภาคผนวก - bc.msu.ac.th › project_file › appendix(31).pdf · วิธีการติดตั้งโปรแกรม . 43 ขั้นตอนการติดตั้ง

75

<tr> <td align="right" valign="top">&nbsp;</td> <td align="right" valign="top">&nbsp;&#3607;&#3637;&#3656;&#3629;&#3618; ู&nbsp; ::</td> <td align="right" valign="top"><span class="style14"></span></td> <td valign="middle"><span class="style7"> <textarea name="Cus_address" cols="35" rows="4" id="Cus_address"></textarea> &nbsp;<span class="style3">*</span></span></td> </tr> <tr> <td align="right" valign="top">&nbsp;</td> <td align="right" valign="top">&#3629;&#3635;&#3648;&#3616;&#3629;&nbsp; ::</td> <td align="right" valign="top"><span class="style14"></span></td> <td><span class="style7"> <input name="Cus_ampher" type="text" id="Cus_ampher" size="25" maxlength="30"> &nbsp;<span class="style3">*</span></span></td> </tr> <tr> <td align="right" valign="top">&nbsp;</td> <td align="right" valign="top">&#3592;&#3633;&#3591;&#3627;&#3623;&#3633;&#3604;&nbsp; ::</td> <td align="right" valign="top"><span class="style14"></span></td> <td> <span class="style7"> <select name="province" > <option value="0" selected="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>

Page 36: ภาคผนวก - bc.msu.ac.th › project_file › appendix(31).pdf · วิธีการติดตั้งโปรแกรม . 43 ขั้นตอนการติดตั้ง

76

<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 37: ภาคผนวก - bc.msu.ac.th › project_file › appendix(31).pdf · วิธีการติดตั้งโปรแกรม . 43 ขั้นตอนการติดตั้ง

77

<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> </select> <span class="style3">*</span></span></td> </tr> <tr>

Page 38: ภาคผนวก - bc.msu.ac.th › project_file › appendix(31).pdf · วิธีการติดตั้งโปรแกรม . 43 ขั้นตอนการติดตั้ง

78

<td align="right" valign="top">&nbsp;</td> <td align="right" valign="top">&#3619;&#3627;&#3633;&#3626;&#3652;&#3611;&#3619;&#3625;&#3603;&#3637;&#3618; &nbsp; ::</td> <td align="right" valign="top"><span class="style14"></span></td> <td><span class="style7"> <input name="Cus_code" type="text" id="Cus_code" size="15" maxlength="5" > &nbsp;<span class="style3">*<br> <span class="style15">--------------------------------------------------------------------------------</span><br> </span></span></td> </tr> <tr> <td align="right" valign="top">&nbsp;</td> <td align="right" valign="top">&nbsp;&#3648;&#3610;&#3629;&#3619;&#3660;&#3650;ทรศัพท&nbsp; ::</td> <td align="right" valign="top"><span class="style14"></span></td> <td><span class="style7"> <input name="Cus_tel" type="text" id="Cus_tel" size="17" maxlength="10" > &nbsp;</span></td> </tr> <tr> <td align="right" valign="top">&nbsp;</td> <td align="right" valign="top">&#3648;&#3610;&#3629;&#3619;&#3660;&#3649;ฟกซ&nbsp; ::</td> <td align="right" valign="top"><span class="style14"></span></td> <td><span class="style7"> <input name="Cus_fax" type="text" id="Cus_fax" size="17" maxlength="10" > &nbsp;</span></td> </tr> <tr> <td align="right" valign="top">&nbsp;</td> <td align="right" valign="top">&nbsp;&nbsp;&#3629;&#3637;&#3648;&#3617;&#3621; &nbsp; ::</td> <td align="right" valign="top"><span class="style14"></span></td> <td><span class="style7">

Page 39: ภาคผนวก - bc.msu.ac.th › project_file › appendix(31).pdf · วิธีการติดตั้งโปรแกรม . 43 ขั้นตอนการติดตั้ง

79

<input name="Cus_email" type="text" id="Cus_email" size="17" maxlength="40" > &nbsp;<span class="style3">*</span></span></td> </tr> <tr> <td align="right" valign="top">&nbsp;</td> <td align="right" valign="top"><span class="style8"></span></td> <td align="right" valign="top"><span class="style8"></span></td> <td><span class="style8"><span class="style3"><span class="style15">---------------------------------------------------------------------------------</span><br> </span></span></td> </tr> </table> <table width="73%" height="33" border="0" cellpadding="0" cellspacing="0"> <tr> <td height="24" align="center" valign="top"><p> <input name="Submit" type="submit" id="Submit" value="ยืนยัน" > &nbsp;&nbsp;&nbsp;&nbsp; <input type="reset" name="Reset" value="ยกเลิก" > </p> </td> <SCRIPT LANGUAGE="JavaScript"> function valid(){ if(document.frm.Cus_user.value==""){alert("กรุณาใส ช่ือผูใช");return false;} if(document.frm.Cus_user.value.length < 4){alert("กรุณาใส ช่ือผูใชอยางนอย 4-16 ตัว");return false;} if(document.frm.Cus_pass.value==""){alert("กรุณาใส รหัสผาน");return false;} if(document.frm.Cus_pass.value.length < 4){alert("กรุณาใส รหัสผานอยางนอย 4-16 ตัว");return false;} if(document.frm.Cus_repass.value==""){alert("กรุณาใส ยืนยันรหัสผาน");return false;} if(document.frm.Cus_pass.value!==document.frm.Cus_repass.value){ alert("ยืนยันรหัสผานไมถูกตอง");document.frm.Cus_repass.value="";document.frm.Cus_repass.focus();return false;} if(document.frm.Cus_name.value==""){alert("กรุณาใส ช่ือ - นามสกุล");return false;}

Page 40: ภาคผนวก - bc.msu.ac.th › project_file › appendix(31).pdf · วิธีการติดตั้งโปรแกรม . 43 ขั้นตอนการติดตั้ง

80

if(document.frm.Cus_address.value==""){alert("กรุณาใส ที่อยู");return false;} if(document.frm.Cus_ampher.value==""){alert("กรุณาใส อําเภอ");return false;} if(document.frm.province.value=="0"){alert("กรุณาเลือก จังหวัด");return false;} if(document.frm.Cus_code.value==""){alert("กรุณาใส รหัสไปรณีย");return false;} } //--> </SCRIPT> </tr> </table></form> </body> </html> Wb.php <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-874" /> <title>กระดานถาม-ตอบ</title> </head> <body> <p><b>กระดานถาม-ตอบ</b></p> <p><a href="wbshow.php">หนาหลัก</a> | <a href="wbshow1.php">ต้ังคําถามใหม</a></p> <table width="588" border="1" cellspacing="1" cellpadding="4"> <tr> <th width="34">ที่</th> <th width="127">หัวขอคําถาม</th> <th width="160">ช่ือผูถาม</th> <th width="106">วันที่</th>

Page 41: ภาคผนวก - bc.msu.ac.th › project_file › appendix(31).pdf · วิธีการติดตั้งโปรแกรม . 43 ขั้นตอนการติดตั้ง

81

<th width="164">จํานวนผูตอบ</th> </tr> <? include("config1.inc.php") ; $sql = "SELECT * FROM q_webboard ORDER BY q_id DESC" ; $result = mysql_query($sql) ; while ($data = mysql_fetch_array($result)) { $sql2 = "SELECT * FROM a_webboard WHERE q_id=$data[q_id]" ; $result2 = mysql_query($sql2) ; $numrow = mysql_num_rows($result2) ; ?> <tr> <td align="center"><?=$data[q_id];?></td> <td><a href="wbshow2.php?q_id=<?=$data[q_id];?>"><?=$data[q_question];?></a></td> <td><?=$data[q_name];?></td> <td><?=$data[q_date];?></td> <td align="center"><?=$numrow;?></td> </tr> <? } ?> </table> </body> </html> Show_detale.php <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-874" /> <title>กระดานถาม-ตอบ</title> </head> <body> <p><b>กระดานถาม-ตอบ</b></p> <p><a href="wbshow.php">หนาหลัก</a> | <a href="wbshow1.php">ต้ังคําถามใหม</a></p> <? include("config1.inc.php") ;

Page 42: ภาคผนวก - bc.msu.ac.th › project_file › appendix(31).pdf · วิธีการติดตั้งโปรแกรม . 43 ขั้นตอนการติดตั้ง

82

$sql = "SELECT * FROM q_webboard WHERE q_id=$_GET[q_id]" ; $result = mysql_query($sql) ; $data = mysql_fetch_array($result) ; ?> <table width="540" border="1" cellspacing="1" cellpadding="4"> <tr> <th height="40" bgcolor="#C7E2E2"><< <?=$data[q_question];?> >></th> </tr> <tr> <td><b>ช่ือผูถาม</b> : <?=$data[q_name];?> &nbsp; <b>วันที่</b> : <?=$data[q_date];?> </td> </tr> </table> <br /> <? $sql2 = "SELECT * FROM a_webboard WHERE q_id=$_GET[q_id]" ; $result2 = mysql_query($sql2) ; while ($data2 = mysql_fetch_array($result2)) { $num++; ?> คําตอบที่ <?=$num;?> <table width="500" border="1" cellspacing="1" cellpadding="4"> <tr> <td height="40"><?=nl2br($data2[a_answer]);?></td> </tr> <tr> <td><b>ช่ือผูตอบ</b> : <?=$data2[a_name];?> &nbsp; <b>วันที่</b> : <?=$data2[a_date];?></td> </tr> </table> <br /> <? } ?> <form id="form1" name="form1" method="post" action="<?=$PHP_SELF;?>?q_id=<?=$data[q_id];?>"> <table width="400" border="0" cellspacing="1" cellpadding="1">

Page 43: ภาคผนวก - bc.msu.ac.th › project_file › appendix(31).pdf · วิธีการติดตั้งโปรแกรม . 43 ขั้นตอนการติดตั้ง

83

<tr> <td>คําตอบ</td> <td><textarea name="panswer" cols="40" rows="4" id="panswer"></textarea></td> </tr> <tr> <td width="85">ช่ือผูตอบ</td> <td width="308"><input name="pname" type="text" id="pname" /></td> </tr> <tr> <td><input type="hidden" name="q_id2" value="<?=$_GET[q_id];?>" /></td> <td><input type="submit" name="Submit" value=" บันทึก " /> <input type="reset" name="Submit2" value=" ยกเลิก " /></td> </tr> </table> </form> <? if (isset($_POST[Submit])) { $sql = "INSERT INTO a_webboard VALUES('', '$_POST[panswer]', '$_POST[pname]', NOW(), $_POST[q_id2] ) "; $result = mysql_query($sql) or die ("เพิ่มขอมูลไมได"); echo "บันทึกขอมูลเรียบรอยแลว"; echo "<meta http-equiv=refresh content=0>" ; } ?> </body> </html> Add_question.php <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-874" /> <title>กระดานถาม-ตอบ</title> </head>

Page 44: ภาคผนวก - bc.msu.ac.th › project_file › appendix(31).pdf · วิธีการติดตั้งโปรแกรม . 43 ขั้นตอนการติดตั้ง

84

<body> <p><b>กระดานถาม-ตอบ</b></p> <p><a href="wbshow.php">หนาหลัก</a> | <a href="add_question.php">ต้ังคําถามใหม</a></p> <form id="form1" name="form1" method="post" action="<?=$PHP_SELF;?>"> <table width="400" border="0" cellspacing="1" cellpadding="1"> <tr> <td>คําถาม</td> <td><textarea name="pquestion" cols="40" rows="4" id="pquestion"></textarea></td> </tr> <tr> <td width="85">ช่ือผูถาม</td> <td width="308"><input name="pname" type="text" id="pname" /></td> </tr> <tr> <td>&nbsp;</td> <td><input type="submit" name="Submit" value=" บันทึก " /> <input type="reset" name="Submit2" value=" ยกเลิก " /></td> </tr> </table> </form> <? include("config1.inc.php") ; if (isset($_POST[Submit])) { $sql = "INSERT INTO q_webboard VALUES('', '$_POST[pquestion]', '$_POST[pname]', NOW() ) "; $result = mysql_query($sql) or die ("เพิ่มขอมูลไมได"); echo "บันทึกขอมูลเรียบรอยแลว"; } ?> </body> </html> Admin_index.php <? session_start();

Page 45: ภาคผนวก - bc.msu.ac.th › project_file › appendix(31).pdf · วิธีการติดตั้งโปรแกรม . 43 ขั้นตอนการติดตั้ง

85

ob_start(); if(!session_is_registered("admin_user")){ header("location:admin_login_page.php"); } include('../config.inc.php'); include('../function.php'); ?> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-874" /> <title>::OTOPKHONKAEN:: admin</title> <style type="text/css"> <!-- body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-image: url(); } --> </style></head> <body> <table width="550" border="2" align="center" cellpadding="1" cellspacing="1"> <tr> <td width="578"><table width="544" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="544" bgcolor="#FFFFFF"><? include"admin_head.php" ?></td> </tr> <tr> <td bgcolor="#FFFFFF"><? include "admin_viewpage.php" ?></td> </tr>

Page 46: ภาคผนวก - bc.msu.ac.th › project_file › appendix(31).pdf · วิธีการติดตั้งโปรแกรม . 43 ขั้นตอนการติดตั้ง

86

<tr> <td bgcolor="#FFFFFF"><? include "foot.php" ?></td> </tr> </table></td> </tr> </table> </body> </html> Admin_home.php <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-874" /> <title>Untitled Document</title> <style type="text/css"> <!-- body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; } .style5 {font-family: tahoma; font-size: 12px; font-weight: bold; } .style7 {font-family: tahoma; font-size: 12px; color: #000000; } .style9 {font-family: tahoma; font-size: 12px; font-weight: bold; color: #0066CC; } .style11 { font-family: tahoma; font-size: 12px; color: #0000CC; } --> </style> <script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>

Page 47: ภาคผนวก - bc.msu.ac.th › project_file › appendix(31).pdf · วิธีการติดตั้งโปรแกรม . 43 ขั้นตอนการติดตั้ง

87

</head> <body> <table width="765" border="0" cellpadding="0" cellspacing="0" bordercolor="#999999"> <tr> <td width="757"><table width="780" border="0" cellpadding="0" cellspacing="0"> <tr> <td bgcolor="#CCCCCC"><img src="images/checked_out.png" width="16" height="16"> <span class="style9">ขอมูลของสมาชิก</span> </td> </tr> <tr> <td><table width="700" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="130" align="center"><a href="admin_index.php?viewpage=admin_edit_user"> </a><img src="images/mem.png" width="48" height="48" border="0" usemap="#Map8"></td> <td width="128">&nbsp;</td> <td width="128">&nbsp;</td> <td width="128">&nbsp;</td> <td width="128">&nbsp;</td> <td width="82">&nbsp;</td> </tr> </table></td> </tr> <tr> <td><table width="700" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="134" align="center"><span class="style7"><a href="admin_index.php?viewpage=admin_edit_user">ขอมูลสมาชิก</a></span></td> <td width="133">&nbsp;</td> <td width="133">&nbsp;</td> <td width="133">&nbsp;</td> <td width="133">&nbsp;</td>

Page 48: ภาคผนวก - bc.msu.ac.th › project_file › appendix(31).pdf · วิธีการติดตั้งโปรแกรม . 43 ขั้นตอนการติดตั้ง

88

<td width="66">&nbsp;</td> </tr> </table></td> </tr> <tr> <td>&nbsp;</td> </tr> <tr> <td bgcolor="#CCCCCC"><img src="images/checked_out.png" width="16" height="16"> <span class="style5"><font color="#0066CC">จัดการในสวนของ Admin</font></span> </td> </tr> <tr> <td><table width="700" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="133" height="48" align="center" valign="top"><img src="images/ep.png" width="48" height="48" border="0" usemap="#Map9"></td> <td width="133">&nbsp;</td> <td width="133">&nbsp;</td> <td width="133">&nbsp;</td> <td width="133">&nbsp;</td> <td width="135">&nbsp;</td> </tr> </table></td> </tr> <tr> <td><table width="700" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="133" align="center"><span class="style7"><a href="admin_index.php?viewpage=admin_edit_pass">แกไข Username <br> และ<br> Password</a></span> </td> <td width="133">&nbsp;</td> <td width="133">&nbsp;</td> <td width="133">&nbsp;</td> <td width="133">&nbsp;</td>

Page 49: ภาคผนวก - bc.msu.ac.th › project_file › appendix(31).pdf · วิธีการติดตั้งโปรแกรม . 43 ขั้นตอนการติดตั้ง

89

<td width="135">&nbsp;</td> </tr> </table></td> </tr> <tr> <td>&nbsp;</td> </tr> </table> <map name="Map4Map"> <area shape="rect" coords="22,6,82,94" href="admin_index.php?viewpage=admin_scarp"> </map></td> </tr> </table> <map name="Map"><area shape="rect" coords="22,7,78,93" href="admin_index.php?viewpage=admin_product_all"> </map> <map name="Map2"><area shape="rect" coords="22,6,84,90" href="admin_index.php?viewpage=admin_con"> </map> <map name="Map3"><area shape="rect" coords="20,6,82,95" href="admin_index.php?viewpage=admin_set"> </map> <map name="Map4"><area shape="rect" coords="22,6,82,94" href="admin_index.php?viewpage=admin_scarp"> </map> <map name="Map5"> <area shape="rect" coords="19,7,84,95" href="#"> </map> <map name="Map6"><area shape="rect" coords="18,6,83,95" href="#"> </map> <map name="Map7"><area shape="rect" coords="18,6,82,96" href="#"> </map> <map name="Map8"><area shape="rect" coords="0,2,59,53" href="admin_index.php?viewpage=admin_edit_user"> </map>

Page 50: ภาคผนวก - bc.msu.ac.th › project_file › appendix(31).pdf · วิธีการติดตั้งโปรแกรม . 43 ขั้นตอนการติดตั้ง

90

<map name="Map9"><area shape="rect" coords="-3,-3,98,88" href="admin_index.php?viewpage=admin_edit_pass"> </map></body> </html> Admin_login_page.php <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-874" /> <title>สําหรับ Admin เขาสูระบบการจัดการขอมูล </title> <style type="text/css"> <!-- body { background-image: url(../../onecenter1/images/bubble-backgroun-001.gif); margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; } .style1 { font-family: tahoma; font-size: 12px; } .style2 { font-family: tahoma; font-size: 16px; font-weight: bold; } --> </style> <script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script> </head> <body> <form action="admin_logincheck.php" name="frm" onSubmit="return valid();"> <table width="790" border="0" align="center" cellpadding="0" cellspacing="0" bordercolor="#999999" bgcolor="#FFFFFF">

Page 51: ภาคผนวก - bc.msu.ac.th › project_file › appendix(31).pdf · วิธีการติดตั้งโปรแกรม . 43 ขั้นตอนการติดตั้ง

91

<tr> <td width="782"><script type="text/javascript"> AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','780','height','212','src','../0147','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','../0147' ); //end AC code </script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="780" height="212"> <param name="movie" value="../0147.swf"> <param name="quality" value="high"> <embed src="../0147.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="780" height="212"></embed> </object></noscript></td> </tr> <tr> <td><table width="735" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="735" align="center"><span class="style2"><font color="#A70133"><br> ล็อคอินเขาสูระบบ Admin</font></span> </td> </tr> <tr> <td>&nbsp;</td> </tr> <tr> <td><table width="735" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="317" align="right"><span class="style1"><font color="#000000">Username : </font></span></td> <td width="217" align="center"><input type="text" name="admin_user" maxlength="16"></td> <td width="201">&nbsp;</td> </tr> </table></td> </tr>

Page 52: ภาคผนวก - bc.msu.ac.th › project_file › appendix(31).pdf · วิธีการติดตั้งโปรแกรม . 43 ขั้นตอนการติดตั้ง

92

<tr> <td><table width="694" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="316" align="right"><span class="style1"><font color="#000000">Password : </font></span></td> <td width="218" align="center"><input type="password" name="admin_pass" maxlength="16"></td> <td width="160">&nbsp;</td> </tr> </table></td> </tr> </table> <table width="736" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="736">&nbsp;</td> </tr> <tr> <td align="center"><table width="742" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="318">&nbsp;</td> <td width="237" align="center"><div align="left"> &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <input type="submit" name="submit" value="ยืนยันการล็อคอิน" style="border-border"> </div></td> <td width="187" align="right">&nbsp;</td> </tr> </table> <table width="693" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="693">&nbsp;</td> </tr> </table> <table width="702" border="0" cellspacing="0" cellpadding="0"> <tr>

Page 53: ภาคผนวก - bc.msu.ac.th › project_file › appendix(31).pdf · วิธีการติดตั้งโปรแกรม . 43 ขั้นตอนการติดตั้ง

93

<td width="702" bgcolor="#FFFFFF"><? include "foot.php"?></td> </tr> </table></td> </tr> </table></td> </tr> </table> </form> </body> </html> Admin_logincheck.php <? include('../config.inc.php'); include('../function.php'); connect_db($hostname,$user,$passwd) ; $sql="select * from admin where admin_user='$admin_user' AND admin_pass ='$admin_pass'"; $db=mysql_select_db($dbname); $result=mysql_query($sql); $rows=mysql_num_rows($result); $rowC=mysql_fetch_array($result); $admin_id=$rowC[admin_id]; mysql_close(); if( $rows != 0 ) { $admin_user=$admin_user; $admin_pass=$admin_pass; Session_register("admin_id"); Session_register("admin_user"); Session_register("admin_pass"); header('location:admin_logincheck_ok.php'); } else

Page 54: ภาคผนวก - bc.msu.ac.th › project_file › appendix(31).pdf · วิธีการติดตั้งโปรแกรม . 43 ขั้นตอนการติดตั้ง

94

{ ?> <meta http-equiv=Content-Type content='text/html; charset=windows-874'> <meta http-equiv=refresh content=3;URL=admin_login_page.php> <link href=body.css rel=stylesheet type=text/css> <table width=100% height=100% border=0 cellpadding=0 cellspacing=0> <tr><td align=center valign=middle scope=col> <table width=397 height=129 border=2 cellpadding=1 cellspacing=1 bordercolor='#FFCCFF' bgcolor='#FFFFFF'> <tr> <td height="123" align=center valign=middle scope=col> <font color='#006666'>Username หรือ Password ไมถูกตอง</font> <p> <span class='fr1'> <font color='#339999'>( กําลังกลับสูระบบล็อคอิน กรุณารอสักครู Loading... )</font> </span><br /> <br /> <img src="images/load.gif" width="100" height="10" /></td></tr></table></td></tr></table> <? } ?> Admin_edit_pass.php <? session_start(); if(!session_is_registered("admin_user")){ header("location:admin_login_page.php"); } include('Checklogin.php'); ?> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-874" /> <title>Untitled Document</title> </head> <body> <form action="admin_edit_pass_ok.php" method="post" name="frm" onSubmit="return valid()"> <table width="100%" height="80" border="0" align="center" cellpadding="0" cellspacing="0">

Page 55: ภาคผนวก - bc.msu.ac.th › project_file › appendix(31).pdf · วิธีการติดตั้งโปรแกรม . 43 ขั้นตอนการติดตั้ง

95

<tr> <td width="535" height="16" align="center" bgcolor="#F4F4F4">&nbsp;</td> </tr> <tr> <td align="center" bgcolor="#F4F4F4"><font color="#FF3366" face="tahoma"><strong>.: แกไขช่ือเขาใชและรหัสผาน :.</strong></font></td> </tr> <tr> <td bgcolor="#F4F4F4">&nbsp;</td> </tr> <tr> <td align="left" bgcolor="#FFFFFF">&nbsp;&nbsp;<font face="tahoma" size="-1">หมายเหตุ <font color="#FF0000">*</font> เปนขอมูลที่ตองใส <strong><font face="tahoma" size="-1">(ช่ือเขาใชและรหัสผานตองมีความยาว 4-16 ตัว )</font></strong></font></td> </tr> <tr> <td bgcolor="#FFFFFF"><table width="477" border="0" align="center" cellpadding="0" cellspacing="0" bordercolor="#FFFFFF" bgcolor="#F2F2F2"> <tr> <td width="74" bgcolor="#FFFFFF">&nbsp;</td> <td width="125" align="left" bgcolor="#FFFFFF">&nbsp;</td> <td width="278" align="left" bgcolor="#FFFFFF">&nbsp;</td> </tr> <tr> <td bgcolor="#FFFFFF">&nbsp;</td> <td align="right" bgcolor="#FFFFFF"><font face="tahoma" size="-1">ช่ือเขาใชใหม&nbsp;:&nbsp;</font></td> <td align="left" bgcolor="#FFFFFF"><strong> <input type="text" name="admin_user_new" maxlength="16" /> <font color="#FF0000">*</font></strong></td> </tr> <tr> <td bgcolor="#FFFFFF">&nbsp;</td> <td align="right" bgcolor="#FFFFFF"><font face="tahoma" size="-1">รหัสผานเดิม&nbsp;:&nbsp;

Page 56: ภาคผนวก - bc.msu.ac.th › project_file › appendix(31).pdf · วิธีการติดตั้งโปรแกรม . 43 ขั้นตอนการติดตั้ง

96

</font></td> <td align="left" bgcolor="#FFFFFF"><strong> <input type="password" name="admin_pass" maxlength="16" /> <font color="#FF0000">*</font></strong></td> </tr> <tr> <td bgcolor="#FFFFFF">&nbsp;</td> <td align="right" bgcolor="#FFFFFF"><font face="tahoma" size="-1">รหัสผานใหม&nbsp;:&nbsp; </font></td> <td align="left" bgcolor="#FFFFFF"><strong> <input type="password" name="admin_pass_new" maxlength="16" /> <font color="#FF0000">*</font></strong></td> </tr> <tr> <td bgcolor="#FFFFFF">&nbsp;</td> <td align="right" bgcolor="#FFFFFF"><font face="tahoma" size="-1">ยืนยันรหัสผานใหม&nbsp;:&nbsp;</font> </td> <td align="left" bgcolor="#FFFFFF"><strong> <input type="password" name="admin_pass_re" maxlength="16" /> <font color="#FF0000">*</font></strong></td> </tr> <tr> <td bgcolor="#FFFFFF">&nbsp;</td> <td align="left" bgcolor="#FFFFFF">&nbsp;</td> <td align="left" bgcolor="#FFFFFF">&nbsp;</td> </tr> <SCRIPT LANGUAGE="JavaScript"> <!-- function valid(){ if(document.frm.admin_user_new.value==""){alert("กรุณาใสช่ือเขาใช");return false;} if(document.frm.admin_user_new.value.length < 3){alert(" ช่ือเขาใชตองมี 3-16 ตัว");return false;} if(document.frm.admin_pass.value==""){alert("กรุณาใสรหัสผานเดิม");return false;} if(document.frm.admin_pass_new.value==""){alert("กรุณาใสรหัสผานใหม");return false;}

Page 57: ภาคผนวก - bc.msu.ac.th › project_file › appendix(31).pdf · วิธีการติดตั้งโปรแกรม . 43 ขั้นตอนการติดตั้ง

97

if(document.frm.admin_pass_new.value.length < 3){alert(" รหัสผานเดิมตองมี 3-16 ตัว");return false;} if(document.frm.admin_pass_re.value==""){alert("กรุณายืนยันรหัสผานใหม");return false;} if(document.frm.admin_pass_new.value!==document.frm.admin_pass_re.value){ alert("ยืนยันรหัสไมถูกตอง");document.frm.admin_pass_re.value="";document.frm.admin_pass_re.focus();return false;} } //--> </SCRIPT> <tr> <td bgcolor="#FFFFFF">&nbsp;</td> <td align="left" bgcolor="#FFFFFF">&nbsp;</td> <td align="left" bgcolor="#FFFFFF"><strong> <input type="submit" name="sunmit" value="ตกลง" / style="border-color:#999999"> &nbsp; <input type="reset" name="raset" value="ยกเลิก" / style="border-color:#999999"> </strong> </td> </tr> </table> <div align="center"></div></td> </tr> <tr> <td bgcolor="#FFFFFF">&nbsp;</td> </tr> <tr> <td bgcolor="#FFFFFF">&nbsp;</td> </tr> </table> </form> </body> </html> Admin_edit_user.php

Page 58: ภาคผนวก - bc.msu.ac.th › project_file › appendix(31).pdf · วิธีการติดตั้งโปรแกรม . 43 ขั้นตอนการติดตั้ง

98

<? session_start(); if(!session_is_registered("admin_user")){ header("location:admin_login_page.php"); } include('Checklogin.php'); connect_db($hostname,$user,$passwd); $db=mysql_select_db($dbname); $sql="select * from member order by id ASC"; if(!$Page) $Page=1; $Prev_Page = $Page-1; $Next_Page = $Page+1; $result = mysql_query($sql); $Page_start = ($Per_Page_cus*$Page)-$Per_Page_cus; $Num_Rows = mysql_num_rows($result); if($Num_Rows<=$Per_Page_cus) $Num_Pages =1; else if(($Num_Rows % $Per_Page_cus)==0) $Num_Pages =($Num_Rows/$Per_Page_cus) ; else $Num_Pages =($Num_Rows/$Per_Page_cus) +1; $Num_Pages = (int)$Num_Pages; if(($Page>$Num_Pages) || ($Page<0)) $sql = "select * from member order by id DESC LIMIT $Page_start , $Per_Page_cus"; $result = mysql_query($sql); ?>

Page 59: ภาคผนวก - bc.msu.ac.th › project_file › appendix(31).pdf · วิธีการติดตั้งโปรแกรม . 43 ขั้นตอนการติดตั้ง

99

<head> <meta http-equiv="Content-Type" content="text/html; charset=windows-874" /> <title>Untitled Document</title> </head> <body> <table width="780" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="10" align="center" bgcolor="#F4F4F4">&nbsp;</td> <td width="813" align="center" bgcolor="#F4F4F4">&nbsp;</td> </tr> <tr> <td bgcolor="#F4F4F4">&nbsp;</td> <td align="center" bgcolor="#F4F4F4"><font color="#FF3366" size="3" face="tahoma"><strong>.: จัดการสมาชิก :.</strong></font></td> </tr> <tr> <td bgcolor="#F4F4F4">&nbsp;</td> <td align="left" bgcolor="#F4F4F4">&nbsp;</td> </tr> <tr> <td align="left">&nbsp;</td> <td align="left"><font face="tahoma" size="-1">&nbsp;<b>สมาชิก </b>มีทั้งหมด <b> <? echo $Num_Rows; ?> </b>คน &nbsp;</font></td> </tr> <tr> <td>&nbsp;</td> <td align="left"><table width="99%" border="1" cellpadding="0" cellspacing="0" bordercolor="#dddddd" bgcolor="#00CCFF"> <tr> <td width="147" align="center" bgcolor="#00CCCC"><font face="tahoma" size="-1">ช่ือลูกคา</font></td> <td width="113" align="center" bgcolor="#00CCCC"><font face="tahoma" size="-1">ช่ือเขาใช</font></td>

Page 60: ภาคผนวก - bc.msu.ac.th › project_file › appendix(31).pdf · วิธีการติดตั้งโปรแกรม . 43 ขั้นตอนการติดตั้ง

100

<td width="304" align="center" bgcolor="#00CCCC"><font face="tahoma" size="-1">ที่อยู</font></td> <td align="center" bgcolor="#00CCCC"><strong>ลบ</strong></td> </tr> </table> <table width="99%" height="19" border="1" cellpadding="0" cellspacing="0" bordercolor="#dddddd"> <? while($row=mysql_fetch_array($result,MYSQL_ASSOC)){ ?> <tr> <td width="179" align="left">&nbsp;<font face="tahoma" size="-1"><? echo $row[name]; ?></font> </td> <td width="137" align="center"><font face="tahoma" size="-1"><? echo $row[username]; ?></font></td> <td width="248" align="left">&nbsp;<font face="tahoma" size="-1"><? echo $row[adress ]; ?> อ.<? echo $row[ampher]; ?> จ.<? echo $row[province]; ?>&nbsp;<? echo $row[code]; ?> </font></td> <? $Cus_id=$row[id]; connect_db($hostname,$user,$passwd); $db=mysql_select_db($dbname); $sqlSaleC="select * from member where id='$Cus_id' "; $resultSaleC=mysql_query($sqlSaleC); $nums=mysql_num_rows($resultSaleC); if(!($nums==0)){ ?> <? }else{?>

Page 61: ภาคผนวก - bc.msu.ac.th › project_file › appendix(31).pdf · วิธีการติดตั้งโปรแกรม . 43 ขั้นตอนการติดตั้ง

101

<? } ?> <script language="JavaScript"> function Conf<? echo $row[id]; ?>(object) { if (confirm("คุณตองการลบสมาชิกช่ือ <? echo $row[name]; ?> ใชไหม") ==true) { return true; } return false; } </script> <td width="189" align="center"><a href="admin_del_user.php?Cus_id=<? echo $row[id]; ?>" onClick="return Conf<? echo $row[id]; ?>(this)"><img src="images/icon-bin.gif" width="15" height="15" alt="ลบ" border="0"/></a></td> </tr> <? } ?> </table> </td> </tr> <tr> <td align="left">&nbsp;</td> <td align="left"><font face="tahoma" size="-1">มีทั้งหมด:&nbsp;<b><? echo $Num_Pages;?></b>&nbsp; หนา :&nbsp; <? /* สรางปุมยอนกลับ */ if($Prev_Page) echo " <a href='$PHP_SELF?viewpage=admin_edit_user&Page=$Prev_Page'><< ยอนกลับ</a>"; for($i=1; $i<=$Num_Pages; $i++){ if($i != $Page) echo "<a href='$PHP_SELF?viewpage=admin_edit_user&Page=$i'>$i</a>"; else echo "<b> <font color='#CD2F1D'>$i </font></b>"; } /*สรางปุมเดินหนา */ if($Page!=$Num_Pages)

Page 62: ภาคผนวก - bc.msu.ac.th › project_file › appendix(31).pdf · วิธีการติดตั้งโปรแกรม . 43 ขั้นตอนการติดตั้ง

102

echo "<a href ='$PHP_SELF?viewpage=admin_edit_user&Page=$Next_Page'> หนาถัดไป>> </a>"; mysql_close(); ?> </font></td> </tr> </table> </body> </html>

Page 63: ภาคผนวก - bc.msu.ac.th › project_file › appendix(31).pdf · วิธีการติดตั้งโปรแกรม . 43 ขั้นตอนการติดตั้ง

103

ภาคผนวก ง บทนําเสนอโครงงาน

Page 64: ภาคผนวก - bc.msu.ac.th › project_file › appendix(31).pdf · วิธีการติดตั้งโปรแกรม . 43 ขั้นตอนการติดตั้ง

104

บทนําเสนอโครงงานเทคโนโลยีสารสนเทศธุรกิจ 1 ประจําภาคเรียนที่ 2/2552

วิชา : 0904402 โครงงานเทคโนโลยสีารสนเทศธุรกิจ 1 จํานวน 1 หนวยกิต (0-2-0) ชื่อโครงงาน : ส่ือการเรียนรูดวยตัวเองผานระบบอินเตอรเน็ต เรื่อง ระบบบริการลูกคาสัมพันธและสวนประสมทางการตลาด รายชื่อผูศึกษาโครงงาน :

1. ช่ือ-สกุล นางสาววันนิษา สารจันทร รหัสประจําตัว 51010970943 2. ช่ือ-สกลุ นางสาวเบญจพร นาทราย รหัสประจําตัว 51010970956

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

อาจารยรัตนาวดี สนธิประสาท

(....................................................) กรรมการท่ีปรึกษา วันท่ี ............/ ................/ ..............

(....................................................) กรรมการคนท่ี 1 วันท่ี ............/ ................/ ..............

(....................................................) กรรมการคนท่ี 2 วันท่ี ............/ ................/ ..............

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

Page 65: ภาคผนวก - bc.msu.ac.th › project_file › appendix(31).pdf · วิธีการติดตั้งโปรแกรม . 43 ขั้นตอนการติดตั้ง

105

ระบบบริการลูกคาสัมพันธและสวนประสมทางการตลาดไดเขามามีบทบาทในในการทํา ธุรกิจของคนเราเพราะการท่ีเราจะทํากิจการหรือธุรกิจใหสําเร็จไดเราจะตองมีระบบบริการลูกคาสัมพันธท่ีและรูจักการวิเคราะหสานประสมทางการตลาด จึงไดนําระบบบริการลูกคาสัมพันธและการวิเคราะหสวนประสมทางการตลาดมาทําเปนส่ือการเรียนการสอนเพ่ือชวยกระจายความรูใหท่ัวถึงกัน ส่ือท่ีใชสอนในการเรียนการสอนในสวนของการบริการลูกคาสัมพันธและสวนประสมทางการตลาด เปนเพียงสวนเนื้อหาในหนังสือ และคําอธิบายเกี่ยวกับการบริการลูกคาสัมพันธและสวนประสมทางการตลาด ในสวนของผูเรียนอาจจะไมเขาใจเนื้อหาไดชัดเจน หากส่ือท่ีนํามาใชสอนนั้นไมนาสนใจ และดึงดูด อาจทําใหการเรียนการสอนไมครอบคลุมท่ัวถึงกัน การพัฒนาเว็บไซตการบริการลูกคาสัมพันธและสวนประสมทางการตลาด ผานส่ือมัลติมีเดีย เพ่ือเปนส่ือกลางการเรียนการสอน ระบบบริการลูกคาสัมพันธและสวนประสมทางการตลาด ผานส่ือมัลติมีเดีย เปนการนําเสนอเรื่องราวโดยมีตัวการตูน มีการเคล่ือนไหวเกี่ยวกับตัวละคร มีเสียงสนทนา และอธิบายประกอบภาพ เพ่ือดึงดูดความสนใจของผูเรียน ใหผูเรียนเกิดความสนใจในตัวละคร และเขาใจในส่ิงท่ีผูสอนตองการส่ือ อีกท้ังเว็บไซตเปนท่ีจัดเก็บส่ือมัลติมีเดีย เพ่ือชวยลดปญหาการจัดเก็บและปริมาณของส่ือมัลติมีเดีย

1.2 วัตถุประสงคของการศึกษา 1. เพ่ือพัฒนาเว็บไซต ระบบบริการลูกคาสัมพันธและสวนประสมทางการตลาด ผานส่ือมัลติมีเดีย 2. เพ่ือสรางส่ือการเรียนการสอนรูปแบบใหม 3. เพ่ือชวยจัดเก็บขอมูลท่ียุงยาก 1.3 ขอบเขตการดําเนินงาน 1.3.1 นําเสนอตัวการตูน ท่ีมีเนื้อหาสอดคลองกับระบบบริการลูกคาสัมพันธและสวนประสมทางการตลาด ในรูปของมัลติมีเดีย

1.3.2 สรางแบบทดสอบทายเรื่อง เพ่ือลองทดสอบผูเรียนเขาใจในส่ือการเรียนการสอน 1.3.3 เสนอขาวสารท่ีมีเนื้อหาสาระ 1.3.4 สราง Web board เพ่ือตั้งกระทู และตอบคําถามกระทูแลกเปล่ียนความคิดเห็น 1.3.5 สราง Guestbook เพ่ือใหผูชมสามารถเขาชมเว็บไซต และสามารถติชมหรือแนะนําเกี่ยวกับเว็บไซต 1.3.6 สรางฐานขอมูลโดยใช My SQL เพ่ือจัดเก็บขอมูลดังนี ้ - ขอมูลสมาชิก

Page 66: ภาคผนวก - bc.msu.ac.th › project_file › appendix(31).pdf · วิธีการติดตั้งโปรแกรม . 43 ขั้นตอนการติดตั้ง

106

- ขอมูลผูดูแลระบบ จากเว็บไซต ผูศึกษาไดจัดจําแนกกลุมผูใช ออกเปน 3 กลุม ตามลักษณะการใชงาน คือ ผูเขาชมเว็บไซตท่ัวไป ผูเชาชมเว็บไซตท่ีเปนสมาชิก และผูดูแลเว็บไซต ซ่ึงผูใช 3 กลุมสามารถทํารายการไดดังตอไปนี ้ 1. ผูเขาชมเว็บไซตท่ัวไป สามารถดูส่ือมัลติมีเดีย ไดเพียง 60 นาที อานขาวสาร ฝากความคิดเห็นลง Guestbook และสมัครเปนสมาชิก 2. ผูเขาชมเว็บไซตท่ีเปนสมาชิก สามารถดูส่ือมัลติมีเดีย ไดท้ังเรื่อง ทําแบบทดสอบทายเรื่อง อานขาวสาร ฝากความคิดเห็นลงบน Web board และ Guestbook 3. ผูดูแลเว็บไซต สามารถทํารายการ เพ่ิม ลบ แกไข ส่ือมัลติมีเดีย แบบทดสอบทายเรื่อง ขาวสาร สามารถลบขอมูลสมาชิกได สามารถอานกระทู ตอบกระทู และลบกระทูท่ีไมเหมาะสมไดและสามารถอานขอความจาก Guestbook เพ่ือนําไปพัฒนาเว็บไซตตอไป

1.4 อุปกรณและเคร่ืองมือในการดําเนินงาน 1.4.1 ฮารดแวร 1.4.1.1 เครื่องคอมพิวเตอร 2 ชุด 1.4.1.2 ชุดหูฟงพรอมไมโครโฟน 2 ชุด 1.4.2 ซอฟตแวร 1.4.2.1 โปรแกรม Microsoft windows XP 1.4.2.2 โปรแกรม Adobe Photoshop CS สําหรับตกแตงภาพ 1.4.2.3 โปรแกรม Macromedia Flash CS3 สําหรับทํา Animation 1.4.2.4 โปรแกรม Sound Recorder สําหรับบันทึกเสียง 1.4.2.5 โปรแกรม Apache 2.0 สําหรับทําเครื่องใหเปน Web server 1.4.2.6 โปรแกรม PHP ใชติดตอกับฐานขอมูล 1.4.2.7 โปรแกรม My SQL ใชเก็บฐานขอมูล 1.5 ขั้นตอนการดําเนินงาน 1.5.1 นําเสนอหัวขอตออาจารยท่ีปรึกษา (ศึกษาทฤษฏีและเทคโนโลยีท่ีใช) 1.5.2 ศึกษาและเก็บรวบรวมขอมูล 1.5.3 วิเคราะหขอมูล 1.5.4 ออกแบบเว็บไซต 1.5.5 พัฒนา – ทดสอบ 1.5.5.1 เขียนโปรแกรม

Page 67: ภาคผนวก - bc.msu.ac.th › project_file › appendix(31).pdf · วิธีการติดตั้งโปรแกรม . 43 ขั้นตอนการติดตั้ง

107

1.5.5.2 ทดสอบยอย 1.5.5.3 ทดสอบรวม 1.5.5.4 ทดสอบติดตั้งระบบ 1.5.6 นําเสนอผลงานตอคณะกรรมการ 1.5.7 จัดทําเอกสาร 1.7 ผลที่คาดวาจะไดรับ 1.7.1 ไดเว็บไซต ระบบบริการลูกคาสัมพันธและสวนประสมทางการตลาด 1.7.2 ไดส่ือการเรียนการสอนรูปแบบใหมท่ีมีความทันสมัยขึ้น 1.7.3 ชวยจัดเก็บขอมูลท่ีมีความยุงยาก

Page 68: ภาคผนวก - bc.msu.ac.th › project_file › appendix(31).pdf · วิธีการติดตั้งโปรแกรม . 43 ขั้นตอนการติดตั้ง

108

รายงานการพบที่ปรึกษา

ชื่อเร่ือง ส่ือการเรียนรูดวยตนเองผานระบบอินเตอรเน็ต เรื่อง การติดตั้งระบบเครือขาย

ผูศึกษา นางสาววันนิษา สารจันทร นางสาวเบญจพร นาทราย

รหัส 51010970943 รหัส 51010970956

ที่ปรึกษา อาจารยรัตนาวดี สนธิประสาท

วัน เดือน ป รายงานความคืบหนา ลายมือชื่อที่ปรึกษา 15/09/2552 ขอคําปรึกษาในการออกแบบฐานขอมูล 22/09/2552 ขอคําปรึกษาในการออกแบบฐานขอมูล 13/10/2552 ขอคําปรึกษาในการทําตัวโปรแกรม 20/10/2552 ขอคําปรึกษาในการทําตัวโปรแกรม 17/11/2552 รับฟงขอแนะนําในการทําโปรแกรม 22/12/2552 ตรวจและแกไขโปรแกรมกอนข้ึนสอบ