1. รายงานการปฏิบัติงานสหกิจศึกษา
พัฒนาเว็บไซต์หลักของบริษัท ตลาดโซลูชั่น จากัด
Website Development OF Taradsolution CO.,LTD.,
นายญาณศรณ์ แตงเกิด 5230211072
รายงานฉบับนี้เป็นส่วนหนึ่งของรายวิชา การเตรียมความพร้อมสหกิจศึกษา
สาขาวิชาเทคโนโลยีสารสนเทศ คณะเทคโนโลยีและสิ่งแวดล้อม
มหาวิทยาลัยสงขลานครินทร์ วิทยาเขตภูเก็ต
ภาคการศึกษาที่ 1 ปีการศึกษา 2555

2. รายงานการปฏิบัติงานสหกิจศึกษา
พัฒนาเว็บไซต์หลักของบริษัท ตลาดโซลูชั่น จากัด
Website Development OF Taradsolution CO.,LTD.,
นายญาณศรณ์ แตงเกิด 5230211072
ปฏิบัติงาน ณ
บริษัท ตลาดโซลูชั่น จากัด
522 ชั้น 6 ซ.รัชดาภิเษก 26 ถ.รัชดาภิเษก แขวงสามเสนนอก เขตห้วยขวาง กทม. 10310

3. 80/1 หมู่ 1 ถ.วิชิตสงคราม
ต.กะทู้ อ.กะทู้ จ.ภูเก็ต 83120
วันที่ 25 กุมภาพันธ์ พ.ศ. 2556
เรื่อง ขอส่งรายงานการปฏิบัติงานสหกิจศึกษา
เรียน อาจารย์ที่ปรึกษาสหกิจศึกษา สาขาเทคโนโลยีสารสนเทศ อาจารย์กิตย์สิริ ช่อเจี้ยง
ตามที่ข้า พเจ้ า นายญาณศรณ์ แตงเกิด นั กศึก ษาสาขาวิช าเทคโนโลยีส ารสนเทศ คณะ
เทคโนโลยีและสิ่งแวดล้อม มหาวิทยาลัยสงขลานครินทร์ วิทยาเขตภูเก็ต ได้ไปปฏิบัติงานสหกิจศึกษา
ระหว่างวันที่ 5 พฤศจิกายน พ.ศ. 2555 ถึง วันที่ 28 กุมภาพันธ์ พ.ศ. 2556 ในตาแหน่งนักศึกษา
ฝึกงาน แผนก Programmer ณ บริษัท ตลาดโซลูชั่น จากัด และได้รับมอบหมายจากผู้บังคับบัญชา
ในการปฏิบัติงาน (Job superviso)
บัดนี้ การปฏิบัติงานสหกิจศึกษาครั้งนี้ได้สิ้นสุดลงแล้ว ข้าพเจ้าจึงขอส่งรายงานดังกล่าวมา
พร้อมกันนี้จานวน 1 เล่ม เพื่อจอรับคาปรึกษาต่อไป
จึงเรียนมาเพื่อโปรดทราบพิจารณา
ขอแสดงความนับถือ
(นายญาณศรณ์ แตงเกิด)

4. (1)
กิตติกรรมประกาศ
การที่ข้าพเจ้าได้มาปฏิบัติงานสหกิจศึกษา ณ บริษัท ตลาดโซลู ชั่น จากัด ตั้งแต่ วันที่
5 พฤศจิกายน พ.ศ. 2555 ถึง วันที่ 28 กุมภาพันธ์ พ.ศ. 2556 ส่งผลให้ข้าพเจ้าได้รับความรู้และประ
การณ์ต่างๆ ที่มีคุณค่ามากมาย สาหรับรายงานวิชาสหกิจศึกษาฉบับนี้ สาเร็จลงได้ด้วยดีจากความ
ร่วมมือและสนับสนุนจากหลายฝ่าย ดังนี้
1. คุณกรกมล ศรีเอี่ยม ซึ่งเป็น Marketing & Web developer
2. คุณจักรพันธ์ กาญจนวิจิตร ซึ่งเป็น พี่เลี้ยง Java developer
รวมถึงบุคลากรท่านอื่นๆ ที่ไม่ได้กล่าวนามทุกท่านที่ได้ให้คาแนะนาช่วยเหลือในการจัดทา
รายงาน
ข้าพเจ้าใคร่ขอขอบพระคุณผู้มีส่วนเกี่ยวข้องทุกท่านที่มีส่วนร่วมในการให้ข้อมูล เป็นที่ปรึกษา
ในหารทารายงานฉบับบี้จนเสร็จสมบูรณ์ ตลอดจนให้การดูแลและให้ความเข้าใจเกี่ยวกับชีวิตของการ
ทางานจริง ข้าพเจ้าขอขอบคุณไว้ ณ ที่นี้ด้วย
ญาณศรณ์ แตงเกิด
ผู้จัดทารายงาน
25 กุมภาพันธ์ 2556

5. (2)
บทคัดย่อ
บริษัท ตลาดโซลูชั่น จากัด ประกอบกิจการให้บริการเป็นตลาดกลางในการซื้อขาย สินค้า
หรือบริการที่สนับสนุนธุรกิจผ่านสื่ออินเตอร์เน็ต จากการที่ได้เข้าไปปฏิบัติงานของฝ่ายสหกิจศึกษาใน
บริษัท ตลาดโซลูชั่น จากัด ได้รับมอบหมายให้ปฏิบัติงานในตาแหน่ง web Programmer ซึ่งเป็น
ตาแหน่งที่สาคัญอีกตาแหน่งต่อการพัฒนา Solutions Application Program
ในการเข้าไปปฏิบัติงานนั้น ได้ทาการศึกษาในส่วนของการพัฒนาผลิตภัณฑ์และบริการใหม่ๆ
แก่ ลู ก ค้า โดยศึ ก ษาในด้ าน เทคโนโลยี ใ หม่ๆ พร้อ มกั บโซลู ชั่น ทางด้ า น Online และ Digital
Marketing ซึ่งการปฏิบัติงานนั้นได้ศึกษาการเขียน web application ตาม requirement ของ
ลูกค้า เพื่อเพิ่มทั้งยอดขายและจานวนลูกค้าในตลาดลูกค้าเดิมและตลาดลูกค้าใหม่ให้กับบริษัท เพื่อ
มุ่งขยายขนาดตลาดซอฟต์แวร์สาหรับองค์กรของอุตสาหกรรมซอฟต์แวร์
ในการปฏิบัติดังกล่าวข้างต้นจะส่งผลให้บริษัทเป็น ผู้นาด้าน Online and Social Network
Marketing ซึ่งสามารถเพิ่มผู้ เข้า ชมผ่ าน Website และสร้างการตลาดทางออนไลน์ให้ เกิ ด
ประสิทธิภาพสูงสุด

