ภาคผนวก - bc.msu.ac.th20).pdf · 82 2. ท...

79

ภาคผนวก

บท

80

ภาคผนวก ก

วิธีการติดต้ังโปรแกรม AppServ 2.5.8

81

โปรแกรม AppServ

โปรแกรม AppServ เป็นโปรแกรมที่รวบรวมโปรแกรม Open Source Software หลายๆ อย่างเข้าด้วยกัน โดยภายในโปรแกรม AppServ ประกอบด้วยโปรแกรมต่างๆ ดังนี้

1. Apache Web Server เวอร์ชั่น 2.2.4 เป็นโปรแกรมส าหรับใช้ในการท าเว็บเซิร์ฟเวอร์ 2. PHP เวอร์ชั่น 5.2.1 เป็นโปรแกรมภาษา PHP 3. MySQL Database เวอร์ชั่น 5.0.27 เป็นโปรแกรมฐานข้อมูล MySQL 4. phpMyAdmin Database Manager เวอร์ชั่น 2.9.2 เป็นโปรแกรมช่วยในการจัดการ

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

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

http://www.appservnetwork.com/thai/index.php

82

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

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

83

4. แสดงข้อความเงื่อนไขการติดต้ังโปรแกรม AppServ ให้คลิกปุ่ม

5. คุณต้องการลงโปรแกรมไว้ Folder ใด เลือกเสร็จก็ท าการคลิกปุ่ม

6. แสดงโปรแกรมให้เลือกลงในที่นี่เลือกทั้งหมดแล้วก็คลิกปุ่ม

84

7. แสดงหน้าใส่ข้อมูลเพื่อท าการติดต่อ localhost และอีเมล์ แล้วคลิกปุ่ม

8. แสดงหน้าใส่ password ก็ท าการกรอกเสร็จจึงคลิกปุ่ม

85

9. แสดงหน้าการ Install ก็รอจนกว่าจะรันเสร็จ

86

10. หลังจากรันเสร็จจะขึ้นหน้าฟอร์มมาแล้วก็ท าการคลิกปุ่ม เป็นอันเสร็จสิ้นการลงโปรแกรม แล้วก็เข้า URL = 127.0.0.1 เพื่อเปิดใช้งาน

87

ภาคผนวก ข

SOURCE CODE

88

Source code ชื่อ admin <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-874" /> <title>สื่อการเรียนการสอนการประกอบคอมพิวเตอร์</title> <script language="javascript" src="checkform.js"></script> <style type="text/css"> <!-- .style3 { color: #0000FF; font-weight: bold; font-size: 16px; } .style7 { font-size: 18px; color: #FF0000; font-weight: bold; } .style8 { font-size: 18px } .style10 {color: #FF0000} .style11 {color: #0000FF; font-weight: bold; font-size: 24px; } .style12 {font-size: 16} .style13 {color: #0000FF; font-weight: bold; font-size: 16; }

89

--> </style> </head> <body> <form action="login_admin.php" method="post" enctype="multipart/form-data" name="frmAdmin" id="frmAdmin" onsubmit="return chk_Admin();"> <table width="1154" border="1" align="center"> <tr> <td width="1146"><img src="images/back_01.gif" width="1148"/></td> </tr> </table> <table width="1155" border="1" align="center"> <tr> <td height="26" bgcolor="#99FF99"> <div align="center" class="style11">เข้าสู่ระบบ admin</div></td> </tr> <tr> <td height="33" bgcolor="#99FF99"><div align="center"></div></td> </tr> </table> <table width="1155" border="1" align="center"> <tr> <td width="492" bgcolor="#CCFFFF"><div align="right" class="style3 style12">Admin: </div></td> <td width="151" bgcolor="#CCFFFF"><label> <input name="inUsername" type="text" id="inUsername" value="" size="24.20" /> <div align="center"></div>

90

</label></td> <td width="492" bgcolor="#CCFFFF"><div align="left" class="style8"><strong><span class="style10">*</span></strong></div></td> </tr> <tr> <td bgcolor="#CCFFFF"><div align="right" class="style13">Password: </div></td> <td bgcolor="#CCFFFF"><label> <input type="password" name="inPassword" id="inPassword" /> <div align="center"></div> </label></td> <td bgcolor="#CCFFFF"><div align="left" class="style7">*</div></td> </tr> <tr> <td bgcolor="#CCFFFF"><div align="center"></div></td> <td bgcolor="#CCFFFF"><div align="center"> <input type="submit" name="login" id="login" value="เข้าสู่ระบบ" /> </div></td> <td bgcolor="#CCFFFF"><div align="center"></div></td> </tr> <tr> <td height="33" bgcolor="#CCFFFF"><div align="center"></div></td> <td bgcolor="#CCFFFF"><label> <div align="center"></div> </label></td> <td bgcolor="#CCFFFF"><div align="center"></div></td> </tr> <tr> <td height="33" bgcolor="#99FF99"><div align="center"></div></td> <td bgcolor="#99FF99"><div align="center"></div></td>

