Project Animation Restaurant Presentation on Web Application

รายชื่��อผู้จั�ดทำ�าโครงงาน นาย สุ�ทธิ�ชาติ� เพรงสุ�กาญจน� ID: 1490900055 นาย ก�ติติ�ภพ กาญจนาภ�รมย� ID: 1490900121 นาย ผลึ�ก พงศ์�เศ์รษฐ์�ก�ลึ ID: 1490900733 นาย วี�รภ�ทร เอี่��ยวีผดุ�ง ID: 1500901309 นาย จ�กรพ�นธิ�รามสุ!ติ ID: 1500901481 นาย ธินพงศ์� พ� "มไสุวี ID:1500903297

Project: Animation Restaurant Presentation on Web Application

ปร�ญญาวิ�ศวิกรรมศาสตร�บั�ณฑิ�ต สุาขาวี�ชา วี�ศ์วีกรรมม�ลึติ�ม�เดุ�ยแลึะ

ระบบอี่�นเทอี่ร�เน(ติ อาจัารย�ผู้ควิบัค!มปร�ญญาน�พนธ์� อี่าจารย�

อี่ย�ทธิ� พ�พ�ฒน�ศ์�ร�ศ์�กดุ�* 2

3

เหต!ผู้ลและควิามเป)นมาProject: Animation Restaurant Presentation on Web Application

4

เหต!ผู้ลและควิามเป)นมา

เน+�อี่งจากสุ+�อี่ผ"านทางวี�ทย�โทรท�ศ์น� การ ประชาสุ�มพ�นธิ� แลึะสุ+�อี่โฆษณาติ"างๆผ"านทาง

ระบบม�ลึติ�ม�เดุ�ยในป2จจ�บ�นม�มากมายหลึากหลึาย ชน�ดุ เช"น วี�ดุ�โอี่พร�เซ็(นเทช��น สุ+�อี่ม�ลึติ�ม�เดุ�ย