6. (3)
สารบัญ
เรื่อง หน้า
กิตติกรรมประกาศ........................................................................................................................... (1)
บทคัดย่อ ......................................................................................................................................... (2)
สารบัญ ............................................................................................................................................ (3)
สารบัญภาพ .................................................................................................................................... (5)
บทที่ 1 บทนา................................................................................................................................... 1
1.1 บทนา ............................................................................................................................ 1
1.2 วัตถุประสงค์ .................................................................................................................. 1
1.3 ขอบเขตของโครงการ .................................................................................................... 1
1.4 ระยะเวลาที่ปฏิบัติงาน................................................................................................... 2
1.5 ข้อมูลผู้ประสานงาน ...................................................................................................... 2
1.6 ขั้นตอนการดาเนินการ .................................................................................................. 2
1.7 ประโยชน์ที่ได้รับจากโครงการ ....................................................................................... 3
บทที่ 2 วรรณกรรมที่เกี่ยวข้อง ......................................................................................................... 4
2.1 Eclipse ......................................................................................................................... 4
2.2 ภาษาพีเอชพี (PHP Languages) .................................................................................. 4
2.3 HTML (HyperText Markup Language) .................................................................... 7
2.4 CSS (Cascading Style Sheets) ................................................................................. 8
บทที่ 3 รายละเอียดของงานที่ปฏิบัติ ................................................................................................ 9
3.1 กาหนดเป้าหมายและวางแผน ....................................................................................... 9
3.2 วิเคราะห์และจัดโครงสร้างข้อมูล ................................................................................... 9
3.3 ออกแบบ เว็บไซต์ และเตรียมข้อมูล ............................................................................ 10
3.4 ลงมือสร้างและทดสอบ ................................................................................................ 10
3.5 เผยแพร่เว็บไซต์ ........................................................................................................... 10
3.6 ดูแลและพัฒนา ........................................................................................................... 10
บทที่ 4 ผลการดาเนินการ............................................................................................................... 12
4.1 งานเกี่ยวกับ แผนผังโครงสร้างเว็บไซต์ ........................................................................ 12
4.2 งานเกี่ยวกับระบบนาทางหรือเนวิเกชั่น (Navigation) ................................................. 12
4.3 ไฟล์ประเภท PNG (Portable Network Graphic)..................................................... 14

7. (4)
สารบัญ(ต่อ)
เรื่อง หน้า
บทที่ 5 สรุป ปัญหาและข้อเสนอแนะ ............................................................................................. 16
5.1 สรุป............................................................................................................................. 16
5.2 ปัญหาและข้อเสนอแนะ .............................................................................................. 16
หนังสือยินยอม ................................................................................................................................ 18
บรรณานุกรม ................................................................................................................................... 19
สมาชิก ............................................................................................................................................ 20

8. (5)
สารบัญภาพ
เรื่อง หน้า
ภาพที่ 2.1 แสดงคาสั่งภาษาพีเอขพี ................................................................................................. 5
ภาพที่ 4.1 แสดงแผนผังโครงสร้างเว็บไซต์ ..................................................................................... 12
ภาพที่ 4.2 แสดงออกแบบฐานข้อมูล ............................................................................................. 13
ภาพที่ 4.3 แสดง ER Diagram ระบบสมาชิกของเว็บไซต์ .............................................................. 13
ภาพที่ 4.4 แสดงไฟล์ประเภท JPEG .............................................................................................. 14
ภาพที่ 4.5 แสดงไฟล์ประเภท PNG ............................................................................................... 15

9. บทที่ 1
บทนา
1.1 บทนา
ในธุร กิจ การขายของในยุ คใหม่ ต้องอาศัยเว็บไซต์เป็นสื่อ ในการสนับสนุน ส่งเสริม เพิ่ม
ชื่อเสียง และภาพลักษณ์ของร้านค้าให้มากขึ้น จึงทาให้ธุรกิจการจัดทาเว็บไซต์ เพื่อใช้ในการขาย
สินค้า มีการแข่งขันที่เพิ่มมากขึ้นอย่างต่อเนื่องในยุค ที่การขายมีรูปแบบที่เปลี่ยนไปเป็นการขาย
ตลาดแบบออนไลน์ ซึ่ง จะช่ ว ยให้ การขายสิ น ค้าหรื อการประชาสั มพั นธ์ตั ว สิ น ค้า สามารถบรรลุ
วัตถุประสงค์ได้อย่างรวดเร็ว และมีค่าใช้จ่ายที่ต่า กว่าการเปิดร้านขาย ของแบบมีหน้าร้าน เมื่ อกลุ่ม
ลูกค้าเป้ าหมาย เกิดการรับ รู้ และเข้ามาเยี่ยมชม จากการประชาสั มพันธ์ เพื่อ เยี่ยมชม สั่งซื้อ ดู
รายละเอียดสินค้า/บริการ ดังนั้น เว็บที่ให้บริการร้านค้าออนไลน์จึงควรที่จะมีการปรับปรุง เพื่อให้ทัน
กับความต้องการใหม่ๆของลูกค้า และ มีการเปลี่ยนแปลงเพื่อให้ ทันกับคู่แข่งที่มีมากมายในตลาดใน
ปัจจุบัน
1.1.1 ข้อมูลสถานประกอบการ
1.1.1.1 บริษัท ตลาดโซลูชั่น จากัด ประกอบกิจการให้บริการเป็นตลาดกลางในการ
ซื้อขาย สินค้าหรือบริการที่สนับสนุนธุรกิจผ่านสื่ออินเตอร์เน็ต
1.1.2 เป้าหมายของบริษัท
1.1.2.1 เป็ น ออนไลน์ เอเจนซี่ชั้น นา หนึ่ งในกลุ่ ม บริษั ท TARAD.com บริษั ท
e-Commerce อันดับ 1 ของประเทศไทย
1.2 วัตถุประสงค์
1.2.1 เพื่อเข้าใจการทางานภายในบริษัท ตลาดโซลูชั่น จากัด
1.2.2 เพื่อศึกษากระบวนการในการออกแบบและพัฒนาเว็บไซต์
1.2.3 เพื่อศึกษาการใช้เทคโนโลยีและเครื่องมือที่ใช้ในการพัฒนาและออกแบบเว็บไซต์
1.2.4 เพื่อเข้าใจถึงปัญหาที่เกิดขึ้น ในการทางานจริง
1.2.5 เพื่อนาหลักการทฤษฏีที่ศึกษาในการเรียน มาใช้ในงานจริง
1.3 ขอบเขตของโครงการ
1.3.1 ออกแบบและพัฒนาเว็บไซต์ของบริษัท
1.3.2 ปรับปรุงหรือปรับรุ่นของเว็บไซต์บริษัท

10. 2
1.4 ระยะเวลาที่ปฏิบัติงาน
เริ่มต้นการปฏิบัติงานสหกิจศึกษาวันที่ 5 พฤศจิกายน พ.ศ. 2555 สิ้นสุดการปฏิบัติงาน
สหกิจศึกษาวันที่ 28 กุมภาพันธ์ พ.ศ. 2556
1.5 ข้อมูลผู้ประสานงาน
ชื่อพี่เลี้ยง นายจักรพันธ์ กาญจนวิจิตร
ตาแหน่ง Java Developer
1.6 ขั้นตอนการดาเนินการ
1.6.1 กาหนดเป้าหมายและวางแผน
ในการพัฒนาเว็บไซต์ใน เราจะทาการกาหนดเป้าหมายและวางแผนไว้ล่วงหน้า เพื่อให้การ
พัฒนาเว็บไซต์ มีแนวทางที่ชัดเจน
1.6.2 วิเคราะห์และจัดโครงสร้างข้อมูล
เป็นการนาข้อมูลต่างๆ ที่รวบรวมได้จากขั้นแรก ไม่ว่าจะเป็นวัตถุประสงค์ของ เว็บไซต์ กลุ่ม
ผู้ชมเป้าหมาย รวมทั้งเนื้อหาหลักของ เว็บไซต์ นามาประเมิน วิเคราะห์ และจัดระบบ
1.6.3 ออกแบบเว็บไซต์และเตรียมข้อมูล
เป็นขั้นตอนของการออกแบบเค้าโครง หน้าตา และลักษณะทางด้านกราฟฟิกของ เว็บไซต์
เพื่อให้เพื่อชมเกิดอารมณ์ ความรับรู้ต่อ เว็บไซต์ ตามที่เราต้องการ
1.6.4 ลงมือสร้างและทดสอบ
เป็นขั้นตอนที่ เว็บไซต์ ถูกสร้างขึ้นมาจริงที่ละหน้าๆ โดยอาศัยเค้าโครงและองค์ประกอบ
กราฟฟิกตามที่ได้ออกแบบไว้ เนื้อหาต่างๆ จะถูกนามาใส่และจัดรูปแบบ ลิงค์และระบบนาทางจะถูก
สร้างองค์ประกอบเสริมต่างๆถูกวางเข้าที่
1.6.5 เผยแพร่เว็บไซต์
โดยทั่ว ไปการนา เว็บไซต์ ขึ้นเผยแพร่บนอินเตอร์เน็ต จะหระทาด้วยการอัพโหลดไฟล์ ที่
เกี่ยวข้องขึ้นไปบน เว็บเซิร์ฟเวอร์
1.6.6 ดูแลและพัฒนา
เว็บไซต์ที่เผยแพร่ออกไปแล้วเราไม่ควรทิ้งขว้าง แต่ควรดูแลโดยตลอด ซึ่งหน้าที่นี้ครอบคลุม
หลายเรื่อง ตั้งแต่การตรวจสอบเว็บเซร์ฟเวอร์ว่าไม่หยุดทางานบ่ อยๆ ลิงค์เว็บไซต์ที่เชื่อมโยงต่างๆ
ยังคงใช้ได้ คอยตอบอีเมล์ หรือ คาถามที่มีผู้ฝากไว้บน เว็บไซต์

