SM
Uploaded bySirirat Mahawan
177 views

Midterm

ข้อสอบกลางภาค ประจำภาคเรียนที่ 1 ปีการศึกษา 2560

Embed presentation

Download to read offline
1/15 มหาวิทยาลัยเทคโนโลยีราชมงคลล้านนาลาปาง ข้อสอบกลางภาค ประจาภาคเรียนที่ 1 ปีการศึกษา 2560 วิชา 12031204 การเขียนโปรแกรมบนเว็บ คะแนนเต็ม 30 คะแนน ผู้สอน อ.นราวิชญ์ ความหมั่น (0841517164) คาชี้แจง อนุญาตให้นากระดาษA4 เขียนสรุปด้วยปากกา สีน้าเงิน และสีแดง เข้าห้องสอบได้ 1 แผ่น และนาส่งพร้อม กระดาษเขียนตอบ 1. หลักการคานวณทางคอมพิวเตอร์ (แสดงวิธีทา : สัญญาลักษณ์ +(บวก) , –(ลบ) , ^(ยกกาลัง) , * (คูณ) , / (หาร) ) 10 + 2 * 8 ^ 2 * 5 - 4 (10 + 2) * 8 ^ 2 * ( 5 -4) 10 + 2 * 8 / (2 * 5 - 4) 10 + 2 * 64 * 5 - 4 10 + 128 * 5 - 4 10 + 640 - 4 650 - 4 646 12 * 8 ^ 2 * 1 12 * 64 * 1 768 * 1 768 10 + 2 * 8 / (10 - 4) 10 + 2 * 8 / 6 10 + 16 / 6 10 + 2.66 12.6 ผลลัพธ์ 646 ผลลัพธ์ 768 ผลลัพธ์ 12.6 2. อินทราเน็ต(Intranet) คือ ระบบเครือข่ายคอมพิวเตอร์มีการเชื่อมต่อเข้าด้วยกัน ในระยะหรือบริเวณไม่ไกล หรือ บริเวณตึก ภายในองค์กร เพื่อแลกเปลี่ยนข้อมูล ไฟล์ ใช้อุปกรณ์ร่วมกัน เช่น เครื่องคอมพิวเตอร์ เป็นต้น 3.อินเตอร์เน็ต(Internet) คือ ระบบเครือข่ายคอมพิวเตอร์ที่มีการเชื่อมต่อกันเป็นระบบ wan สามารถเขื่อมต่อกัน ทั่วโลก เพื่อการสื่อสาร แลกเปลี่ยนข้อมูล บริการบนอินเตอร์เน็ต 1. www การบริการเว็บไซต์ 2. FTP (File Transfer Protocol บริการแลกเปลี่ยนแฟ้มข้อมูล ตัวอย่าง FileZilla 3. Telnet บริการใช้คอมพิวเตอร์ในระยะไกล ตัวอย่าง Remote Desktop, Teamviewer 4. บริการด้านการสื่อสารต่าง ๆ 4.เครือข่ายคอมพิวเตอร์ หมายถึง การเชื่อมต่อเครื่องคอมพิวเตอร์ตั้งแต่ 2 เครื่อง โดยสามารถสื่อสารกันด้วย หมายเลข IP Address รหัสนักศึกษา 59621204017-1 ชื่อ-สกุล นางสาวศิริรัตน์ มหาวัน
2/15 5. จากรูปตอบคาถาม 5.1 จากรูปอุปกรณ์ A เรียกว่า Router มีหน้าที่ เพื่อเชื่อมต่อเครือข่ายภายนอก หรือ หาเส้นทางการสื่อสารที่ดีที่สุด 5.2 จากรูปอุปกรณ์ B เรียกว่า Switching Hub มีหน้าที่ กระจาย หรือ ขยายสัญญาณ 5.3 จากรูปสถาปัตยกรรมของระบบเครือข่าย (Network Architecture) หรือโทโปโลยี (Topology) แบบ Star Topology ต้องมีอุปกรณ์ส่วนกลาง เพื่อขยายสัญญาณ และทุกเครื่องก็มีการเชื่อมต่อผ่านสาย UTP ข้อดี ดูแล และตรวจสอบง่าย เครื่องใดเครื่องหนึ่งเสียหายก็ไม่มีผลกระทบต่อระบบ ข้อเสีย ค่าใช้จ่ายสูง แต่ถ้าอุปกรณ์ส่วนกลาง Hub เสียก็ใช้งานไม่ได้ทั้งหมด 5.4 จากรูป การสื่อสารเครือข่ายคอมพิวเตอร์ สามารถสื่อสารด้วยใช้หมายเลขที่เรียกว่า IP Address ตัวอย่างจากรูปมีหมายเลข 192.168.1.31
3/15 6. อธิบายหลักการทางานของ Client- Server Web Application 1. เว็บบราวเซอร์ ร้องขอไฟล์ index.php ไปยังเว็บเซอร์เวอร์ http://www.lpc.rmutl.ac.th 2. เว็บบราวเซอร์ เช่น Appserv (เครื่อง Sever) ทาหน้าที่รับการร้องขอจาก Client (Web browser เช่น google chorme) 3. เมื่อตรวจสอบนามสกุล php เว็บบราวเซอร์ จะส่งต่อให้ ภาษา php engine ในการแปล Tag ให้เป็นภาษา HTML 4. ถ้ามีการเชื่อมต่อฐานข้อมูล php engine ก็เชื่อมต่อฐานข้อมูล MySQL ผ่านภาษา SQL 5. และส่งผลลัพธ์ที่ได้จากการแปลเป็นภาษา HTML ส่งคืนให้กับเว็บบราวเซอร์ในฝั่ง Client
4/15 การจาลองและติดตั้งเครื่องคอมพิวเตอร์เป็น Web Server ด้วยการลงโปรแกรม AppServ จะได้ โปรแกรมสาหรับการพัฒนา Web Application ทั้งหมด 4 โปรแกรม คือ 1.Apache Web Server เป็นเว็บเซิร์ฟเวอร์ที่เป็นแบบโอเพ่นซอส 2.PHP Script Language เป็นภาษาที่ใช้ในการเขียนโค๊ดโปรแกรม ต้องฝังในภาษา SQL เป็นภาษาที่ ได้รับความนิยมอย่างมากในการใช้เว็บโปรแกรม 3.MySQL Database เครื่องมือการจัดการฐานข้อมูลที่เก็บไว้ยังเซิร์ฟเวอร์ 4.phpMyAdmin Database Manager เป็นเครื่องมือซอฟต์แวร์ฟรีที่เขียนขึ้นใน PHP ซึ่งมีวัตถุประสงค์ เพื่อจัดการการบริหาร MySQL ผ่านเว็บ phpMyAdmin สามารถดาเนินการผ่านอินเทอร์เฟซผู้ใช้ขณะที่คุณยังมี ความสามารถในการรันคาสั่ง SQL ได้โดยตรง 7. ภาษา HTML : ( Hyper Text Markup Language) คือ ภาษาคอมพิวเตอร์ที่ใช้แสดงผลของเอกสารบน website ถูกพัฒนาและกาหนดมาตรฐานโดยองค์กร World wide web consortium (W3C) HML5
5/15 มีโครงสร้าง 2 ส่วน คือ แทก head กับ Body ตัวอย่างโครงสร้างภาษา Html เขียนคาสั่งดังนี้ <html> <head><title> หัว </title></head> <body> เนื้อหา </body> </html> ตัวอย่าง Tag พื้นฐานภาษา HTML 1. ทา Link ไปยังเว็บมหาวิทยาลัย www.lpc.rmutl.ac.th เขียนคาสั่งอย่างไร <a href=”http://www.lpc.rmutl.ac.th”> www.lpc.rmutl.ac.th </a> 2. การใส่รูปภาพ 01.jpg ในเพจ เขียนคาสั่ง อย่างไร <img scr=”01.jpg” width=150 hight=150 3. เขียนโครงสร้างของ Tag ตาราง 2 แถว 3 คอลัมน์ <table> <tr> <td> ค1 </td> <td> ค2 </td> <td> ค3 </td> </tr> <tr> <td> ค1 </td> <td> ค2 </td> <td> ค3 </td> </tr> </table> 4. Tag <p> กับ Tag <br> ต่างกันอย่างไร <p> ย่อหน้า </p> ห่าง 1 บรรทัด <br> ขึ้นบรรทัดใหม่ 5. tag <H> คือ กาหนดหัวตัวอักษร <H1> <H5> (ใหญ่ ไปเล็ก) ตัวอย่างใช้งาน <H1> ใหญ่สุด </H1> 6. Tag Form คือ สาหรับการรับค่าจากผู้ใช้ 7. ตัวอย่าง การใช้งานหรือรูปแบบ <form method=post action=file.php> <input type=text name=code> </form> 8. Cascading Style Sheets คือ ภาษสาหรับการจัดรูปแบบการแสดงผลบนเว็บไซต์ ประโยชน์ 1. ช่วยการทางานในการเขียนภาษา HTML 2. จัดรูปแบบของเว็บไซต์ให้สวยงาม และลดขั้นตอนการเขียนคาสั่ง
6/15 9.พื้นฐานหลักการเขียนโปรแกรม ภาษา PHP 9.1 ผลลัพธ์ค่าของ X คือ 4 X=3 , Y=1 If 3==1 (F) X = 3 + 1 4 9.2 ผลลัพธ์ค่าของ x , y , i คือ X = 105 , Y = 5 , I = 2 X=100 , i=1 , Y=5 While 100 <= 100 (T) ผลลัพธ์ X = 100 + 5 * 1 105 I = 1 + 1 2 X = 105 , Y = 5 , I = 2 9.3 จงหาผลลัพธ์ของ f , k และ I คือ F=120 , K=0 , i=5
7/15 N = 5 , f = 1 , k =5 , I = 0 While 5 >= 1 (T) ผลลัพธ์ F = 1 * 5 5 K = 5 – 1 4 I = 0 + 1 1 While 4 >=1 (T) F = 5 * 4 20 k = 4 – 1 3 I = 1 + 1 2 While 3>=1 (T) F = 20* 3 60 K = 3 – 1 2 I = 2 + 1 3 While 2>=1 (T) F = 60 * 2 120 K = 2 – 1 1 I = 3 + 1 4 While1>=1 (T) F = 120 * 1 120 K = 1– 1 0 I = 4 + 1 5 While 0>=1 (F) F=120 K=0 I=5 import java.util.*; import java.lang.Math; class JavaApplication { public static void main(String[] args) { int n; int f; int k; int i;
8/15 n = 5; f = 1; k = n; i = 0; while (k >= 1) { f = f * k; k = k - 1; i = i + 1; } System.out.println("f =" + f); System.out.println("k = " + k); System.out.println("i = " + i); System.out.println("f = " + f + "k=" + k + "i=" + i); } } <?php # Main $n = 5; $f = 1; $k = $n; $i = 0; while ($k >= 1) { $f = $f * $k; $k = $k - 1; $i = $i + 1; } echo "f =" . $f . PHP_EOL; echo "k = " . $k . PHP_EOL; echo "i = " . $i . PHP_EOL; echo "f = " . $f . "k=" . $k . "i=" . $i . PHP_EOL; ?>
9/15 ผลลัพธ์ 10. ร้าน Big-C ต้นยาง เปิดร้านใหม่ ต้องการส่งเสริมการขายสินค้า ถ้าลูกค้าซื้อสินค้ารวมเป็นเงินทุกๆ 800 บาท ได้คูปองส่วนลดสาหรับแลกซื้อครั้งต่อไป 50 บาท โดยการกาจัดคูปอง 3 คูปองต่อ 1 ใบเสร็จ ถ้านักศึกษาซื้อสินค้ารวมเป็นเงิน 3500 บาท จะได้คูปองกี่ใบ รวมเป็นเงินกี่บาท ให้นักศึกษา 1. วิเคราะห์งาน รับค่า ซื้อสินค้า (goodsprice) = 3500 ประมวลผล ส่วนลด prire = goodsprice / 800 = int(3500 / 800) = 4 ตรวจสอบเงื่อนไข If price>=3 price = 3 end if discount = price * 50 แสดงผล จานวนซื้อ 3500 (goodprice) price 3 (ส่วนลดจานวน) discount 150 (ส่วนลด)
10/15 2. เขียนผังงาน 3. เขียนโปรแกรม <?php # The following function is called whenever your program needs to input data. # You can change it to use other sources rather than fgets(). function input() { return fgets(STDIN); } # Main echo "รับค่าซื้อสินค้า = " . PHP_EOL; $goodsprice = input(); $price = floor($goodsprice / 800); if ($price >= 3) { $price = 3; } $discount = $price * 50; echo "ซื้อสินค้าจานวน = " . $goodsprice . PHP_EOL; echo "ส่วนลดจานวน = " . $price . PHP_EOL; echo "ส่วนลด = " . $discount . PHP_EOL; ?>
11/15 11. โปรแกรมที่นักศึกษาใช้สาหรับในการเขียนโปรแกรมภาษา Html และ PHP มีโปรแกรม(Editor) อะไรบ้างที่ นักศึกษาได้ใช้สาหรับการเขียนโปรแกรมดังกล่าว พร้อมอธิบายข้อดีและข้อเสีย 11.1 Dream weaver ข้อดี โปรแกรมจะทาการแปลงรหัสคาสั่งให้เป็นภาษา HTML โดยอัตโนมัติ ดังนั้น ผู้ใช้ที่ไม่มี ความรู้ ด้านนี้ก็สามารถทาได้มีแถบเครื่องมือหรือแถบคาสั่งที่ใช้ในการควบคุมการทางาน แบ่งออกเป็นหมวดหมู่ จึงช่วยใน การ ทางานที่ดีขึ้นและรวดเร็วยิ่งขึ้น สนับสนุนเว็บเพจที่เป็นภาษาไทยได้ดี มีคุณสมบัติที่สามารถจัดการกับรูปภาพเคลื่อนไหว โดยไม่ต้องอาศัย Plug-in สามารถเรียกใช้ตารางจากภายนอก โดยการอิมพอร์ตจาก Text File เป็นโปรแกรมที่สามารถสนับสนุนการใช้งาน CSS (Cascading Style Sheet) มีความสามารถในการทา Drop Down Menu รวมถึงการทาให้รูปภาพเปลี่ยนเมื่อนาเมาส์ไปชี้ เป็นต้น ข้อเสีย หน้าจอที่แสดงผลเสมือนจริง กับการแสดงผลจริงใน web browser อาจไม่ตรงกัน ขึ้นอยู่กับ web browser ที่เราใช้ด้วย 11.2 Editplus ข้อดี - สามารถใช้กับภาษาไทยได้ - แยกคาสั่งต่างๆ ด้วยการแสดงสีที่ไม่เหมือนกัน ทาให้เราสามารถตรวจสอบได้ง่ายว่า เราพิมพ์ผิดที่คาสั่งไหน - สามารถทาตัวเองเป็น web browser ได้ด้วย (IE 5.XX Compatible) - เมื่อเขียนเวบด้วยภาษา HTML เสร็จแล้ว สามารถดูการแสดงผลได้เลยทันที โดยใช้เมนู View > View in Browser หรือ Ctrl-B หรือ ใช้วิธีคลิ๊กปุ่มไอคอน View in Browser - เปิดไฟล์ได้ทีละหลายๆไฟล์พร้อมกัน - สามารถค้นหาและแทนที่ (Find & Replace) ข้อความเดียวกันได้ทีละหลายๆไฟล์พร้อมกัน - สามารถค้นหาข้อความที่ต้องการ ว่าปรากฏอยู่ในไฟล์ไหนบ้าง (แสดงหมายเลขบรรทัดด้วย) ในไดเรคทอรี่เดียวกัน ข้อเสีย มี bug เวลา open file บางชนิดใน windows ครับ มันจะขึ้นเป็นหน้าว่างขึ้นได้บางไม่ได้บ้างต้องเปิดแล้วปิดใหม่ หรือ บางครั้งต้อง restart แนวทางในการศึกษา เว็บไซต์ชื่อ www.w3shcool.com อธิบายหน้าที่และประโยชน์ของโปรแกรม 1. FileZilla มีหน้าที่หลักๆ ในการส่งถ่ายข้อมูลจากเครื่องหนึ่งไปยังอีกเครื่องหนึ่งโดย ผ่านระบบ Server โดยการใช้ งาน FTP นี้เราต้องสร้างช่องทางสื่อสารในระดับ TCP ออกมา 2 ช่องทางก่อนคือ ช่องทางรับและส่งข้อมูล อีกหนึ่ง ช่องทางคือ ช่องทางในการรับคาสั่งจากผู้ใช้งานซึ่งก่อนที่จะโอนถ่ายข้อมูลนั้น เราจาเป็นต้องใส่ชื่อผู้ใช้และรหัสผ่าน ให้กับ Server ก่อนด้วย ประโยชน์ เหมาะสมสาหรับการส่งข้อมูลที่มีขนาดใหญ่ เพราะเมื่อมีการขาดตอนของข้อมูลขณะที่กาลังถ่ายโอน ระบบ FTP จะสามารถต่อข้อมูลนั้นให้อัตโนมัติซึ่งจะต่างจากการ Copy ไฟล์แบบธรรมดา เมื่อมีการขาดช่วง หรือมีการขาด ตอนของ ข้อมูล จะต้องเริ่มต้นใหม่ทั้งหมด 2. TeamViewer มีหน้าที่สาหรับการใช้งานในการเชื่อมต่อระหว่าง คอมพิวเตอร์จากระยะไกลตัว โดยมีฟังก์ชั่นการ ใช้งานอย่างง่าย และมีระบบความปลอดภัยที่น่าเชื่อถือ ขนาด โปรแกรมไม่ใหญ่มาก สามารถใช้งานได้โดยไม่จาเป็นต้องติดตั้ง โปรแกรมลงเครื่อง นอกจากการใช้งานในแบบ Remote Support ได้แล้ว ยังสามารถใช้งานในลักษณะ Remote presentation Remote administration และสามารถใช้งานผ่านทางอินเทอร์เน็ตโดยที่ไม่ต้องทาการตั้งค่าไฟร์วอลล์ใหม่ ประโยชน์ ช่วยให้ผู้ที่อยู่ห่างไกล สามารถช่วยเราในการทางานในเครื่องคอมพิวเตอร์ของเรา ดูแลการทางาน เบื้องต้น ซึ่งโปรแกรมนี้จะมีประโยชน์มากหากนามาใช้ในองค์กร เนื่องจากจะลดเวลาการไป service ของเจ้าหน้าที่ บางครั้ง
12/15 อาจจะเป็นแค่เรื่องเล็กๆน้อยๆ เช่น สั่งพิมพ์ไม่ออก เปิดโปรแกรมไม่ได้จาเมนูต่างๆของโปรแกรมไม่ได้และเหมาะสาหรับ สาหรับคนที่มีความต้องการจะเข้าไปควบคุมเครื่องคอมพิวเตอร์เครื่องอื่น ซึ่งแล้วแต่วัตถุประสงค์เช่น ผู้ใช้ปลายทางอาจจะ ต้องการให้ช่วยติดตั้งโปรแกรม ช่วยเข้าไปดูการทางานของเครื่องคอมพิวเตอร์ 3. Dream weaverใช้สาหรับการพัฒนาเว็บไซต์โดยมีคุณสมบัติในการออกแบบและสร้างเว็บเพจ จนถึงการพัฒนา แอพลิเคชั่นเบื้องต้น ซึ่งในโปรแกรมตัวนี้มีเครื่องมือสาหรับการวางข้อความ ภาพกราฟิก ตาราง แบบฟอร์ม พร้อมทั้งมัลติมีเดีย ต่างๆ ประโยชน์ ช่วยให้เขียนเว็บไซต์ได้ง่ายขึ้น แก้ไขได้ง่ายขึ้น และมีเครื่องมืออานวยความสะดวก มากมายที่มีประโยชน์ ในการทาเว็บไซต์ 4. Sniping Toolsโปรแกรมจับภาพหน้าจอที่มาพร้อมกับ Windows 7 ซึ่งเป็นโปรแกรมที่หลายคนมองข้าม หรือที่ ตัวเองใช้อยู่จึงทาให้ผู้ใช้งานหาซอฟต์แวร์ที่เฉพาะที่ใช้สาหรับจับภาพหน้าจอ ซึ่งอาจจะมีความยุ่งยากในการใช้งาน หรือแม้กระ ทั้งเป็นโปรแกรมที่มีลิขสิทธิ์ ทาให้ไม่สามารถใช้งานได้ถาวร ประโยชน์ ช่วยสาหรับจับภาพหน้าจอในคอมพิวเตอร์ครับ ซึ่งจะมาช่วยอานวยความสะดวกให้กับผู้ใช้จากที่ต้องกด Print Screen แล้วไปวางใน Paint แล้วจึงเซฟออกมา ซึ่งต้องทาหลายๆ ขั้นตอนมาบวกกับภาพที่ได้ยังไม่ชัดอีกด้วย 12. ตาราง Order ประกอบด้วยแอตทริบิวต์ เลขที่ไปสั่งซื้อ วันที่สั่งซื้อ รหัสลูกค้า ชื่อลูกค้า ชื่อลูกค้า รหัสสินค้า ชื่อ สินค้า จานวนที่ซื้อ ราคาต่อหน่วย ดังนี้ 1. จงหา Normalization ตาราง Order ให้อยู่ในรูปของ 1NF–3NF ตาราง Order 1NF RELATION: Order Order_Id OrderDate Cus_Id Cus_Name Prod_Id Prod_Name Amount Price OR001 02/09/2555 C001 เดวิด P12 ตู้เย็น 4 4000 OR001 02/09/2555 C001 เดวิด P01 พัดลม 3 2000 OR001 02/09/2555 C001 เดวิด P09 แอร์ 4 6000 OR002 02/09/2555 C005 การโรงแรม P04 เตาอบ 3 3000
13/15 OR002 02/09/2555 C005 การโรงแรม P01 พัดลม 2 2000 คีย์หลักคือ Order_Id + Prod_Id 2NF นิยามของ 2NF ไม่มีการขึ้นต่อกันแบบบางส่วนของคีย์หลัก RELATION: Order Order_Id OrderDate Cus_Id Cus_Name OR001 02/09/2555 C001 เดวิด OR002 02/09/2555 C005 การโรงแรม Relation Order (Order_Id, OrderDate, Cus_Id, Cus_Name) RELATION: Order_Detail Order_Id Prod_Id Amount OR001 P12 4 OR001 P01 3 OR001 P09 4 OR002 P04 3 OR002 P01 2 Relation Order_Detail (Order_Id, Prod_Id, Amount) RELATION: Product Prod_Id Prod_Name Price P12 ตู้เย็น 4000 P01 พัดลม 2000 P09 แอร์ 6000 P04 เตาอบ 3000 Relation Product (Prod_Id, Prod_Name, Price) 3NF นิยาม 3NF ไม่มีการขึ้นต่อการแบบทรานซิทีฟ RELATION: Order Order_Id OrderDate Cus_Id Cus_Name OR001 02/09/2555 C001 เดวิด OR002 02/09/2555 C005 การโรงแรม
14/15 RELATION: Order Order_Id OrderDate Cus_Id OR001 02/09/2555 C001 OR002 02/09/2555 C005 Relation Order (Order_Id, OrderDate, Cus_Id) RELATION: Customer Cus_Id Cus_Name C001 เดวิด C005 การโรงแรม Relation Customer (Cus_Id, Cus_Name) RELATION: Order_Detail Order_Id Prod_Id Amount OR001 P12 4 OR001 P01 3 OR001 P09 4 OR002 P04 3 OR002 P01 2 Relation Order_Detail (Order_Id, Prod_Id, Amount) RELATION: Product Prod_Id Prod_Name Price P12 ตู้เย็น 4000 P01 พัดลม 2000 P09 แอร์ 6000 P04 เตาอบ 3000 Relation Product (Prod_Id, Prod_Name, Price) สรุป Relation 1. Relation Order (Order_Id, OrderDate, Cus_Id) 2. Relation Order_Detail (Order_Id, Prod_Id, Amount) 3. Relation Customer (Cus_Id, Cus_Name) 4. Relation Product (Prod_Id, Prod_Name, Price) 2. เขียนแผนภาพ ER-Model
15/15 3. หลังจากการออกแบบ Normalization ให้ยกตัวอย่างการใช้ภาษา SQL สาหรับการ เพิ่ม , ลบ , แก้ไข และแสดงข้อมูล SQL เพิ่มข้อมูล Insert into Product(Prod_Id,Prod_Name,Price) values (‘P05’,’ไมโครเวฟ’,’1300’); SQL แก้ไข Update Product set Prod_Name = ’เครื่องซักผ้า’ where Prod_Id = ’P05’; SQL แสดงข้อมูล แสดงแบบมีเงื่อนไข Select *from Prod_Id where Prod_Id = ’P05’; แสดงแบบไม่มีเงื่อนไข Select *from Product; SQL ลบ Delete Product where Prod_Id =’P05’; 12. ถ้านักศึกษาต้องการให้ตนเอง มีความรู้เกี่ยวกับวิชาการเขียนโปรแกรมบนเว็บและสามารถประยุกต์ใช้งานได้ นักศึกษาและอาจารย์ผู้สอน ควรปรับปรุงการจัดการเรียนการสอนอย่างไร นาไปประยุกต์กับฐานข้อมูลที่ติอต่อกับเว็บเซริฟ์เวอร์ สามารถเขียนโค๊ดโปรแกรมซึ่งการเขียนมีหลายขั้นตอนต้องทา ความเข้าใจและนาความรู้ในหลายๆด้านเข้ามาด้วยกัน ไม่ว่าจะเป็นการศึกษานอกห้องเรียนการค้นคว้าทางอินเทอร์เน็ตเมื่อเขียน เสร็จก็สามารถนาไปแสดงผลออกมาทางหน้าจอให้แก่ผู้ใช้งาน

More Related Content

PPT
C language
byA-kung Vakul
 
PDF
Java Programming: โครงสร้างควบคุม
byThanachart Numnonda
 
PPT
บทที่ 4 การเขียนโปรแกรมภาษาแอสแซมบลี
byNattawut Kathaisong
 
PPT
บทที่ 5 พื้นฐานภาษาซี
byNattawut Kathaisong
 
PDF
Java Programming: การสร้างส่วนต่อประสานกราฟิกกับผู้ใช้ (Java GUI)
byThanachart Numnonda
 
PDF
การเขียนคำสั่งขั้นพื้นฐาน(ภาษาC)
byVisaitus Palasak
 
PDF
Java Programming: อะเรย์และคอลเล็กชั่น
byThanachart Numnonda
 
PDF
Java Programming: คลาสอินพุตและเอาต์พุต
byThanachart Numnonda
 
C language
byA-kung Vakul
 
Java Programming: โครงสร้างควบคุม
byThanachart Numnonda
 
บทที่ 4 การเขียนโปรแกรมภาษาแอสแซมบลี
byNattawut Kathaisong
 
บทที่ 5 พื้นฐานภาษาซี
byNattawut Kathaisong
 
Java Programming: การสร้างส่วนต่อประสานกราฟิกกับผู้ใช้ (Java GUI)
byThanachart Numnonda
 
การเขียนคำสั่งขั้นพื้นฐาน(ภาษาC)
byVisaitus Palasak
 
Java Programming: อะเรย์และคอลเล็กชั่น
byThanachart Numnonda
 
Java Programming: คลาสอินพุตและเอาต์พุต
byThanachart Numnonda
 

Similar to Midterm

PPT
PHP Tutorial (introduction)
byTinnakorn Puttha
 
PPT
Php
byNaresuan University Library
 
PPT
Php beginner
bySomsak Nopharat
 
PPT
ขั้นตอนการเขียนโปรแกรมคอมพิวเตอร์
bybpatra
 
PPT
ขั้นตอนการเขียนโปรแกรม
bybpatra
 
PDF
ใบงานหลักสูตรวิชาการเขียนเว็บไซต์
bykrunoommr
 
PDF
การเขียนโปรแกรมบนเว็บ
byKhon Kaen University
 
PDF
แผนการสอน 231223 การเขียนโปรแกรมภาษาซี ไตรภาค
byAtit Patumvan
 
PPT
การพัฒนาโปรแกรม วิชญา
bywinewic199
 
PPT
การพัฒนาโปรแกรม วิชญา เลขที่ 26.2
bywinewic199
 
PPT
การพัฒนาโปรแกรม วิชญา เลขที่ 26.2
bywinewic199
 
PDF
Chapter1
byOng Lada
 
PDF
Book sru
byphochai
 
DOC
โปรแกรม
bythanapon51105
 
PPT
1
byphubate louimsai
 
PPT
1
byphubate louimsai
 
PDF
php
byMameawjung ZaZa
 
PDF
Course4311302
byekkawit sittiwa
 
PDF
Ch18
byburin rujjanapan
 
PDF
Ch19
byburin rujjanapan
 
PHP Tutorial (introduction)
byTinnakorn Puttha
 
Php
byNaresuan University Library
 
Php beginner
bySomsak Nopharat
 
ขั้นตอนการเขียนโปรแกรมคอมพิวเตอร์
bybpatra
 
ขั้นตอนการเขียนโปรแกรม
bybpatra
 
ใบงานหลักสูตรวิชาการเขียนเว็บไซต์
bykrunoommr
 
การเขียนโปรแกรมบนเว็บ
byKhon Kaen University
 
แผนการสอน 231223 การเขียนโปรแกรมภาษาซี ไตรภาค
byAtit Patumvan
 
การพัฒนาโปรแกรม วิชญา
bywinewic199
 
การพัฒนาโปรแกรม วิชญา เลขที่ 26.2
bywinewic199
 
การพัฒนาโปรแกรม วิชญา เลขที่ 26.2
bywinewic199
 
Chapter1
byOng Lada
 
Book sru
byphochai
 
โปรแกรม
bythanapon51105
 
1
byphubate louimsai
 
1
byphubate louimsai
 
php
byMameawjung ZaZa
 
Course4311302
byekkawit sittiwa
 
Ch18
byburin rujjanapan
 
Ch19
byburin rujjanapan
 

Midterm

  • 1.
    1/15 มหาวิทยาลัยเทคโนโลยีราชมงคลล้านนาลาปาง ข้อสอบกลางภาค ประจาภาคเรียนที่ 1ปีการศึกษา 2560 วิชา 12031204 การเขียนโปรแกรมบนเว็บ คะแนนเต็ม 30 คะแนน ผู้สอน อ.นราวิชญ์ ความหมั่น (0841517164) คาชี้แจง อนุญาตให้นากระดาษA4 เขียนสรุปด้วยปากกา สีน้าเงิน และสีแดง เข้าห้องสอบได้ 1 แผ่น และนาส่งพร้อม กระดาษเขียนตอบ 1. หลักการคานวณทางคอมพิวเตอร์ (แสดงวิธีทา : สัญญาลักษณ์ +(บวก) , –(ลบ) , ^(ยกกาลัง) , * (คูณ) , / (หาร) ) 10 + 2 * 8 ^ 2 * 5 - 4 (10 + 2) * 8 ^ 2 * ( 5 -4) 10 + 2 * 8 / (2 * 5 - 4) 10 + 2 * 64 * 5 - 4 10 + 128 * 5 - 4 10 + 640 - 4 650 - 4 646 12 * 8 ^ 2 * 1 12 * 64 * 1 768 * 1 768 10 + 2 * 8 / (10 - 4) 10 + 2 * 8 / 6 10 + 16 / 6 10 + 2.66 12.6 ผลลัพธ์ 646 ผลลัพธ์ 768 ผลลัพธ์ 12.6 2. อินทราเน็ต(Intranet) คือ ระบบเครือข่ายคอมพิวเตอร์มีการเชื่อมต่อเข้าด้วยกัน ในระยะหรือบริเวณไม่ไกล หรือ บริเวณตึก ภายในองค์กร เพื่อแลกเปลี่ยนข้อมูล ไฟล์ ใช้อุปกรณ์ร่วมกัน เช่น เครื่องคอมพิวเตอร์ เป็นต้น 3.อินเตอร์เน็ต(Internet) คือ ระบบเครือข่ายคอมพิวเตอร์ที่มีการเชื่อมต่อกันเป็นระบบ wan สามารถเขื่อมต่อกัน ทั่วโลก เพื่อการสื่อสาร แลกเปลี่ยนข้อมูล บริการบนอินเตอร์เน็ต 1. www การบริการเว็บไซต์ 2. FTP (File Transfer Protocol บริการแลกเปลี่ยนแฟ้มข้อมูล ตัวอย่าง FileZilla 3. Telnet บริการใช้คอมพิวเตอร์ในระยะไกล ตัวอย่าง Remote Desktop, Teamviewer 4. บริการด้านการสื่อสารต่าง ๆ 4.เครือข่ายคอมพิวเตอร์ หมายถึง การเชื่อมต่อเครื่องคอมพิวเตอร์ตั้งแต่ 2 เครื่อง โดยสามารถสื่อสารกันด้วย หมายเลข IP Address รหัสนักศึกษา 59621204017-1 ชื่อ-สกุล นางสาวศิริรัตน์ มหาวัน
  • 2.
    2/15 5. จากรูปตอบคาถาม 5.1 จากรูปอุปกรณ์A เรียกว่า Router มีหน้าที่ เพื่อเชื่อมต่อเครือข่ายภายนอก หรือ หาเส้นทางการสื่อสารที่ดีที่สุด 5.2 จากรูปอุปกรณ์ B เรียกว่า Switching Hub มีหน้าที่ กระจาย หรือ ขยายสัญญาณ 5.3 จากรูปสถาปัตยกรรมของระบบเครือข่าย (Network Architecture) หรือโทโปโลยี (Topology) แบบ Star Topology ต้องมีอุปกรณ์ส่วนกลาง เพื่อขยายสัญญาณ และทุกเครื่องก็มีการเชื่อมต่อผ่านสาย UTP ข้อดี ดูแล และตรวจสอบง่าย เครื่องใดเครื่องหนึ่งเสียหายก็ไม่มีผลกระทบต่อระบบ ข้อเสีย ค่าใช้จ่ายสูง แต่ถ้าอุปกรณ์ส่วนกลาง Hub เสียก็ใช้งานไม่ได้ทั้งหมด 5.4 จากรูป การสื่อสารเครือข่ายคอมพิวเตอร์ สามารถสื่อสารด้วยใช้หมายเลขที่เรียกว่า IP Address ตัวอย่างจากรูปมีหมายเลข 192.168.1.31
  • 3.
    3/15 6. อธิบายหลักการทางานของ Client-Server Web Application 1. เว็บบราวเซอร์ ร้องขอไฟล์ index.php ไปยังเว็บเซอร์เวอร์ http://www.lpc.rmutl.ac.th 2. เว็บบราวเซอร์ เช่น Appserv (เครื่อง Sever) ทาหน้าที่รับการร้องขอจาก Client (Web browser เช่น google chorme) 3. เมื่อตรวจสอบนามสกุล php เว็บบราวเซอร์ จะส่งต่อให้ ภาษา php engine ในการแปล Tag ให้เป็นภาษา HTML 4. ถ้ามีการเชื่อมต่อฐานข้อมูล php engine ก็เชื่อมต่อฐานข้อมูล MySQL ผ่านภาษา SQL 5. และส่งผลลัพธ์ที่ได้จากการแปลเป็นภาษา HTML ส่งคืนให้กับเว็บบราวเซอร์ในฝั่ง Client
  • 4.
    4/15 การจาลองและติดตั้งเครื่องคอมพิวเตอร์เป็น Web Serverด้วยการลงโปรแกรม AppServ จะได้ โปรแกรมสาหรับการพัฒนา Web Application ทั้งหมด 4 โปรแกรม คือ 1.Apache Web Server เป็นเว็บเซิร์ฟเวอร์ที่เป็นแบบโอเพ่นซอส 2.PHP Script Language เป็นภาษาที่ใช้ในการเขียนโค๊ดโปรแกรม ต้องฝังในภาษา SQL เป็นภาษาที่ ได้รับความนิยมอย่างมากในการใช้เว็บโปรแกรม 3.MySQL Database เครื่องมือการจัดการฐานข้อมูลที่เก็บไว้ยังเซิร์ฟเวอร์ 4.phpMyAdmin Database Manager เป็นเครื่องมือซอฟต์แวร์ฟรีที่เขียนขึ้นใน PHP ซึ่งมีวัตถุประสงค์ เพื่อจัดการการบริหาร MySQL ผ่านเว็บ phpMyAdmin สามารถดาเนินการผ่านอินเทอร์เฟซผู้ใช้ขณะที่คุณยังมี ความสามารถในการรันคาสั่ง SQL ได้โดยตรง 7. ภาษา HTML : ( Hyper Text Markup Language) คือ ภาษาคอมพิวเตอร์ที่ใช้แสดงผลของเอกสารบน website ถูกพัฒนาและกาหนดมาตรฐานโดยองค์กร World wide web consortium (W3C) HML5
  • 5.
    5/15 มีโครงสร้าง 2 ส่วนคือ แทก head กับ Body ตัวอย่างโครงสร้างภาษา Html เขียนคาสั่งดังนี้ <html> <head><title> หัว </title></head> <body> เนื้อหา </body> </html> ตัวอย่าง Tag พื้นฐานภาษา HTML 1. ทา Link ไปยังเว็บมหาวิทยาลัย www.lpc.rmutl.ac.th เขียนคาสั่งอย่างไร <a href=”http://www.lpc.rmutl.ac.th”> www.lpc.rmutl.ac.th </a> 2. การใส่รูปภาพ 01.jpg ในเพจ เขียนคาสั่ง อย่างไร <img scr=”01.jpg” width=150 hight=150 3. เขียนโครงสร้างของ Tag ตาราง 2 แถว 3 คอลัมน์ <table> <tr> <td> ค1 </td> <td> ค2 </td> <td> ค3 </td> </tr> <tr> <td> ค1 </td> <td> ค2 </td> <td> ค3 </td> </tr> </table> 4. Tag <p> กับ Tag <br> ต่างกันอย่างไร <p> ย่อหน้า </p> ห่าง 1 บรรทัด <br> ขึ้นบรรทัดใหม่ 5. tag <H> คือ กาหนดหัวตัวอักษร <H1> <H5> (ใหญ่ ไปเล็ก) ตัวอย่างใช้งาน <H1> ใหญ่สุด </H1> 6. Tag Form คือ สาหรับการรับค่าจากผู้ใช้ 7. ตัวอย่าง การใช้งานหรือรูปแบบ <form method=post action=file.php> <input type=text name=code> </form> 8. Cascading Style Sheets คือ ภาษสาหรับการจัดรูปแบบการแสดงผลบนเว็บไซต์ ประโยชน์ 1. ช่วยการทางานในการเขียนภาษา HTML 2. จัดรูปแบบของเว็บไซต์ให้สวยงาม และลดขั้นตอนการเขียนคาสั่ง
  • 6.
    6/15 9.พื้นฐานหลักการเขียนโปรแกรม ภาษา PHP 9.1ผลลัพธ์ค่าของ X คือ 4 X=3 , Y=1 If 3==1 (F) X = 3 + 1 4 9.2 ผลลัพธ์ค่าของ x , y , i คือ X = 105 , Y = 5 , I = 2 X=100 , i=1 , Y=5 While 100 <= 100 (T) ผลลัพธ์ X = 100 + 5 * 1 105 I = 1 + 1 2 X = 105 , Y = 5 , I = 2 9.3 จงหาผลลัพธ์ของ f , k และ I คือ F=120 , K=0 , i=5
  • 7.
    7/15 N = 5, f = 1 , k =5 , I = 0 While 5 >= 1 (T) ผลลัพธ์ F = 1 * 5 5 K = 5 – 1 4 I = 0 + 1 1 While 4 >=1 (T) F = 5 * 4 20 k = 4 – 1 3 I = 1 + 1 2 While 3>=1 (T) F = 20* 3 60 K = 3 – 1 2 I = 2 + 1 3 While 2>=1 (T) F = 60 * 2 120 K = 2 – 1 1 I = 3 + 1 4 While1>=1 (T) F = 120 * 1 120 K = 1– 1 0 I = 4 + 1 5 While 0>=1 (F) F=120 K=0 I=5 import java.util.*; import java.lang.Math; class JavaApplication { public static void main(String[] args) { int n; int f; int k; int i;
  • 8.
    8/15 n = 5; f= 1; k = n; i = 0; while (k >= 1) { f = f * k; k = k - 1; i = i + 1; } System.out.println("f =" + f); System.out.println("k = " + k); System.out.println("i = " + i); System.out.println("f = " + f + "k=" + k + "i=" + i); } } <?php # Main $n = 5; $f = 1; $k = $n; $i = 0; while ($k >= 1) { $f = $f * $k; $k = $k - 1; $i = $i + 1; } echo "f =" . $f . PHP_EOL; echo "k = " . $k . PHP_EOL; echo "i = " . $i . PHP_EOL; echo "f = " . $f . "k=" . $k . "i=" . $i . PHP_EOL; ?>
  • 9.
    9/15 ผลลัพธ์ 10. ร้าน Big-Cต้นยาง เปิดร้านใหม่ ต้องการส่งเสริมการขายสินค้า ถ้าลูกค้าซื้อสินค้ารวมเป็นเงินทุกๆ 800 บาท ได้คูปองส่วนลดสาหรับแลกซื้อครั้งต่อไป 50 บาท โดยการกาจัดคูปอง 3 คูปองต่อ 1 ใบเสร็จ ถ้านักศึกษาซื้อสินค้ารวมเป็นเงิน 3500 บาท จะได้คูปองกี่ใบ รวมเป็นเงินกี่บาท ให้นักศึกษา 1. วิเคราะห์งาน รับค่า ซื้อสินค้า (goodsprice) = 3500 ประมวลผล ส่วนลด prire = goodsprice / 800 = int(3500 / 800) = 4 ตรวจสอบเงื่อนไข If price>=3 price = 3 end if discount = price * 50 แสดงผล จานวนซื้อ 3500 (goodprice) price 3 (ส่วนลดจานวน) discount 150 (ส่วนลด)
  • 10.
    10/15 2. เขียนผังงาน 3. เขียนโปรแกรม <?php #The following function is called whenever your program needs to input data. # You can change it to use other sources rather than fgets(). function input() { return fgets(STDIN); } # Main echo "รับค่าซื้อสินค้า = " . PHP_EOL; $goodsprice = input(); $price = floor($goodsprice / 800); if ($price >= 3) { $price = 3; } $discount = $price * 50; echo "ซื้อสินค้าจานวน = " . $goodsprice . PHP_EOL; echo "ส่วนลดจานวน = " . $price . PHP_EOL; echo "ส่วนลด = " . $discount . PHP_EOL; ?>
  • 11.
    11/15 11. โปรแกรมที่นักศึกษาใช้สาหรับในการเขียนโปรแกรมภาษา Htmlและ PHP มีโปรแกรม(Editor) อะไรบ้างที่ นักศึกษาได้ใช้สาหรับการเขียนโปรแกรมดังกล่าว พร้อมอธิบายข้อดีและข้อเสีย 11.1 Dream weaver ข้อดี โปรแกรมจะทาการแปลงรหัสคาสั่งให้เป็นภาษา HTML โดยอัตโนมัติ ดังนั้น ผู้ใช้ที่ไม่มี ความรู้ ด้านนี้ก็สามารถทาได้มีแถบเครื่องมือหรือแถบคาสั่งที่ใช้ในการควบคุมการทางาน แบ่งออกเป็นหมวดหมู่ จึงช่วยใน การ ทางานที่ดีขึ้นและรวดเร็วยิ่งขึ้น สนับสนุนเว็บเพจที่เป็นภาษาไทยได้ดี มีคุณสมบัติที่สามารถจัดการกับรูปภาพเคลื่อนไหว โดยไม่ต้องอาศัย Plug-in สามารถเรียกใช้ตารางจากภายนอก โดยการอิมพอร์ตจาก Text File เป็นโปรแกรมที่สามารถสนับสนุนการใช้งาน CSS (Cascading Style Sheet) มีความสามารถในการทา Drop Down Menu รวมถึงการทาให้รูปภาพเปลี่ยนเมื่อนาเมาส์ไปชี้ เป็นต้น ข้อเสีย หน้าจอที่แสดงผลเสมือนจริง กับการแสดงผลจริงใน web browser อาจไม่ตรงกัน ขึ้นอยู่กับ web browser ที่เราใช้ด้วย 11.2 Editplus ข้อดี - สามารถใช้กับภาษาไทยได้ - แยกคาสั่งต่างๆ ด้วยการแสดงสีที่ไม่เหมือนกัน ทาให้เราสามารถตรวจสอบได้ง่ายว่า เราพิมพ์ผิดที่คาสั่งไหน - สามารถทาตัวเองเป็น web browser ได้ด้วย (IE 5.XX Compatible) - เมื่อเขียนเวบด้วยภาษา HTML เสร็จแล้ว สามารถดูการแสดงผลได้เลยทันที โดยใช้เมนู View > View in Browser หรือ Ctrl-B หรือ ใช้วิธีคลิ๊กปุ่มไอคอน View in Browser - เปิดไฟล์ได้ทีละหลายๆไฟล์พร้อมกัน - สามารถค้นหาและแทนที่ (Find & Replace) ข้อความเดียวกันได้ทีละหลายๆไฟล์พร้อมกัน - สามารถค้นหาข้อความที่ต้องการ ว่าปรากฏอยู่ในไฟล์ไหนบ้าง (แสดงหมายเลขบรรทัดด้วย) ในไดเรคทอรี่เดียวกัน ข้อเสีย มี bug เวลา open file บางชนิดใน windows ครับ มันจะขึ้นเป็นหน้าว่างขึ้นได้บางไม่ได้บ้างต้องเปิดแล้วปิดใหม่ หรือ บางครั้งต้อง restart แนวทางในการศึกษา เว็บไซต์ชื่อ www.w3shcool.com อธิบายหน้าที่และประโยชน์ของโปรแกรม 1. FileZilla มีหน้าที่หลักๆ ในการส่งถ่ายข้อมูลจากเครื่องหนึ่งไปยังอีกเครื่องหนึ่งโดย ผ่านระบบ Server โดยการใช้ งาน FTP นี้เราต้องสร้างช่องทางสื่อสารในระดับ TCP ออกมา 2 ช่องทางก่อนคือ ช่องทางรับและส่งข้อมูล อีกหนึ่ง ช่องทางคือ ช่องทางในการรับคาสั่งจากผู้ใช้งานซึ่งก่อนที่จะโอนถ่ายข้อมูลนั้น เราจาเป็นต้องใส่ชื่อผู้ใช้และรหัสผ่าน ให้กับ Server ก่อนด้วย ประโยชน์ เหมาะสมสาหรับการส่งข้อมูลที่มีขนาดใหญ่ เพราะเมื่อมีการขาดตอนของข้อมูลขณะที่กาลังถ่ายโอน ระบบ FTP จะสามารถต่อข้อมูลนั้นให้อัตโนมัติซึ่งจะต่างจากการ Copy ไฟล์แบบธรรมดา เมื่อมีการขาดช่วง หรือมีการขาด ตอนของ ข้อมูล จะต้องเริ่มต้นใหม่ทั้งหมด 2. TeamViewer มีหน้าที่สาหรับการใช้งานในการเชื่อมต่อระหว่าง คอมพิวเตอร์จากระยะไกลตัว โดยมีฟังก์ชั่นการ ใช้งานอย่างง่าย และมีระบบความปลอดภัยที่น่าเชื่อถือ ขนาด โปรแกรมไม่ใหญ่มาก สามารถใช้งานได้โดยไม่จาเป็นต้องติดตั้ง โปรแกรมลงเครื่อง นอกจากการใช้งานในแบบ Remote Support ได้แล้ว ยังสามารถใช้งานในลักษณะ Remote presentation Remote administration และสามารถใช้งานผ่านทางอินเทอร์เน็ตโดยที่ไม่ต้องทาการตั้งค่าไฟร์วอลล์ใหม่ ประโยชน์ ช่วยให้ผู้ที่อยู่ห่างไกล สามารถช่วยเราในการทางานในเครื่องคอมพิวเตอร์ของเรา ดูแลการทางาน เบื้องต้น ซึ่งโปรแกรมนี้จะมีประโยชน์มากหากนามาใช้ในองค์กร เนื่องจากจะลดเวลาการไป service ของเจ้าหน้าที่ บางครั้ง
  • 12.
    12/15 อาจจะเป็นแค่เรื่องเล็กๆน้อยๆ เช่น สั่งพิมพ์ไม่ออกเปิดโปรแกรมไม่ได้จาเมนูต่างๆของโปรแกรมไม่ได้และเหมาะสาหรับ สาหรับคนที่มีความต้องการจะเข้าไปควบคุมเครื่องคอมพิวเตอร์เครื่องอื่น ซึ่งแล้วแต่วัตถุประสงค์เช่น ผู้ใช้ปลายทางอาจจะ ต้องการให้ช่วยติดตั้งโปรแกรม ช่วยเข้าไปดูการทางานของเครื่องคอมพิวเตอร์ 3. Dream weaverใช้สาหรับการพัฒนาเว็บไซต์โดยมีคุณสมบัติในการออกแบบและสร้างเว็บเพจ จนถึงการพัฒนา แอพลิเคชั่นเบื้องต้น ซึ่งในโปรแกรมตัวนี้มีเครื่องมือสาหรับการวางข้อความ ภาพกราฟิก ตาราง แบบฟอร์ม พร้อมทั้งมัลติมีเดีย ต่างๆ ประโยชน์ ช่วยให้เขียนเว็บไซต์ได้ง่ายขึ้น แก้ไขได้ง่ายขึ้น และมีเครื่องมืออานวยความสะดวก มากมายที่มีประโยชน์ ในการทาเว็บไซต์ 4. Sniping Toolsโปรแกรมจับภาพหน้าจอที่มาพร้อมกับ Windows 7 ซึ่งเป็นโปรแกรมที่หลายคนมองข้าม หรือที่ ตัวเองใช้อยู่จึงทาให้ผู้ใช้งานหาซอฟต์แวร์ที่เฉพาะที่ใช้สาหรับจับภาพหน้าจอ ซึ่งอาจจะมีความยุ่งยากในการใช้งาน หรือแม้กระ ทั้งเป็นโปรแกรมที่มีลิขสิทธิ์ ทาให้ไม่สามารถใช้งานได้ถาวร ประโยชน์ ช่วยสาหรับจับภาพหน้าจอในคอมพิวเตอร์ครับ ซึ่งจะมาช่วยอานวยความสะดวกให้กับผู้ใช้จากที่ต้องกด Print Screen แล้วไปวางใน Paint แล้วจึงเซฟออกมา ซึ่งต้องทาหลายๆ ขั้นตอนมาบวกกับภาพที่ได้ยังไม่ชัดอีกด้วย 12. ตาราง Order ประกอบด้วยแอตทริบิวต์ เลขที่ไปสั่งซื้อ วันที่สั่งซื้อ รหัสลูกค้า ชื่อลูกค้า ชื่อลูกค้า รหัสสินค้า ชื่อ สินค้า จานวนที่ซื้อ ราคาต่อหน่วย ดังนี้ 1. จงหา Normalization ตาราง Order ให้อยู่ในรูปของ 1NF–3NF ตาราง Order 1NF RELATION: Order Order_Id OrderDate Cus_Id Cus_Name Prod_Id Prod_Name Amount Price OR001 02/09/2555 C001 เดวิด P12 ตู้เย็น 4 4000 OR001 02/09/2555 C001 เดวิด P01 พัดลม 3 2000 OR001 02/09/2555 C001 เดวิด P09 แอร์ 4 6000 OR002 02/09/2555 C005 การโรงแรม P04 เตาอบ 3 3000
  • 13.
    13/15 OR002 02/09/2555 C005การโรงแรม P01 พัดลม 2 2000 คีย์หลักคือ Order_Id + Prod_Id 2NF นิยามของ 2NF ไม่มีการขึ้นต่อกันแบบบางส่วนของคีย์หลัก RELATION: Order Order_Id OrderDate Cus_Id Cus_Name OR001 02/09/2555 C001 เดวิด OR002 02/09/2555 C005 การโรงแรม Relation Order (Order_Id, OrderDate, Cus_Id, Cus_Name) RELATION: Order_Detail Order_Id Prod_Id Amount OR001 P12 4 OR001 P01 3 OR001 P09 4 OR002 P04 3 OR002 P01 2 Relation Order_Detail (Order_Id, Prod_Id, Amount) RELATION: Product Prod_Id Prod_Name Price P12 ตู้เย็น 4000 P01 พัดลม 2000 P09 แอร์ 6000 P04 เตาอบ 3000 Relation Product (Prod_Id, Prod_Name, Price) 3NF นิยาม 3NF ไม่มีการขึ้นต่อการแบบทรานซิทีฟ RELATION: Order Order_Id OrderDate Cus_Id Cus_Name OR001 02/09/2555 C001 เดวิด OR002 02/09/2555 C005 การโรงแรม
  • 14.
    14/15 RELATION: Order Order_Id OrderDateCus_Id OR001 02/09/2555 C001 OR002 02/09/2555 C005 Relation Order (Order_Id, OrderDate, Cus_Id) RELATION: Customer Cus_Id Cus_Name C001 เดวิด C005 การโรงแรม Relation Customer (Cus_Id, Cus_Name) RELATION: Order_Detail Order_Id Prod_Id Amount OR001 P12 4 OR001 P01 3 OR001 P09 4 OR002 P04 3 OR002 P01 2 Relation Order_Detail (Order_Id, Prod_Id, Amount) RELATION: Product Prod_Id Prod_Name Price P12 ตู้เย็น 4000 P01 พัดลม 2000 P09 แอร์ 6000 P04 เตาอบ 3000 Relation Product (Prod_Id, Prod_Name, Price) สรุป Relation 1. Relation Order (Order_Id, OrderDate, Cus_Id) 2. Relation Order_Detail (Order_Id, Prod_Id, Amount) 3. Relation Customer (Cus_Id, Cus_Name) 4. Relation Product (Prod_Id, Prod_Name, Price) 2. เขียนแผนภาพ ER-Model
  • 15.
    15/15 3. หลังจากการออกแบบ Normalizationให้ยกตัวอย่างการใช้ภาษา SQL สาหรับการ เพิ่ม , ลบ , แก้ไข และแสดงข้อมูล SQL เพิ่มข้อมูล Insert into Product(Prod_Id,Prod_Name,Price) values (‘P05’,’ไมโครเวฟ’,’1300’); SQL แก้ไข Update Product set Prod_Name = ’เครื่องซักผ้า’ where Prod_Id = ’P05’; SQL แสดงข้อมูล แสดงแบบมีเงื่อนไข Select *from Prod_Id where Prod_Id = ’P05’; แสดงแบบไม่มีเงื่อนไข Select *from Product; SQL ลบ Delete Product where Prod_Id =’P05’; 12. ถ้านักศึกษาต้องการให้ตนเอง มีความรู้เกี่ยวกับวิชาการเขียนโปรแกรมบนเว็บและสามารถประยุกต์ใช้งานได้ นักศึกษาและอาจารย์ผู้สอน ควรปรับปรุงการจัดการเรียนการสอนอย่างไร นาไปประยุกต์กับฐานข้อมูลที่ติอต่อกับเว็บเซริฟ์เวอร์ สามารถเขียนโค๊ดโปรแกรมซึ่งการเขียนมีหลายขั้นตอนต้องทา ความเข้าใจและนาความรู้ในหลายๆด้านเข้ามาด้วยกัน ไม่ว่าจะเป็นการศึกษานอกห้องเรียนการค้นคว้าทางอินเทอร์เน็ตเมื่อเขียน เสร็จก็สามารถนาไปแสดงผลออกมาทางหน้าจอให้แก่ผู้ใช้งาน