รูปเล่มวิชาโครงงาน

ศูนย์ กลางบริการซื้อขาย JJ MALL

JJ SHOPPING MALL CENTER SERIVCE

โดย

นางสาวฐิตาภรณ์ ประภาสโนบล รหัส 53054936

นางสาวนารี รัตน์ เชื้อแถว รหัส 53055397

โครงการนี้เป็ นส่ วนหนึ่งของการศึกษาตามหลักสู ตรวิทยาศาสตรบัญฑิต
สาขาวิชาเทคโนโลยีสารสนเทศและการสื่ อสาร คณะเทคโนโลยีสารสนเทศ
มหาวิทยาลัยศรีปทุม
พ.ศ. 2555

มหาวิทยาลัยศรี ปทุม
คณะเทคโนโลยีสารสนเทศ

โครงงาน
ของ

1. นางสาวฐิตาภรณ์ ประภาสโนบล รหัส 53054936
2. นางสาวนารี รัตน์ เชื้อแถว รหัส 53055397

เรื่ อง
ศูนย์กลางบริ การซื้อขาย JJ MALL
(JJ SHOPPING MALL CENTER SERIVCE)

ได้รับการตรวจสอบและอนุมติให้เป็ นส่วนหนึ่งของการศึกษาตามหลักสูตรวิทยาศาสตรบัณฑิต
ั
สาขาวิชาเทคโนโลยีสารสนเทศและการสื่อสาร
เมื่อ วันที่ 23 เดือน กันยายน พ.ศ. 2555

ประธานกรรมการ ______________________________
( )

กรรมการและอาจารย์ที่ปรึ กษา ______________________________
( )

กรรมการ ______________________________
( )

กรรมการและเลขานุการ ______________________________
( )

ข

บทคัดย่อย ศูนย์กลางบริ การซื้อขาย JJ MALL
(JJ SHOPPING MALL CENTER SERIVCE, จานวน 133 หน้า)
โดย 1. นางสาวฐิตาภรณ์ ประภาสโนบล รหัส 53054936
2. นางสาวนารี รัตน์ เชื้อแถว รหัส 53055397
อาจารย์ที่ปรึกษา ดร.วสุวรรธน์ พงศ์ขจร

โครงงาน ศูนย์กลางบริ การซื้อขาย เจเจมอลล์(JJ SHOPPING MALL CENTER SERIVCE) มี
วัตถุประสงค์เพื่อพัฒนาและหาประสิทธิภาพ การบริ การซื้อ- ขายสินค้าออนไลน์หรื อพาณิ ช ย์
อิเล็กทรอนิกส์ (E-Commerce) ที่กลับมาได้รับความนิยมอีกครั้ง ซึ่งการมีเว็บไซต์ ก็เป็ นอีกช่องทาง
หนึ่ง ที่ทาให้ผซ้ือสามารถพบกับผูขายได้เพียงแค่ต่ออินเทอร์เน็ตผ่านระบบคอมพิวเตอร์เท่านั้น ทา
ู้ ้
ให้ผซ้ือสามารถเข้าถึงร้านของผูขายได้จากทุกแห่งหน และด้วยโครงข่ายที่เชื่อมถึงกันทัวโลก ทาให้
ู้ ้ ่
คนนับล้านๆ จากอีกหลายประเทศสามารถพบเห็นร้านค้าของผูขายได้จากชื่อเว็บไซต์ เครื่ องมือที่ใช้
้
ในการพัฒนาเว็บไซต์จะเน้นถึงการใช้งานร่ วมกัน มีความสามารถหลากหลายและการทางานได้
หลายอย่าง อาทิเช่น HTML, CSS, PHP, MySQL, JavaScript เป็ นหลั ก โดยแบ่งเครื่ องมือที่ใช้ใน
การทาเว็บไซต์ได้ดงนี้ เครื่ องมือสาหรับแก้ไข Code, เครื่ องมือสาหรับแก้ไขภาพ แต่งภาพ , Web
ั
Browser โปรแกรมสาหรับเปิ ดเว็บไซต์เช่น IE , Firefox , Chrome, เครื่ องมือจัดการฐานข้อมูล ,
โปรแกรมจัดการไฟล์ และการปรับปรุ งแก้ไขไฟล์ , โปรแกรมจา ลองเครื่ องให้เหมือนกับ Web
Server จากผลการศึกษาพบว่าการนาเทคโนโลยีสารสนเทศมาประยุกต์ใช้ในการบริ หารงานต่างๆ
เกี่ยวข้องกับทุกคน การเรี ยนรู้เกี่ยวกับเทคโนโลยีสารสนเทศจึงมีความสาคัญ ปัจจุบนมีเครื อข่ายการ
ั
ให้บริ การใหม่ๆ เพิ่มขึ้นหลายอย่าง การเปิ ดร้านค้าออนไลน์มีท้งข้อดีและข้อเสียต่อธุรกิจ เมื่อเทียบ
ั
กับร้านค้าที่ไม่ได้ทาการออนไลน์ ในปัจจุบนมีร้านค้าหลายร้านที่ประสบความสาเร็ จเป็ นอย่างมาก
ั
ในการเปิ ดร้านค้าออนไลน์ ในขณะที่บางร้านกลับไม่ประสบความสาเร็ จทางด้านนี้เลย ที่เป็ นเช่นนี้
เพราะการเปิ ดร้านค้าออนไลน์น้ นมีท้งข้อดี ที่เป็ นข้อได้เปรี ยบในเชิงธุรกิจและข้อเสีย ที่เป็ นข้อควร
ั ั
ระวัง ในขณะที่ผซ้ือควรศึกษาและทาความเข้าใจกับกฎเกณฑ์ ข้อกาหนดและเงื่อนไขในการซื้อขาย
ู้
ออนไลน์ เพื่อให้ทราบถึงข้อกาหนดต่างๆ ตลอดจนเงื่อนไขในการชาระเงิน (รวมไปถึงเงื่อนไขใน
การรับประกันสินค้า การรับประกันความเสี่ยงในการใช้จ่าย การคืนเงิน และข้อตกลงต่างๆ ) โดย
ทางผูขายจะเป็ นผูกาหนดเงื่อนไขในการซื้อสินค้าในแต่ละประเภทไว้ชดเจน
้ ้ ั

ค

กิตติกรรมประกาศ

โครงงานศูนย์กลางบริ การซื้อขายเจเจมอลล์ (JJ SHOPPING MALL CENTER SERIVCE)
สาเร็ วลุล่วงก็ดวยความกรุ ณาจากท่านอาจารย์ ดร.วสุวรรธน์ พงศ์ขจร หัวหน้าสาขาวิชาเทคโนโลยี
้
สารสนเทศและการสื่อสาร ซึ่งให้ความกรุ ณาเป็ นอาจารย์ที่ปรึ กษาโครงงานในครั้งนี้ดวย ที่ได้ให้คา
้
เสนอแนะ แนวคิด ตลอดจนแก้ไขข้อบกพร่ องด้านต่างๆ มาโดยตลอด จนโครงงานเล่มนี้เสร็ จ
สมบูรณ์ ขอขอบพระคุณท่านอาจารย์อุดมศักดิ์ จันทรทาโพ อดีตหัวหน้าสาขาวิชาเทคโนโลยี
สารสนเทศและการสื่อสาร อาจารย์อิศรา นาคะวิสุทธิ์ อาจารย์ทินภัทร บริ รักษ์ ซึ่งเป็ นอาจารย์
ประจา สาขาเทคโนโลยีสารสนเทศและการสื่อสาร ที่อนุมติเห็นชอบในการจัดทาโครงงานและให้
ั
การสนับสนุนในการทางาน และเสนอแนะข้อคิดเห็นของการทางานมาโดยตลอด
จึงขอขอบพระคุณทุกๆท่านที่ได้สนับสนุน ช่วยเหลือในการจัดทาโครงงานนี้ และให้
ความรู้ กาลังใจแก่ผเู้ ขียนเสมอมา จนกระทังการศึกษาค้นคว้าโครงงานครั้งนี้ประสบความสาเร็ จ
่
ลุล่วงไปได้ดวยดี และความดีอนเกิดจากการศึกษาค้นคว้าครั้งนี้ ผูเ้ ขียนขอมอบแด่ ครู อาจารย์ และ
้ ั
ผูมีพระคุณทุกท่าน ผูเ้ ขียนมีความซาบซึ้งในความกรุ ณาอันดียงจากทุกท่านที่ได้กล่าวนามมา จึงขอ
้ ิ่
กราบขอบพระคุณเป็ นอย่างสูงมา ณ โอกาสนี้