11. 3
1.7 ประโยชน์ที่ได้รับจากโครงการ
1.7.1 ฝึกฝนการทางานในสภาวะแวดล้อมการทางานที่กดดันและรีบเร่ง
1.7.2 ได้พัฒนาทักษะศักยภาพการใช้งานทฤษฎีความรู้ที่มีในการทางานจริง
1.7.3 ฝึกฝนระเบียบวินัยละความรับผิดชอบในการทางาน
1.7.4 เปิดมุมมองการเรียนรู้จากการทางานจริง

12. บทที่ 2
วรรณกรรมที่เกี่ยวข้อง
ในการปฏิบัติงานสหกิจศึกษาครั้งนี้ นักศึกษาได้ศึกษาเอกสารและงานวิจัยที่เกี่ยวข้อง ดัง
รายละเอียดต่อไปนี้
2.1 Eclipse
Eclipse เป็นเครื่องมือเขียนโปรแกรมอีกตัวหนึ่งที่เป็นโปรแกรมฟรี ของบริษัทไอบีเอ็ม (IBM)
สามารถรองรับชุดพัฒนาโปรแกรมภาษาจาวา (JDK) ได้ทุกรุ่น สามารถใช้เป็นตัว editor เป็น
เครื่องมือเขียนโปรแกรม การคอมไพล์โปรแกรม และสั่งให้โปรแกรมทางาน (run) ได้ และโปรแกรม
อีคลิปส์ (Eclipse) ยังสามารถติดตั้งเครื่องมือเสริมได้หลายชนิด เพื่อตามจุดประสงค์ที่แตกต่างกันของ
ผู้ใช้งาน
Eclipse มีองค์ประกอบหลักที่เรียกว่า Eclipse Platform ซึ่งให้บริการพื้นฐานหลักสาหรับ
รวบรวมเครื่องมือต่างๆจากภายนอกให้สามารถเข้ามาทางานร่วมกันในสภาพแวดล้อมเดียวกัน และมี
องค์ประกอบที่เรียกว่า Plug-in Development Environment (PDE) ซึ่งใช้ในการเพิ่มความสามารถ
ในการพัฒนาซอฟต์แวร์มากขึ้น เครื่องมือภายนอกจะถูกพัฒนาในรูปแบบที่เรียกว่า Eclipse plug-ins
ดังนั้นหากต้องการให้ Eclipse ทางานใดเพิ่มเติม ก็เพียงแต่พัฒนา plugin สาหรับงานนั้นขึ้นมา และ
นา Plug-in นั้นมาติดตั้งเพิ่มเติมให้กับ Eclipse ที่มีอยู่เท่านั้น Eclipse Plug-in ที่มีมาพร้อมกับ
Eclipse เมื่อเรา download มาครั้งแรกก็คือองค์ประกอบที่เรียกว่า Java Development Toolkit
(JDT) ซึ่งเป็นเครื่องมือในการเขียนและ Debug โปรแกรมภาษา Java
ข้อดีของโปรแกรม Eclipse คือ ติดตั้งง่าย สามารถใช้ได้กับ J2SDK ได้ทุกเวอร์ชั่น รองรับ
ภาษาต่างประเทศอีกหลายภาษา มี plug-inที่ใช้เสริมประสิทธิภาพของโปรแกรม สามารถทางานได้
กับไฟล์หลายชนิด เช่น HTML, Java, C, JSP, EJB, XML และ GIF ใช้งานได้กับ
ระบบปฏิบัติการ Windows, Linuxและ Mac OS
2.2 ภาษาพีเอชพี (PHP Languages)
พีเอชพี (PHP) คือ ภาษาคอมพิวเตอร์ในลักษณะเซิร์ฟเวอร์-ไซด์ สคริปต์ โดยลิขสิทธิ์อยู่ใน
ลักษณะโอเพนซอร์ส ภาษาพีเอชพีใช้สาหรับจัดทาเว็บไซต์และแสดงผลออกมาในรูปแบบ HTML โดย
มีรากฐานโครงสร้างคาสั่งมาจากภาษา ภาษาซี ภาษาจาวา และ ภาษาเพิร์ล ซึ่ง ภาษาพีเอชพี นั้น