91

<td bgcolor="#99FF99"><div align="center"></div></td> </tr> </table> <table width="1156" border="1" align="center"> <tr> <td height="33" bgcolor="#99FF99"> </td> </tr> </table> <p> </p> <p> </p> <p> </p> </form> </body> </html> Source code ชื่อ login <? session_start(); ?> <? include("config.php"); $result=mysql_query("SELECT * FROM member WHERE mem_username='$inUser' AND mem_password='$inPass' ")or die(mysql_error()); $data=mysql_fetch_array($result); $sm=$data[mem_username]; $NRow=mysql_num_rows($result);

92

if($NRow==0){ //echo"เข้าสู่ระบบไม่ถูกต้อง"; echo "<meta http-equiv=refresh content=0;URL=alert_member.php>"; exit; } else {session_register("sm"); // echo"ยินดีต้อนรับคุณ $_SESSION[sm] "; echo "<meta http-equiv=refresh content=0;URL=index.php>"; } ?> Source code ชื่อ insert_show_detail <? include("chk_login_admin.php"); include("config.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> <meta http-equiv="Content-Type" content="text/html; charset=windows-874" /> <link href="style.css" rel="stylesheet" type="text/css" /> <title>เพิ่มข้อมูลกระดานถาม-ตอบ</title> </head>

93

<body> <p> <? include("top_admin.php"); ?> </p> <p><a href="add_question.php">ตั้งค าถามใหม่</a></p> <p> <? include("config.php") ; $sql = "SELECT * FROM q_webboard WHERE q_id=$_GET[q_id]" ; $result= mysql_query($sql) ; $data = mysql_fetch_array($result) ; ?> </p> <table width="499" border="1" cellspacing="1" cellpadding="4"> <tr> <th height="40" bgcolor="#C7E2E2"><< <?=$data[q_question];?> >></th> </tr> <tr> <td><b>ชื่อผู้ถาม</b> : <?=$data[q_name];?> <b>วันท่ี</b> : <?=$data[q_date];?> </td> </tr> </table>

94

<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];?> <b>วันท่ี</b> : <?=$data2[a_date];?></td> </tr> </table> <br /> <? } ?> <form id="form3" name="form1" method="post" action="<?=$PHP_SELF;?>?q_id=<?=$data[q_id];?>"> <table width="400" border="0" cellspacing="1" cellpadding="1"> <tr> <td>ค าตอบ</td> <td><textarea name="panswer" cols="40" rows="4" id="panswer"></textarea></td> </tr>

95

<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>" ; } ?> <p> </p> </body> </html>

96

Source code ชื่อ about_us <? session_start(); ?> <? include("config.php"); ?> <? include("top.php"); ?> <div id="apDiv4" style="position:absolute; left:254px; top:236px; width:643px; height:822px; z-index:4;"> <form id="form4" name="form4" method="post" action=""> <p align="left" style="font-weight: bold; font-style: italic; color: #990000"> <strong> </strong> การประกอบคอมพิวเตอร์ และติดตั้งระบบปฏิบัติการ (<span id="result_box2"><span title="การประกอบคอมพิวเตอร์" closure_hashcode_36w1lr="25">Computer operations. </span><span title="และติดตั้งระบบปฏิบัติการ" closure_hashcode_36w1lr="26">And install the operating system</span></span>)</p> <strong> </strong> <span style="font-weight: bold; color: #993333; font-size: 14px"> วัตถุประสงค์ </p> </span> <p style="color: #993333; font-size: 12px">1.เพื่อให้ทราบถึงแนวทางการเลือกซื้อเครื่อง

97