ง

คานา

โครงงานเรื่ อง ศูนยการซื้อขายสินค้า เจเจมอลล์ (JJ SHOPPING MALL CENTER
SERVICE) ถูกจัดเป็ นส่ วนหนึ่งของรายวิชา ICT 492 โครงงานคอมพิวเตอร์ ซึ่งเป็ นผลงานทาง
วิชาการของนักศึกษาที่บ่งชี้ถงคุณภาพและมาตราฐานวิชาการของภาควิชาเทคโนโลยีสารสนเทศ
ึ
และการสื่อสาร คณะเทคโนโลยีสารสนเทศ มหาวิทยาลัยศรี ปทุม และนอกจากนี้ยงสามารถใช้เป็ นั
เอกสารอ้างอิงสาหรับการค้นคว้าที่น่าเชื่อถือในองค์ความรู้ทางวิชาการอีกด้วย
ว่าด้วยธุรกิจออนไลน์สมัยนี้ผลตอบรับค่อนข้างดี คนรุ่ นใหม่ใช้อินเตอร์เน็ตกันเป็ น
หมดแล้ว จะหาข้อมูลเกี่ยวกับอะไรก็มาค้นหาตามอินเตอร์เน็ตกันทั้งนั้น ทุกๆ วันคนเข้าใช้บริ การ
ผ่านระบบออนไลน์เพิมขึ้นเป็ นจานวนมาก ข้อดีของก ารขายสินค้าออนไลน์น้ นมีมากมาย เมื่อทา
่ ั
การเปรี ยบเทียบกันแล้วกับการขายทัวไป ดูเหมือนว่าการขายผ่านอินเตอร์เน็ตจะคุมค่ามากกว่ากัน
่ ้
โดยเฉพาะใครที่เปิ ดขายหน้าร้านและออนไลน์อยูดวยก็จะได้เปรี ยบ อีก 2-3 ปี ข้างหน้านี้ มีแนวโน้ม
่ ้
ว่า online shop จะมีความคึกคักมากกว่านี้ เพราะตอนนี้ได้มีบริ ษทชั้นนาของโลกได้เข้ามาทา ตลาด
ั
ที่ประเทศไทยเพิ่มมากขึ้น
ดังนั้น คณะผูจดทาได้เล็งเห็นถึงความสาคัญของโอกาสทางธุรกิจจึงได้ศึกษาและพัฒนา
้ั
ระบบการซื้อขายสินค้าออนไลน์ข้ ึนเพื่อเป็ นประโยชน์แก่ตนเองและผูสนใจที่จะลงทุนในอนาคต
้
คณะผูจดทาขอขอบคุณ ดร.วสุวรรธน์ พงศ์ขจร หัวหน้าสาขาเทคโนโลยีสารสนเทศและการสื่อสาร
้ั
เป็ นอย่างสูง ที่หึความอนุเคราะห์ เป็ นอาจารย์ที่ปรึ กษา ให้ความรู้ แนวทางในการศึกษามาโดย
ตลอด หวังเป็ นอย่างยิงว่าโครงงานเล่มนี้จะเป็ นประโยชน์แก่ผอ่านทุกๆท่าน
่ ู้

นางสาวฐิตาภรณ์ ประภาสโนบล
นางสาวนารี รัตน์ เชื้อแถว
กันยายน 2555

สารบัญ

หน้ า

หน้ าอนุมติั ก
บทคัดย่อ ข
กิตติกรรมประกาศ ค
คานา ง
สารบัญ จ
สารบัญตาราง ช
สารบัญรูป ฎ
บทที่ 1 บทนา
1.1 ความเป็ นมาและความสาคัญของปัญหา 1
1.2 วัตถุประสงค์การศึกษา 2
1.3 ขอบเขตการศึกษา 2
1.4 นิยามศัพย์เฉพาะ 3
1.5 ประโยชน์ที่คาดว่าจะได้รับ 4
1.6 แผนการดาเนินงาน 4
1.7 เครื่ องมือที่คาดว่าจะต้องใช้ 5
บทที่ 2 แนวคิด ทฤษฎีและเอกสารที่เกียวข้ อง
่
2.1 ทฤษฎีที่เกี่ยวข้อง 6
2.2 เทคโนโลยีที่เกี่ยวข้อง 8
บทที่ 3 ขั้นตอนการศึกษา
3.1 การออกแบบกระบวนการเก็บใช้ขอมูล ้ 16
3.2 แผนภาพบริ บท (Context Diagram) 17
3.3 แผนภาพกระแสข้อมูล (Dataflow Diagram) 18
3.4 แผนภาพแสดงความสัมพันธ์ระหว่างเอนทิต้ ี (ER Diagrams) 24
3.5 การออกแบบแฟ้ มข้อมูล (Data Tables) 25
3.6 แผนภูมิโครงสร้างระบบ (System Structure Chart) 37
3.7 แผนภาพการทางาน (Flow Chart) 38
3.8 แผนภาพแสดงเรื่ องราว (Story Board) 50

ฉ

สารบัญ (ต่อ)

หน้ า

บทที่ 4 ผลการศึกษา
4.1 โปรแกรมและอุปกรณ์ที่ใช้ 87
4.2 ฮาร์ดแวร์ที่ใช้ในระบบ 91
4.3 สรุ ปกระบวนการทางานทั้งหมดของโปรแกรม 91
4.4 การออกแบบส่วนเชื่อมประสานกับผูใช้ (User Interface)
้ 102
บทที่ 5 ผลการศึกษา
5.1 วิเคราะห์และเปรี ยบเทียบความแตกต่างโปรแกรมกับ 120
โปรแกรมของคู่แข่ง
5.2 สรุ ปผลการศึกษา 122
5.3 การอภิปราย 122
5.4 ข้อเสนอแนะ 123
บรรณานุกรม 124
ภาคผนวก
ภาคผนวก ก (คู่มือการใช้งาน) 126
ประวัตผู้จดทาโครงงาน
ิ ั 133

ช

สารบัญรูป

รูปที่ หน้ า

2.1 การทางานของเว็บเซอร์วิส 14
2.2 การเปรี ยบเทียบโครงสร้างการทางาน 15
3.1 แผนภาพการแสดงการทางานผูใช้ระบบ
้ 16
3.2 แผนภาพรวมของเว็บไซต์ JJ Mall Center Service 17
3.3 แสดงภาพรวมของเว็บไซต์ JJ Shopping Mall (Level 0) 18
3.4 แสดงการสมัครสมาชิก JJ Shopping Mall (Level 1) 18
3.5 แสดงการเข้าระบบของสมัครสมาชิก JJ Shopping Mall (Level 1) 19
3.6 แสดงการค้นหาข้อมูลใน JJ Shopping Mall (Level 1) 20
3.7 แสดงระบบสมาชิกร้านค้าการเพิ่มสินค้า JJ Shopping Mall (Level 1) 21
3.8 แสดงการสังซื้อสินค้า JJ Shopping Mall (Level 1)
่ 22
3.9 แสดงการชาระเงิน JJ Shopping Mall (Level 1) 23
3.10 แผนภาพแสดงความสัมพันธ์ระหว่างเอนทิต้ ี และแอททิบิวต์ 24
3.11 แผนภูมิโครงสร้างระบบ เว็บไซต์ JJ Shopping Mall 37
3.12 แผนภาพ (Flow Chart) ของระบบเว็บไซต์ JJ Shopping Mall 38
3.13 แผนภาพ (Flow Chart) ของการสมัครสมาชิก 39
3.14 แผนภาพ (Flow Chart) ของการตรวจสอบ เข้าระบบ (Login) 40
3.15 แผนภาพ (Flow Chart) ของส่วนการทางานของสมาชิกซื้อสินค้า 41
3.16 แผนภาพ (Flow Chart) ของส่วนการทางานของสมาชิกซื้อสินค้า 42
3.17 แผนภาพ (Flow Chart) ของส่วนการทางานของสมาชิกเปิ ดร้านค้า 43
3.18 แผนภาพ (Flow Chart) ของส่วนการทางานของสมาชิกเปิ ดร้านค้า 44
3.19 แผนภาพ (Flow Chart) ของส่วนการทางานของผูดูแลระบบ
้ 45
3.20 แผนภาพ (Flow Chart) ของส่วนการทางานของผูดูแลระบบ ้ 46
3.21 แผนภาพ (Flow Chart) ของส่วนการทางานบริ การ 47
3.22 แผนภาพ (Flow Chart) ของส่วนการทางานสินค้า 48
3.23 แผนภาพ (Flow Chart) ของส่วนการทางานหมวดหมู่สินค้า 49
3.24 หน้าหลักของเว็บไซต์ 50
3.25 หน้าบริ การของเว็บไซต์ 51
3.26 หน้าสินค้าของเว็บไซต์ 52