13. 5
ง่ายต่อการเรียนรู้ ซึ่งเป้าหมายหลักของภาษานี้ คือให้นักพัฒนาเว็บไซต์สามารถเขียน เว็บ
เพจ ที่มีความตอบโต้ได้อย่างรวดเร็ ภาษาพีเอชพี ในชื่อภาษาอังกฤษว่า PHP ซึ่งใช้เป็น คาย่อแบบ
กล่าวซ้า จากคาว่า PHP Hypertext Preprocessor หรือชื่อเดิม Personal Home Page
2.2.1 ตัวอย่างภาษาพีเอชพี
ภาษาพีเอชพี จะเป็นส่วนประกอบภายในเว็บเพจ โดยคาสั่งจะปรากฏระหว่าง <?php
... ?> เช่น แสดงรายละเอียดดังภาพที่ 2.1
<?php <?php
echo "Hello, World!"; echo "Hello World.";
?> ?>
<script language="php"> <?php
echo "Hello World."; for ($i = 0; $i < 10; $i++){
</script> echo "Test".$i;
}
?>
ภาพที่ 2.1 แสดงคาสั่งภาษาพีเอขพี
โครงสร้าง ควบคุมของ PHP จะมีความคล้ายคลึงกับ C/C++ มาก เช่น if , for , switch และ
มีบางส่วนที่คล้าย Perl สามารถกาหนดตัวแปรโดยไม่ต้อง กาหนดชนิดของตัวแปรว่าจะเป็น int,
float, Boolean เป็นต้น
2.2.2 คุณสมบัติ
การแสดงผลของพีเอชพี จะปรากฏในลักษณะHTML ซึ่งจะไม่แสดงคาสั่งที่ผู้ใช้เขียน ซึ่งเป็น
ลักษณะเด่นที่พีเอชพีแตกต่างจากภาษาในลักษณะไคลเอนต์-ไซด์ สคริปต์ เช่น ภาษาจาวาสคริปต์ ที่
ผู้ชมเว็บไซต์สามารถอ่าน ดูและคัดลอกคาสั่งไปใช้เองได้ นอกจากนี้พีเอชพียังเป็นภาษาที่เรียนรู้และ
เริ่ ม ต้ น ได้ ไ ม่ ย าก โดยมี เ ครื่ อ งมื อ ช่ ว ยเหลื อ และคู่ มื อ ที่ ส ามารถหาอ่ า นได้ ฟ รี บ นอิ น เทอร์ เ น็ ต
ความสามารถการประมวลผลหลักของพีเอชพี ได้แก่ การสร้างเนื้อหาอัตโนมัติจัดการคาสั่ง การอ่าน
ข้อมูลจากผู้ใช้และประมวลผล การอ่านข้อมูลจากดาต้าเบส ความสามารถจัดการกับคุกกี้ ซึ่งทางาน
เช่นเดียวกับโปรแกรมในลักษณะCGI คุณสมบัติอื่นเช่น การประมวลผลตามบรรทัดคาสั่ง (command
line scripting) ทาให้ผู้เขียนโปรแกรมสร้างสคริปต์พีเอชพี ทางานผ่านพีเอชพี พาร์เซอร์ (PHP
parser) โดยไม่ต้องผ่านเซิร์ฟเวอร์หรือเบราว์เซอร์ ซึ่งมีลักษณะเหมือนกับ Cron (ใน ยูนิกซ์หรือ

14. 6
ลีนุกซ์) หรือ Task Scheduler (ในวินโดวส์) สคริปต์เหล่านี้สามารถนาไปใช้ในแบบ Simple text
processing tasks ได้
การแสดงผลของพีเอชพี ถึงแม้ว่าจุดประสงค์หลักใช้ในการแสดงผล HTML แต่ยังสามารถ
สร้าง XHTML หรือ XML ได้ นอกจากนี้สามารถทางานร่วมกับคาสั่งเสริมต่างๆ ซึ่งสามารถแสดงผล
ข้อมูลหลัก PDF แฟลช (โดยใช้ libswf และ Ming) พีเอชพีมีความสามารถอย่างมากในการทางาน
เป็นประมวลผลข้อความ จาก POSIX Extended หรือ รูปแบบ Perl ทั่วไป เพื่อแปลงเป็นเอกสาร
XML ในการแปลงและเข้าสู่เอกสาร XML เรารองรับมาตรฐาน SAX และ DOM สามารถใช้
รูปแบบ XSLT ของเราเพื่อแปลงเอกสาร XML
เมื่อใช้พีเอชพี ในการทาอีคอมเมิร์ซ สามารถทางานร่ว มกับโปรแกรมอื่น เช่น Cybercash
payment, CyberMUT, VeriSign Payflow Pro และ CCVS functions เพื่อใช้ในการสร้าง
โปรแกรมทาธุรกรรมทางการเงิน
2.2.3 การรองรับพีเอชพี
ค าสั่ ง ของภาษาพี เ อชพี สามารถสร้ า งผ่ า นทางโปรแกรมแก้ ไ ขข้ อ ความทั่ ว ไป เช่ น โน้ ต
แพด หรือ vi ซึ่งทาให้การทางานพีเอชพี สามารถทางานได้ในระบบปฏิบัติการหลักเกือบทั้งหมด โดย
เมื่อเขียนคาสั่งแล้วนามาประมวลผล Apache, Microsoft Internet Information Services (IIS) ,
Personal Web Server, Netscape และ iPlanet servers, Oreilly Website Pro server,
Caudium, Xitami, OmniHTTPd, และอื่นๆ อีกมากมาย. สาหรับส่วนหลักของ PHP ยังมี Module
ในการรองรับ CGI มาตรฐาน ซึ่ง PHP สามารถทางานเป็นตัวประมวลผล CGI ด้วย และด้วย PHP,
คุณมีอิสรภาพในการเลือก ระบบปฏิบัติการ และ เว็บเซิร์ฟเวอร์ นอกจากนี้คุณยังสามารถใช้สร้าง
โปรแกรมโครงสร้าง สร้างโปรแกรมเชิงวัตถุ (OOP) หรือสร้างโปรแกรมที่รวมทั้งสองอย่างเข้าด้วยกัน
แม้ว่าความสามารถของคาสั่ง OOP มาตรฐานในเวอร์ชันนี้ยังไม่สมบูรณ์ แต่ตัว ไลบรารีทั้งหลายของ
โปรแกรม และตัวโปรแกรมประยุกต์ (รวมถึง PEAR library) ได้ถูกเขียนขึ้นโดยใช้รูปแบบการเขียน
แบบ OOP เท่านั้น
ภาษาพีเอชพีสามารถทางานร่วมกับฐานข้อมูลได้หลายชนิด ซึ่งฐานข้อมูลส่วนหนึ่งที่รองรับ
ได้แก่ ออราเคิล dBase PostgreSQL IBM DB2 MySQL Informix ODBC โครงสร้างของฐานข้อมูล
แบบ DBX ซึ่ ง ท าให้ พี เ อชพี ใ ช้ กั บ ฐานข้ อ มู ล อะไรก็ ไ ด้ ที่ ร องรั บ รู ป แบบนี้ และ PHP ยั ง
รองรับ ODBC (Open Database Connection) ซึ่งเป็นมาตรฐานการเชื่อมต่อฐานข้อมูลที่ใช้กัน
แพร่หลายอีกด้วย คุณสามารถเชื่อมต่อกับฐานข้อมูลต่างๆ ที่รองรับมาตรฐานโลกนี้ได้
ภาษาพีเอชพียังสามารถรองรับการสื่อสารกับการบริการในโพรโทคอลต่างๆ เช่น LDAP IMAP
SNMP NNTP POP3 HTTP COM (บนวินโดวส์) และอื่นๆ อีกมากมาย คุณสามารถเปิด Socket บน
เครื่อข่ายโดยตรง และ ตอบโต้โดยใช้ โพรโทคอลใดๆ ก็ได้ PHP มีการรองรับสาหรับการแลกเปลี่ยน
ข้อมูล แบบ WDDX Complex กับ Web Programming อื่นๆ ทั่ว ไปได้ พูดถึงในส่ ว น

15. 7
Interconnection, พีเอชพีมีการรองรับสาหรับ Java objects ให้เปลี่ยนมันเป็น PHP Object แล้ว
ใช้งาน คุณยังสามารถใช้รูปแบบ CORBA เพื่อเข้าสู่ Remote Object ได้เช่นกัน
2.3 HTML (HyperText Markup Language)
เอชทีเอ็มแอล (อังกฤษ: HTML ย่อมาจาก Hypertext Markup Language) เป็นภาษา
มาร์กอัปหลักในปัจจุบันที่ใช้ในการสร้างเว็บเพจ หรือข้อมูลอื่นที่เรียกดูผ่านทางเว็บเบราว์เซอร์ ซึ่งตัว
โค้ ด จะแสดงโครงสร้ า งของข้ อ มู ล ในการแสดง หั ว ข้ อ ลิ ง ก์ ย่ อ หน้ า รายการ รวมถึ ง การสร้ า ง
แบบฟอร์ม เชื่อมโยงภาพหรือวิดีโอด้วย โครงสร้างของโค้ดเอชทีเอ็มแอลจะอยู่ในลักษณะภายใน
วงเล็บสามเหลี่ยม
เอชทีเอ็มแอลเริ่มพัฒนาโดย ทิม เบอร์เนอรส์ ลี (Tim Berners Lee) [ซึ่งในขณะนั้นเขาได้
ประกอบอาชีพนั กวิ ทยาศาสตร์ ] ส าหรับ ภาษา SGML ในปัจ จุบั น HTML เป็ นมาตรฐานหนึ่ ง
ของ ISO ซึ่งจัดการโดย World Wide Web Consortium (W3C) ในปัจจุบัน ทาง W3C ผลักดัน
รูปแบบของ HTML แบบใหม่ ที่เรียกว่าXHTML ซึ่งเป็นลักษณะของโครงสร้าง XML แบบหนึ่งที่มี
หลักเกณฑ์ในการกาหนดโครงสร้างของโปรแกรมที่มีรูปแบบที่มาตรฐานกว่า มาทดแทนใช้ HTML รุ่น
4.01 ที่ใช้กันอยู่ในปัจจุบัน ขณะที่ HTML รุ่น 5 ยังคงยังอยู่ในระหว่างการพิจารณา โดยได้มีการออก
ดราฟต์มาเสนอเมื่อวันที่ 22 มกราคม 2551
HTML ยั ง คงเป็ น รู ป แบบไฟล์ อ ย่ า งหนึ่ ง ส าหรั บ html และ ส าหรั บ .htm ที่ ใ ช้ ใ น
ระบบปฏิบัติการที่รองรับ รูปแบบนามสกุล 3 ตัวอักษร
2.3.1 รูปแบบการเขียน
2.3.1.1 HTML นั้นมีรูปแบบการเขียนเป็นลักษณะ tag ซึ่ง tag นี้ จะมีทั้ง tag เปิด
และ tag ปิด บาง tag ก็ไม่ต้องมี tag ปิดก็ได้ด้วย
2.3.1.2 <tag> เรียกว่า tag เปิด
2.3.1.3 </tag> เรียกว่า tag ปิด
2.3.2 ตัวอย่างการใช้งาน
ดูตัวอย่างการใช้งาน ดังต่อไปนี้
<HTML>
<HEAD>
<TITLE>การใช้ tag</TITLE>
</HEAD>
<BODY>
<strong>ตัวอย่าง</strong><br>การใช้ tag ของ HTML อย่างง่าย
</BODY>