คอมพิวเตอร์ <br /> 2.เพื่อให้รู้จักกับอุปกรณ์คอมพิวเตอร์ต่าง ๆ ส าหรับการประกอบเครื่อง <br /> 3.เพื่อให้ทราบถึงวิธีการประกอบเครื่องคอมพิวเตอร์อย่างเป็นข้ันตอน <br /> 4.เพื่อให้ทราบถึงแนวทางการแก้ไขปัญหาเบื้องต้นหลังการประกอบเครื่อง </p> <p align="left" style="color: #993300"><span class="style21" style="color: #0033CC"> </span><strong><strong> </strong><span style="color: #0033FF"> <span style="font-style: italic; color: #0033CC">1. ประวัติคอมพิวเตอร์ </span></span></strong><span style="font-style: italic; color: #0033CC"><strong>(Computer history)</strong></span><br /> แรกเร่ิมมนุษย์ด าเนินชีวติโดยไม่มีการบันทึกส่ิงใด มาจนกระท่ังได้มีการตดิตอ่คา้ขายของพ่อค้าชาวแบบีลอน(Babylonian) การจดบันทึกข้อมูลต่างๆ ลงบน clay tabletsจึงได้ถือก าเนิดข้ึน และอุปกรณ์ที่ช่วยในการค านวนระหว่างการติดต่อซื้อขายก็ได้ถือก าเนิดข้ึนเช่นกัน อุปกรณ์ค านวณในยุคแรกได้แก่ ลูกคิด(abacus)ซึ่งก็ยังคงใช้กันต่อๆ มาจนถึงปัจจุบัน <br /> <strong> <strong> </strong> <span style="color: #0033CC"> <span style="font-style: italic">2. ส่วนประกอบเครื่องคอมพิวเตอร์ </span></span></strong><span style="font-style: italic; color: #0033CC"><strong>(Computer components)</strong></span><br /> - ระบบของเครื่องคอมพิวเตอร์(Computer system)<br /> - ส่วนประกอบเครื่องคอมพิวเตอร์(Computer components)<br /> - การเลือกส่วนประกอบเครื่องคอมพิวเตอร์(Selected computer components)<br /> - คุณสมบัติของเครื่องคอมพิวเตอร์(Features of the computer)<br /> <strong><strong> </strong> <span style="font-style: italic; color: #0033CC">3. อุปกรณ์ที่ใช้ในการประกอบเครื่องคอมพิวเตอร์</span></strong><span style="font-style: italic; color: #0033CC"><strong>(Equipment used in the operation of the computer)</strong></span>ในการที่ผู้ใช้เลือกซื้ออุปกรณ์คอมพิวเตอร์เพื่อมาประกอบเป็นเครื่องคอมพิวเตอร์น้ัน จะท าให้ผู้ ใช้ได้เลือกอุปกรณ์ที่ตรงกับความต้องการในการใช้งานมาก แต่ผู้ใช้จะต้องมีความรู้และความเข้าใจใน การที่จะประกอบชิ้นส่วนท่ีซื้อมา เพื่อให้ได้อุปกรณ์ที่มีคุณภาพในการประมวลผลข้อมูลในการประกอบ เครื่องคอมพิวเตอร์ในปัจจุบันเป็นเร่ืองง่าย และไม่ได้ยากเลยในการท่ีจะประกอบเครื่องคอมพิวเตอร์ และขั้นตอนในการท่ีจะ

98

ประกอบนั้น สามารถท าได้ง่ายหากแต่ผู้ใช้ท าการศึกษาและปฏิบัติตามขั้นตอน ในการประกอบ <br /> <strong><strong> </strong> <span style="font-style: italic; color: #0033CC"> 4. การประกอบคอมพิวเตอร์</span></span></strong><span style="font-style: italic; color: #0033CC"><strong> (</strong><strong>Computer operations<strong>)</strong></span><br /> การประกอบคอมพวิเตอร์ด้วยตวัเองถา้เป็นสมัยกอ่นกต็อ้งถอืวา่เป็นเร่ืองท่ีคอ่นข้างยากพอสมควร เพราะไม่มีการสอนกันอย่างแพร่หลายเช่นในปัจจุบัน ในสมัยแรกๆ ที่ผมลองท าดูนั้นมันดูน่ากลัวมาก เพราะว่าชิ้นส่วนแต่ละช้ินก็ไม่ใช่ว่าถูกๆ แต่ก็ลองๆ ท าไปโดยท่ีไม่มีหนังสือหรือใครมาสอนอย่างจริงจัง <br /> <strong><strong> </strong> <span style="font-style: italic; color: #0033CC">5 ความรู้เบื้องต้นเกี่ยวกับ </span></strong><span style="font-style: italic; color: #0033CC"><strong>BIOS (Basic knowledge about the BIOS) </strong></span>คืออะไร และมีผลอะไรกับคอมพิวเตอร์ ไม่มีได้หรือเปล่า อืม และค าถามต่างๆ นานา ที่ถามมาจากมือใหม่ ผมก็ตอบไปด้วยความยินดีทุกๆ ท่าน และดีใจที่ทุกๆ ท่านเห็นเราเหมือนกับเพื่อนคนหนึ่งท่ีคอยช่วยเหลือยามเรามีปัญหา <br /> <strong><strong> </strong> <span style="font-style: italic; color: #0033CC">6.การแบ่ง </span></strong><span style="font-style: italic; color: #0033CC"><strong>Parttion ให้กับฮาร์ดดิสก์ (Split Parttion to disk)</strong> </span>การแบ่งพื้นที่ของฮาร์ดดิส (HardDisk) ก็เป็นไดร์ฟ (Drive) ต่าง ๆ ตั้งแต่ C ไปได้เรื่อย ๆ ตามจ านวนเนื้อที่ของฮาร์ดดิสก์ที่มีอยู่เพื่อจัดสรรพื้นที่เก็บข้อมูลให้ได้คุ้มค่าและมากที่สุด<br /> <strong><strong> </strong><span style="font-style: italic; color: #0033CC; font-weight: bold">7.การติดตั้งโปรแกรมปฏิบัติการ (Installation operations)</span> หมายถึงโปรแกรม ที่ท าหน้าที่ในการจัดการระบบ เพื่อติดต่อระหว่าง ฮาร์ดแวร์กับกับซอฟต์แวร์ ประเภทต่าง ๆ ให้สะดวกมากขึ้น เปรียบเสมือนเป็นตัวกลาง คอยจัดการระบบคอมพิวเตอร์ ระหว่างโปรแกรมกับฮาร์ดแวร์คอมพิวเตอร์</p> <p align="left"> </p> </form>