ซ

สารบัญรูป (ต่อ)


3.27 หน้าหมวดหมู่สินค้าของเว็บไซต์ 53
3.28 หน้าติดต่อเราของเว็บไซต์ 54
3.29 หน้าหมวดหมู่สินค้า (แฟชัน) ่ 55
3.30 หน้าหมวดหมู่สินค้า (อาหารและเครื่ องดื่ม) 56
3.31 หน้าหมวดหมู่สินค้า (ความงาม) 57
3.32 หน้าหมวดหมู่สินค้า (เครื่ องใช้ไฟฟ้ า) 58
3.33 หน้าหมวดหมู่สินค้า (สุขภาพ) 59
3.34 หน้าหมวดหมู่สินค้า (เฟอร์นิเจอร์ ) 60
3.35 หน้าหมวดหมู่สินค้า (หัตถกรรม) 61
3.36 หน้าหมวดหมู่สินค้า (ของชาร่ วย) 62
3.38 หน้าสมัครสมาชิก ของเว็บไซต์ 63
3.39 หน้าสมัครสมาชิก (ซื้อสินค้า) ของเว็บไซต์ 64
3.40 หน้าหลัก (สมาชิกซื้อสินค้า) 65
3.41 หน้าแคตล็อก (สมาชิกซื้อสินค้า) 66
3.42 หน้ารายการซื้อรอร้านค้ายืนยัน (สมาชิกซื้อสินค้า) 67
3.43 หน้ารายการซื้อสิ นค้าค้างชาระ (สมาชิกซื้อสินค้า) 68
3.44 หน้ารายการซื้อที่รอรับสินค้า (สมาชิกซื้อสินค้า) 69
3.45 หน้ารายการซื้อที่ได้รับสินค้าแล้ว (สมาชิกซื้อสินค้า) 70
3.46 หน้าแก้ไขข้อมูลส่วนตัว (สมาชิกซื้อสินค้า) 71
3.47 หน้าแก้ไขรหัสผ่าน (สมาชิกซื้อสินค้า) 72
3.48 หน้าสมัครสมาชิก (เปิ ดร้านคค้า) ของเว็บไซต์ 73
3.49 หน้าแรก (สมาชิกเปิ ดร้านค้า) 74
3.50 หน้าสต๊อกวัตถุดิบ (สมาชิกเปิ ดร้านค้า) 75
3.51 หน้ารายการเพิ่มวัตถุดิบ (สมาชิกเปิ ดร้านค้า) 76
3.52 หน้าแก้ไขรายการวัตถุดิบ (สมาชิกเปิ ดร้านค้า) 77
3.53 หน้าสังซื้อวัตถุดิบ (สมาชิกเปิ ดร้านค้า)
่ 78
3.54 หน้ารายการการสังซื้อ (สมาชิกเปิ ดร้านค้า)
่ 79

ฌ



3.55 หน้าเพิมรายการสังซื้อวัตถุดิบ (สมาชิกเปิ ดร้านค้า)
่ ่ 80
3.56 หน้าแก้ไขข้อมูลส่วนตัว (สมาชิกเปิ ดร้านค้า) 81
3.57 หน้าแก้ไขรหัสผ่าน (สมาชิกเปิ ดร้านค้า) 82
3.58 หน้าแก้ไขข้อมูลร้านค้า (สมาชิกเปิ ดร้านค้า) 83
3.59 หน้าจัดการหมวดหมู่สินค้า (สมาชิกเปิ ดร้านค้า) 84
3.60 หน้าจัดการสินค้า (สมาชิกเปิ ดร้านค้า) 85
3.61 สินค้าภายในร้าน (สมาชิกเปิ ดร้านค้า เข้าสู่ระบบ) 86
4.1 แสดงหน้าหลักเว็บไซต์ JJ SHOPPING MALL 102
4.2 แสดงหน้าบริ การ ในเว็บไซต์ JJ SHOPPING MALL 102
4.3 แสดงหน้าสินค้า 103
4.4 แสดงหน้าหมวดหมู่สินค้า 103
4.5 แสดงหน้าติดต่อเรา 104
4.6 แสดงหน้าเมนูดานซ้ายประเภทสินค้า (แฟชัน)
้ ่ 104
4.7 แสดงหน้าเมนูดานซ้ายประเภทสินค้า (อาหารและเครื่ องดื่ม)
้ 105
4.8 แสดงหน้าเมนูดานซ้ายประเภทสินค้า (ความงาม)
้ 105
4.9 แสดงหน้าเมนูดานซ้ายประเภทสินค้า (เครื่ องใช้ไฟฟ้ า)
้ 106
4.10 แสดงหน้าเมนูดานซ้ายประเภทสินค้า (สุขภาพ)
้ 106
4.11 แสดงหน้าเมนูดานซ้ายประเภทสินค้า (เฟอร์นิเจอร์)
้ 107
4.12 แสดงหน้าเมนูดานซ้ายประเภทสินค้า (หัตถกรรม)
้ 107
4.13 แสดงหน้าเมนูดานซ้ายประเภทสินค้า (ของชาร่ วย)
้ 108
4.14 แสดงหน้าเมนูดานซ้ายประเภทสินค้า (อื่นๆ)
้ 108
4.15 แสดงหน้าสมัครสมาชิก 109
4.16 แสดงหน้าสมัครสมาชิก (ซื้อสินค้า) 109
4.17 แสดงหน้าสมัครสมาชิก (เปิ ดร้านค้า) 110
4.18 แสดงหน้าหลัก (สมาชิกซื้อสินค้า) 110
4.19 แสดงหน้าแคตตาล็อก (สมาชิกซื้อสินค้า) 111
4.20 แสดงหน้ารายการซื้อสินค้ารอร้านค้ายืนยัน (สมาชิกซื้อสินค้า) 111

ญ