16. 8
</HTML>
จาก code tag ที่ เราเห็นเป็น code ของ HTML มี โครงสร้างหลักอย่ 2 ส่วนด้วยกันคือ
2.3.2.1 ส่วนหัว HEAD จะอยู่ใน tag <HEAD>...</HEAD> จากตัวอย่างข้างบนเรา
จะเห็นมี tag <TITLE>...</TITLE> ข้อความที่อยู่ใน tag นี้จะแสดงด้านบน title bar สังเกต ได้จาก
ด้านบนสุดของ web Browser จะแสดงข้อความนี้ให้เราเห็น เราสามารถอธิบายหรือใส่ชื่อเรื่องต่ างๆ
หรือข้อความที่ต้องการแสดงออกมาได้ที่นี่
2.3.2.2 ส่วนตัว BODY จะอยู่ใน tag <BODY>...</BODY> เป็นส่วนที่แสดงผล
ออกมายังหน้าเว็บเพจ ผ่านทาง web browser ซึ่งสามารถแสดงเป็นข้อความ ภาพ ได้
2.4 CSS (Cascading Style Sheets)
2.4.1 การทางานของ CSS
จะทาร่วมกับ HTML โดยจะกาหนดการแสดงผลของสิ่งต่างๆบนเว็บ เช่น สีอักษร สีพื้นหลัง
ขนาดตัวอักษร การจัดเลย์เอ้าท์ ให้สวยงามและอื่นๆ
2.4.2 ข้อดีของ CSS
2.4.2.1 ทาให้ขนาดไฟล์แต่ละหน้าเล็กลงกว่าเดิม เพราะใช้โค้ดน้อยกว่า
2.4.2.2 มีความยืดหยุ่นสูง ในการปรับแต่งแก้ไขในอนาคต
2.4.2.3 สามารถกาหนดแยกไว้ต่างหากจากไฟล์ เอกสาร html และสามารถนามา
ใช้ร่วม กับเอกสารหลายไฟล์ได้ สาหรับการแก้ไขก็แก้เพียงจุดเดียวก็มีผลกับเอกสารทั้งหมดได้
2.4.2.4 สามารถจัดการเลย์เอ้าท์ ได้อย่างละเอียดแม่นยา
2.4.2.5 ง่ายในการเรียกดู Source
2.4.2.6 ใช้ดีกับระบบสิร์ชเอ็นจินซึ่งระบบเสิร์สเอ็นจิ้นต่างๆ
2.4.3 ตัวอย่างการทางาน
ไฟล์ stylesheet.css
.textpink13 {font-size: 13px; font-family: "verdana"; color: #FF00FF;
text-decoration:none; font-weight:normal;}
ไฟล์ test.html
<html>
<head><link href="stylesheet.css" rel="stylesheet"
type="text/css"></head>
<body>
<span class="textpink13">Text Pink Color</span>
</body>
</html>

17. บทที่ 3
รายละเอียดของงานที่ปฏิบัติ
3.1 กาหนดเป้าหมายและวางแผน
ในการพัฒ นาเว็บ ไซต์ใน เราจะทาการกาหนดเป้าหมายและวางแผนไว้ล่ ว งหน้า เพื่อให้
การ พัฒนาเว็บไซต์ มีแนวทางที่ชัดเจน เรื่องหลักๆ นั้นประกอบไปด้วย
3.1.1 กาหนดวัตถุ ป ระสงค์ข องเว็บ ไซต์ เพื่ อให้ เห็ นภาพที่ ชัด เจนว่า เว็บ ไซต์ นี้ต้ องการ
นาเสนอสิ่งใด มีวัตถุประสงค์อย่างไร
3.1.2 กาหนดกลุ่มผู้ชมเป้าหมายเพื่อจะได้รู้ว่าผู้ชมหลักของเราคือใคร และออกแบบเว็บไซต์
ให้ตอบสนองความต้องการผู้ชมกลุ่มนั้นให้มากที่สุด
3.1.3 เตรียมแหล่งข้อมูล ข้อมูลคือสาระสาคัญของ เว็บไซต์ เราต้องรู้ว่าจาเป็นต้องใช้ข้อมูล
จากแหล่งใดบ้าง และใช้ข้อมูลอะไรบ้างดกลุ่ม
3.1.4 การเตรียมทักษะของบุคลากร การสร้าง เว็บไซต์ ต้องอาศัยทักษะหลายๆด้าน เช่น
การเตรียมเนื้อหา ออกแบบกราฟฟิก เขียนโปรแกรม และการดูแลเว็บเซิร์ฟเวอร์ เป็นต้น
3.1.5 การเตรียมทรัพยากรต่างๆ ที่จาเป็น เว็บไซต์ บุคลากรในการ จัดทาเว็บไซต์ และ
ข้อมูลต่างๆในการจัดทาเว็บไซต์
3.2 วิเคราะห์และจัดโครงสร้างข้อมูล
เป็นการนาข้อมูลต่างๆ ที่รวบรวมได้จากขั้นแรก ไม่ว่าจะเป็นวัตถุประสงค์ของ เว็บไซต์ กลุ่ม
ผู้ชมเป้ าหมาย รวมทั้งเนื้อหาหลั กของ เว็บไซต์ นามาประเมิน วิเคราะห์ และจัดระบบ เพื่อให้ได้
โครงสร้างข้อมูลและข้อกาหนด ซึ่งจะใช้เป็นกรอบในการออกแบบดาเนินการในขั้นต่อๆไป ผลที่ได้รับ
จากขั้นนี้ประกอบไปด้วย
3.2.1 แผนผังโครงสร้างของ เว็บไซต์ สารบัญ (Table of Content) ลาดับการนาเสนอ
(Storyboard) หรือผังงาน (Flowchart)
3.2.2 ระบบนาทางหรือเนวิเกชั่น (Navigation) ซึ่งผู้ชมจะใช้สาหรับเปิดเข้าไปยังส่วนต่างๆ
ของเว็บไซต์
3.2.3 องค์ประกอบต่างๆ ที่จะนามาใช้ใน เว็บไซต์ มีอะไรบ้าง เช่น ภาพ กราฟฟิก เสียง
วีดีโอ มัลติมีเดีย แบบฟอร์ม และอื่นๆ
3.2.4 ข้อกาหนดเกี่ยวกับลักษณะหน้าตาและรูปแบบของ เว็บไซต์
3.2.5 ข้อกาหนดของโปรแกรมภาษาสคริปต์ หรือ เว็บแอพลิเคชั่น และฐานข้อมูลที่ใช้
3.2.6 คุณสมบัติของเว็บเซิร์ฟเวอร์ รวมถึงข้อจากัด และบริการเสริมต่างๆ ที่มีให้
9

