ภาคผนวก - Mahasarakham University4).pdf104 6. ช อง Server Name ให ใส localhost และ กรอกemail ผ ใช แล วกด Next ภาพท

99

ภาคผนวก

100

ภาคผนวก ก.

การตดตงโปรแกรม

101

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

การตดตงโปรแกรมAppServ

โปรแกรม AppServเปนโปรแกรมทรวบรวมโปรแกรม Open Soure Software หลายๆ อยาง

เขาดวยกน โดยภายในโปรแกรม AppServประกอบไปดวยโปรแกรมตางๆ ดงน

1. Apache 2.2.8เปนโปรแกรมส าหรบใชท าเวบเซรฟเวอร

2. PHP 5.2.6เปนโปรแกรมภาษา PHP

3. MySQL 5.0.51bเปนโปรแกรมฐานขอมล MySQL

4. phpMyAdmin 2.10.3เปนโปรแกรมในการจดการฐานขอมล MySQL

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

1. การตดตงโปรแกรมโดยการ Double Click ทไอคอน appserv-win32-2.5.10.exe เพอท า

การตดตงโปรแกรม Apace Web Server, โปรแกรมภาษา PHP, โปรแกรม MySQL และโปรแกรม

phpMyAdmin

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

102

2.แสดงขอความตอนรบเขาสการตดตงโปรแกรม AppServใหคลกป มNext

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

3.คลกกI Agree เพอยอมรบเงอนไขขอตกลง

ภาพท ก-3 แสดงหนาตางเพอยอมรบเงอนไขการตดตงโปแกรม AppServ

103

4. คลกปม Next

ภาพท ก-4แสดงหนาตางต าแหนง Driver ทตองการการตดตงโปแกรม AppServ

5. คลกปม Next

ภาพท ก-5แสดงหนาตางโปรแกรมทตองการการตดตง

104

6. ชอง Server Name ใหใสlocalhostและ กรอกemail ผใชแลวกด Next

ภาพท ก-6แสดงหนาตางใหกรอก Server Nameและ E-Mail ของผใช

7. ตงรหสผานและกรอกรหสผานอกครงเพอยนยนรหสผานแลวกด Install

ภาพท ก-7 แสดงหนาตางตงคา MySQL Server

105

8. แสดงหนาตางโปรแกรมก าลงท าการตดตง

ภาพท ก-8 แสดงหนาตางโปรแกรมก าลงท าการตดตง

9. เสรจสนการตดตงโปรแกรม คลกทปมFinish

ภาพท ก-9 แสดงหนาตางโปรแกรมท าการตดตงเสรจเรยบรอย

106

ขนตอนการ IMPORT DATABASE

1.เปดBrowser พมพ IP Addressไปท http://localhost/

ภาพท ก-10 แสดงหนาตางAppServ Open Project

2.คลกทปม phpMyAdmin Database Manager Version 2.10.3

2.1 กรอก UserName / Password

2.2 กดปม OK

ภาพท ก-11 แสดงหนาตางโปรแกรมใหกรอก UserName / Password

107

3. ท าการสรางฐานขอมลโดยใสชอฐานขอมล แลวกดค าวา “สราง”

ภาพท ก-12 แสดงหนาตางphpMyAdmin

4.จะปรากฏหนาตาง phpMyAdmin คลกปม เพอคนหา Database ตองการ Import

ภาพท ก-13 แสดงหนาตางโปรแกรมเพอคนหา Database ทตองการ Import

108

5.เมอคลกปม เสรจแลว กท าการเลอกฐานขอมลทตองการ Import

โดยกดทปม เลอกฐานขอมลแลวท าการคลกทปม

ภาพท ก-14 แสดงหนาตางโปรแกรม Import Database

6. เมอคลกทปม แลวจะโชว Database ทท าการ Import ส าเรจ

ภาพท ก-15 แสดงหนาตาง Databas

109

ภาคผนวก ข.

Source Code

110

Source Code ชอ ConnectionDb.php

