บทท 2

2.1 ความเปนมาและความสาคญของปญหา

เนองจากระบบรายงานขาวสารฟตบอล ปจจบนเปนระบบทบรษทไดพฒนาเปน

แอพพลเคชนใหบรการขาวสารและคลปวดโอฟตบอลเทานน ยงไมสามารถแสดงผลฟตบอล

ดงนนทางผจดทาจงไดพฒนาแอพพลเคชนทสามารถแสดงความคดเหนออกมาในรปแบบการ

แสดงผลฟตบอลโดยมฟงกชนการใชงาน เชน ผใชสามารถแสดงผลฟตบอลได,ผใชสามารถ

ตรวจสอบผลฟตบอลได,ผใชสามารถดจานวนผทแสดงผลฟตบอลคะแนนสงสดไดและเกบ

ขอมลทไดนามาวเคราะหเปนสถต เพอใหผใชไดมสวนรวมแสดงความคดเหนมากขนแสดงผล

การแขงขนฟตบอลและแสดงผลฟตบอลเพอใหผใชสะดวกในการตดตามขาวสารฟตบอลผานมอ

ถอ เนนการใหขอมลโดยไดจากการวเคราะหผลจากผใช และผใชสามารถวเคราะหและรวม

แสดงผลฟตบอลได ซงในการแสดงผลฟตบอลจะเกบขอมลเปนสถต เพอทจะนาขอมลการ

วเคราะหของผใชทถกตองมาจดอนดบและจะใหสทธในการเขยนบอรดเพอวเคราะหเกมการ

แขงขนสาหรบผทมคะแนนการแสดงสงสดจดขายของแอพพลเคชนนคอไดขอมลทมความ

นาเชอถอ ซงสามารถตรวจสอบขอมลทไดจากการวเคราะหของผใชทมความเชยวชาญ

- 7 -

2.2 วตถประสงคของโครงงาน

เพอพฒนา แอพพลเคชนแสดงผลฟตบอลผานระบบปฏบตการแอนดรอย

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

กลมผใชแบงออกเปน 2 กลม

2.3.1 ผดแลระบบ

2.3.1.1 สามารถ เพม แกไข และลบ ขอมลผใชได

2.3.1.2 สามารถ เพม แกไข และลบ อตราตอรองในการแสดงผลได

2.3.1.3 สามารถ เพม แกไข การจดอนดบผทมสถตสงสด

2.3.1.4 สามารถ เพม แกไข และ ลบขอมลภายในบอรดได

2.3.2 ผใชงานระบบ

2.3.2.1 สามารถสมครสมาชกได

2.3.2.2 สามารถจดการขอมลสวนตวได

2.3.2.3 สามารถตรวจสอบผลฟตบอล ในแตละลคได

2.3.2.4 สามารถแสดงผลบอลได

2.4 ประโยชนทคาดวาทจะไดรบ

2.4.1 ชวยใหผใชสนกกบการแสดงผลฟตบอลมากขน

2.4.2 ถาผใชตดอนดบในการแสดงผลฟตบอลจะไดตดดาว

2.4.3 ผใชสามารถดสถตการแสดงผลฟตบอลวาใครอยอนดบทเทาไรและใครแสดงผล

ฟตบอลเกงทสด

2.4.4 สามารถเปนชองทางในการโฆษณาประชาสมพนธบรษทโดยสามารถตอยอด เชน

การเชาพนท ในการเชาสอโฆษณาตางๆ เชน Banner

2.4.5 เพอเปนการขยายฐานขอมลลกคามากขน

- 8 -

2.5 ขนตอนและวธการดาเนนงาน

ตรวจสอบความตองการของผใช โดยสอบถามเกยวกบแนวทางการออกแบบโปรแกรม

จากหวหนางานและพนกงานบรษทถงความตองการทเกดข นในระบบ โดยการสรางหนา

UI(User interface)จะตองตรงกบมาตรฐานขององคกรการแสดงผลฟตบอล

2.5.1.1 Flowchat

2.5.1.2 Use Case

2.5.1.3 DBDiagram

2.5.1.4 Sequence Diagram

- 9 -

2.5.1.1 Flowchat

- 10 -

2.5.1.2 Use Case

- 11 -

2.5.1.3 DB Diagram

- 12 -