อี่�นเติอี่ร�เน(ติ ไดุ5เข5ามาเป6นสุ"วีนหน��งขอี่งช�วี�ติ ประจ7าวี�น ซ็��งสุามารถเข5าถ�งไดุ5 ไม"วี"าจะอี่ย!"ท��ไหนใน

โลึกน�9 แลึะม�ควีามท�นสุม�ย เป6นการสุร5างควีาม แปลึกใหม"แลึะดุ�งดุ!ดุผ!5เข5าชมไดุ5เป6นอี่ย"างดุ� ท�9งน�9

จ�งน7ามาใช5ในการพ�ฒนาเวี(บไซ็ติ�เพ+�อี่ใช5ในการน7า เสุนอี่ร5านอี่าหารให5ดุ!น"าสุนใจมากข�9น ซ็��งในป2จจ�บ�น

ม�ร5านอี่าหารมากมายแลึะสุ"วีนมากจะน7าเสุนอี่ผ"าน ทางหน�งสุ+อี่ แลึะเพ+�อี่แนะน7าให5คนท��วีไปไดุ5ร! 5จ�กก�บ

ร5านอี่าหารติ"างๆ

Project: Animation Restaurant Presentation on Web Application

5

วิ�ตถุ!ประสงค�โครงงานProject: Animation Restaurant Presentation on Web Application

6

วิ�ตถุ!ประสงค�โครงงาน1. เพ+�อี่พ�ฒนาร!ปแบบการน7าเสุนอี่สุ+�อี่ม�ลึติ�ม�เดุ�ยให5ม�

ควีามน"าสุนใจ2. เพ+�อี่พ�ฒนาการใช5ซ็อี่ฟแวีร�ในการสุร5างสุ+�อี่ในการน7า

เสุนอี่ผลึงานให5ม�ควีามน"าสุนใจมากข�9น3. เพ+�อี่ฝึ=กท�กษะการประย�กติ�ให5งานระบบฐ์านข5อี่ม!ลึเข5า

ก�บเวี(บไซ็ติ�แอี่ปพลึ�เคช��น4. เพ+�อี่ฝึ=กท�กษะการอี่อี่กแบบงานอี่น�เมช��นให5ม�ควีามน"า

สุนใจแลึะเหมาะก�บการใช5งาน5. เพ+�อี่ศ์�กษาการอี่อี่กแบบแลึะจ�ดุท7าสุ+�อี่ม�ลึติ�ม�เดุ�ยท��

แสุดุงผลึบนเวี(บไซ็ติ�6. เพ+�อี่พ�ฒนาการแนะน7าอี่าหารให5ม�ควีามน"าสุนใจย��งข�9น

Project: Animation Restaurant Presentation on Web Application

7

ขอบัเขตของโครงงานProject: Animation Restaurant Presentation on Web Application

8

1. พ�ฒนาระบบฐ์านข5อี่ม!ลึ ซ็��งสุามารถใช5แสุดุงควีาม ค�ดุเห(นหร+อี่ฝึากผลึงาน เพ+�อี่ร"วีมแสุดุงก�บทาง

เวี(บไซ็ติ�2. พ�ฒนาเวี(บแอี่ปพลึ�เคช�น (Web Application) ดุ5วีย

ภาษา HTML (Hypertext Markup Language) แลึะPHP

3. อี่อี่กแบบแลึะใช5งานระบบฐ์านข5อี่ม!ลึ MySQL เช+�อี่ม โยงก�บเวี(บแอี่ปพลึ�เคช�น (Web Application)

4. อี่อี่กแบบแลึะจ�ดุท7าสุ+�อี่ม�ลึติ�ม�เดุ�ยท��แสุดุงผลึบน เวี(บไซ็ติ�จากโปรแกรม Adobe Flash, Adobe After

Effects , Adobe Photoshop , Adobe Illustrator , Adobe Dreamweaver , Adobe Fireworks

ขอบัเขตของโครงงาน

Project: Animation Restaurant Presentation on Web Application

9

Technologies & Tools

Project: Animation Restaurant Presentation on Web Application

10

อธ์�บัายงานโครงงานProject: Animation Restaurant Presentation on Web Application

11

1. สุ"วีนท7าโครงสุร5างเวี(บไซ็ติ�2. สุ"วีนขอี่งการท7างาน อี่น�เมช��น

อธ์�บัายงานโครงงาน

โดุยจะแบ"งการท7างานอี่อี่กเป6น 2 สุ"วีน

Project: Animation Restaurant Presentation on Web Application

12

หนาทำ,�ใน ส.วินโครงสรางเวิ/บัไซต� ค�อ?

Project: Animation Restaurant Presentation on Web Application

13

• ออกแบับั จั�ดทำ�า และตกแต.งรายละเอ,ยดต.างๆของเวิ/บัไซต�

ส.วินโครงสรางเวิ/บัไซต�

Project: Animation Restaurant Presentation on Web Application

14

• สุร5างระบบฐ์านข5อี่ม!ลึเพ+�อี่ใช5ในการจ�ดุการฐ์านข5อี่ม!ลึ

ส.วินโครงสรางเวิ/บัไซต�

*โดุยภาษาPHP แลึะ Flash scriptProject: Animation Restaurant Presentation on Web Application

15

หนาทำ,�ใน ส.วิน อน�เมชื่��น ค�อ?

Project: Animation Restaurant Presentation on Web Application

16

• อี่อี่กแบบแลึะจ�ดุท7าติ�วีลึะครในงานอี่น�เมช��น

ส.วินโครงสรางเวิ/บัไซต�

Project: Animation Restaurant Presentation on Web Application

17

ติ�วีอี่ย"างการอี่อี่กแบบ

ส.วินโครงสรางเวิ/บัไซต�

Project: Animation Restaurant Presentation on Web Application

18

• เข�ยน สุติอี่ร��บอี่ร�ดุน7ามาเสุนอี่ เพ+�อี่เติร�ยมพร5อี่มในการท7างานแติ"ลึะคร�9ง

ส.วินโครงสรางเวิ/บัไซต�

Project: Animation Restaurant Presentation on Web Application

19

ต�วิอย.าง สตอร,�บัอร�ด

ส.วินโครงสรางเวิ/บัไซต�

Project: Animation Restaurant Presentation on Web Application

20

ต�วิอย.าง สตอร,�บัอร�ด

Project: Animation Restaurant Presentation on Web Application

ส.วินโครงสรางเวิ/บัไซต�

21

• ท7าการอี่น�เมท เป6นการ�ติ!นเร+�อี่งสุ�9นโดุยโปรแกรม Adobe Flash

ส.วินโครงสรางเวิ/บัไซต�

Project: Animation Restaurant Presentation on Web Application

22

• ระยะเวีลึาจร�งท��ใช5ในการท7างาน• ควีามพร5อี่มในการท7างานโดุยรวีมขอี่งกลึ�"ม• สุ"วีนโครงสุร5างฐ์านข5อี่ม!ลึยากแยกติ"อี่การแก5ไข• การเลึ+อี่กร5านอี่าหารท��จะไปท7าโครงงาน

ป3ญหาทำ,�เก�ดในการทำ�าโครงงาน

Project: Animation Restaurant Presentation on Web Application

23

• ติ5อี่งวีางแผนแบ"งเวีลึาให5เข5าก�บการท7าโครงงาน• ติ5อี่งแบ"งเวีลึาแลึะร�บผ�ดุชอี่บในสุ"วีนขอี่งตินเอี่ง• ในสุ"วีนโครงสุร5างฐ์านข5อี่ม!ลึ ควีรวีางแผนก"อี่น

ท7าให5ดุ�เน+�อี่งจากยากติ"อี่ การแก5ไข• ศ์�กษาจากสุ+�อี่ติ"างๆวี"าร5านอี่าหารร5านใดุเหมาะสุ7าหร�บการท7าโครงงาน

Project: Animation Restaurant Presentation on Web Application

ป3ญหาทำ,�เก�ดในการทำ�าโครงงาน

24

เม��อโครงงานสมบัรณ� ?

Project: Animation Restaurant Presentation on Web Application

25

โครงงานทำ,�เสร/จัสมบัรณ�• ระบบติอี่บสุนอี่งก�บผ!5ใช5บนเวี(บไซ็ติ�(Interactive)• ม�ระบบสุมาช�ก• ระบบ Guestbook (สุม�ดุเย��ยม)• ระบบ Gallery• การ�ติ!นอี่น�เมช��นประกอี่บการแนะน7าร5านอี่าหาร• แผ"นท��การเดุ�นทางโดุย Flash

Project: Animation Restaurant Presentation on Web Application

26

Thank You!

Project: Animation Restaurant Presentation on Web Application