18. 10
3.3 ออกแบบ เว็บไซต์ และเตรียมข้อมูล
เป็ น ขั้ น ตอนของการออกแบบเค้ า โครง หน้ า ตา และลั ก ษณะทางด้ า นกราฟฟิ ก
ของ เว็บไซต์ เพื่อให้เพื่อชมเกิดอารมณ์ ความรับรู้ต่อ เว็บไซต์ ตามที่เราต้องการ ดังนั้นผู้ที่ทาหน้าที่นี้
จึงควรมีความสามารถด้านศิลปะพอสมควร ซึ่งผลลัพธ์ที่ได้จะประกอบไปด้วย ไฟล์กราฟฟิกต่างๆ ที่
ใช้บน เว็บไซต์ เช่น โลโก้ ภาพพื้นหลัง ปุ่มเมนู ไอคอนที่เป็นหัวคอลัมน์ และแบนเนอร์โฆษณา
การออกแบบ เว็บไซต์ ยังรวมไปถึงการกาหนดสีสันและรูปแบบของส่วนประกอบต่างๆ ที่
ไม่ใช่ภาพกราฟฟิก เช่น ฟอนต์ ขนาด สีข้อความ สีพื้นบริเวณที่ว่าง สีและลวดลายของเส้นกรอบ เป็น
ต้น นอกจากนั้นองค์ประกอบเสริ มอื่นๆของ เว็บไซต์ ก็ต้องถูกเตรียมไว้ด้วย เช่น ภาพเคลื่อนไหว
Flash และโปรแกรม JavaScript ที่ใช้ตอบโต้กับผู้ชมหรือผู้เล่นเอฟเฟ็คต่างๆ
ในส่วนของเนื้อหา ขั้นตอนนี้จะเป็นการนาเอาเนื้อหาที่เลือกไว้มาปรับแก้ และตรวจทาน
ความถูกต้อง เพื่อให้พร้องที่จะนาไปใส่ใน เว็บเพจ ในแต่ละหน้าในขั้นตอนถัดไป
3.4 ลงมือสร้างและทดสอบ
เป็นขั้นตอนที่ เว็บไซต์ ถูกสร้างขึ้นมาจริงที่ละหน้าๆ โดยอาศัยเค้าโครงและองค์ประกอบ
กราฟฟิกตามที่ได้ออกแบบไว้ เนื้อหาต่างๆ จะถูกนามาใส่และจัดรูปแบบ ลิงค์ และระบบนาทางจะถูก
สร้างองค์ประกอบเสริมต่างๆถูกวางเข้าที่ อย่างไรก็ตาม เมื่อลงมือสร้าง เว็บไซต์ จริงเราอาจพบว่าสิ่ง
ที่ออกแบบไว้แล้วบางอย่างไม่เหมาะสม หรือควรได้รับการปรับแต่ง ก็สามารถทาได้
เว็บไซต์ ที่สร้างขึ้นมาควรได้รับการทดสอบก่อนที่จะนาออกเผยแพร่ ไม่ว่ าจะเป็นในเรื่องของ
ความถูกต้องของเนื้อหา การทางานของลิงค์และระบบนาทาง ตรวจหาความผิดพลาดของโปรแกรม
สคริปต์ และฐานข้อมูล นอกจากนี้ก็ควรทดสอบ เว็บไซต์ โดยใช้สภาพแวดล้อมที่เหมือนกับของกลุ่ม
ผู้ชม เว็บไซต์ เป้าหมาย เช่น เวอร์ชั่นของบราวเซอร์ บราวเซอร์ยี่ห้อต่างๆ ความละเอียดของจอภาพ
ความเร็วที่เชื่อมต่ออินเตอร์เน็ต เพื่อดูว่าผู้ชมเป้าหมายสามารถชม เว็บไซต์ ได้อย่างมีประสิทธิภาพ
หรือไม่
3.5 เผยแพร่เว็บไซต์
โดยทั่ว ไปการนา เว็บ ไซต์ ขึ้นเผยแพร่บนอินเตอร์เน็ต จะกระทาด้วยการอัพโหลดไฟล์ ที่
เกี่ยวข้องขึ้นไปบน เว็บ เซิร์ฟเวอร์ทเราเปิดบริการไว้
ี่
หลังจากนั้น เว็บไซต์ ควรได้รับการทดสอบอีกครั้ง เพื่อตรวจหาปัญหาบางอย่างที่ไม่สามารถ
ทดสอบบนคอมพิวเตอร์ของเราเองได้ เช่นการลิงค์ของ เว็บไซต์ กับ เว็บไซต์ อื่นและการทางานของ
โปรแกรมกับฐานข้อมูล ซึ่งอาจทาไม่ได้บนเครื่องของเรา
3.6 ดูแลและพัฒนา
เว็บไซต์ ที่เผยแพร่ออกไปแล้วเราไม่ควรทิ้งขว้าง แต่ควรดูแลโดยตลอด ซึ่งหน้าที่นี้ครอบคลุม
หลายเรื่อง ตั้งแต่การตรวจสอบ เว็บเซร์ฟเวอร์ ว่าไม่หยุดทางานบ่อยๆ ลิงค์ เว็บไซต์ ที่เชื่อมโยงต่างๆ

19. 11
ยั ง คงใช้ ได้ คอยตอบอี เมล์ หรื อ ค าถามที่มี ผู้ ฝ ากไว้ บ น เว็ บ ไซต์ ถ้า เป็น เว็ บไซต์ ข่ า วสารก็ ต้ อ ง
ปรับปรุงข้อมูลให้ทันสมัยอยู่ตลอดเวลา ถ้า เว็บไซต์ มีการใช้ฐานข้อมูลก็ต้องมีการสารองข้อมูลอยู่
อย่างสม่าเสมอ
นอกจากนั้ น เราควรตรวจสอบสถิติของการเข้าชมเป็นระยะๆ ซึ่งเป็นบริการเสริมที่ เว็บ
เซิ ร์ ฟ เวอร์ มั ก จะมี ใ ห้ เช่ น จ านวนผู้ เ ข้ า ชม เว็ บ ไซต์ เว็ บ เพจ ใดที่ มี ผู้ ช มเป็ น จ านวนมาก
ผู้ ช ม เว็บ ไซต์ ใช้ เว็บ บราวเซอร์ รุ่น ใด หรือผู้ ช มที่เ ข้ามาสู่ เว็ บไซต์ ของเราโดยทางใดมากที่สุ ด
หลังจากที่ เว็บไซต์ ได้รับการเผยแพร่ไประยะหนึ่ง เราควรปรับปรุงเพื่อให้ผู้ชม เว็บไซต์ รู้สึกว่ามีความ
เปลี่ยนแปลง มีความสดใหม่ทันสมัย โดยอาจนาข้อมูลสถิติที่รวบรวมไว้มาพิจารณาประกอบด้วย การ
เปลี่ ย นแปลง เว็ บ ไซต์ ท าได้ ทั้ ง ในส่ ว นของเนื้ อ หา โครงสร้ า ง เว็ บ ไซต์ การออกแบบ
หน้าตา เว็บไซต์ และการนาเทคโนโลยีใหม่ๆเข้ามาเสริม