2.5.1.4 Sequence Diagram

รปท 2.5.1.4.1 แสดงการสราง League

รปท 2.5.1.4.2 แสดงการสรางแมทฟตบอล

- 13 -

รปท 2.5.1.4.3 แสดงการสราง Odd

รปท 2.5.1.4.4 แสดงการสรางแสดงผลฟตบอล

- 14 -

รปท 2.5.1.4.5 แสดงการสรางผใช

รปท 2.5.1.4.6 แสดงการลบ League

- 15 -

รปท 2.5.1.4.7 แสดงการลบ Match ฟตบอล

รปท 2.5.1.4.8 แสดงการลบ Odd

- 16 -

รปท 2.5.1.4.9 แสดงการลบผลฟตบอล

รปท 2.5.1.4.10 แสดงการลบผใช

- 17 -

รปท 2.5.1.4.11 แสดงผใชเขาใชงาน

รปท 2.5.1.4.12 แสดง Logout

- 18 -

รปท 2.5.1.4.13 แสดงการแสดงผลฟตบอล

รปท 2.5.1.4.14 แสดงการสมครสมาชก

- 19 -

รปท 2.5.1.4.15 แสดงการอพเดทลกฟตบอล

รปท 2.5.1.4.16 แสดงการอพเดทแมทฟตบอล

- 20 -

รปท 2.5.1.4.17 แสดงการถอนการแสดงผลฟตบอล

รปท 2.5.1.4.18 แสดงการอพเดท Odd

- 21 -

รปท 2.5.1.4.19 แสดงการอพเดทผลฟตบอล

รปท 2.5.1.4.20 แสดงการอพเดทผใช

- 22 -

2.5.2 วเคราะหระบบ

คณะผจดทาไดแอพพลเคชน GOAL GINGER ซงเปนแอพพลเคชนทใหขอมลขาวสาร

ตางๆของฟตบอล โดยทางผจดทาไดนาขอมลจากแอพพลเคชน GOAL GINGER มาพฒนา

ฟงกชนในการแสดงผลฟตบอลพรอมทงเกบ คาสถต ของผใชทแสดงผลฟตบอลและจดอนดบผท

แสดงผลฟตบอลทเกงทสดและผทออนทสด

- 23 -

2.5.3 การออกแบบระบบ

การออกแบบระบบจะออกแบบใหตรงตามความตองการของผใชมากทสด ตรงกบ

มาตรฐานของบรษท และ ออกแบบมาใหใชงานสะดวกโดยใชโปรแกรม

รปท 2.1 ตวอยางการออกแบบหนาโปรแกรมบนโปรแกรม

Android Developer Tools (Plug-in of Eclipse)

- 24 -

2.5.4 การเขยนโปรแกรม

สาหรบแอพพลเคชนทสรางขนน ใชโปรแกรมAdobe Dreamweaver CS5 และ

PHPStorm และDatabase Server ( My SQL ) เรมจากการออกแบบหลงรานในสวนของเวบ

ADMIN ดวยโปรแกรมAdobe Dreamweaver CS5 และ PHPStorm จากนนจงออกแบบ หนา UI

(User interface)ของระบบแอพพลเคชนแอนดรอยด ดวยโปรแกรม Android Developer Tools

(Plugins of Eclipse)ระหวางสรางโปรแกรมไดมการทดสอบโปรแกรมเปนระยะเพอใหโปรแกรม

ออกมาผดพลาดนอยทสด

รปท 2.2 ตวอยางการเขยนโปรแกรม

- 25 -

2.5.5 ทดสอบโปรแกรม

การสรางหนาแอพพลเคชนใหมนไดมการทดสอบจาก Programmer Development

กอนทจะสงให Admin และมการพดคยถงความตองการเพมเตมในหนาแอพพลเคชน และทาง

คณะผจดทาไดมการทดสอบเพอหาขอผดพลาดของแอพพลเคชนคนแสดงบอล

2.5.6 ระยะเวลาในการพฒนาโปรแกรม

ตารางท 2.1 Gantt Chart

2.6 อปกรณและเครองมอทใช

2.6.1 ฮารดแวร

2.6.1.1 ToshibaSatellite L850NoteBookIntel(R) Core (TM) i5-2450M

CPU RAM: 8GB

