ภาคผนวก - bc.msu.ac.th329).pdf · win.xxx.exe เพื่อท...
TRANSCRIPT
76
ภาคผนวก
77
ภาคผนวก ก วธการตดตงโปรแกรมตางๆทเกยวของ
78
โปรแกรม AppServ
1. การตดตงโปรแกรม AppServ-win32-2.4.1 2. การตดตงโปรแกรม Adobe flash CS3 Professional 3. การตดตงโปรแกรม Adobe Dream weaver CS3
ขนตอนการตดตง โปรแกรม AppServ
1. ท าการดาวนโหลดตวตดตงไดท www.appservnetwork.com
79
2. ท าการตดตงโปรแกรมทดาวนโหลดมาโดยการ Double Click ทไอคอน appserv-win.xxx.exe เพอท าการตดตงโปรแกรม Apace Web Server, โปรแกรมภาษา PHP, โปรแกรม MySQL และโปรแกรม phpMyAdmin
3. แสดงขอความตนรบเขาสการตดตงโปรแกรม AppServ ใหคลกปม Next
80
2. การตดตงโปรแกรม Adobe flash CS3 Professional
1. เลอกขอมลตดตงจากแผน CD ทเปนไฟลชนด.exe
รปท ก-1 แสดงการเลอกขอมลจากแผน CD
2. ท าการตดตงโดยจะสงขอมลจากแผน CD มายงเครองคอมพวเตอร
รปท ก-2 แสดงการสงขอมลมายงเครอง
81
3. แสดงหนาตางขนมาแจงวาพรอมทจะตดตงโปรแกรมการใชงานใหเลอกAccept เพอยอมรบตามเงอนไข
รปท ก-3 แสดงเงอนไขการตดตง
4. ท าโปรแกรมทตองการในตระกล Adobe CS 3 ซงเราเลอกโปรแกรม Adobe Flash CS3
เพยงตวเดยว หากในเครองเรามโปรแกรมใดทตดตงไวแลวกจะแสดงใหทราบดานลาง
รปท ก-4 แสดงการเลอกตดตงโปรแกรม
82
5. เลอกไดรทตองการใหโปรแกรมทตดตง ในทนเลอกไดร C หลงจากนนกคลก next
รปท ก-5 แสดงการเลอกไดรในการเกบขอมล 6. แสดงรายละเอยดเกยวกบโปรแกรมทท าการตดตง
รปท ก-6 แสดงรายละเอยดเกยวกบโปรแกรมทท าการตดตง
83
7. กระบวนการสงขอมลมาตดตง ขนตอนนใชเวลานานเพราะตองรอใหครบกอนถงจะสามารถท าขนตอนสดทายได
รปท ก-7 แสดงการสงขอมล
8 แสดงรายงานการตดตงโปรแกรมทเลอกตงแตขางตน คลก Finish กถอวาเสรจสนการตดตงโปรแกรม หรอเราจะสงเกตดทเครองหมายถกดานซายมอ ถาแสดงครบกถอวาการตดตงสมบรณ
รปท ก-8 แสดงรายงานการตดตง
84
3. การตดตงโปรแกรม Adobe Dream weaver CS3 1. เลอกไดรทเกบขอมลโปรแกรม ในทนเกบไวท ไดร D
รปท ก-9 แสดงเลอกไดรทเกบขอมล 2. เลอกไฟลโปรแกรมทเปนไฟล .exe กจะแสดงการสงขอมล setup เพอใหเลอกการตดตง
ในขนตอนตอไป
รปท ก-10 แสดงการสงขอมล setup
85
3. แสดงหนาตางขนมาแจงวาพรอมทจะตดตงโปรแกรมการใชงานใหเลอกAccept เพอยอมรบตามเงอนไข
รปท ก-11 แสดงเงอนไขการตดตง
4. เลอกไดรทตองการใหโปรแกรมทตดตง ในทนเลอกไดร C หลงจากนนกคลก next
รปท ก-12 แสดงการเลอกไดรในการเกบขอมล
86
5. แสดงรายละเอยดเกยวกบโปรแกรมทท าการตดตง
รปท ก-13 แสดงรายละเอยดเกยวกบโปรแกรมทท าการตดตง
6. กระบวนการสงขอมลมาตดตง ขนตอนนใชเวลานานเพราะตองรอใหครบกอนถงจะสามารถท าขนตอนสดทายได
รปท ก-14 แสดงการสงขอมล
87
7. แสดงรายงานการตดตงโปรแกรมทเลอกตงแตขางตน คลก Finish กถอวาเสรจสนการตดตงโปรแกรม หรอเราจะสงเกตดทเครองหมายถกดานซายมอ ถาแสดงครบกถอวาการตดตงสมบรณ
รปท ก-15 แสดงรายงานการตดตง
88
ภาคผนวก ข Source code
89
Source Code ชอ config.inc.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=utf-8" /> <title>Untitled Document</title> </head> <body> <p><?php<br /> $admintitle="Administrator";<br /> $webtitle="E-Learning เกยวกบความรทวไปส าหรบเดกประถมศกษา";<br /> $footer="All contents Copyright © <a href='admin_login.php' style='text-decoration:none; color:#F00;'>Administrator</a> 2010 All right reserved.";<br /> function conn(){<br /> $host = "localhost"; <br /> $username = "root"; <br /> $password = "1234"; <br /> //$password = "kittipor"; <br /> //$password = "mi".'$'."dbo1"; <br /> $database = "firstaid";<br /> mysql_query("SET NAMES UTF8");<br /> mysql_connect ($host, $username, $password) OR DIE ("Could not connect to MySQL");<br /> mysql_select_db($database) OR DIE ("Can't select database."); <br /> mysql_query("SET character_set_results=UTF8");<br /> mysql_query("SET character_set_client=UTF8");<br /> mysql_query("SET character_set_connection=UTF8"); <br /> }<br /> $ThaiMonth=array("ม.ค.","ก.พ.","ม.ค.","เม.ย.","พ.ค.","ม.ย.","ก.ค.","ส.ค.","ก.ย.","ต.ค.","พ.ย.","ธ.ค.");<br /> function ThaiDate($InputDate)<br /> {<br /> global $ThaiMonth;<br />
90
$day=substr($InputDate,6,2);<br /> $month=substr($InputDate,4,2);<br /> $month=(int)$month -1;<br /> $year=substr($InputDate,0,4);<br /> $year=$year+543;<br /> $month=$ThaiMonth[$month];<br /> $thaidate=(int)$day." ".$month." ".$year;<br /> return $thaidate;<br /> }<br /> //ฟงคชนเกยวกบ inputdata--------------------------------------------------------------------------><br /> function inputword($txt)<br /> {<br /> // ปองกนการแทรก html กบ ละเครองหมาย ' "<br /> $txt=htmlspecialchars($txt);</p> <p>// ปองกนค าหยาบ<br /> $word = array("fuck","dick","shit","f u c k","d i c k","s h i t","f.u.c.k","d.i.c.k","s.h.i.t","มง","ก","ควย","ค ว ย","ค.ว.ย","ป","เหย","เฮย","ไอ","สดหมา","สตวหมา","ชาตหมา","สด","เยด","ห");<br /> $ban = "<font color=red>***</font>";<br /> for ($i=0 ; $i<sizeof($word) ; $i++) {<br /> $txt = eregi_replace($word[$i],$ban,$txt);<br /> }<br /> // ตรวจสอบวา มการปอน url หรอ email มาหรอไม ถามใหท า link<br /> $txt = eregi_replace("([[:alnum:]]+)://([^[:space:]]*)([[:alnum:]#?/&=])","<a href=\"\\1://\\2\\3\" target=\"\\2\\3\">\\1://\\2\\3</a>",$txt);<br /> $txt = eregi_replace("([[:alnum:]]+)@([^[:space:]]*)([[:alnum:]])","<a href=mailto:\\1@\\2\\3>\\1@\\2\\3</a>",$txt); </p> <p> // ใหขนบนทดใหม กรณทมการเคาะ Enter<br /> $txt = eregi_replace(chr(13),"<br>",$txt);<br /> return $txt;<br /> }<br /> //จบฟงคชนเกยวกบ inputdata--------------------------------------------------------------------------><br /> $Per_Page_index_webboard="6";<br /> $Per_Page_webboard="30";<br />
91
?></p> </body> </html> Source Code ชอ index.php <?php session_start(); include('config.inc'); ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title><?php echo $webtitle;?></title> <script type="text/javascript" src="jquery/jquery-1.4.2.min.js"></script> <script src="Scripts/swfobject_modified.js" type="text/javascript"></script> <link rel="stylesheet" type="text/css" href="style.css"> <link rel="stylesheet" type="text/css" href="jquery/ui/css/smoothness/jquery-ui-1.7.2.custom.css"> <script type="text/javascript" src="jquery/ui/js/jquery-ui-1.7.2.custom.min.js"></script> <script language="javascript"> function chkLogin(){ if(document.frmLogin.user_login.value==""){ alert('กรณากรอกชอผใชงาน'); return false; } if(document.frmLogin.pwd.value==""){ alert('กรณากรอกรหสผาน'); return false; } } </script> <style type="text/css"> <!-- .style1 {color: #FFCCCC}
92
.style2 {color: #0000FF}
.style3 {color: #0000FF; font-weight: bold; }
.style6 {color: #FF6699}
.style7 { font-size: 14px; font-weight: bold; } .style9 {font-size: 12px} .style11 {color: #FF0066} --> </style> </head> <body> <div id="container"> <div id="head"></div> <div id="main"> <div id="menu"> <div id="navMenu"> <ul> <li><a href="index.php"><span class="style2">หนาหลก </span><img src="images/a.png" width="10" height="10" border="0" /></a></li> <?php if($_SESSION['user']==""){?> <li><a href="index.php?page=register"><span class="style2">สมครสมาชก</span> <img src="images/a.png" width="10" height="10" border="0" /></a> </li> <?php }?> <li><a href="index.php?page=course_cat"><span class="style2">สอการเรยนร</span> <img src="images/a.png" width="10" height="10" border="0" /></a></li> <li><a href="index.php?page=webboard_cat"><span class="style2">Web board</span> <img src="images/a.png" width="10" height="10" border="0" /></a></li> <li><a href="index.php?page=guestbook"><span class="style2">สมดเยยม</span> <img src="images/a.png" width="10" height="10" border="0" /></a></li> <li></li> </ul> <br class="clearF"> </div>
93
<br> <div id="login"> <?php if($_SESSION['user']!=""){?> <fieldset> <legend>Status</legend> <div class="style3" style="text-align:center;">ยนดตอนรบ</div> <div style="text-align:center; color:#6600CC; font-weight:bold;">คณ <?php echo $_SESSION['user'];?></div> <div id="edit"><a href="index.php?page=std_teststat"><span class="style1"><span class="style2">-</span><span class="style6">ดสถานะการสอบ</span><span class="style2">-</span></span></a></div> <div id="edit"><a href="index.php?page=edit_data" class="style1">-<span class="style6">แกไขขอมลสวนตว</span>-</a></div> <div id="edit"><a href="index.php?page=edit_pwd" class="style1">-<span class="style6">แกไข Password</span>-</a></div> <div style="text-align:center;"><input type="button" value="Logout" onClick="var conf=confirm('คณตองการออกจากระบบใชหรอไม ?');if(conf==true)window.location='user_logout.php';else return false;" /></div> </form> </fieldset> <?php }elseif($_SESSION['lect']!=""){?> <fieldset> <legend>Status</legend> <div class="style3" style="text-align:center;">ยนดตอนรบ</div> <div style="text-align:center; color:#0000FF; font-weight:bold;">อาจารย <?php echo $_SESSION['lect'];?></div> <div id="edit"><a href="index.php?page=course">-<span class="style6">บทเรยน</span>-</a></div> <div id="edit"><a href="index.php?page=add_course">-<span class="style6">เพมบทเรยน</span>-</a></div> <div id="edit"><a href="index.php?page=quiz">-<span class="style6">แบบทดสอบ</span>-</a></div> <div id="edit"><a href="index.php?page=add_quiz">-<span class="style6">เพมแบบทดสอบ</span>-</a></div> <div id="edit"><a href="index.php?page=report">-<span class="style6">ดรายงานการเขาเรยน</span>-</a></div> <div id="edit"><a href="index.php?page=lect_edit_data">-<span class="style6">
94
แกไขขอมลสวนตว</span>-</a></div> <div id="edit"><a href="index.php?page=lect_edit_pwd">-<span class="style6">แกไข Password</span>-</a></div> <div style="text-align:center;"><input type="button" value="Logout" onClick="var conf=confirm('คณตองการออกจากระบบใชหรอไม ?');if(conf==true)window.location='user_logout.php';else return false;" /></div> </form> </fieldset> <?php }else{?> <fieldset> <legend>Login</legend> <form action="logincheck.php" method="post" name="frmLogin" onSubmit="return chkLogin();"> Username<br><input type="text" name="user_login" id="user_login" maxlength="36" size="15"/><br> Password<br><input type="password" name="pwd" id="pwd" size="15"/><br> <div style="text-align:right;"><input type="submit" value="ลงชอเขาใช" /></div> <div id="remember"><a href="index.php?page=recover">ลมรหสผาน</a></div> </form> </fieldset> <?php }?> </div> <div align="center" style="clear:both;float:left; width:150px;"> <div><br><br></div> <object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="130" height="170"> <param name="movie" value="images/calendar.swf" /> <param name="quality" value="high" /> <param name="wmode" value="opaque" /> <param name="swfversion" value="6.0.65.0" /> <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. --> <param name="expressinstall" value="Scripts/expressInstall.swf" /> <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. --> <!--[if !IE]>--> <object type="application/x-shockwave-flash" data="images/calendar.swf" width="130"
95
height="170"> <!--<![endif]--> <param name="quality" value="high" /> <param name="wmode" value="opaque" /> <param name="swfversion" value="6.0.65.0" /> <param name="expressinstall" value="Scripts/expressInstall.swf" /> <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. --> <div> <h4>Content on this page requires a newer version of Adobe Flash Player.</h4> <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p> </div> <!--[if !IE]>--> </object> <!--<![endif]--> </object> </div> </div> <div id="con"> <?php if($_REQUEST['page']=='register'){ ?> <div> <?php require('register.php');?> </div> <?php }elseif($_REQUEST['page']=='edit_data'){ ?> <div> <?php require('std_edit_data.php');?> </div> <?php }elseif($_REQUEST['page']=='edit_pwd'){ ?>
96
<div> <?php require('std_edit_pwd.php');?> </div> <?php }elseif($_REQUEST['page']=='lect_edit_data'){ ?> <div> <?php require('lect_edit_data.php');?> </div> <?php }elseif($_REQUEST['page']=='lect_edit_pwd'){ ?> <div> <?php require('lect_edit_pwd.php');?> </div> <?php }elseif($_REQUEST['page']=='guestbook'){ ?> <div> <?php require('guestbook.php');?> </div> <?php }elseif($_REQUEST['page']=='webboard_detail'){ ?> <div> <?php require('view_webboard_detail.php');?> </div> <?php }elseif($_REQUEST['page']=='webboard_cat'){ ?> <div> <?php require('view_webboard_cat_detail.php');?> </div> <?php }elseif($_REQUEST['page']=='webboard_post'){ ?>
97
<div> <?php require('view_webboard_post.php');?> </div> <?php }elseif($_REQUEST['search_wb']=='search_wb'){ ?> <div> <?php require('view_webboard_search.php');?> </div> <?php }elseif($_REQUEST['page']=='recover'){ ?> <div> <?php require('recover_pwd.php');?> </div> <?php }elseif($_REQUEST['page']=='add_course'){ ?> <div> <?php require('add_course.php');?> </div> <?php }elseif($_REQUEST['page']=='course'){ ?> <div> <?php require('view_course.php');?> </div> <?php }elseif($_REQUEST['page']=='quiz'){ ?> <div> <?php require('view_quiz.php');?> </div> <?php }elseif($_REQUEST['page']=='add_quiz'){ ?>
98
<div> <?php require('add_quiz.php');?> </div> <?php }elseif($_REQUEST['page']=='edit_c'){ ?> <div> <?php require('edit_course.php');?> </div> <?php }elseif($_REQUEST['page']=='edit_q'){ ?> <div> <?php require('edit_quiz.php');?> </div> <?php }elseif($_REQUEST['page']=='add_test'){ ?> <div> <?php require('add_test.php');?> </div> <?php }elseif($_REQUEST['page']=='edit_test'){ ?> <div> <?php require('edit_test.php');?> </div> <?php }elseif($_REQUEST['page']=='course_cat'){ ?> <div> <?php require('view_course_cate_detail.php');?> </div> <?php }elseif($_REQUEST['page']=='course_detail'){ ?>
99
<div> <?php require('view_course_detail.php');?> </div> <?php }elseif($_REQUEST['page']=='stdquiz'){ ?> <div> <?php require('make_quiz.php');?> </div> <?php }elseif($_REQUEST['page']=='std_teststat'){ ?> <div> <?php require('std_chk.php');?> </div> <?php }elseif($_REQUEST['page']=='report'){ ?> <div> <?php require('lect_report.php');?> </div> <?php }else{ ?> <div> <div style="padding:5px; border:solid #CCC 1px;"> <div> <?php require('show_pic.php');?> <br><br> </div> <div> <span class="style11"><span class="style7">ระบบเรยนรดวยตนเอง </span><span class="style9">เกยวกบความรทวไปส าหรบเดกประถมศกษา</span></span><br> <br> </div> </div>
100
<div id="line"></div> <div> <img src="images/สอการเรยนร.jpg" width="570" height="40" /> </div> <div> <div> <?php require('view_course_index.php');?> </div> <div align="right"> <a href="index.php?page=course_cat"><img src="images/bt.more1.gif" alt="" width="48" height="13" border="0" /></a></td> </div> </div> <div id="line"></div> <div> <img src="images/wb_ban.png" width="570" height="40" /> </div> <div> <div> <?php require('view_webboard_index.php');?> </div> <div align="right"> <a href="index.php?page=webboard_cat"><img src="images/bt.more1.gif" alt="" width="48" height="13" border="0" /></a></td> </div> </div> </div> <?php } ?> </div> </div> <div id="foot"> <?php echo $footer;?> </div> </div> <script type="text/javascript">
101
<!-- swfobject.registerObject("FlashID"); //--> </script> </body> </html> Source Code ชอ register.php <?php $date=date(Y); ?> <script> $(document).ready(function(){ var a=new Array('มกราคม','กมภาพนธ','มนาคม','เมษายน','พฤษภาคม','มถนายน','กรกฎาคม','สงหาคม','กนยายน','ตลาคม','พฤศจกายน','ธนวาคม'); $("#birth").datepicker({ dateFormat: 'dd-mm-yy', yearRange: '1917:<?php echo $date;?>', /*showOn: 'button', buttonImage: 'admin_image/calendar.png', buttonImageOnly: true, */ dayNamesMin: ['อา', 'จ', 'อ', 'พ', 'พฤ', 'ศ', 'ส'], monthNamesShort: ['มกราคม','กมภาพนธ','มนาคม','เมษายน','พฤษภาคม','มถนายน','กรกฎาคม','สงหาคม','กนยายน','ตลาคม','พฤศจกายน','ธนวาคม'], changeMonth: true, changeYear: true , beforeShow:function(){ if($(this).val()!=""){ var arrayDate=$(this).val().split("-"); arrayDate[2]=parseInt(arrayDate[2])-543; $(this).val(arrayDate[0]+"-"+arrayDate[1]+"-"+arrayDate[2]); } setTimeout(function(){ $.each($(".ui-datepicker-year option"),function(j,k){ var textYear=parseInt($(".ui-datepicker-year option").eq(j).val())+543; $(".ui-datepicker-year option").eq(j).text(textYear);
102
}); },50); }, onChangeMonthYear: function(){ setTimeout(function(){ $.each($(".ui-datepicker-year option"),function(j,k){ var textYear=parseInt($(".ui-datepicker-year option").eq(j).val())+543; $(".ui-datepicker-year option").eq(j).text(textYear); }); },50); }, onClose:function(){ if($(this).val()!="" && $(this).val()==dateBefore){ var arrayDate=dateBefore.split("-"); arrayDate[2]=parseInt(arrayDate[2])+543; $(this).val(arrayDate[0]+"-"+arrayDate[1]+"-"+arrayDate[2]); } }, onSelect: function(dateText, inst){ dateBefore=$(this).val(); var arrayDate=dateText.split("-"); arrayDate[2]=parseInt(arrayDate[2])+543; $(this).val(arrayDate[0]+" "+a[(arrayDate[1]-1)]+" "+arrayDate[2]); } }); }); </script> <script language="javascript"> function chkRegister(){ if(document.frm_regis.user_name.value==""){ alert('กรณากรอกชอผใชงาน'); return false; }
103
if(document.frm_regis.pwd.value==""){ alert('กรณากรอกรหสผาน'); return false; } if(document.frm_regis.name.value==""){ alert('กรณากรอกชอ-นามสกล'); return false; } if(document.frm_regis.textadd.value==""){ alert('กรณากรอกทอย'); return false; } if(document.frm_regis.birth.value==""){ alert('กรณากรอกวนเดอนปเกด'); return false; } if(document.frm_regis.tel.value==""){ alert('กรณากรอกเบอรโทรศพท'); return false; } if(document.frm_regis.email.value==""){ alert('กรณากรอกอเมล'); return false; }else{ var flag=validateEmail(document.frm_regis.email.value); if(flag==false){ alert("อเมลไมถกตองกรณาตรวจสอบอเมล"); return false; } } } function validateEmail(email) { var x=email var atpos=x.indexOf("@");
104
var dotpos=x.lastIndexOf("."); if (atpos<1 || dotpos<atpos+2 || dotpos+2>=x.length){ return false; } } </script> <div style="width:570px;"> <img src="images/reg_ban.png" width="570" height="40" border="0"> </div> <div style="width:570px; font-family:Verdana, Geneva, sans-serif; font-size:11px;"> <fieldset> <form action="register_do.php" method="post" name="frm_regis" onsubmit="return chkRegister();"> <table width="100%" border="0" cellspacing="0" cellpadding="10"> <tr> <td width="34%" align="right" valign="top"><strong>Username : </strong></td> <td width="66%" align="left" valign="top"><input type="text" name="user_name" id="user_name" /><font color="red"> *</font></td> </tr> <tr> <td align="right" valign="top"><strong>Password : </strong></td> <td align="left" valign="top"><input type="password" name="pwd" id="pwd" /><font color="red"> *</font></td> </tr> <tr> <td align="right" valign="top"><strong>ชอ-นามสกล : </strong></td> <td align="left" valign="top"> <select name="sex"> <option value="1">เดกชาย</option> <option value="2">เดกหญง</option> <option value="3">นาย</option> <option value="4">นางสาว</option> <option value="5">นาง</option> </select> <input type="text" name="name" id="name" /><font color="red"> *</font> </td> </tr>
105
<tr> <td align="right" valign="top"><strong>ทอย : </strong></td> <td align="left" valign="top"><textarea name="textadd" id="textadd" cols="30" rows="8"></textarea><font color="red"> *</font></td> </tr> <tr> <td align="right" valign="top"><strong>วนเกด : </strong></td> <td align="left" valign="top"><input type="text" name="birth" id="birth" /><font color="red"> *</font></td> </tr> <tr> <td align="right" valign="top"><strong>เบอรโทรศพท : </strong></td> <td align="left" valign="top"><input type="text" name="tel" id="tel" maxlength="10" onKeyPress="javascript:if ((window.event.keyCode < 45) || (window.event.keyCode > 57)) window.event.returnValue = false;" /><font color="red"> *</font></td> </tr> <tr> <td align="right" valign="top"><strong>Email : </strong></td> <td align="left" valign="top"><input type="text" name="email" id="email" /><font color="red"> *</font></td> </tr> <tr> <td align="right" valign="top"><strong> </strong></td> <td align="left" valign="top"><input type="submit" value="ลงทะเบยน" /> <input type="reset" value="ลางขอมล" /></td> </tr> </table> </form> </fieldset> </div> Source Code ชอ std_chk.php <?php session_start(); if($_SESSION['user']==""){
106
?> <script language="javascript"> window.location="index.php" </script> <?php }else{ $date=date(Y); conn(); $sql="select * from std_test inner join lesson inner join quiz on std_test.quiz_id=quiz.quiz_id and quiz.les_id=lesson.les_id where std_test.m_id='".$_SESSION['id']."'"; $query=mysql_query($sql); $rows=mysql_num_rows($query); ?> <div style="width:570px;"> <img src="images/result.png" width="570" height="40" border="0"> </div> <div style="width:570px; font-family:Verdana, Geneva, sans-serif; font-size:11px;"> <fieldset> <?php if($rows==0){?> <table width="95%" border="0" align="center" cellpadding="2" cellspacing="2"> <tr> <td width="9%" align="center" bgcolor="#FFCCCC"><strong>ล าดบ</strong></td> <td width="27%" align="center" bgcolor="#FFCCCC"><strong>ชอขอสอบ</strong></td> <td width="31%" align="center" bgcolor="#FFCCCC"><strong>ชอบทเรยน</strong></td> <td width="11%" align="center" bgcolor="#FFCCCC"><strong>คะแนน</strong></td> <td width="22%" align="center" bgcolor="#FFCCCC"><strong>สอบวนท</strong><strong></strong></td> </tr> <tr> <td colspan="5"> คณยงไมเคยสอบคะ</td> </tr> </table> <?php }else{ ?> <table width="95%" border="0" align="center" cellpadding="2" cellspacing="2">
107
<tr> <td width="9%" align="center" bgcolor="#FFCCCC"><strong>ล าดบ</strong></td> <td width="27%" align="center" bgcolor="#FFCCCC"><strong>ชอขอสอบ</strong></td> <td width="31%" align="center" bgcolor="#FFCCCC"><strong>ชอบทเรยน</strong></td> <td width="11%" align="center" bgcolor="#FFCCCC"><strong>คะแนน</strong></td> <td width="22%" align="center" bgcolor="#FFCCCC"><strong>สอบวนท</strong><strong></strong></td> </tr> <?php $i=1; while($rs=mysql_fetch_array($query)){ if(($i%2)==0){ $col="#DDDDDD"; }else{ $col="#CCCCCC"; } ?> <tr bgcolor="<?php echo $col;?>"> <td align="center" valign="top"><?php echo $i;?></td> <td align="center" valign="top"><?php echo $rs['quiz_name'];?></td> <td align="center" valign="top"><?php echo $rs['les_topic'];?></td> <td align="center" valign="top"><?php echo $rs['score'];?></td> <td colspan="2" align="center" valign="top"><?php echo $rs['test_date'];?></td> </tr> <?php $i++; } } ?> </table> </fieldset> </div> <?php if($rows==0){
108
echo '<div style=" height:420px;"></div>'; }else{ echo '<div style=" height:420px;"></div>'; } } ?> Source Code ชอ add_course.php <?php session_start(); if($_SESSION['lect']==""){ ?> <script language="javascript"> window.location="index.php" </script> <?php }else{ $date=date(Y); conn(); ?> <script language="Javascript" src="jquery/HtmlBox/htmlbox.colors.js" type="text/javascript"></script> <script language="Javascript" src="jquery/HtmlBox/htmlbox.styles.js" type="text/javascript"></script> <script language="Javascript" src="jquery/HtmlBox/htmlbox.syntax.js" type="text/javascript"></script> <script language="Javascript" src="jquery/HtmlBox/xhtml.js" type="text/javascript"></script> <script language="Javascript" src="jquery/HtmlBox/htmlbox.full.js" type="text/javascript"></script> <script language="javascript"> function chkLectCourse(){ if(document.frm_add_course.course_name.value==""){ alert('กรณากรอกชอบทเรยน'); return false; } if(document.frm_add_course.course_detail.value==""){ alert('กรณากรอกรายละเอยดบทเรยน'); return false; }
109
if(document.frm_add_course.file_pic.value==""){ alert('กรณาเพมภาพประกอบ'); return false; } if(document.frm_add_course.file_media.value==""){ alert('กรณาเพมสอประกอบ'); return false; } } </script> <style type="text/css"> <!-- .style1 {color: #0000FF} --> </style> <div style="width:570px;"> <img src="images/add_c.png" width="590" height="40" border="0"></div> <div style="width:590px; font-family:Verdana, Geneva, sans-serif; font-size:11px;"> <fieldset> <form action="add_course_do.php" method="post" name="frm_add_course" enctype="multipart/form-data" onsubmit="return chkLectCourse();"> <table width="100%" border="0" cellspacing="0" cellpadding="10"> <tr> <td width="40%" align="right" valign="top"><strong>ชอบทเรยน </strong></td> <td width="60%" align="left" valign="top"><input type="text" name="course_name" id="course_name"/><font color="red"> *</font></td> </tr> <tr> <td align="right" valign="top"><strong>รายละเอยด</strong></td> <td align="left" valign="top"> <textarea name="course_detail" id="course_detail" cols="55" rows="10"></textarea> <script language="Javascript" type="text/javascript"> $("#course_detail").css("height","100").css("width","100").htmlbox({ toolbars:[
110
[ // Bold, Italic, Underline, Strikethrough, Sup, Sub "separator","bold","italic","underline","strike","sup","sub", // Left, Right, Center, Justify "separator","justify","left","center","right", // Ordered List, Unordered List, Indent, Outdent "separator","ol","ul","indent","outdent", // Hyperlink, Remove Hyperlink, Image "separator","link","unlink","image" ], [// Show code "separator","code", // Formats, Font size, Font family, Font color, Font, Background "separator","formats","fontsize","fontfamily", "separator","fontcolor" ], [ //Strip tags "separator","hr", // Styles, Source code syntax buttons "separator","quote","styles","syntax","highlight" ] ], skin:"blue", icons:"silk" }); </script> </td> </tr>
111
<tr> <td align="right" valign="top"><strong>ภาพประกอบ</strong></td> <td align="left" valign="top"><input type="file" name="file_pic" id="file_pic"/><br><font color="red"> </font><span class="style1">* ไฟลนามสกล *.jpg,*.jpeg,*.gif,*.png</span></td> </tr> <tr> <td align="right" valign="top"><strong>สอ</strong></td> <td align="left" valign="top"><input type="file" name="file_media" id="file_media"/><br> <font color="red"> </font><span class="style1">* ไฟล นามสกล *.mpg,*.mpeg,*.swf,*.flv</span></td> </tr> <tr> <input type="hidden" name="h_id" value="<?php echo $_SESSION['lect_id'];?>"> <td align="right" valign="top"><strong> </strong></td> <td align="left" valign="top"><input type="submit" value="เพมบทเรยน" /> <input type="button" value="ยกเลก" onClick="javascript:window.location='index.php'" /></td> </tr> </table> </form> </fieldset> </div> <br> <?php } ?> Source Code ชอ add_quiz.php <?php session_start(); if($_SESSION['lect']==""){ ?> <script language="javascript"> window.location="index.php" </script> <?php
112
}else{ $date=Thaidate(date(Ymd)); conn(); ?> <script language="javascript"> function chkLectQuiz(){ if(document.frm_add_quiz.quiz_name.value==""){ alert('กรณากรอกชอแบบทดสอบ'); return false; } if(document.frm_add_quiz.course.value==0){ alert('กรณาเลอกบทเรยน'); return false; } if(document.frm_add_quiz.quiz_item.value==0){ alert('กรณาใสจ านวนขอ'); return false; }else{ if(document.frm_add_quiz.quiz_item.value>10){ alert('สรางขอสอบไดไมเกน 10 ขอ'); return false; } } } </script> <div style="width:570px;"> <img src="images/add_q.png" width="570" height="40" border="0"> </div> <div style="width:570px; font-family:Verdana, Geneva, sans-serif; font-size:11px;"> <fieldset> <form action="add_quiz_do.php" method="post" name="frm_add_quiz" onsubmit="return chkLectQuiz();"> <table width="100%" border="0" cellspacing="0" cellpadding="10"> <tr> <td width="40%" align="right" valign="top"><strong>ชอแบบทดสอบ</strong></td>
113
<td width="60%" align="left" valign="top"><input type="text" name="quiz_name" id="quiz_name"/><font color="red"> *</font></td> </tr> <tr> <td align="right" valign="top"><strong>จ านวนขอ</strong></td> <td align="left" valign="top"><input type="text" name="quiz_item" id="quiz_item"/><font color="red"> *</font></td> </tr> <tr> <td align="right" valign="top"><strong>บทเรยน</strong></td> <td align="left" valign="top"> <select name="course" id="course"> <option value="0">--เลอกบทเรยน--</option> <?php $sql='select * from lesson'; $query=mysql_query($sql); while($rs=mysql_fetch_array($query)){ ?> <option value="<?php echo $rs['les_id'];?>"><?php echo $rs['les_topic'];?></option> <?php } ?> </select> </td> </tr> <tr> <input type="hidden" name="h_id" value="<?php echo $_SESSION['lect_id'];?>"> <input type="hidden" name="h_date" value="<?php echo $date;?>"> <td align="right" valign="top"><strong> </strong></td> <td align="left" valign="top"><input type="submit" value="เพมแบบทดสอบ" /> <input type="button" value="ยกเลก" onClick="javascript:window.location='index.php'" /></td> </tr> </table> </form> </fieldset> </div>
114
<div style=" height:350px;"></div> <?php } ?>
Source Code ชอ lect_report.php <?php session_start(); if($_SESSION['lect']==""){ ?> <script language="javascript"> window.location="index.php" </script> <?php }else{ $date=date(Y); conn(); $sql="select * from lesson inner join quiz inner join member inner join std_test on std_test.quiz_id=quiz.quiz_id and quiz.les_id=lesson.les_id and std_test.m_id=member.m_id where lesson.lect_id='".$_SESSION['lect_id']."'"; $query=mysql_query($sql); $rows=mysql_num_rows($query); $sql1="select * from std_stat inner join member inner join lesson on std_stat.m_id=member.m_id and std_stat.les_id=lesson.les_id where lesson.lect_id='".$_SESSION['lect_id']."'"; $query1=mysql_query($sql1); $rows1=mysql_num_rows($query1); $arr_sex=array("1"=>"นาย","2"=>"นางสาว"); ?> <div style="width:570px;"> <img src="images/report.png" width="570" height="40" border="0"> </div> <div style="width:570px; font-family:Verdana, Geneva, sans-serif; font-size:11px;"> <fieldset> <?php if($rows==0){?>
115
<table width="95%" border="0" align="center" cellpadding="2" cellspacing="2"> <tr> <td colspan="6"><strong>รายงานการสอบของผเรยน</strong></td> </tr> <tr> <td width="9%" align="center" bgcolor="#FFCCCC"><strong>ล าดบ</strong></td> <td width="22%" align="center" bgcolor="#FFCCCC"><strong>ชอ-นามสกล</strong></td> <td width="22%" align="center" bgcolor="#FFCCCC"><strong>ชอขอสอบ</strong></td> <td width="23%" align="center" bgcolor="#FFCCCC"><strong>ชอบทเรยน</strong></td> <td width="11%" align="center" bgcolor="#FFCCCC"><strong>คะแนน</strong></td> <td width="13%" align="center" bgcolor="#FFCCCC"><strong>สอบวนท</strong><strong></strong></td> </tr> <tr> <td colspan="6"> ยงไมมขอมลคะ</td> </tr> </table> <?php }else{?> <table width="95%" border="0" align="center" cellpadding="2" cellspacing="2"> <tr> <td colspan="6"><strong>รายงานการสอบของผเรยน</strong></td> </tr> <tr> <td width="9%" align="center" bgcolor="#FFCCCC"><strong>ล าดบ</strong></td> <td width="22%" align="center" bgcolor="#FFCCCC"><strong>ชอ-นามสกล</strong></td> <td width="22%" align="center" bgcolor="#FFCCCC"><strong>ชอขอสอบ</strong></td> <td width="23%" align="center" bgcolor="#FFCCCC"><strong>ชอบทเรยน</strong></td> <td width="11%" align="center" bgcolor="#FFCCCC"><strong>คะแนน</strong></td> <td width="13%" align="center" bgcolor="#FFCCCC"><strong>สอบวนท</strong><strong></strong></td> </tr> <?php $i=1; while($rs=mysql_fetch_array($query)){ if(($i%2)==0){
116
$col="#DDDDDD"; }else{ $col="#CCCCCC"; } ?> <tr bgcolor="<?php echo $col;?>"> <td align="center" valign="top"><?php echo $i;?></td> <td align="center" valign="top"><?php echo $arr_sex[$rs['m_sex']].$rs['m_name'];?></td> <td align="center" valign="top"><?php echo $rs['quiz_name'];?></td> <td align="center" valign="top"><?php echo $rs['les_topic'];?></td> <td align="center" valign="top"><?php echo $rs['score'];?></td> <td align="center" valign="top"><?php echo $rs['test_date'];?></td> </tr> <?php $i++; } } ?> </table> <br><br> <?php if($rows1==0){?> <table width="95%" border="0" align="center" cellpadding="2" cellspacing="2"> <tr> <td colspan="6"><strong>รายงานการเขาเรยนของผเรยน</strong></td> </tr> <tr> <td width="9%" align="center" bgcolor="#FFCCCC"><strong>ล าดบ</strong></td> <td width="22%" align="center" bgcolor="#FFCCCC"><strong>ชอ-นามสกล</strong></td> <td width="22%" align="center" bgcolor="#FFCCCC"><strong>ชอขอสอบ</strong></td> <td width="23%" align="center" bgcolor="#FFCCCC"><strong>ชอบทเรยน</strong></td> <td width="11%" align="center" bgcolor="#FFCCCC"><strong>คะแนน</strong></td> <td width="13%" align="center" bgcolor="#FFCCCC"><strong>สอบวนท</strong><strong></strong></td> </tr>
117
<tr> <td colspan="6"> ยงไมมขอมลคะ</td> </tr> </table> <?php }else{?> <table width="95%" border="0" align="center" cellpadding="2" cellspacing="2"> <tr> <td colspan="6"><strong>รายงานการเขาเรยนของผเรยน</strong></td> </tr> <tr> <td width="9%" align="center" bgcolor="#FFCCCC"><strong>ล าดบ</strong></td> <td width="38%" align="center" bgcolor="#FFCCCC"><strong>ชอ-นามสกล</strong></td> <td width="31%" align="center" bgcolor="#FFCCCC"><strong>ชอบทเรยน</strong></td> <td width="22%" align="center" bgcolor="#FFCCCC"><strong>สอบวนท</strong><strong></strong></td> </tr> <?php $i=1; while($rs1=mysql_fetch_array($query1)){ if(($i%2)==0){ $col="#DDDDDD"; }else{ $col="#CCCCCC"; } ?> <tr bgcolor="<?php echo $col;?>"> <td align="center" valign="top"><?php echo $i;?></td> <td align="center" valign="top"><?php echo $arr_sex[$rs1['m_sex']].$rs1['m_name'];?></td> <td align="center" valign="top"><?php echo $rs1['les_topic'];?></td> <td align="center" valign="top"><?php echo $rs1['date'];?></td> </tr> <?php $i++;
118
} } ?> </table> </fieldset> <br> <div align="center"><input type="button" value="Export รายงาน" onClick="window.location='save_report.php'"></div> </div> <?php if($rows==0){ echo '<div style=" height:420px;"></div>'; } } ?> Source Code ชอshow_pic.php <script type="text/javascript" src="jquery/s3Slider.js"></script> <style> div#show_alpha{ width:380px; margin:0 auto; } #s3slider { width: 380px; /* important to be same as image width */ height: 210px; /* important to be same as image height */ position: relative; !important overflow: hidden; /* important */ padding:0px 10px 10px 0px; } #s3sliderContent { width: 380px; /* important to be same as image width or wider */ position: absolute; /* important */ top: 0; /* important */ margin-left: 0; /* important */
119
} .s3sliderImage { float: left; /* important */ position: relative; /* important */ display: none; /* important */ } .s3sliderImage span { position: absolute; /* important */ left: 0; font: 15px/20px Arial, Helvetica, sans-serif; padding: 10px 13px; width: 364px; background-color: #000; filter: alpha(opacity=60); /* here you can set the opacity of box with text */ -moz-opacity: 0.6; /* here you can set the opacity of box with text */ -khtml-opacity: 0.6; /* here you can set the opacity of box with text */ opacity: 0.6; /* here you can set the opacity of box with text */ color: #fff; display: none; /* important */ bottom: 0; } .clear { clear: both; } #s3slider ul { padding:0px; list-style-type: none; } </style> <script> $(document).ready(function(){ $('#s3slider').s3Slider({
120
timeOut: 7000 }) }); </script> <div id="show_alpha"> <div id="s3slider"> <ul id="s3sliderContent"> <li class="s3sliderImage"> <a href="#"><img src="images/001.jpg" width="380" height="210" border="0" style="border:#999 solid 5px;"//></a> <span>ท าไมทองรอง</span> </li> <li class="s3sliderImage"> <a href="#"><img src="images/002.jpg" width="380" height="210" border="0" style="border:#999 solid 5px;"//></a> <span>รงกนน าเกดจากอะไร</span> </li> <li class="s3sliderImage"> <a href="#"><img src="images/004.jpg" width="380" height="210" border="0" style="border:#999 solid 5px;"//></a> <span>การปฐมพยาบาลผประสบอบตเหต</span> </li> <div class="clear s3sliderImage"></div> </ul> </div> </div>
121
ภาคผนวก ค Storyboard
122
Multimedia Script Design หวเรอง :โอยสงสยท าไงด ? หวเรองยอย : ท าไมทองรองจอกๆ
เทคนคการน าเสนอ : ภาพเคลอนไหว ขอความ (Text) : ท าไมทองรองจอก รปภาพ (Images) : ตวการตน , ฉากหลง
ภาพเคลอนไหว (Animation) : ตวการตนลปทอง เสยงบรรยาย (Narration) : หวจง จอก ๆ
123
Multimedia Script Design หวเรอง : โอยสงสยท าไงด ? หวเรองยอย : ท าไมทองรองจอก ๆ
เทคนคการน าเสนอ : ภาพเคลอนไหว ขอความ (Text) : รปภาพ (Images) : ตวการตน , ฉากหลง , หมอหงขาว
ภาพเคลอนไหว (Animation) : เสยงบรรยาย (Narration) : แมจาหนหวขาว ,รอแปบนง
124
Multimedia Script Design หวเรอง : โอยสงสยท าไงด ? หวเรองยอย : ท าไมทองรองจอก ๆ
เทคนคการน าเสนอ : ภาพเคลอนไหว ขอความ (Text) : รปภาพ (Images) : การตน , ฉากหลง , จานขาว
ภาพเคลอนไหว (Animation) : การตนก าลงกนขาว เสยงบรรยาย (Narration) : อรอยทซดด
125
Multimedia Script Design หวเรอง : โอยสงสยท าไงด ? หวเรองยอย : ท าไมทองรองจอก ๆ
เทคนคการน าเสนอ : ภาพเคลอนไหว ขอความ (Text) : โอยสงสยท าไงด , สาเหตททองรองจอก ๆ รปภาพ (Images) : การตน , ฉากหลง
ภาพเคลอนไหว (Animation) : การตนก าลงพด เสยงบรรยาย (Narration) :
126
Multimedia Script Design หวเรอง : โอยสงสยท าไงด ? หวเรองยอย : ท าไมเราตองเรอดวย ?
เทคนคการน าเสนอ : ภาพเคลอนไหว ขอความ (Text) : ท าไมเราตองเรอดวย รปภาพ (Images) : การตน , ฉากหลง
ภาพเคลอนไหว (Animation) : การตนก าลงกนขาว เสยงบรรยาย (Narration) : ง า ๆ อรอยทซดด
127
Multimedia Script Design หวเรอง : โอยสงสยท าไงด ? หวเรองยอย : ท าไมเราตองเรอดวย ?
เทคนคการน าเสนอ : ภาพเคลอนไหว ขอความ (Text) : รปภาพ (Images) : การตน , ฉากหลง
ภาพเคลอนไหว (Animation) : การตนลปทองพรอมเสยงเรอ เสยงบรรยาย (Narration) : อมจง
128
Multimedia Script Design หวเรอง : โอยสงสยท าไงด ? หวเรองยอย : ท าไมเราตองเรอ ?
เทคนคการน าเสนอ : ภาพเคลอนไหว ขอความ (Text) : รปภาพ (Images) : การตน , ฉากหลง
ภาพเคลอนไหว (Animation) : แมก าลงพดอยกบลก เสยงบรรยาย (Narration) : บอกใหเคยวชา ๆ , แมอะอยางมองหนส เขนนะ
129
Multimedia Script Design หวเรอง : โอยสงสยท าไงด ? หวเรองยอย : ท าไมเราตองเรอดวย ?
เทคนคการน าเสนอ : ภาพเคลอนไหว ขอความ (Text) : โอยสงสยท าไงด , การเรอเกดจากอะไร รปภาพ (Images) : การตน , ฉากหลง
ภาพเคลอนไหว (Animation) : การตนก าลงพด เสยงบรรยาย (Narration) :
130
Multimedia Script Design หวเรอง : โอยสงสยท าไงด ? หวเรองยอย : น าตาเกดขนไดอยางไร ?
เทคนคการน าเสนอ : ภาพเคลอนไหว ขอความ (Text) : น าตาเกดขนไดอยางไร รปภาพ (Images) : การตน , ฉากหลง
ภาพเคลอนไหว (Animation) : การตนก าลงรองไห เสยงบรรยาย (Narration) : ฮอ ๆ , ทานยาแลวกพกผอนกอนนะลก
131
Multimedia Script Design หวเรอง : โอยสงสยท าไงด ? หวเรองยอย : น าตาเกดขนไดอยางไร ?
เทคนคการน าเสนอ : ภาพเคลอนไหว ขอความ (Text) : รปภาพ (Images) : การตน , ฉากหลง
ภาพเคลอนไหว (Animation) : การตนรองไห เสยงบรรยาย (Narration) : มนปวดหวมากน าตากเลยไหลออกมา , เดยวกหาย
132
Multimedia Script Design หวเรอง : โอยสงสยท าไงด ? หวเรองยอย : น าตาเกดขนไดอยางไร ?
เทคนคการน าเสนอ : ภาพเคลอนไหว ขอความ (Text) : แตเอ.. รปภาพ (Images) : การตน , ฉากหลง
ภาพเคลอนไหว (Animation) : การตนรองไห เสยงบรรยาย (Narration) : น าตาเกดขนไดอยางไรคะคณแม , เกดขนจาก
133
Multimedia Script Design หวเรอง : โอยสงสยท าไงด ? หวเรองยอย : น าตาเกดขนไดอยางไร ?
เทคนคการน าเสนอ : ภาพเคลอนไหว ขอความ (Text) : โอยสงสยท าไงด , น าตาเกดขนไดอยางไร รปภาพ (Images) : การตน , ฉากหลง
ภาพเคลอนไหว (Animation) : การตนก าลงพด เสยงบรรยาย (Narration) :
134
Multimedia Script Design หวเรอง : การปฐมพยาบาล หวเรองยอย :
เทคนคการน าเสนอ : ภาพเคลอนไหว ขอความ (Text) : เขาสบทเรยน รปภาพ (Images) : รถยนต , ตนไม , ตก , ฉากหลง
ภาพเคลอนไหว (Animation) : รถวง เสยงบรรยาย (Narration) :
135
Multimedia Script Design หวเรอง : การปฐมพยาบาล หวเรองยอย :
เทคนคการน าเสนอ : ภาพเคลอนไหว ขอความ (Text) : รปภาพ (Images) : นางพยาบาล , ฉากหลง
ภาพเคลอนไหว (Animation) : เสยงบรรยาย (Narration) :
136
Multimedia Script Design หวเรอง : การปฐมพยาบาล หวเรองยอย : หลกทวไปของการปฐมพยาบาล
เทคนคการน าเสนอ : ภาพเคลอนไหว ขอความ (Text) : กลบเมน รปภาพ (Images) : นางพยาบาล , ฉากหลง
ภาพเคลอนไหว (Animation) : นางพยาบาลก าลงพด เสยงบรรยาย (Narration) :
137
Multimedia Script Design หวเรอง : การปฐมพยาบาล หวเรองยอย : ความส าคญของการปฐมพยาบาล
เทคนคการน าเสนอ : ภาพเคลอนไหว ขอความ (Text) : รปภาพ (Images) : นางพยาบาล , ฉากหลง
ภาพเคลอนไหว (Animation) : นางพยาบาลก าลงพด เสยงบรรยาย (Narration) :
138
Multimedia Script Design หวเรอง : การปฐมพยาบาล หวเรองยอย : ความหมายของการปฐมพยาบาล
เทคนคการน าเสนอ : ภาพเคลอนไหว ขอความ (Text) : เมน รปภาพ (Images) : นางพยาบาล , ฉากหลง
ภาพเคลอนไหว (Animation) : นางพยาบาลก าลงพด เสยงบรรยาย (Narration) :
139
Multimedia Script Design หวเรอง :การปฐมพยาบาล หวเรองยอย : การปฐมพยาบาลคนโดนแมลงกด
เทคนคการน าเสนอ : ภาพเคลอนไหว ขอความ (Text) : รปภาพ (Images) : การตน , ฉากหลง
ภาพเคลอนไหว (Animation) : การตนปฐมพยาบาลคนโดนแมลงกด เสยงบรรยาย (Narration) :
140
Multimedia Script Design หวเรอง : การปฐมพยาบาล หวเรองยอย : การปฐมพยาบาลคนขาหก
เทคนคการน าเสนอ : ภาพเคลอนไหว ขอความ (Text) : กลบเมน รปภาพ (Images) : ตวการตน , ฉากหลง
ภาพเคลอนไหว (Animation) : ตวการตนขาหกโดนหามขนเปล เสยงบรรยาย (Narration) :
141
ภาคผนวก ง
บทน าเสนอโครงงานเทคโนโลยสารสนเทศธรกจ
142
บทน าเสนอโครงงานเทคโนโลยสารสนเทศธรกจ 1 ประจ าภาคเรยนท 1/2553
วชา : 0904402 โครงงานเทคโนโลยสารสนเทศธรกจ 1 จ านวน 1 หนวยกต (0-2-0) ชอโครงงาน : สอการเรยนรดวยตนเองผานระบบอนเตอรเนตเกยวกบความรทวไปส าหรบเดกประถมศกษา รายชอผศกษาโครงงาน :
1. นางสาวกลยา แกวพรรณา รหส 50010912020 BC 505 2. นางสาวสรพร รงไสย รหส 50010912860 BC 505
อาจารยทปรกษาโครงงาน : อาจารยณฐอาภา สจจวาท (....................................................) กรรมการทปรกษา วนท ............/ ................/ ..............
(....................................................) กรรมการคนท 1 วนท ............/ ................/ ..............
(....................................................) กรรมการคนท 2
วนท ............/ ................/ ..............
143
บทท 1 บทน า
การเรยนการสอนในปจจบน สอเขามามบทบาทมากขน ตงแตระดบอนบาล ประถมศกษา มธยม หรอแมกระทงระดบปรญญา สอมกจะมในรปแบบของตวการตนซงจะไดรบความนยมและสนใจในระดบเดกอนบาล และประถมศกษา ดงนน จงมแนวคดทจะจดท าสอการเรยนรดวยตนเองผานระบบอนเตอรเนต (ระบบ E-Learning) เกยวกบความรทวไปส าหรบเดกประถมศกษา เพอเผยแพรความรใหกบผทสนใจไดศกษา 1.1 ทมาและความส าคญของปญหา ปจจบนเทคโนโลยสารสนเทศและอนเตอรเนตเปนสงทก าลงเขามามบทบาทเปนอยางมากในดานการเรยนการสอนในสถานศกษา โดยระบบเทคโนโลยสารสนเทศและอนเตอรเนตท าใหการตดตอสอสารท าไดอยางรวดเรวและมประสทธภาพสง ชวยใหผเรยนสามารถคนควาขอมลและความรจากแหลงตาง ๆ ทมอยทวโลกไดอยางรวดเรวและทนตอเหตการณ เทคโนโลยสารสนเทศและอนเตอรเนตจงถกน ามาใชส าหรบการเรยนการสอนเปนเทคโนโลยททนสมย เชน วดโอโปรเจคเตอร วดโอเทลคอนเฟอเรนซ ระบบวดโอออนดมานดไฮเปอรเทกซ และระบบ E-Learning เปนอกหนงระบบทนบเปนเทคโนโลยการเรยนรภาพทแบบใหมลาสดทไดรบการพดถงมากทสด และหลาย ๆ หนวยงานในประเทศไทยตางกสนใจทจะน ามาพฒนาเปนระบบการเรยนการสอนของหนวยงานนน ๆ ระบบ E-learning เปนระบบการเรยนการสอนทเกยวของกบเทคโนโลยเวบ และเครอขาย อนเตอรเนต มสภาวะแวดลอมทสนบสนนการเรยนรอยางมชวตชวา และการเรยนรทเนนผเรยนเปนศนยกลาง ผเรยนเปนผคด ตดสนใจเรยน โดยการสรางความรและความเขาใจใหม ๆ ดวยตนเองสามารถเชอมโยงกระบวนการเรยนรใหเขากบชวตจรง ครอบคลมการเรยนทกภาพท แบบ ทงการเรยนทางไกล และการเรยนผานเครอขายระบบตาง ๆ การเรยนการสอนในปจจบน สอเขามามบทบาทมากขน ตงแตระดบอนบาล ประถมศกษา มธยม หรอแมกระทงระดบปรญญา สอจะมในรปแบบของตวการตนซงจะไดรบความนยมและสนใจในระดบเดกอนบาล และประถมศกษา ดงนนจงมแนวคดทจะจดท า สอการเรยนรดวยตนเองผานระบบอนเตอรเนตเกยวกบความรทวไปส าหรบเดกประถมศกษา เพอเผยแพรความรใหผทสนใจไดศกษา
144
1.2 วตถประสงคของการศกษา 1.2.1 เพอพฒนาระบบสอการเรยนรดวยตนเองผานระบบอนเตอรเนตเกยวกบความรทวไปส าหรบเดกประถมศกษา 1.2.2 เพอใหผเรยนมความร ความเขาใจเกยวกบความรทวไปส าหรบเดกประถมศกษา 1.3 ขอบเขตของการด าเนนงาน 1.3.1 ระบบ E-Learning 1.3.1.1 สวนผดแลระบบ - จดการอาจารย - จดการผเรยน - ดรายงาน 1.3.1.2) สวนอาจารย - จดการวชา - จดการบทเรยน - จดการสอในแตละบทเรยน - จดการแบบฝกหด 1.3.1.3) สวนผเรยน - สมครสมาชก - เขาชมสอการเรยนร - เรยน - ท าแบบฝกหด 1.3.2 สอการเรยนรเรอง ความรทวไปส าหรบเดกประถมศกษา 1. สนกกบวทยาศาสตร ตอน รงกนน ามหศจรรยบนทองฟา 2. โอยสงสยท าไหงด ตอน น าคอชวต 3. แบบฝกหดทายบท 1.4 อปกรณและเครองมอทใชในการด าเนนงาน 1.4.1 ฮารดแวร 1.4.1.1 เครองคอมพวเตอรจ านวน 2 เครอง - CPU ทมความเรวตงแต 2.0 GHz ขนไป - หนวยความจ าหลก RAM 512 MHz ขนไป - เนอทวางใน Hard Disk 5 GB ขนไป
145
- การดจอตองมประสทธภาพ 1.4.1.2 เครอง Server จ านวน 1 เครอง 1.4.1.3 เครองสแกนเนอร Canon MP145 1 เครอง 1.4.1.4 เครองพมพ Canon MP 145 1 เครอง 1.4.1.5 ไมโครโฟน + ล าโพง 1.4.2 ระบบปฏบตการ - Microsoft Windows XP 1.4.3 ซอฟตแวร 1.4.3.1 โปรแกรม Adobe Photoshop CS ใชในการตกแตงภาพประกอบ 1.4.3.2 โปรแกรม Adobe Dream weaver CS3 1.4.3.3 โปรแกรม Apache V 2.5.8 ส าหรบท าเครองใหเปน Web Server 1.4.3.4 โปรแกรม Editplus ใชในการเขยนโคด 1.4.3.5 โปรแกรม PHP ส าหรบพฒนาภาษา 1.4.3.6 โปรแกรม Internet Explorer ใชในการทดลอง Brower 1.4.3.7 โปรแกรม Sound Recorder ใชในการอดเสยง 1.4.3.8 โปรแกรม Flash cs ใชในการท าภาพเคลอนไหว 1.5 ขนตอนการด าเนนงาน 1.5.1 น าเสนอหวขอตออาจารยทปรกษา (ศกษาทฤษฎและเทคโนโลยทใช) 1.5.2 ศกษาและเกบรวบรวมขอมล 1.5.3 วเคราะหขอมล 1.5.4 ออกแบบโปรแกรม 1.5.5 พฒนา – ทดสอบ - เขยนโปรแกรม - ทดสอบยอย - ทดสอบรวม - ทดสอบตดตงระบบ 1.5.6 น าเสนอผลงานตอคณะกรรมการ 1.5.7 จดท าเอกสาร
146
1.6 ระยะเวลาในการด าเนนงาน ตารางท 1.6.1 แสดงระยะเวลาในการด าเนนงาน
ตงแตป 2553-2554
ม.ย. ก.ค. ส.ค. ก.ย. ต.ค. พ.ย. ธ.ค. ม.ค. ก.พ. ม.ค. น าเสนอหวขอตออาจารย ทปรกษา
ศกษาและเกบรวบรวมขอมล วเคราะหและออกแบบระบบงาน
ออกแบบโปรแกรม พฒนา - ทดสอบ น าเสนอผลงานตอคณะกรรมการ
จดท าคมอ
1.7. ผลทคาดวาจะไดรบ 1.7.1 เพอพฒนาระบบ สอการเรยนรดวยตนเองผานระบบอนเตอรเนตเกยวกบความรทวไปส าหรบเดกประถมศกษาใหมประสทธภาพ 1.7.2 ท าใหผเรยนสามารถเขาในบทเรยนนอยางเขาใจและท าใหผเรยนพฒนาทกษะการเรยนรใหดยงขน 1.7.3 ท าใหผเรยนไดเรยนรเกยวกบความรทวไปส าหรบเดกประถมศกษา ไดเปนอยางด
147
ภาคผนวก จ รายงานการพบอาจารยทปรกษา
148
รายงานการเขาพบทปรกษา
ชอเรอง สอการเรยนรดวยตนเองผานระบบอนเตอรเนตเกยวกบความรทวไปส าหรบเดกประถมศกษา ผศกษา นางสาวกลยา แกวพรรณา รหส 50010912020 BC 505 นางสาวสรพร รงไสย รหส 50010912680 BC 505 ทปรกษา อาจารยณฐอาภา สจจาวาท วน เดอน ป รายงานความคบหนา ลายมอชอทปรกษา 07/12/2010 สงความคบหนาของตวสอ 18/02/2011 สงความคบหนารปแบบเวบไซตและการจดการภายในเวบไซต 20/02/2011 สงความคบหนาของสอมลตมเดย 29/03/2011 สงความคบหนาสอทจะท าเพมและขอเปลยนชอเรองทท า 17/05/2011 สงความคบหนาตวสอ