99

</div> <table width="646" height="717" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="497" height="696" class="pageName"> </td> </tr> <tr> <td class="bodyText"><p> </p> </td> </tr> </table> <br /> <br /> </td> <td width="50"><img src="mm_spacer.gif" alt="" width="50" height="1" border="0" /></td> <td width="190" valign="top"><div id="apDiv6" style="position:absolute; left:1018px; top:196px; width:161px; height:52px; z-index:6;"> <form id="form2" name="form2" method="post" action=""> <span class="smallText"><? echo " $title"?></span> <span class="smallText"> <? include("login_session.php"); ?> </span> </form> </div> <br /> <br /> <table border="0" cellspacing="0" cellpadding="0" width="190" id="leftcol">

100

<tr> <td width="10"> </td> <td width="170" class="smallText"><br /> <p><br /> </p> </td> <td width="10"> </td> </tr> </table> </td> <td width="100%"> </td> </tr> <tr> <td width="165"> </td> <td width="50"> </td> <td width="167"> </td> <td width="138"> </td> <td width="50"> </td> <td width="190"> </td> <td width="100%"> </td> </tr> </table> </body> </html>

101

Source code ชื่อ add_question <? session_start(); ?> <? include("chk_login_admin.php"); include("config.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> <meta http-equiv="Content-Type" content="text/html; charset=windows-874" /> <title>ตั้ค าถามใหม่</title> </head> <body> <p> <strong> <? include ("top_admin.php"); ?> </strong></p> <p><strong><strong>ค าถาม</strong></strong></p> <form id="form1" name="form1" method="post" action=""> <table width="400" border="0" cellspacing="1" cellpadding="1"> <tr>

102

<td height="88">ค าถาม</td> <td><textarea name="pquestion" cols="40" rows="6" id="pquestion"></textarea></td> </tr> <tr> <td width="85">ชื่อผู้ถาม</td> <td width="308"><input name="pname" type="text" id="pname" /></td> </tr> <tr> <td> </td> <td><input type="submit" name="Submit" value=" บันทึก " /> <input type="reset" name="Submit2" value=" ยกเลิก " /></td> </tr> </table> </form> <p><span class="content"> <? include("config.php") ; if (isset($_POST[Submit])) { $sql = "INSERT INTO q_webboard VALUES('', '$_POST[pquestion]', '$_POST[pname]', NOW() ) "; $result = mysql_query($sql) or die ("เพิ่มข้อมูลไม่ได้"); echo "บันทึกข้อมูลเรียบร้อยแล้ว"; echo "<meta http-equiv=refresh content=1;URL=index_webboard_std.php>"; } ?> </span> </p>

103

</body> </html> Source code ชื่อ add_question_std <? include("config.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> <meta http-equiv="Content-Type" content="text/html; charset=windows-874" /> <title>ตั้ค าถามใหม่</title> </head> <body> <p> <strong> <? include("top_db.php"); ?> </strong></p> <p><strong><strong>ค าถาม</strong></strong></p> <form id="form1" name="form1" method="post" action=""> <table width="400" border="0" cellspacing="1" cellpadding="1"> <tr>

104

<td height="88">ค าถาม</td> <td><textarea name="pquestion" cols="40" rows="6" id="pquestion"></textarea></td> </tr> <tr> <td width="85">ชื่อผู้ถาม</td> <td width="308"><input name="pname" type="text" id="pname" /></td> </tr> <tr> <td> </td> <td><input type="submit" name="Submit" value=" บันทึก " /> <input type="reset" name="Submit2" value=" ยกเลิก " /></td> </tr> </table> </form> <p><span class="content"> <? include("config.php") ; if (isset($_POST[Submit])) { $sql = "INSERT INTO q_webboard VALUES('', '$_POST[pquestion]', '$_POST[pname]', NOW() ) "; $result = mysql_query($sql) or die ("เพิ่มข้อมูลไม่ได้"); echo "บันทึกข้อมูลเรียบร้อยแล้ว"; echo "<meta http-equiv=refresh content=1;URL=index_webboard_std.php>"; } ?> </span> </p> </body> </html>

105

Source code ชื่อ alert_member <? session_start(); ?> <? include("config.php"); ?> <? echo "<meta http-equiv='refresh' content='2;URL =index.php'>"; ?> <? include("top.php"); ?> <div id="apDiv4" style="position:absolute; left:268px; top:274px; width:434px; height:312px; z-index:4;"> <form id="form4" name="form4" method="post" action="login.php"> <div align="center" style="color: #FF0000; font-weight: bold; font-size: 16px">..คุณเข้าสู่ระบบไม่ถูกต้อง..</span> </div> <p><br /> </p> </blockquote> <form name="frmReg" method="post" action="member.php"> <table width="476" height="196" border="0" align="center" cellpadding="1" cellspacing="1">

106

<tr> <td width="111"> </td> <td width="358"> </td> </tr> <tr> <td> </td> <td> </td> </tr> </table> </form> </div> <script language="javascript"> function chk_accept(){ if(document.frmReg.chkAccept.checked==true){ document.frmReg.cmdOK.disabled=false;//เนƒ เธซเน‰ เนƒ เธŠ เน‰ เธ‡ เธฒเธ™ เน„ เธ”เน‰ }else{ document.frmReg.cmdOK.disabled=true;//เนƒ เธซเน‰ เนƒ เธŠ เน‰ เธ‡ เธฒเธ™ เน„ เธกเนˆ เน„ เธ”เน‰ } }//end function </script> <script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script> <script language="javascript" src="checkform.js"></script> <table width="467" height="464" border="0" cellpadding="0" cellspacing="0">

107

<tr> <td width="499" height="444" class="pageName"> </td> </tr> <tr> <td class="bodyText"> </td> </tr> </table> ย <br /> <br /> </td> <td width="50"><img src="mm_spacer.gif" alt="" width="50" height="1" border="0" /></td> <td width="190" valign="top"><br /> <? echo " $title"?> <br /> <table border="0" cellspacing="0" cellpadding="0" width="190" id="leftcol"> <tr> <td width="10"><img src="mm_spacer.gif" alt="" width="10" height="1" border="0" /></td> <td width="170" class="smallText"><br /> <p> <? include("login_session.php"); ?> <br /> </p> </td> <td width="10"> </td> </tr> </table> </td>

108

<td width="100%"> </td> </tr> <tr> <td width="165"> </td> <td width="50"> </td> <td width="167"> </td> <td width="138"> </td> <td width="50"> </td> <td width="190"> </td> <td width="100%"> </td> </tr> </table> <script type="text/javascript">  </script></body> </html>

109

Source code ชื่อ dbms <? session_start(); if(!session_is_registered("sm")){ echo"<meta http-equiv=refresh content=0;url=alert.php />"; exit(); } ?> <? //include("chk_login_member.php"); include("config.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>สื่อการเรียนการสอนการประกอบคอมพิวเตอร์และติดตั้งระบบปฏิบัติการ</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-874" /> <link rel="stylesheet" href="mm_health_nutr.css" type="text/css" /> <script language="JavaScript" type="text/javascript"> //--------------- LOCALIZEABLE GLOBALS --------------- var d=new Date(); var monthname=new Array("January","February","March","April","May","June","July","August","September","October","November","December");

110

//Ensure correct for language. English is "January 1, 2004" var TODAY = monthname[d.getMonth()] + " " + d.getDate() + ", " + d.getFullYear(); //--------------- END LOCALIZEABLE --------------- </script> <style type="text/css"> <!-- #apDiv1 { position:absolute; left:981px; top:4px; width:128px; height:136px; z-index:1; } #apDiv2 { position:absolute; left:478px; top:16px; width:267px; height:46px; z-index:2; } .style4 { color: #996600; font-size: 10px; } .style5 { color: #336600 }

111

#apDiv3 { position:absolute; left:520px; top:59px; width:190px; height:41px; z-index:3; } .style7 {color: #996600; font-size: 14px; } .style8 {font-size: 10px} .style9 {font-size: 9px} #apDiv4 { position:absolute; left:208px; top:192px; width:665px; height:272px; z-index:4; } #apDiv5 { position:absolute; left:1011px; top:193px; width:208px; height:76px; z-index:5; } --> </style>

112

<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script> </head> <body bgcolor="#F4FFE4"> <div id="apDiv1"> <form id="form1" name="form1" method="post" action=""> <label></label> <input type="image" name="imageField" id="imageField" src="images/2.jpg" /> </form> </div> <div id="apDiv2"> <form action="" method="post" name="form2" class="quote style5" id="form2"> การประกอบคอมพิวเตอร์ </form> </div> <div id="apDiv3"> <form id="form3" name="form3" method="post" action=""> <span class="style7">ติดตั้งระบบปฏิบัติการ</span> </form> </div> <div id="apDiv4"> <script type="text/javascript"> AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','800','height','600','src','index','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','index' ); //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,

113

28,0" width="800" height="600"> <param name="movie" value="index.swf" /> <param name="quality" value="high" /> <embed src="index.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="800" height="600"></embed> </object> </noscript></div> <div id="apDiv6" style="position:absolute; left:1018px; top:196px; width:161px; height:52px; z-index:6;"> <form id="form4" name="form2" method="post" action=""> <span class="smallText"><? echo " $title"?></span> <span class="smallText"> <? include("login_session.php"); ?> </span> </form> </div> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr bgcolor="#D5EDB3"> <td width="382" colspan="3" rowspan="2"><img src="images/ban.jpg" alt="Header image" width="450" height="165" border="0" /></td> <td width="378" height="144" colspan="3" align="center" valign="bottom" nowrap="nowrap" class="style4" id="logo"> </td> <td width="100%"> </td> </tr> <tr bgcolor="#D5EDB3"> <td height="19" colspan="3" id="tagline" valign="top" align="center"> </td>

114

<td width="100%"> </td> </tr> <tr> <td height="2" colspan="7" bgcolor="#5C743D"><img src="mm_spacer.gif" alt="" width="1" height="2" border="0" /></td> </tr> <tr> <td colspan="7" bgcolor="#99CC66" background="mm_dashed_line.gif"><img src="mm_dashed_line.gif" alt="line decor" width="4" height="3" border="0" /></td> </tr> <tr bgcolor="#99CC66"> <td colspan="7" id="dateformat" height="10"> <script language="JavaScript" type="text/javascript"> // document.write(TODAY); </script> </td> </tr> <tr> <td colspan="7" bgcolor="#99CC66" background="mm_dashed_line.gif"><img src="mm_dashed_line.gif" alt="line decor" width="4" height="3" border="0" /></td> </tr> <tr> <td colspan="7" bgcolor="#5C743D"><img src="mm_spacer.gif" alt="" width="1" height="2" border="0" /></td> </tr> <tr>

115

<td width="160" valign="top" bgcolor="#5C743D"> <table border="0" cellspacing="0" cellpadding="0" width="160" id="navigation"> <tr> <td width="160"><br /> <br /></td> </tr> <tr> <td width="160"><a href="index.php" class="navText style8">หน้าแรก</a></td> </tr> <tr> <td width="160"><a href="about_us.php" class="navText style8">เกี่ยวกับเรา</a></td> </tr> <tr> <td width="160"><a href="register.php" class="navText style8">สมัครสมาชิก</a></td> </tr> <tr> <td width="160"><a href="index_webboard.php"class="navText style8">กระดานถาม-ตอบ</a></td> </tr> <tr> <td width="160"><a href="dbms.php" class="navText style8">บทเรียน</a></td> </tr> <tr> <td width="160"><a href="resume.php" class="navText style8">ติดต่อเรา</a></td> </tr> <tr> <td width="160"><a href="admin.php" class="navText style8">ส าหรับผู้ดูแลระบบ</a></td> </tr>

116

</table> <br /> <br /> <br /> <br /> </td> <td width="50"><img src="mm_spacer.gif" alt="" width="50" height="1" border="0" /></td> <td width="305" colspan="2" valign="top"><img src="mm_spacer.gif" alt="" width="305" height="1" border="0" /><br /> <br /> <br /> <body> </body> </html> Source code ชื่อ dbmss <? session_start(); if(!session_is_registered("sm")){ echo"<meta http-equiv=refresh content=0;url=alert.php />"; exit(); } ?>

117

<? include("top_db.php"); ?> <div id="apDiv5" style="position:absolute; left:905px; top:200px; width:239px; height:70px; z-index:5;"> <form id="form5" name="form5" method="post" action="login.php"> <p><? echo " $title"?></p> <p> <? include("login_session.php"); ?> </p> </form> </div> <br /></td> <td width="50"> </td> <td width="190" valign="top"><br /> <br /></td> <td width="100%"> </td> </tr> <tr> <td width="165"> </td> <td width="50"> </td> <td width="167"> </td> <td width="138"> </td> <td width="50"> </td> <td width="190"> </td> <td width="100%"> </td>

118

</tr> </table> </body> </html> Source code ชื่อ insert_show_detail <? include("config.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> <meta http-equiv="Content-Type" content="text/html; charset=windows-874" /> <link href="style.css" rel="stylesheet" type="text/css" /> <title>เพิ่มข้อมูลกระดานถาม-ตอบ</title> </head> <body> <p> <? include("top_db.php"); ?> </p> <p><a href="add_question_std.php">ตั้งค าถามใหม่</a></p> <p> <?

119

include("config.php") ; $sql = "SELECT * FROM q_webboard WHERE q_id=$_GET[q_id]" ; $result= mysql_query($sql) ; $data = mysql_fetch_array($result) ; ?> </p> <table width="499" border="1" cellspacing="1" cellpadding="4"> <tr> <th height="40" bgcolor="#C7E2E2"><< <?=$data[q_question];?> >></th> </tr> <tr> <td><b>ชื่อผู้ถาม</b> : <?=$data[q_name];?> <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;?>

120

<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];?> <b>วันท่ี</b> : <?=$data2[a_date];?></td> </tr> </table> <br /> <? } ?> <form id="form3" name="form1" method="post" action="<?=$PHP_SELF;?>?q_id=<?=$data[q_id];?>"> <table width="400" border="0" cellspacing="1" cellpadding="1"> <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>

121

</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>" ; } ?> <p> </p> </body> </html>

122

ภาคผนวก ค บทน าเสนอโครงการเทคโนโลยีสารสนเทศ

123

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

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

1. ชื่อ-สกุล นายรัฐชัย แย้มแก้ว รหัสประจ าตัว 51010970899 2. ชื่อ-สกุล นายวิทยา ชินฮาต รหัสประจ าตัว 51010970902

อาจารย์ท่ีปรึกษาโครงงาน : อาจารย์ เลอศักดิ์ โพธิ์ทอง (....................................................) กรรมการที่ปรึกษา วันที่ ............/ ................/ ..............

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

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

1. ความเป็นมาและความส าคัญของปัญหา ในยุคที่เทคโนโลยีสารสนเทศ ( information technology) ได้รับการพัฒนา ท าให้โลกก้าวเข้าสู่ยุคแห่งโลกาภิวัตน์ (globalization) หรือโลกไร้พรมแดน ซึ่งความเจริญก้าวหน้าของเทคโนโลยีสารสนเทศ ก่อให้เกิดการพัฒนาด้านการจัดระบบและเผยแพร่และเปลี่ยนข้อมูล ข่าวสารเพื่อให้สอดคล้องกับความต้องการของมนุษย์ เทคโนโลยีสารสนเทศจึงเป็นปัจจัยหนึ่งของการพัฒนาในทุกวงการและทุกวิชาชีพ โดยเฉพาะอย่างยิ่งมีอิทธิพลต่อวงการศึกษาอย่างเลี่ยงไม่ได้ โดยส่งผลกระทบถึงการศึกษาในทุกระดับตั้งแต่อนุบาลถึงระดับอุดมศึกษา (ศิริญรัตน์ ไชยศรีหา .2547) ปัจจุบันเทคโนโลยีสารสนเทศและอินเทอร์เน็ตเป็นสิ่งที่ก าลังเข้ามามีบทบาทเป็นอย่างมากในด้านการเรียนการสอนและการศึกษาค้นคว้าวิจัยในสถานศึกษา โดยระบบเทคโนโลยีสารสนเทศและอินเทอร์เน็ตท าให้การติดต่อสื่อสารท าได้อย่างรวดเร็วและมีประสิทธิภาพสูง ช่วยให้ผู้เรียนสามารถค้นคว้าข้อมูลและความรู้จากแหล่งต่างๆ ที่มีอยู่ทั่วโลกได้อย่างรวดเร็วและทันต่อเหตุการณ์ เทคโนโลยีสารสนเทศและอินเทอร์เน็ตจึงถูกน ามาใช้ส าหรับการเรียนการสอนเป็นเทคโนโลยีที่ทันสมัย เช่น วีดีโอโปรเจคเตอร์ วีดีโอเทเลคอนเฟอเรนซ์ ระบบวิดีโอออนดีมานด์ ไฮเปอร์เท็กซ์ คอมพิวเตอร์และระบบอินเทอร์เน็ต เป็นต้น (ธวัชชัย อดิเทพสถิต. 2545 :18) 2. วัตถุประสงค์ของการศึกษา 1) เพื่อให้ผู้ที่ศึกษาสามารถประกอบคอมพิวเตอร์เองได้ 2) เพื่อให้ผู้ที่ศึกษาสามารถติดต้ังระบบปฏิบัติการเองได้ 3) เพื่ออ านวยความสะดวกในการศึกษาให้กับผู้ที่สนใจเกี่ยวกับการประกอบคอมพิวเตอร์และติดตั้งระบบปฏิบัติการ 1. ขอบเขตการด าเนินงาน ผู้ศึกษาได้ก าหนดขอบเขตการด าเนินงานและออกแบบเว็บไซต์ E - learning (สื่อการเรียนการสอน) ไว้ดังนี้ 1.1 ขอบเขตในส่วนของ E – learning มีทั้งหมด 7 บทดังนี้ บทท่ี 1 ประวัติคอมพิวเตอร์ ให้เป็นตัวการ์ตูน บทท่ี 2 ส่วนประกอบเคร่ืองคอมพิวเตอร์