4.21 แสดงหน้ารายการซื้อสินค้างชาระ (สมาชิกซื้อสินค้า) 112
4.22 แสดงหน้ารายการซื้อที่รอรับสินค้า (สมาชิกซื้อสินค้า) 112
4.23 แสดงหน้ารายการซื้อที่ได้รับสินค้าแล้ว (สมาชิกซื้อสินค้า) 113
4.24 แสดงหน้าแก้ไขข้อมูลส่วนตัว (สมาชิกซื้อสินค้า) 113
4.25 แสดงหน้าแก้ไขรหัสผ่าน (สมาชิกซื้อสินค้า) 114
4.26 แสดงหน้าแรก (สมาชิกเปิ ดร้านค้า) 114
4.27 แสดงหน้าจัดการสต๊อกสินค้า (สมาชิกเปิ ดร้านค้า) 115
4.28 แสดงหน้าเพิ่มวัตถุดิบ (สมาชิกเปิ ดร้านค้า) 115
4.29 แสดงหน้าแก้ไขรายการวัตถุดิบ (สมาชิกเปิ ดร้านค้า) 116
4.30 แสดงหน้าสังซื้อวัตถุดิบ (สมาชิกเปิ ดร้านค้า)
่ 116
4.31 แสดงหน้ารายการสังซื้อสินค้า (สมาชิกเปิ ดร้านค้า)
่ 117
4.32 แสดงหน้าเพิ่มรายการสังซื้อวัตถุดิบ (สมาชิกเปิ ดร้านค้า)
่ 117
4.33 แสดงหน้าแก้ไขข้อมูลส่วนตัว (สมาชิกเปิ ดร้านค้า) 118
4.34 แสดงหน้าแก้ไขรหัสผ่าน 118
4.35 แสดงหน้าแก้ไขข้อมูลร้านค้า 119
4.36 แสดงหน้าชื่อและหมวดหมู่สินค้า 119
ก.1 เลือกวิธีการสมัครสมาชิก 126
ก.2 วิธีการเลือกสมัครสมาชิกซื้อสินค้า 127
ก.3 วิธีกรอกข้อมูลของการสมัครสมาชิกซื้อสินค้า 127
ก.4 การคลิกที่ปุ่มเพื่อทาการเข้าสู่ระบบของสมาชิกซื้อสินค้า 128
ก.5 วิธีการเลือกสมัครสมาชิกเปิ ดร้านค้า 128
ก.6 วิธีกรอกข้อมูลของการสมัครสมาชิกเปิ ดร้านค้า 129
ก.7 การคลิกที่ปุ่มเพื่อทาการเข้าสู่ระบบของสมาชิกเปิ ดร้านค้า 129
ก.8 การเข้าสู่ระบบสมาชิก 130
ก.9 การเข้าสู่ระบบสมาชิกซื้อสินค้า 131
ก.10 การเข้าสู่ระบบสมาชิกร้านค้า 132

ฎ

สารบัญตาราง

ตารางที่ หน้ า

1.1 ตารางแผนการดาเนินการ 5
3.1 แสดงโคร้างสร้างข้อมูลที่ใช้เก็บข้อมูลสมาชิก 25
3.2 แสดงโคร้างสร้างข้อมูลที่ใช้เก็บข้อมูลร้านค้า 26
3.3 แสดงโคร้างสร้างข้อมูลที่ใช้เก็บข้อมูลใบสังซื้อ
่ 27
3.4 แสดงโคร้างสร้างข้อมูลที่ใช้เก็บข้อมูลรายการสังซื้อ
่ 28
3.5 แสดงโคร้างสร้างข้อมูลที่ใช้เก็บข้อมูลสินค้า 29
3.6 แสดงโคร้างสร้างข้อมูลที่ใช้เก็บข้อมูลรายละเอียดสินค้า 30
3.7 แสดงโคร้างสร้างข้อมูลที่ใช้เก็บข้อมูลประเภทสินค้า 31
3.8 แสดงโคร้างสร้างข้อมูลที่ใช้เก็บข้อมูลคลังสินค้า 32
3.9 แสดงโคร้างสร้างข้อมูลที่ใช้เก็บข้อมูลใบกากับราคาสินค้า 33
3.10 แสดงโคร้างสร้างข้อมูลที่ใช้เก็บข้อมูลชาระเงิน 34
3.11 แสดงโคร้างสร้างข้อมูลที่ใช้เก็บข้อมูลขาย 35
3.12 แสดงโคร้างสร้างข้อมูลที่ใช้เก็บข้อมูลรายการขาย 36
4.1 แสดงรายชื่อโปรแกรมที่ใช้ในระบบ 87
4.2 แสดงฮาร์ดแวร์ท้งหมดที่ใช้ในการสร้างระบบ
ั 91
4.3 แสดงตารางรายละเอียดการสมัครสมาชิก 91
4.4 แสดงตารางรายละเอียดการทางานของการสมัครสมาชิก 92
4.5 แสดงตารางรายละเอียดการเข้าระบบ 92
4.6 แสดงตารางรายละเอียดการทางานเข้าระบบ 93
4.7 แสดงตารางรายละเอียดการทางานเข้าระบบในส่วนเพิ่มข้อมูล 93
4.8 แสดงตารางรายละเอียดการทางานเข้าระบบในส่วนแก้ไข 93
4.9 แสดงตารางรายละเอียดการทางานค้นหาข้อมูล 94
4.10 แสดงตารางรายละเอียดการทางานค้นหาข้อมูลในการค้นหาสินค้า 94
4.11 แสดงตารางรายละเอียดการทางานค้นหาข้อมูลในการค้นหาร้านค้า 94
4.12 แสดงตารางรายละเอียดการทางานการขายสินค้า 95
4.13 แสดงตารางรายละเอียดการทางานขายสินค้า (เลือกประเภทสินค้า) 95
4.14 แสดงตารางรายละเอียดการทางานขายสินค้า (ใส่รายการสินค้า) 95
4.15 แสดงตารางรายละเอียดการทางานขายสินค้า (เพิ่มข้อมูลรายการสินค้า) 91

ฏ

สารบัญตาราง (ต่อ)

ตารางที่ หน้ า

4.16 แสดงตารางรายละเอียดการทางานขายสินค้า (แก้ไขรายการสินค้า) 96
4.17 แสดงตารางรายละเอียดการทางานขายสินค้า (ขายและตัดสต๊อก) 97
4.18 แสดงตารางรายละเอียดการทางานขายสินค้า (ทาใบแจ้งชาระหนี้) 97
4.19 แสดงตารางรายละเอียดการทางานการสังซื้อสินค้า
่ 97
4.20 แสดงตารางรายละเอียดการทางานการสังซื้อสินค้า (เลือกสินค้า)
่ 98
4.21 แสดงตารางรายละเอียดการทางานการสังซื้อสินค้า (เพิมสินค้า)
่ ่ 98
4.22 แสดงตารางรายละเอียดการทางานการสังซื้อสินค้า (แก้ไขสินค้า)
่ 98
4.23 แสดงตารางรายละเอียดการทางานการสังซื้อสินค้า
่ 99
(ยืนยันการเลือกสินค้า)
4.24 แสดงตารางรายละเอียดการทางานการสังซื้อสินค้า (ข้อมูลการจัดส่ง)
่ 99
4.25 แสดงตารางรายละเอียดการทางานการสังซื้อสินค้า (ยืนยันการสังสินค้า)
่ ่ 100
4.26 แสดงตารางรายละเอียดการทางานการชาระเงิน 100
4.27 แสดงตารางรายละเอียดการทางานการชาระเงิน (รับใบแจ้งชาระเงิน) 101
4.28 แสดงตารางรายละเอียดการทางานการชาระเงิน (ชาระเงิน) 101
4.30 แสดงตารางรายละเอียดการทางานการชาระเงิน 101
(แจ้งเตือนการชาระเงิน)

บทที่ 1
บทนา