2.6.1.2 Dell Inspiron 15R NoteBook Intel(R) Core (TM) i7-3537U CPU

RAM : 8GB

2.6.1.3 MacBook Intel (R) Core i5 2.5GHz CPU RAM: 4GB

2.6.1.4 เครองเทสระบบปฏบตการ Android,TabletSumsung,SmartPhone Sony

Ericsson Xperia SK17I,LG Optimus L5

- 26 -

2.6.2 ซอฟตแวร

2.6.2.1 โปรแกรม Microsoft Office Visio 2010

2.6.2.2 โปรแกรม Database Server ( My SQL )

2.6.2.3 โปรแกรม Adobe Photoshop CS6

2.6.25 โปรแกรม Eclipse

2.6.26 โปรแกรม Adobe Dreamweaver CS5

2.7 รายละเอยดของโครงงาน

แอพพลเคชนแสดงผลฟตบอล บนระบบปฏบตการแอนดรอยด(The Application's

Football Game on Android Operation System) ถกพฒนาขนเพอชวยใหผใชสามารถแสดงผล

บอลใหผใชสะดวกในการตดตามขาวสารฟตบอลผานโทรศพทมอถอใหมากทสด

2.7.1 รายการพรอมคาอธบายงานทงหมด

โดยรายการท งหมดในตารางท 2.2 น เปนเมนตางๆทอยในแอพพลเคชนแสดงผล

ฟตบอล บนระบบปฏบตการแอนดรอยด(The Application's Football Game on Android

Operation System) ตารางท 2.2 ตารางอธบายงานทงหมด

ลาดบท รายการ คาอธบาย

1 Splash_page หนาแสดงชอโปรแกรมแอพพลเคชน

2 Loginform หนาแสดงLogin สาหรบ Member

3 Registerform หนาแสดงสมครสมาชกของ Member

4 Profile_from หนาแสดงเพอเปนโปรไฟลของ Member

5 Activity_fixture_list หนาแสดงขอมล League

6 Cell_fixture_list หนาแสดงสาหรบการแทงผลฟตบอล

7 Cell_result_list_item หนาแสดงผลการแสดงผลฟตบอล

8 Spinnerlist1 หนาแสดง วนทและเวลาในการแสดง

9 Tab_indicator หนาการแสดงแทบ

10 Test_form หนาแสดงLeague ใน Profile

11 Testtab หนาแสดงแทบในการเลอกดานลาง

12 Activity_base หนาแสดงเพอเปนไอคอน Profile

13 Ranking_data หนาแสดงสาหรบ Ranking

14 Cell_ranking_list_item หนาแสดงสาหรบแสดงขอมล Ranking

- 27 -

2.7.2 ตวอยางรายละเอยดงาน

รปท 2.3 หนาแสดงผลของแอพพลเคชนแสดงผลฟตบอล บนระบบปฏบตการแอนดรอยด

รปท 2.4 หนา Login สาหรบ Member

ผใชจะตองทาการสมครสมาชกกอน เพอเขาสแอพพลเคชนแสดงผลฟตบอลโดยการ

คลกท Create account

- 28 -

รปท 2.5 หนาสมครสมาชกแอพพลเคชนแสดงผลฟตบอล

เปนหนาแสดงการสมครสมาชกแอพพลเคชนแสดงผลฟตบอลโดยการกรอกขอมลให

ครบถวน Email,Username,Password จากนนกด Register

รปท 2.6 กรอก E-Mail ทเราสมครแอพพลเคชนแสดงผลฟตบอลไว

เพอ Login เขาสระบบ Sign in

- 29 -

รปท 2.7 หนาแสดง League ทมฟตบอลของ Season

สามารถแสดงผลฟตบอลโดยการเลอกเชยรทมทตองการไดเพยง 1 ทมเทานน

รปท 2.8 หนา Result

แสดงผลลพธทเราไดเชยรทมไหนไวและโชวผลคะแนนทงหมดในการแขงขน

- 30 -

รปท 2.9 หนาแสดงผล Ranking แสดงอนดบของผใช

รปท 2.10 หนาแสดงผลขอมลของ Member

แสดงชอสมาชก,E-Mail,คะแนน,อนดบ,เวลา,วนทในการสมครสมาชก

- 31 -

รปท 2.11 หนาแสดงผล Log out ของ Member