บทท่ี 3 อุปกรณ์ที่ใช้ในการประกอบเคร่ืองคอมพิวเตอร์ บทท่ี 4 การประกอบคอมพิวเตอร์ บทท่ี 5 ความรู้เบื้องต้นเกี่ยวกับ BIOS บทท่ี 6 การจัดการกับฮาร์ดดิสก์ บทท่ี 7 การติดตั้งโปรแกรมปฏิบัติงาน แต่ละบทจะมีทั้งเนื้อหาที่เป็นตัวอักษรและมีเสียงประกอบบางบทจะมี VDO ประกอบ 1.2 ขอบเขตในส่วนของเว็บไซต์ ผู้ดูแลระบบ

- สามารถสร้าง Admin ได้หลายคน - สามารถเพิ่มข้อมูลได้ - สามารถลบข้อมูลสมาชิกได้ - สามารถแก้ไขข้อมูลสมาชิกได้

สมาชิก - สามารถสมัครสมาชิกได้ - สามารถ Login ได้ - สามารถ ตั้งกระทู้ถามตอบได้ - สามารถตอบค าถามในกระทู้ได้ - สามารถเปิดดูข้อมูลต่าง ต่างที่เกี่ยวข้องกับการประกอบคอมพิวเตอร์ได้ เช่น