1.1 ความเป็ นมาและความสาคัญของปัญหา
ปัจจุบนนี้เราจะเห็นว่าธุรกิจการขายสินค้าและบริ การต่างๆ
ั ได้ผนตัวเองเข้าสู่โลกของ
ั
อินเทอร์เน็ตเพิ่มมากขึ้นเรื่ อย ๆ ทั้งนี้ก็เพื่อเพิ่มโอกาสในการเข้าถึงกลุ่มลูกค้าให้ได้มากขึ้ นทัวโลก
่
และเพื่ออานวยความสะดวกในการดาเนินธุรกิจ ทาให้มีสินค้าและบริ การต่างๆ อยูมากมายบนโลก ่
ของอินเทอร์เน็ต แต่โดยส่วนมากแล้วเว็บไซต์หนึ่งก็จะขายสินค้าหรื อบริ การอย่างหนึ่ง ถ้าลูกค้า
ต้องการสินค้าหรื อบริ การชนิดใดก็สามารถค้นหาและใช้บริ การเว็บไซต์ที่ให้บริ การสินค้าและ
บริ การนั้นๆ ได้ ซึ่งถ้าลูกค้าต้องการสินค้าและบริ การชนิดเดียวก็คงจะไม่มีปัญหาใดๆ แต่ถาลูกค้า ้
ต้องการสินค้าหรื อบริ การที่มากกว่า 1 อย่างในเวลาเดียวกันจะทาอย่างไร หรื อความแตกต่างกันใน
ด้านของสกุลเงิน สภาพภูมิอากาศในแต่ละพื้นที่ ที่มีการเปลี่ยนแปลงเกิดขึ้นตลอดเวลา
ปัญหานี้เราสามารถนาเอาเทคโนโลยี Web Services มาประยุกต์ใช้ในธุรกิจ เพื่อตอบสนองต่อ
ความต้องการ เนื่องจาก Web Services มีความสามารถในการแลกเปลี่ยนข้อมูลและประสานการ
ทางานบนระบบที่ต่างกันได้ เช่นการเรี ยกใช้บริ การข้อมูลตรวจสอบสภาพอากาศจาก Google
weather API, อัตราแลกเปลี่ยนสกุลเงินจาก Google Finance APIs, การใช้โปรแกรม Macromedia
flash CS4 สร้างภาพเคลื่อนไหวแบบ Multi-Media โดยการใช้ Timeline และ Action Script 3.0
เพื่อกาหนดการเคลื่อนไหวการรับค่าจากเมาส์และคียบอร์ด โดยใช้ภาษา PHP เป็ นตัวกลางใน การ
์
ติดต่อฐานข้อมูล ( MySQL) เป็ นต้น ซึ่งการประยุกต์ใช้ในลักษณะนี้ผใช้จะรู้เพียงว่าเมื่อเข้ามาที่
ู้
เว็บไซต์ของเราก็จะได้รับบริ การ เช่นบริ การการค้นหาข้อมูลและสินค้า , บริ การสังซื้อสินค้า ่
ออนไลน์, ประมูลสินค้า โดยสามารถเลือกรู ปแบบการชาระเงิน การจัดส่งสินค้าได้ตามต้องการ
ในเรื่ องของความปลอดภัย เนื่องจาก Web Service ทางานอยูบน Internet ซึ่งปัจจุบนมี
่ ั
เทคโนโลยีในการรักษาความปลอดภัย เช่นระบบรักษาความปลอดภัย (Firewall) และระบบรักษา
ความปลอดภัยตามมาตรฐานของ PKI (Public Key Infrastructure) ทาให้มนใจได้ว่าการใช้ Web ั่
Services เป็ นเครื่ องมือธุรกิจมีมาตรฐานในการรักษาความปลอดภัยรองรับ ในส่วนเทคโนโลยีอื่นที่
ได้นามาใช้ในการพัฒนา Web Services เช่น เทคโนโลยี WEB 2.0, HITML5, XML เป็ นต้น

2

1.2 วัตถุประสงค์การศึกษา
1.2.1 เพื่อให้บริ การข้อมูลผ่านทางเครื อข่ายอินเตอร์เน็ตแก่ลูกค้าหรื อนักท่องเที่ยว
1.2.2 เพื่ออานวยความสะดวกในด้านต่างๆแก่ผใช้งาน เช่น ระบบการสมัครสมาชิก , การ
ู้
ตรวจเช็คสภาพอากาศ , อัตราการแลกเปลี่ยนสกุลเงิน , เส้นทางการเดินทางและการชาระเงิน
ผ่านบัตรเครดิต
1.2.3 เพื่อสามารถค้นหาข้อมูลสินค้าและบริ การรวมทั้งร้านค้าที่ตองการได้อย่างสะดวก
้
1.2.4 เพื่อให้ลกค้าสามารถเลือกช่องทางการซื้อสินค้า เช่น เดินทางไปซื้อเอง , สังซื้อสินค้า
ู ่
ออนไลน์หรื อการเข้าร่ วมประมูลสินค้าที่จดรายการในแต่ละสัปดาห์ (Dutch auction)
ั
1.2.5 เพื่อนาเสนอข้อมูลแบบ Multi-Media โดยการจาลองแผนผังในแต่ละโซนแ ละเชื่อมโยง
ไปยังหน้าเว็บไซต์ขายสินค้าในแต่ละร้าน โดยเจ้าของร้านสามารถเลือกรู ปแบบเทมเพจ และจัด
ตาแหน่งรายละเอียดภายในเว็บไซต์ของตนเองได้ตามต้องการ

1.3 ขอบเขตการศึกษา
1.3.1 ส่ วนของผู้ใช้ งานทั่วไป
1.3.1.1 สามารถลงทะเบียนสมัครสมาชิกแบบซื้อสินค้าและเปิ ดร้านค้า ขอมูลดังนี้
โดยมี ้
1.3.1.1.1 ผูใช้สามารถกาหนด Username และ Password ได้ดวยตัวเอง
้ ้
1.3.1.1.2 ผูใช้งานต้องระบุชื่อ – นามสกุล ที่อยู่ เบอร์โทรศัพท์และอีเมล์ที่ถกต้อง
้ ู
1.3.1.1.3 เมื่อผูใช้งานสมัครสมาชิกแล้วจะสามารถแก้ไขข้อมูล ที่ใช้ในการสมัคร
้
สมาชิกได้และสามารถใช้บริ การทุกระบบภายในเว็บไซต์ได้
1.3.1.2 สามารถดูแผนที่โดยรวม แต่ละโซนภายใน JJ MALL ได้
1.3.1.3 สามารถดูขอมูลเบื้องต้นของ JJ MALL ได้
้
1.3.1.3.1 สภาพแวดล้อมที่ทาการภายในและภายนอก
1.3.1.2.2 ชื่อร้าน ที่อยู่ เบอร์โทรศัพท์
1.3.1.4 สามารถตรวจเช็คสภาพอากาศประจาวันจาก Google weather API
1.3.1.5 สามารถตรวจเช็คอัตราแลกเปลี่ยนสกุลเงินจาก Google Finance APIs
1.3.1.6 สามารถตรวจสอบเส้นทางการเดินทางมายัง JJ MALL จากGoogle earth API
1.3.1.7 สามารถค้นหาสินค้าและบริ การภายใน JJ MALL ได้
1.3.2 ส่ วนของผู้ใช้ งานที่เป็ นสมาชิก (ซื้อสินค้า)
1.3.2.1 สามารถดูแผนที่โดยรวม แต่ละโซนภายใน JJ MALLได้
1.3.2.2 สามารถดูขอมูลเบื้องต้นของ JJ MALLได้
้

3

1.3.2.2.3 สามารถสังซื้อสินค้าออนไลน์หรื อการประมูลสินค้าได้
่
1.3.2.2.4 สามารถเลือกช่องทางการชาระเงินผ่านทางบัตรเครดิตจาก
PAYSBUYได้
1.3.2.3 สามารถค้นหาสินค้า/บริ การที่ตองการได้
้
1.3.3 ส่ วนของผู้ใช้ งานที่เป็ นสมาชิก (เปิ ดร้ านค้า)
1.3.3.1 สามารถดูแผนที่โดยรวม แต่ละโซนภายใน JJ MALLได้
1.3.3.2 สามารถดูขอมูลเบื้องต้นของ JJ MALL ได้
้
1.3.3.3 สามารถค้นหาสินค้า/บริ การที่ตองการได้้
1.3.3.7 สามารถสร้างร้านค้าเป็ นของตนเองได้
1.3.3.7.1 หน้าหลัก
1.3.3.7.2 ข้อมูลร้านค้า
1.3.3.7.3 สินค้าภายในร้านค้า
1.3.3.7.4 โปรโมชันภายในร้านค้า
่
1.3.3.7.5 รายการสังซื้อสินค้า
่
1.3.3.7.6 วิธีการชาระค่าสินค้าผ่านทาง PAYSBUY
1.3.4 ส่ วนของผู้ดูแลระบบ
1.3.4.1 ผูดูแลระบบสามารถเพิ่ม ลบ แก้ไข อัพเดต ฐานข้อมูลภายในเว็บไซต์ได้
้

1.4 นิยามศัพท์ เฉพาะ
1.4.1 PAYSBUY เป็ นการให้บริ การชาระเงินออนไลน์ที่อานวยความสะดวกให้สมาชิกสามารถ
ส่งเงินไปยัง ผูรับเงินปลายทางได้อย่างง่ายดายไม่ ต่างกับการส่งอีเมล์ โดยสมาชิกสามารถส่ง
้
เงินให้บุคคลใดก็ตามที่มีที่อยูอีเมล์และมีบญชีธนาคารในประเทศไทย
่ ั

4