<?php

$objConnect = mysql_connect("localhost","root","1234") or die(mysql_error());

$objDB = mysql_select_db("db_chorpet");

mysql_query("SET NAMES utf8", $objConnect);

?>

Source Code ชอ data_rent.php

<?

include("include/connectionDb.php");

$sql = "select * from tbl_rent ";

$objQuery = mysql_query($strSQL);{

$rent_id =$objResult["rent_id "];

$rent_name = $objResult["rent_name"];

$rent_address = $objResult["rent_address"];

$rent_number = $objResult["rent_number"];

$rent_date = $objResult["rent_date"];

$rent_room = $objResult["rent_room"];

}

$objQuery = mysql_query($sql) or die(mysql_error());

$Num_Rows = mysql_num_rows($objQuery);

$x = 0;

while($objResult = mysql_fetch_array($objQuery)){

if($x%2==0)

111

{

$set_class = "bgcolor='#FFCC99' ";

}

else

{

$set_class = "bgcolor='#CCCC99' ";

}

$x++;

?>

<tr<?=$set_class?>>

<td align="center" <?=$set_class?>><?= $objResult["rent_name"]?></td>

<td align="center" <?=$set_class?>><?= $objResult["rent_address"]?></td>

<td align="center" <?=$set_class?>><?= $objResult["rent_number"]?></td>

<td align="center" <?=$set_class?>><?= $objResult["rent_date"]?></td>

<td align="center" <?=$set_class?>><?= $objResult["rent_room"]?></td>

<td <?=$set_class?>><center><a

href="delete_rent.php?x=<?=$objResult['rent_id'];?>"><img src="Images/b_droy.png"

width="16" height="16"/></a> </center></td>

</tr> <?

$i++;

}

mysql_close();

?>

112

Source Code ชอ data_jong.php

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<?


$name = $_POST["name"];

$tel = $_POST["tel"];

$email = $_POST["email"];

$date = $_POST["date"];

$sql = "insert into jong (j_name,j_tel ,j_email,j_date)

values(' $name','$tel','$email','$date')";

$result = mysql_query($sql) or die (mysql_error());

if($rs){

echo "<script language=javascript>alert('บนทกขอมลการจองเรยบรอย

แลว !!!')</script>";

}

else {

echo "insert.";

echo "<script language=javascript>alert('บนทกขอมลการจองเรยบรอย

แลว !!')</script>";

}

echo "<meta http-equiv='refresh' content='0; url=jong.php'>";

mysql_close();

?>

113

Source Code ชอ add_payment.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>


<title>Untitled Document</title>

</head>

<body>

<p>

<?

$pay =รอยนยนการจายช าระเงน;

//*** Insert Record ***//


$strSQL = "INSERT INTO tbl_payment";

$strSQL

.="(p_room,p_name,p_tel,p_date,p_time1,p_time2,p_number,p_detail,p_pay) VALUES