1) เน้ือหาที่เป็นตัวหนังสือ 2) เน้ือหาที่เป็น flash 4. อุปกรณ์และเครื่องมือในการด าเนินงาน

1.4.1 ฮาร์ดแวร์ 1.4.1.1 เคร่ืองคอมพิวเตอร์จ านวน 1 เคร่ือง 1.4.1.2 CPU Pentiums 4 ตั้งแต่ 2.0 GHz ขึ้นไป 1.4.1.3 RAM ตั้งแต่ 256 MHz ขึ้นไป 1.4.1.4 เคร่ืองพิมพ์จ านวน 1 เคร่ือง 1.4.1.5 ชุดหูฟังพร้อมไมโครโฟน 1.4.1.6 เคร่ืองสแกนเนอร์จ านวน 1 เคร่ือง

1.4.2 ซอฟต์แวร์ 1.4.2.1 โปรแกรม Adobe Flash CS3 Professional 1.4.2.2 โปรแกรม Adobe Photoshop CS3 1.4.2.3 โปรแกรม Adobe Captivate 3 1.4.2.4 โปรแกรม Flash Jigsaw Producer 1.4.2.5 โปรแกรม Xilisoft 1.4.2.6 โปรแกรม Xara Webstyle 3.0 1.4.2.8 โปรแกรม Microsoft Word 2007 1.4.2.9 โปรแกรม Microsoft Access 2003, 2007