1.4.2 ZONE เป็ นจุดพื้นที่การขายสินค้าใน JJ Mall ที่มีจุดการบริ การขายสินค้าที่แตกต่างกัน แต่
ละประเภทสินค้า โดยที่สมาชิกทาการค้นหาสินค้าได้เป็ นจุดในการให้บ นค้าได้สะดวก
ริ การขายสิ

1.5 ประโยชน์ ที่คาดว่าจะได้ รับ
1.5.1 ระบบสามารถให้บริ การสมัครสมาชิกได้
1.5.2 ระบบสามารถตอบสนองความต้องการ ให้บริ การค้นหาสินค้า/บริ การและร้านค้าได้
1.5.3 ระบบสามารถอานวยความสะดวกเกี่ยวกับข้อมูลสินค้าและการซื้อสินค้าออนไลน์
1.5.4 ระบบสามารถให้บริ การชาระค่าสินค้าผ่านทางบัตรเครดิต ผ่านทาง PAYSBUY ได้
1.5.5 ระบบสามารถแสดงสภาพภูมิอากาศประจ,าวัตราแลกเปลี่ยนสกุลเงินและเส้นทางการเดินทาง
อั น

1.6 แผนการดาเนินงาน
1.6.1 ศึกษาทฤษฎีและเทคโนโลยีที่ใช้
ใช้ระยะเวลา เดือน คือ13 มิถุนายน2554 –30 มิถนายน2554
1 ุ
1.6.2 รวบรวมข้อมูล
ใช้ระยะเวลา เดือน คือ13 มิถุนายน2554 –11 สิงหาคม2554
2
1.6.3 วิเคราะห์ขอมูล
้
ใช้ระยะเวลา เดือน คือ13 มิถุนายน2554 –11 สิงหาคม2554
2
1.6.4 ออกแบบโปรแกรม
ใช้ระยะเวลา เดือน คือ12 กรกฎาคม2554 – 12 กันยายน2554
3
1.6.5 การพัฒนา- ดสอบ
ท
1.6.5.1 การเขียนโปรแกรม
ใช้ระยะเวลา เดือน คือ12 สิงหาคม2554 – 29 มิถุนายน2555
2
1.6.5.2 การทดสอบย่อย
ใช้ระยะเวลา เดือน คือ12 กันยายน2554 –29 มิถุนายน2555
2
1.6.5.3 การทดสอบรวม
ใช้ระยะเวลา เดือน คือ02 กรกฎาคม2555 –30 สิงหาคม2555
2
1.6.6 ทดสอบติดตั้งระบบ
ใช้ระยะเวลา 2 เดือน คือ 31 สิงหาคม 2555–14 กันยายน 2555
1.6.7 จัดทาเอกสาร
ใช้ระยะเวลา 9 เดือน คือ 13 มิถุนายน 2554–15 กันยายน 2555

5

ตารางที่ 1.1 ตารางแผนการดาเนินการ
ระยะเวลา
ดาเนินการ

ส.ค. 2554

ส.ค. 2555
ก.ค. 2554

ต.ค. 2554

ก.ค. 2555
มิ.ย. 2554

มิ.ย. 2555
ก.ย. 2554

ก.ย. 2555
กิจกรรม
1. ศึกษาทฤษฎีและ
เทคโนโลยีที่ใช้
2. รวบรวมข้อมูล
3. วิเคราะห์ขอมูล
้
4. ออกแบบโปรแกรม
5. การพัฒนา - ทดสอบ
5.1 การเขียนโปรแกรม
5.2 การทดสอบย่อย
5.3 การทดสอบรวม
6. ทดสอบติดตั้งระบบ
7. จัดทาเอกสาร

1.7 เครื่องมือที่คาดว่าจะต้องใช้
1.7.1 ฮาร์ ดแวร์ ที่ใช้
1.7.1.1 ASUS A42J Series 14” i3-370M
1.7.1.2 หน่วยความจา 4GB
1.7.1.3 ฮาร์ดดิสก์ ขนาด 320 GB
1.7.2 ซอฟต์แวร์ ที่ใช้ พฒนาระบบ
ั
1.7.2.1 Adobe Dreamweaver CS5
1.7.2.2 Adobe Photoshop CS5
1.7.2.3 Macromedia flash CS5
1.7.2.4 AppServ Version 2.5.10

6

บทที่ 2
แนวคิด ทฤษฎีและเอกสารที่เกียวข้ อง
่