20. บทที่ 4
ผลการดาเนินการ
4.1 งานเกี่ยวกับ แผนผังโครงสร้างเว็บไซต์
เป็นการออกแบบโครงสร้างเว็บไซต์ภายในองค์กร ซึ่งในที่นี้จะเป็นการออกแบบเฉพาะหน้า
แรกของเว็บไซต์ซึ่งภายในหน้านี้จะมีรายละเอียดแสดงดังภาพที่ 4.1
ภาพที่ 4.1 แสดงแผนผังโครงสร้างเว็บไซต์
4.2 งานเกี่ยวกับระบบนาทางหรือเนวิเกชั่น (Navigation)
เป้าหมายของ ระบบน าทาง หรือ เนวิเกชั่น คือ ช่วยให้ผู้เข้าชมเข้าถึงข้อมูล ที่ต้องการได้
อย่างรวดเร็ว และไม่หลงทาง ดังนั้นองค์ประกอบของระบบนาทางจึงมี 2 ส่วนด้วยกันคือเครื่องนาทาง
คือเครื่องมือสาหรับให้ผู้ชมเปิดไปยังเว็บเพจต่างๆภายในเว็บไซท์ โดยแยกได้เป็น
4.2.1 เมนูหลัก เป็นเมนูสาหรับไปยังหัวข้อเนื้อหาหลักของเว็บไซท์ มักอยู่ในรูปของลิงค์ที่
เป็นข้อความหรือภาพกราฟิก และจะต้องมีปรากฏอยู่บนเว็บเพจทุกหน้า
4.2.2 เมนูเฉพาะกลุ่ม เป็นเมนูที่เชื่อมโยงเว็บเพจปัจจุบันกับเว็บเพจอื่นภายในกลุ่มย่อยที่มี
เนื้อหา เกี่ยวเนื่องเท่านั้น มักอยู่ในรูปของลิงค์ข้อความหรือกราฟิกเช่นกัน
4.2.3 เครื่องมือเสริม สาหรับช่วยเสริมเสริมการทางานของเมนู ได้หลากหลายรูปแบบ เช่น
ช่องค้นหา (Search Box) เมนูแบบดร็อปดาวน์ (Drop-down menu) อิมเพจแมพ (Image Map)
และแผนที่เว็บไซท์ (Site Map)

21. 13
4.3 งานเกี่ยวกับการออกแบบฐานข้อมูล
ระบบฐานข้อมูล (Database System) คือ การรวมข้อมูลที่เกี่ยวข้องสัมพันธ์กันเข้าด้วยกัน
(Integrate) มีการจัดกลุ่มข้อมูลเก็บอยู่ในรูปตาราง (Grouping) เชื่อมโยงตารางทั้งหมดเข้าด้วยกัน
(Share) เพื่อลดความซ้าซ้อนในการจัดเก็บข้อมูล (Non Redundancy) แสดงตัวอย่างดังภาพที่ 4.2
ภาพที่ 4.2 แสดงออกแบบฐานข้อมูล
การออกแบบฐานข้อมูลด้วย E-R model เป็นเพียงวิธีหนึ่งที่ช่วยในการออกแบบฐานข้อมูล
และได้รับความนิยมอย่างมาก นาเสนอโดย Peter ซึ่งวิธีการนี้อยู่ในระดับ Conceptual level และมี
หลักการคล้ายกับ Relational model เพียงแต่ E-R model แสดงในรูปแบบกราฟฟิก บางระบบจะ
ใช้ E-R model ได้เหมาะสมกว่า แต่บางระบบจะใช้ Relational model ได้เหมาะสมกว่าเป็นต้น ซึ่ง
แล้วแต่การพิจารณาของผู้ออกแบบว่าจะเลือกใช้แบบใด (Relational model คือตารางข้อมูลที่มี
ความสัมพันธ์กัน) แสดงรายละเอียดดังภาพ 4.3
ภาพที่ 4.3 แสดง ER Diagram ระบบสมาชิกของเว็บไซต์

22. 14
4.4 งานเกี่ยวกับภาพและกราฟฟิกที่ใช้ภายในเว็บไซต์
4.2.4 ไฟล์ประเภท GIF (Graphics Interchange Format)
เป็นไฟล์ภาพที่มีขนาดเล็ก คุณภาพต่า เนื่องจากถูกบีบอัดข้อมูลให้มีขนาดเล็ก แสดงสีได้
256 สี แต่เป็นที่นิยมสาหรับผู้เขียนเว็บเพจเป็นอย่างมากเนื่องจากสามารถทาเป็นภาพเคลื่อนไหว
(Animation) และกาหนดให้แสดงภาพแบบโปร่งแสง มองทะลุไปด้านหลังได้ ไฟล์ประเภทนี้ ส่วน
ใหญ่จะเป็น รูปวาด ภาพการ์ตูน รูป icon, emotion, ป้ายโฆษณาแบนเนอร์ และภาพที่ไม่ต้อง การ
ความละเอียดมากนัก
4.2.5 ไฟล์ประเภท JPEG หรือ JPG (Joint Photo graphics Expert Group)
เป็นไฟล์รูปภาพที่มีการบีบอัดข้อมูลน้อยกว่าไฟล์ประเภท GIF สามารถแสดงสีได้ 16.7 ล้ า น
สี ภาพที่ ไ ด้ จ ะมี ค วามคมชั ด มาก ไฟล์ ป ระเภทนี้ เ หมาะกั บ ภาพที่ต้ อ งการความละเอี ย ดสู ง เช่ น
ภาพถ่ า ยจากกล้ อ งดิ จิ ต อลหรื อ ภาพที่ ไ ด้ จ ากการสแกน ภาพที่ แ สดงการไล่ เ ฉดสี เป็ น ต้ น
แสดงตัวอย่างดังภาพที่ 4.4
ภาพที่ 4.4 แสดงไฟล์ประเภท JPEG
4.3 ไฟล์ประเภท PNG (Portable Network Graphic)
เป็นไฟล์ภาพที่นามาใช้แทนที่ไฟล์ประเภท GIF เนื่องจากสามารถแสดงภาพได้เร็วกว่า แต่ยัง
ไม่ค่อยแพร่หลายมากนักเนื่องจากไม่สามารถทาเป็นภาพเคลื่อนไหวได้ และมีข้อเสียที่ไม่ สา ม า ร ถ ใ ช้
กับเว็บเบราเซอร์รุ่นเก่าได้ PNG-8 เป็นรูป แบบที่ใช้สีได้เพียง 256 สี และมีคุณสมบัติ คล้ายกับไฟล์
GIF จึงเหมาะสาหรับใช้ทาภาพที่มีสีเรียบๆ เช่น ภาพโลโก้ , การ์ตูน สามารถกาหนด พื้นหลังให้โปร่ง
แสงได้ PNG-24 เป็นรูป แบบที่ใช้สีได้ 16.7 ล้านสี เช่นเดียวกับไฟล์ JPG เหมาะ สาหรับภาพถ่าย
แสดงตัวอย่างดังภาพที่ 4.5

23. 15
ภาพที่ 4.5 แสดงไฟล์ประเภท PNG