5. ขั้นตอนการด าเนินงาน

1.5.1 น าเสนอหัวข้อต่ออาจารย์ที่ปรึกษา 1.5.2 ศึกษาและเก็บรวบรวมข้อมูลที่จะน ามาใช้ในพัฒนาระบบ 1.5.3 วิเคราะห์ข้อมูล 1.5.4 ออกแบบระบบ 1.5.5 พัฒนาระบบ 1.5.6 ประเมิน สรุปผล 1.5.7 น าเสนอผลงานต่อคณะกรรมการ 1.5.8 จัดท าเอกสาร

6. ระยะเวลาในการด าเนินงาน ตารางท่ี 1-1 ตารางแสดงระยะเวลาในการด าเนินงาน

กิจกรรม เดือนพฤษภาคมถึงเดือนกันยายนพ.ศ. 2552

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

น าเสนอหัวข้อต่ออาจารย์ที่ปรึกษา

ศึกษาและเก็บรวบรวมข้อมูล

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

พัฒนาระบบ

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

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

จัดท าคู่มือ 7. ผลท่ีคาดว่าจะได้รับ 1) ผู้ที่ศึกษาสามารถประกอบคอมพิวเตอร์เองได้ 2) ผู้ที่ศึกษาสามารถติดต้ังระบบปฏิบัติการเองได้ 3) อ านวยความสะดวกให้กับผู้ศึกษาผ่านเว็บไซต์ได้ 4) สามารถเข้าค้นหาข้อมูลผ่านหน้าเว็บไซต์ได้

ภาคผนวก - bc.msu.ac.th20).pdf · 82 2. ท...

Documents