('".$_POST["textroom"]."','".$_POST["textname"]."',

'".$_POST["texttel"]."','".$_POST["dateInput"]."','".$_POST["time1"]."','".$_POST["time

2"]."','".$_POST["textnumber"]."','".$_POST["textdetail"]."','".$pay."')";

$objQuery = mysql_query($strSQL);

if($rs){

114

echo "<script language=javascript>alert('บนทกขอมลการจายช าระซอม

เรยบรอยแลว !!!')</script>";

}

else {

echo "insert.";

echo "<script language=javascript>alert('บนทกขอมลการจายช าระซอม


}

echo "<meta http-equiv='refresh' content='0; url=user_payment.php'>";

mysql_close();

?> </p>

</body>

</html>

Source Code ชอ Add_repair.php


<?


$textrepair = $_POST["textrepair"];

$textdetail = $_POST["textdetail"];

$textroom = $_POST["textroom"];

$date = $_POST["date"];

$sql = "insert into tbl_repair

(re_repair,re_detail,re_room,re_date) values ('$textrepair','$textdetail','$textroom',now())";

115

$rs = mysql_query($sql) or die (mysql_error());

if($rs){

echo "<script language=javascript>alert('บนทกขอมลการแจงซอม


}

else {

echo "error.";

echo "<script language=javascript>alert('error!!')</script>";

}

echo "<meta http-equiv='refresh' content='0; url=user_repair.php'>";

mysql_close();

?>

116

ภาคผนวก ค.

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

117

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

ประจ าภาคเรยนท 1/2555

วชา : 0904402 โครงงานเทคโนโลยสารสนเทศธรกจ 1 จ านวน 1 หนวยกต (0-2-0) ชอโครงงาน : ระบบบรหารจดการหอพก กรณศกษาหอพกชอเพชร จงหวดมหาสารคาม รายชอผศกษาโครงงาน : 1. ชอ-สกล นายธนภม แทงทอง รหสประจ าตว 52010913214 2. ชอ-สกล นายสมคร บนเทงใจ รหสประจ าตว 52010913568 อาจารยทปรกษาโครงงาน : อาจารยเพชรรตน พฒนเศรษฐานนท

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

กรรมการคนท 1

วนท ............/ ................/ ..............

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

กรรมการคนท 2

วนท ............/ ................/ ..............

118

1.1 ความเปนมาและความส าคญของปญหา หอพกชอเพชร ตงอยท 483 หม 1 ต าบลทาขอนยาง อ าเภอกนทรวชย จงหวดมหาสารคาม

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

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

119

1.2 วตถประสงค 1.2.1 เพอพฒนาระบบเวบไซตหอพกชอเพชรใหศกยภาพมากยงขน 1.2.2 เพออ านวยความสะดวกในการบรหารจดการสาธารณปโภค 1.2.3 เพออ านวยความสะดวกในการแจงซอมอปกรณ 1.2.4 จดทะเบยน Domain name และ เชา Hosting เปนระยะเวลา 1 ป

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

1.3.1 หนาเวบ ประกอบดวย ผเยยมชมทวไป - สามารถแสดงความคดเหนในกระดานถาม-ตอบได - สามารถเขาดขาวประชาสมพนธของหอพกได - สามารถสมครสมาชกได - สามารถเขาดภาพถายสถานทตงของหอพกได - สามารถเขาดลกษณะของหอพกได - สามารถเขาระบบจองหอพกออนไลนได - สามารถเขาดกฎระเบยบของหอพกได

สมาชก - สามารถแกไขขอมลสมาชกได - สามารถแจงยายหองพกได - สามารถแจงคนหองพกได - สามารถแจงช าระเงนคาหองพกได - สามารถแจงซอมอปกรณได - สามารถดคาหองพกได

120

1.3.2 สวนหลงราน ผดแลระบบ

ระบบจดการสมาชก - สามารถ เพม ลบ แกไขขอมลสมาชกได - สามารถแสดงขอมลของสมาชกได ระบบจองหอพก - สามารถ ลบ ขอมลการจองหอพกได - สามารถเรยกดขอมลการจองหอพกของสมาชกได - สามารถแสดงรายละเอยดการจองหอพกของสมาชกได ระบบแจงคนหองพก - สามารถ ลบ ขอมลการแจงคนหองพก - สามารถบนทก ขอมลแจงคนหองพกได ระบบจดการขอมลหอพก - สามารถแสดงขอมลตางๆของหอพกได - สามารถ เพม ขอมลคาน าคาไฟได - สามารถบนทก ขอมลคาน าคาไฟได - สามารถดขอมลรปภาพของหอพกได ระบบจดการกระดานถามตอบ - สามารถ ลบ ขอมลกระดานถามตอบได - สามารถบนทก ขอมลกระดานถามตอบได ระบบจดท ารายงาน

-สามารถ เพม ลบ แกไข บนทก ขอมลของหอพกได -สามารถแสดงขอมลและจดท ารายงานได

121

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

1.4.1.1 เครองคอมพวเตอร 1.4.1.2 หนวยความจ าหลก (RAM) 2 GB 1.4.1.3 หนวยความจ ารอง (Hard disk) 250 GB 1.4.1.4 CPU Intel Core i3

1.4.2 ซอฟแวร 1.4.2.1 Adobe Dreamweaver CS5 ส าหรบเขยนค าสงและออกแบบเวบไซต 1.4.2.2 PHP5 เปนภาษาทใชในการเขยนค าสง 1.4.2.3 Appserv 2.5.8 เปนโปรแกรมทประกอบไปดวยโปรแกรมยอยๆ 4

1.4.2.3.1 Apache Web Server เวอรชน 2.2.4 ใชเปนเวบเซรฟเวอร 1.4.2.3.2 MySQL Database เวอรชน 5.0.27 ใชเปนฐานขอมล 1.4.2.3.3 PHP Script Language เวอรชน 5.2.1 เปนภาษาใชในการเขยน 1.4.2.3.4 phpMyAdmin Database Manager เวอรชน 2.9.2 ใชจดการ

ขอมล 1.4.2.4 Microsoft Internet Explorer 9 ใชส าหรบการทดสอบโปรแกรม

1.4.2.5 Adobe Photoshop CS5 ใชในการตกแตงรปภาพ

1.5 ขนตอนในการด าเนนงาน 1.5.1 น าเสนอหวขอตออาจารยทปรกษา 1.5.2 ศกษาและเกบรวบรวมขอมล 1.5.3 วเคราะหและออกแบบระบบงาน 1.5.4 พฒนาระบบ 1.5.5 ทดสอบและปรบปรงระบบ 1.5.6 น าเสนอผลงานตอคณะกรรมการ 1.5.7 จดท าคมอการใชงาน

122

1.6 ตารางการด าเนนงาน

กจกรรม

พ.ศ. 2555/2556 ม.ย. ก.ค. ส.ค. ก.ย. ต.ค. พ.ย. ธ.ค. ม.ค. ก.พ.

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

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

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

พฒนาระบบ

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

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

จดท าคมอการใชงาน

1.7 ผลทคาดวาจะไดรบ 1.7.1 ชวยท าใหใชประโยชนของคอมพวเตอรและอนเตอรเนตไดอยางสรางสรรค 1.7.2 ชวยใหระบบมประสทธภาพและประสทธผลในการน าระบบสารสนเทศมาใชในการ

บรหารจดการ 1.7.3 ชวยลดขนตอนการท างานจากการเขยนมาเปนการลงบนทกขอมลลงเครอง

คอมพวเตอร 1.7.4 ชวยใหจดเกบขอมลเปนระเบยบ รวดเรวและถกตองแมนย ายงขน

123

ภาคผนวก ง.

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

124

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

ชอเรอง ระบบบรหารจดการหอพกชอเพชร อ าเภอกนทรวชย จงหวดมหาสารคาม

ผศกษา 1.นายธนภม แทงทอง รหสประจ าตว 52010913214 BC521

2.นายสมคร บรรเทงใจ รหสประจ าตว 52010913568 BC521

ทปรกษา อาจารยเพชรรตน พฒนเศรษฐานนท

วน เดอน ป รายงานความคบหนา/การใหค าปรกษา ลายมอชอทปรกษา 12 ธนวาคม 2555 สงความคบหนา Project 2 (ระบบสมาชก) 22 ธนวาคม 2555 สงความคบหนา Project 2 (ระบบหนาราน) 10 ธนวาคม 2555 สงความคบหนา Project 2 (ระบบหลงราน) 25 มกราคม 2556 สงความคบหนา Project 2 (ระบบออกรายงาน) 25 กมภาพนธ 2556 สงความคบหนา Project 2 (เกบรายละเอยด)

Documents

ภาคผนวก - Mahasarakham University4).pdf104 6. ช อง Server Name ให ใส localhost และ กรอกemail ผ ใช แล วกด Next ภาพท