24. บทที่ 5
สรุป ปัญหาและข้อเสนอแนะ
5.1 สรุป
การปฏิบัติงานในบริษัท ตลาดโซลูชั่น จากัด ในตาแหน่ง Web Programmer นั้นส่งผลให้
เกิดประโยชน์ในหลายๆด้านดังนี้
5.1.1 ด้านสังคม
5.1.1.1 ได้พูดคุยทาความรู้จักกับพี่ๆในแผนก Programmer และในบางครั้งมีพี่ๆ
ต่างแผนกมาติดต่องานที่แผนก Programmer ก็ได้ทาความรู้จักกัน
5.1.1.2 ได้เ รี ย นรู้ การปรั บตั ว ให้ เ ข้ากั บคนในสั งคมการท างาน ซึ่ง แต่ ล ะคนจะมี
ลักษณะความเป็นอยู่ที่แตกต่างกัน
5.1.1.3 ได้ รู้ ถึ ง ลั ก ษณะการท างานจริ ง ๆว่ า เป็ น อย่ า งไร เมื่ อ พบปั ญ หาก็ ต้ อ งหา
ทางแก้ไขเพื่อให้งานนั้นเสร็จเรียบร้อย
5.1.1.4 ได้เรียนรู้ชีวิตประจาวันในการทางาน
5.1.2 ด้านทฤษฎี
5.1.2.1 ได้ศึกษาเรียนรู้เพิ่มเติมเกี่ยวกับโค้ด PHP, CSS, JavaScript เพราะโค้ดบาง
คาสั่งยังไม่เคยศึกษาเรียนรู้มาก่อน
5.1.2.2 ได้ศึกษาการออกแบบระบบเพิ่มเติม เพราะมีฟังก์ชั่นในระบบยังไม่เคยทา
มาก่อน
5.1.3 ด้านปฏิบัติ
5.1.3.1 ได้ฝึกการเขียนโค้ดให้มีความชานาญมากขึ้น
5.1.3.2 ได้ฝึกฝนการทางานเป็นเวลาเหมือนๆกันทุกวัน
5.2 ปัญหาและข้อเสนอแนะ
จากการปฏิบัติงานในบริษัท ตลาดโซลูชั่น จากัดนั้นได้รับความรู้ต่างๆมากมายเพื่อเก็บเป็น
ประสบการณ์ไว้ใช้ในอนาคตต่อไป การปฏิบัติงานในตาแหน่ง Web Programmerนั้นจัดได้ว่าเป็น
การประยุ กต์ใช้ความรู้ ที่ได้เรี ย นจากมหาวิทยาลั ยและความรู้ที่ไ ด้มีการศึกษาเพิ่มเติม ซึ่งในการ
ปฏิบัติงานนั้น จะมีปัญหาบางประการดังนี้

25. 17
5.2.1 ปัญหาในการทางานคือ ความรู้ที่มีอยู่นั้นยังไม่เพียงพอต่อการทางานจริง จึงต้องมี
การศึกษาเพิ่มเติมอยู่ตลอดเวลา
5.2.2 ช่วงแรกๆที่ไปยั งไม่ค่อยรู้จัก พูดคุยกับพี่ๆในแผนกมากนัก เนื่องจากไม่กล้าเข้าไป
พูดคุยจึงทาให้รู้สึกเกรงๆ แต่เมื่อเวลาผ่านไปได้มีการปรับตัว ทาให้กล้าพูด กล้าคุยกับพี่ๆในที่ทางาน
มากขึ้น เนื่องจากการทางานนั้นเป็นการทางานครั้งแรกทาให้ยังมีข้อบกพร่องบางประการ มีการ
ติดขัดในการทางาน ไม่มีความคล่องตัวเล็กน้อย

26. 18
บริษัท ตลาดโซลูชั่น จากัด
522 ชั้น 6 ซ.รัชดาภิเษก 26
ถ.รัชดาภิเษก แขวงสามเสนนอก
เขตห้วยขวาง กทม. 10310
25 กุมภาพันธ์ 2556
เรื่อง การขออนุญาตจัดทารายงานของบริษัท ตลาดโซลูชั่น จากัด
เรียน คุณจักรพันธ์ กาญจนวิจิตร ตาแหน่ง Java Developer
ตามที่ข้าพเจ้า นายญาณศรณ์ แตงเกิด รหัสนักศึกษา 5230211072 สาขาวิชาเทคโนโลยี
สารสนเทศ คณะเทคโนโลยี และสิ่ ง แวดล้ อ ม มหาวิท ยาลั ยสงขลานคริ น ทร์ วิ ท ยาเขตภูเ ก็ ต ได้
ปฏิบัติงาน สหกิจศึกษาระหว่างวันที่ 5 พฤศจิกายน 2555 ถึง วันที่ 28 กุมภาพันธ์ 2556 ในตาแหน่ง
Web Programmer บัดนี้การปฏิบัติงานสหกิจศึกษาได้เสร็จสิ้นแล้ว ข้าพเจ้าจึงจัดทารายงานฉบับ
สมบูรณ์ เพื่อให้คุณจักรพันธ์ กาญจนวิจิตร ได้ทาการตรวจทานและอนุญาตให้สามารถใช้เนื้อหาใน
รายงานดังกล่าวนาเสนอและเผยแพร่ เพื่อให้รุ่นน้องที่สนใจได้ศึกษาค้นคว้าต่อไป
จึงเรียนมาเพื่อโปรดพิจารณา
………………………………………................
(นายญาณศรณ์ แตงเกิด)
นักศึกษาปฏิบัติงานสหกิจศึกษา
วันที่……………………………………………..
อนุญาต ไม่อนุญาต …………………………………………………….
(คุณจักรพันธ์ กาญจนวิจิตร)
ผู้ควบคุมการปฏิบัติงานสหกิจศึกษา
วันที่……………………………………………..

27. 19
บรรณานุกรม
ภาษาพีเอชพี(PHP)คืออะไร.(2001-2012).Avilable URL:http://blog.msu.ac.th/?p=2467. [9
กันยายน 2555]
สมศักดิ์ โชคชัยชุติกุล.(2547). อินไซต์ PHP 5 (พิมพ์ครั้งที่ 1) กรุงเทพฯ: โปรวิชั่น จากัด.
Eclipse คืออะไร. (2001-2012).Avilable URL:http://www.mindphp.com/.[9 กันยายน 2555]
THE PHP Group. (2001-2012) .Date Time::format. (Online).
http://php.net/manual/en/datetime.format.php [9 กันยายน 2555]

28. 20
สมาชิก
1. นายศุภชัย จันทร์ฮก รหัสนักศึกษา 5230211012 สาขา เทคโนโลยีสารสนเทศ
2. น.ส. ธนิกา จิตรัตน์ รหัสนักศึกษา 5230211030 สาขา เทคโนโลยีสารสนเทศ
3. น.ส. แพรพัก ขุนรอง รหัสนักศึกษา 5230211039 สาขา เทคโนโลยีสารสนเทศ
4. น.ส. วิปัศยา แดงเพชร รหัสนักศึกษา 5230211045 สาขา เทคโนโลยีสารสนเทศ
5. นายสุทธิพงษ์ จงศิริไพโรจน์ รหัสนักศึกษา 5230211049 สาขา เทคโนโลยีสารสนเทศ
6. น.ส. อนุตรา หลังปูเต๊ะ รหัสนักศึกษา 5230211054 สาขา เทคโนโลยีสารสนเทศ
7. น.ส. อาศิรา ศิริไชย รหัสนักศึกษา 5230211056 สาขา เทคโนโลยีสารสนเทศ
8. นายญาณศรณ์ แตงเกิด รหัสนักศึกษา 5230211072 สาขา เทคโนโลยีสารสนเทศ
9. นางสาวลีลาวดี ศรีสุข รหัสนักศึกษา 5230212027 สาขา ธุรกิจอิเล็กทรอนิกส์
10. นายวัชระ คุณาปกรณ์การ รหัสนักศึกษา 5230212030 สาขา ธุรกิจอิเล็กทรอนิกส์
11. นายอรรถพร นิลสุวรรณ รหัสนักศึกษา 5230212042 สาขา ธุรกิจอิเล็กทรอนิกส์
12. นางสาวกฤติยา วงษ์วัฒนาชัย รหัสนักศึกษา 5230212051 สาขา ธุรกิจอิเล็กทรอนิกส์