2.1 ทฤษฎีที่เกียวข้ อง
่
2.1.1 ทฤษฎีแฟลซ (Macromedia Flash)
Flash เป็ นรู ปแบบภาพกราฟิ กชนิดหนึ่ง ที่มีความสามารถมากกว่าภาพกราฟิ กทัวๆไป ที่
่
ไม่ใช่แค่ว่าแสดงภาพได้ก็พอแล้ว แต่ว่า Flash ยังสามารถส่งข้อมูลไปยัง CGI หรื อแม้แต่การ
ประมวลผลเล็กๆน้อยๆได้ Flash จึงได้รับความนิยมในเวลาอันอย่างรวดเร็ ว แต่คุณสมบั ติของ
Flash ไม่ได้มีแค่น้ ี Flash ใช้กราฟิ กแบบเวกเตอร์ (Vector) ซึ่งจะใช้ CPU ประมวลผลจาก
ข้อมูลในไฟล์ Flash ให้เป็ นภาพ ภาพที่ได้จะคมชัด ภาพที่เห็นจะไม่แตกเป็ นริ้ วๆ เมื่อซูมภาพ
เข้าไปมากๆ แต่มีขอแม่ว่าภาพนั้นจะต้องสร้างจากเครื่ องมือที่มอยูใน Flash เท่านั้ น ถ้าใช้วิธี
้ ี ่
Import ภาพบิตแมพเข้ามา ผลที่ได้ก็จะเหมือนภาพบิตแมพทัวๆไป คือ ภาพไม่ชด ข้อดีของ
่ ั
Flash อีกข้อหนึ่งก็คือขนาดที่ได้จะเล็กกว่าภาพบิตแมพทัวๆไปทาให้โหลดได้เร็ ว
่
Flash จะถูกเก็บอยูในไฟล์ที่มีนามสกุลเป็ น .swf การที่จะให้ Flash แสดงผลตามนั้น
่
แต่ไม่ สามารถใช้แท็ก img ธรรมดาได้เราจะต้องใช้แท็ก object แทน โปรแกรมสาหรับทา
Flash นั้นมีอยูหลายโปรแกรมอาทิ เช่น Macromedia Professional 8 , Macromedia Flash MX
่
2004, Macromedia Firework3,Adobe Live Motion เป็ นต้น โปรแกรมที่เราแนะนาก็คือ
โปรแกรม Macromedia Flash Professional CS5 เนื่องจากใช้งานง่าย มีการเพิ่มงาน Animation
ให้ดูแปลกตามากขึ้น และภาพที่ได้กเ็ ป็ นภาพเวคเตอร์จริ งๆ ส่วนโปรแกรม Macromedia
Firework3 และ Adobe Live Motion จะสามารถทา Flash ได้เหมือนกันเพียงว่ารู ปภาพที่สร้าง
จาก 2 โปรแกรมนี้ส่วนใหญ่จะเป็ นภาพ แบบิตแมพ แต่ จะไม่ เป็ นแบบเวคเตอร์ รวมทั้ง
ความสามารถในด้านการใส่คลิป โปรแกรมนี้ ในทางตรงกันข้าม จะสามารถใช้โปรแกรมทั้ง 2
นี้ สร้างภาพแบบบิตแมพเพื่อนาไปใช้ในโปรแกรม 4 ได้เป็ นอย่างดี อันที่จริ งแล้ว Flash ไม่ได้
เป็ นเพียงภาพกราฟิ กธรรมดา ยังสามารถกาหนดการทางานให้ กับ Flash ได้โดยง่ายหรื อที่
เรี ยกว่า ใส่คลิปให้ Flash ได้ และยังใช้ Flash ในงานอื่นได้ ไม่จาเป็ นว่าจะ ต้องนามาใช้ในเว็บ
เท่านั้น และยังสามารถนา Flash ไปสร้างสื่อการเรี ยนการสอนได้ง่าย โดยการสร้างรู ปแล้วก็ใส่
สคริ ปลงไปเท่านั้น แต่ยงมีขอเสียตรงที่ Flash ไม่สามารถเขียนข้อมูลลงบนไฟล์ได้อาจจะทา
ั ้
ให้ยากต่อการเก็บข้อมูลบางอย่าง
อ้างอิงจาก: (http://th.wikipedia.org/wiki : 2554)

7

2.1.2 ทฤษฎีระบบฐานข้ อมูล (Database Systems)
ฐานข้อมูล (Database) เข้ามามีบทบาทสาคัญต่อการปฏิบติงานในด้านต่างๆ โดยเฉพาะ
ั
อย่างยิงระบบงานที่นาคอมพิวเตอร์เข้ามาช่วยในการปฏิบติงาน เช่น งานทางด้านวิศวกรรม
่ ั
การแพทย์ การศึกษา วิทยาศาสตร์และงานด้านธุรกิจ เป็ นต้น ถ้าพิจารณาความหมายของข้อมูล
(Data) ก็จะพบว่าข้อมูล หมายถึง ความจริ งที่เกี่ยวกับสิ่งของ มนุษย์ และเหตุการณ์ต่างๆ เมื่อ
นามาเก็บรวบรวมไว้ เราจึงสามารถกล่าวได้ว่า ฐานข้อมูล (Database) คือ การจัดเก็บข้อมูล
อย่างมีระบบ ซึ่งผูใช้สามารถเรี ยกใช้ขอมูลในลักษณะต่างๆ ได้อย่างมีประสิทธิภาพ ได้แก่ การ
้ ้
นาข้อมูลมาแก้เพิ่มเติม การลบข้อมูล การเรี ยกข้อมูล เป็ นต้น

2.1.3 ทฤษฎี Macromedia Dreamweaver
Macromedia Dreamweaver คือโปรแกรมสร้างเว็บ สามารถเขียน HTML CSS PHP
Javascript และ ภาษาอื่นๆ อีกมากมายแม้กระทัง Jquery Dreamweaver ก็มี add on ด้วยการ
่
ทางานของโปรแกรม Adobe Dreamweaver CS5 ทาให้นกออกแบบและนักพัฒนาเว็บไซต์
ั
สามารถออกแบบพัฒนาด้วย CSS และปรับปรุ งพัฒนาให้มีความสามารถต่างๆ ตามความ
ต้องการและความคิดสร้างสรรค์ของนักออกแบบ นับได้ว่าเป็ นเครื่ องมือที่มีความยืดหยุน โดย ่
ที่สามารถจัดการแก้ ไข CSS ได้จาก CSS Style Panel โดยที่ ไม่จาเป็ นที่จะต้องเรี ยนรู้ในเรื่ อง
การเขียน CSS นอกจากเรื่ องของการจัดการ CSS แล้ว ยังมีความสามารถ ของ Adobe
Dreamweaver CS5 ในเรื่ องอื่นๆ ดังนี้
2.1.3.1 การติดตั้งเว็บไซต์อย่างเรี ยบง่าย สิ่งนี้ทาให้ สามารถจัดการเว็บไซต์ ได้ง่ายและ
รวดเร็ วขึ้น โดยที่ไม่ตองกรอกข้อมูลเว็บไซต์มากมายเหมือนเมื่อก่อน
้
2.1.3.2 มี CSS layouts เริ่ มต้น ช่วยให้มอใหม่หดเขียน CSS หรื อ เขียน CSS ได้ตาม
ื ั
มาตรฐานกาหนด ในการพัฒนาเว็บไซต์
2.1.3.3 Live View โดยสามารถที่จะใช้ความสามารถ Live View ในการทดสอบ PHP ซึ่ง
ถือเป็ น Side Server Script ได้ ทาให้สามารถทดสอบระบบในแต่ละสเตจได้ง่ายๆ คล้าย
กับทดสอบ HTML
2.1.3.4 Code Hinting ถ้าเป็ นนักพัฒนาเว็บไซต์จาเป็ นที่จะต้องใช้ JavaScript หรื อ PHP
ในเวอร์ชนนี้มระบบ Code Hinting ที่มบอกการโค้ด ในการเขียน ทาให้สะดวกสบายใน
ั่ ี ี
การใช้งาน
2.1.3.5 รองรับ CSS Adobe Dreamweaver CS5 รองรับการทางาน CSS โดยสามารถ
จัดการแสดงหรื อไม่แสดงได้ดวยตัวโปรแกรม Adobe Dreamweaver CS5 โดยไม่ตอง
้ ้
ผ่าน Web Browser

8

2.1.3.6 ทางานร่ วมกับ Adobe Browser Lab นับเป็ นความสามารถใหม่ที่เก็บไว้นาน จาก
ห้องแล็บสู่การ ใช้งานจริ ง ทาให้นกพัฒนาสามารถทดสอบเว็บไซต์ที่พฒนาขึ้นใน
ั ั
สิ่งแวดล้อมของ Web Browser ต่างๆ ในแต่ละรุ่ น อาทิเช่น FireFox2, 3, IE 6, 7, 8 หรื อ
อื่นๆ ด้วย CS Live ที่สามารถทดสอบแบบไดนามิกส์ ทั้งที่เป็ นเว็บไซต์ที่ออนไลน์อยู่
หรื อเว็บที่กาลังพัฒนาในเครื่ องคอมพิวเตอร์ ก็สามารถใช้งาน Adobe Browser Lab ได้
อ้างอิงจาก: (http://th.wikipedia.org/wiki/อะโดบี_ดรี มวีฟเวอร์ : 2554)

2.2 เทคโนโลยีที่เกียวข้ อง
่
แนวทฤษฎีและเทคโนโลยีที่เกี่ยวข้อง ทางผูจดทาได้นามาใ ช้ในการพัฒนาระบบการสร้าง
้ั
เว็บไซต์ JJ Shopping Mall ซึ่งการพัฒนาระบบมีวิธีการหลากหลายทฤษฎีและเทคโนโลยีที่นามาใช้
งานด้วยกัน โดยทางผูจดทาได้นาวิธีการพัฒนาระบบงานที่นิยมเข้ามาร่ วมในการใช้งานดังต่อไปนี้
้ั
2.2.1 แฟลซ (Macromedia Flash)
Flash ได้รับความนิยมอย่างยาวนานในฐานะผูช่วยระดับมืออาชีพ สามารถสร้างสรรค์ สื่ อ
้
นิเมชันบนเว็บและสื่อแบบ Interactive, สื่อ CD Presentation หรื อแม้กระทังสร้างเกมได้อีก
่ ่
ด้วย อีกทั้งยังสามารถผนวกแฟลชให้ทางานร่ วมกับ server-side script (พวก PHP/ASP/JSP)
และการโหลดข้อมูลต่างๆมาใช้งานร่ วมกัน ไม่ว่าจะเป็ นดูรูป, ฟังเพลง, การทา streaming วีดีโอ
ผ่านเว็บได้ดวย ้
คุณสมบัติเด่นคือ รู ป แบบไฟล์มีขนาดเล็ก สามารถแสดงภาพออกมาได้ชดเจน มีลกเล่น
ั ู
ต่างๆ มากกว่าภาพเคลื่อนไหวแบบอื่นๆ สามารถสร้างหน้าเว็บที่โต้ตอบกับผูเ้ ยียมชมเว็บได้ ่
ทันที และมี Flash Action Script ซึ่งสามารถสร้างสคริ ปและคอมไพล์ (Compile) เป็ นโปรแกรม
ใช้งาน (Application Program) เช่น การสร้างเกม , การสร้าง E-Card เพื่อแนบไปพร้อมกับ E-
Mail ในโอกาสต่างๆ , การสร้าง DVD presentation และ DVD สื่อการสอนที่สามารถโต้ตอบ
กับผูเ้ รี ยนได้อีกด้วย
Flash เป็ นเครื่ องมือช่วยสร้างสรรค์งานกราฟิ กที่ง่ายในการเรี ยนรู้ และประยุกต์ใช้งาน
Flash เป็ นซอฟต์แวร์สร้างสรรค์งานกราฟิ กในรู ปแบบ Vector ที่ภาพทุกภาพประกอบจาก
เส้นโครงร่ างที่ทาให้การปรับแต่ง แก้ไข หรื อออกแบบภาพ ทาได้ง่ายด้วยเทคนิค “ตัด เชื่อม
ปรับเปลี่ยนรู ปร่ าง”
ในเวอร์ชั่ น Flash CS5 ช่วยให้นกออกแบบได้พฒนาและสร้างสรรค์ ไปสู่การ Cross-
ั ั
media ได้ง่ายยิงขึ้น ด้วยเครื่ องมืออย่าง Text Engine ใหม่ และยังก้าวข้ามไปสู่โลก Mobile ได้
่
ง่ายยิงขึ้น และยังสามารถทางานร่ วมกับโปรแกรมยอดนิยมอย่าง Adobe Photoshop, Adobe
่
Illustrator, Adobe InDesign และ Adobe After Effect ได้ง่ายดายขึ้นอีกด้วย

9

2.2.1.1 ความสามารถของ Flash CS5
2.2.1.1.1 Text Engine เป็ นความสามารถใหม่ ที่เรารอคอย เพราะเป็ นที่ทราบกันดี
ว่า ข้อความที่ส่งผ่านจากโปรแกรม Adobe InDesign เมื่อเข้ามาอยูในโปรแกรม
่
Adobe Flash ในรุ่ นก่อ นๆ มันมีปัญหาเพียงใด แต่ใน Adobe Flash CS5 นี้
สามารถรองรับข้อความได้อย่างมีประสิทธิภาพ เทียบเท่ากับคุณภาพงานพิมพ์เลย
ทีเดียว และยังสนับสนุน bidirectional language
2.2.1.1.2 XML-based ทางานและการใช้ Asset ร่ วมกับผูอื่นๆ ได้ง่าย
้
2.2.1.1.3 Code Snippets อีก หนึ่งเครื่ องมือที่ช่วยให้นกออกแบบที่ไม่คุนกับการ
ั ้
เขียน ActionScript ให้ใช้งาน ActionScript ได้โดยการลากแล้ววางเท่านั้น
2.2.1.1.4 ทางานร่ วมกับ Flash Builder นอก จากการทางานร่ วมกับโปรแกรม
อื่นๆ ในด้านการออกแบบแล้ว Adobe Flash CS5 ยังสนับสนุนให้นกพัฒนา ั
สามารถนาส่งชิ้นงานที่พฒนาจากโปรแกรม Adobe Flash CS5 ไปยังโปรแกรม
ั
Flash Builder ได้ง่ายๆอีกด้วย
2.2.1.1.5 การทางานร่ วมกับ Video ที่พฒนาให้ดีข้ ึน ในรุ่ นนี้ได้มีการปรับปรุ งการ
ั
ทางานกับ Video ให้มีการทางานง่ายยิงขึ้น และยังสามารถเพิมเนื้อหาเข้าไปใน
่ ่
วิดีโอผ่านทาง cue points
2.2.1.1.6 Deco drawing tools Deco drawing tools ได้รับการพัฒนาให้สามารถใส่
ภาพกราฟฟิ กเข้าไปใน Deco drawing tools ได้อีกด้วย
2.2.1.1.7 iPhone Package เป็ น เครื่ องมือที่ทรงประสิทธิภาพที่ทาให้เราสามารถ
พัฒนาโปรแกรมด้วย ActionScript3 แล้วแปลงเป็ นไฟล์ iPhone Native (.ipa) ส่ง
เข้า iPhone ได้ นอกจาก iPhone Package แล้วยังมี AIR Package ที่สามารถพกพา
เนื้อหา (Content) ไปใช้งานใน Platform ต่างๆ ได้ ไม่ว่าจะเป็ น Mac OS, MS
Windows หรื อ Linux
อ้างอิงจาก: (http://www.indesignthai.com/?p=414 : 2554)

2.2.2 PHP
PHP เป็ นภาษาจาพวก scripting language คาสังต่างๆจะเก็บอยูในไฟล์ที่เรี ยกว่า สคริ ปต์
่ ่
(script) และเวลาใช้งานต้องอาศัยตัวแปลชุดคาสัง ตัวอย่างของภาษาสคริ ปก็เช่น JavaScript,
่
Perl เป็ นต้น ลักษณะของ PHP ที่แตกต่างจากภาษาสคริ ปต์แบบอื่นๆ คือ PHP ได้รับการพัฒนา
และออกแบบมา เพื่อใช้งานในการสร้างเอกสารแบบ HTML โดยสามารถสอดแทรกหรื อแก้ไข
เนื้อหาได้โดยอัตโนมัติ ดังนั้นจึงกล่าวว่า PHP เป็ นภาษาที่เรี ยกว่า server-side หรื อ HTML-

10

embedded scripting language เป็ นเครื่ องมื อที่สาคั ญชนิดหนึ่งที่ช่วยให้ สามารถสร้างเอกสาร
แบบ Dynamic HTML ได้อย่างมีประสิทธิภาพและมีลกเล่นมากขึ้น
ู
เนื่องจากว่า PHP ไม่ได้เป็ นส่วนหนึ่งของตัว Web Server ดังนั้นถ้าจะใช้ PHP ก็จะต้องดู
ว่า WebServer นั้นสามารถใช้สคริ ปต์ PHP ได้หรื อไม่ ยกตัวอย่างเช่น PHP สามารถใช้ ได้กบ ั
Apache WebServer และ Personal Web Server (PWP) สาหรับระบบปฏิบติการ Windows ั
95/98/NT
ในกรณี ของ Apache สามารถใช้ PHP ได้สองรู ปแบบคือ ในลักษณะของ CGI และ
Apache Module ความแตกต่างอยูตรงที่ว่า ถ้าใช้ PHP เป็ นแบบโมดูล PHP จะเป็ นส่วนหนึ่ง
่
ของ Apache หรื อเป็ นส่วนขยายในการทางานนันเอง ซึ่งจะทางานได้เร็ วกว่าแบบที่เป็ น CGI
่
เพราะว่า ถ้าเป็ น CGI แล้ว ตัวแปลชุดคาสังของ PHP ถือว่าเป็ นแค่โปรแกรมภายนอก ซึ่ง
่
Apache จะต้องเรี ยกขึ้นมาทางานทุกครั้ง ที่ตองการใช้ PHP ดังนั้น ถ้ามองในเรื่ องของ
้
ประสิทธิภาพในการทางาน การใ ช้ PHP แบบที่เป็ นโมดูลหนึ่งของ Apache จะทางานได้มี
ประสิทธิภาพมากกว่า
2.2.2.1 ข้ อดีของ PHP
 สามารถใช้งานโดยไม่เสียค่าจ่าย
 PHP เป็ นโปรแกรมวิ่งข้าง Sever ดังนั้นขีดความสามารถไม่จากัด
 Conlatfun นันคือ PHP วิ่งบนเครื่ อง UNIX, Linux, Windows ได้หมด
่
 เรี ยนรู้ง่าย เนืองจา ก PHP ฝั่งเข้าไปใน HTML และใช้โครงสร้างและ
ไวยากรณ์ภาษาง่ายๆ
 เร็ วและมีประสิทธิภาพ โดยเฉพาะเมือใช้กบ Apach Xerve เพราะไม่ตองใช้
ั ้
โปรแกรมจากภายนอก
 ใช้ร่วมกับ XML ได้ทนที ั
 ใช้กบระบบแฟ้ มข้อมูลได้
ั
 ใช้กบข้อมูลตัวอักษรได้อย่างมีประสิทธิภาพ
ั
 ใช้กบโครงสร้างข้อมูลใช้ได้แบบ Scalar, Array, Associative array
ั
 ใช้กบการประมวลผลภาพได้
ั
อ้างอิงจาก: (https://th.wikipedia.org/wiki/ภาษาพีเอชพี : 2554)

รูปเล่มวิชาโครงงาน

รูปเล่มวิชาโครงงาน

Recommended

Recommended

More Related Content

Similar to รูปเล่มวิชาโครงงาน

Similar to รูปเล่มวิชาโครงงาน (20)

More from AjBenny Pong

More from AjBenny Pong (10)

รูปเล่มวิชาโครงงาน