บทท 3

วเคราะหและออกแบบระบบ

3.1 รายละเอยดของระบบ

แอพพลเคชนสงคมนกปน เปนแอพพลเคชนทมการออกแบบ แบบ OOP (Object-Oriented

Programming) ซงจะแบงขนตอนในการท างานเปนสวนๆ แลวเรยกสงเหลานนมาใช และจะใช

UML Diagram ในการออกแบบระบบ และใช Entity Relationship Diagram ในการออกแบบ

ฐานขอมล

3.2 การวเคราะหระบบงานใหม

3.2.1 Use Case Diagram

.

.

Login

Register

Add Friend

Show Friend

Create Group

Alert to Friend

Search

Link to Facebook

Get Distance

Show Map

Find Location

ผใช

แอพพลเคชนสงคมนกปน

Message in Group

รปท 3.1 Use Case Diagram ของแอพพลเคชนสงคมนกปน บนแพลทฟอรแอนดรอยด

13

ตารางท 3.1 รายละเอยดของ Use Case Login

Use Case Name Login Actor ผใช Pre-Condition ตองสมครสมาชกกอน Post-Condition เขาสหนาจอการใชงานหลก Brief Description เขาสระบบโดยใช username และ password Flow of Event ผใช ระบบ 1) เขาสหนาจอ Login

3) ใส username และ password 4) Login 6) สามารถใชงานแอพพลเคชนได

2) แสดงหนาจอ Login 5) ตรวจสอบ 5.1) ถา username หรอ password ผด 5.1.1) แสดงขอความแจงเตอน 5.2) ถา username หรอ password ถกตอง 5.2.1) แสดงหนาจอใชงานหลก

Exceptions ใสขอมลไมครบ, ไมไดเชอมตออนเทอรเนต

14

ตารางท 3.2 รายละเอยดของ Use Case Register

Use Case Name Register Actor ผใช Pre-Condition ผใชตองมแอพพลเคชนสงคมนกปนกอน Post-Condition ผใชสมครสมาชกส าเรจ สามารถใช username password login ได Brief Description ผใชยนขอสมครสมาชก Flow of Event ผใช ระบบ 1) เขาสหนาจอ Login

2) กด Register 4) กรอกรายละเอยดในการสมครสมาชก 6) สามารถน า username ไปใชในการ Login ได

3) แสดงหนาจอ Register 5) ตรวจสอบ username วาซ าไหม 5.1) ถา username ไมซ า 5.1.1) สมครสมาชกส าเรจ 5.2) ถา username ซ า 5.2.1) แจงเตอนวา username ซ า

Exceptions ใสขอมลไมครบ, ไมไดเชอมตออนเทอรเนต, username ซ า

15

ตารางท 3.3 รายละเอยดของ Use Case Add Friend

Use Case Name Add Friend Actor ผใช Pre-Condition ผใชตอง login เขาสระบบกอน, Login เขาสระบบแลว Post-Condition ผใชเปนเพอนกบคนทตองการเปนเพอน Brief Description ผใชท าการเพมรายชอเพอน Flow of Event ผใช ระบบ 1) เขาสแอพพลเคชน

2) กดปมเพมเพอนในหนา ETC และกดปม Add Friend. 4) ใส username เพอนทตองการจะเพม 5) กด Search 8) เหนรายละเอยดของคนทคนหา 9) กด Add Friend 12) รอการตอบรบจากเพอนอกคน

3) ระบบแสดงหนาจอ Add Friend 6) ระบบคนหาขอมลจากฐานขอมล 7) แสดงผล 10) ระบบท าการตรวจสอบขอมล แลวท าการขอ Request Friend ไปยงคนทผใชตองการ Add Friend 11) ถาเคยท าการ Add Friend แลว ระบบจะแจงเตอนวาเคย Add ไวแลว

Exceptions ใสขอมลไมครบ, ไมไดเชอมตออนเทอรเนต, ไมเจอ username เพอน

16

ตารางท 3.4 รายละเอยดของ Use Case Create Group

Use Case Name Create Group Actor ผใช Pre-Condition ผใชตองมแอพพลเคชนสงคมนกปนกอน, Login เขาสระบบแลว Post-Condition ผใชเปนหวหนากลมทตวเองสราง, มกลมใหมขนมา Brief Description ผใชยนขอสรางกลม Flow of Event ผใช ระบบ 1) เขาสแอพพลเคชน

2) กดปมในหนา ETC และกดปม Create Group 4) กรอกรายละเอยดส าหรบสรางกลม 5) กด Create Group 8) ผใชทสรางกลมไดเปนหวหนากลม

3) แสดงหนาจอส าหรบสรางกลม 6) ระบบตรวจสอบชอกลมวาซ าไหม ถาซ าจะแจงเตอน 7) ถาไมซ า ระบบท าการบนทกคาลง ฐานขอมล

Exceptions ใสขอมลไมครบ, ไมไดเชอมตออนเทอรเนต,ชอกลมซ า

17

ตารางท 3.5 รายละเอยดของ Use Case Show Friend

Use Case Name Show Friend Actor ผใช Pre-Condition ผใชตองมแอพพลเคชนสงคมนกปนกอน, Login เขาสระบบแลว Post-Condition ผใชไดทราบวาใครเปนเพอนกบผใชแลวบาง Brief Description ระบบแสดงรายชอเพอนใหผใชรบทราบ Flow of Event ผใช ระบบ 1) เขาสแอพพลเคชน

4) ในหนาจอแรกเขาของผใชจะแสดงรายชอเพอนของผใชทนท 5) ถาไมไดอยในหนาจอแสดงรายชอเพอนผใชตองกด Tab Friend

2) ระบบรบคา UserID ไปตรวจสอบรายชอเพอน 3) ระบบท าการสงคากลบไปแสดงผลใหผใชรบทราบ

Exceptions ไมไดเชอมตออนเทอรเนต ,ผใชยงไมไดท าการ Add Friend

18

ตารางท 3.6 รายละเอยดของ Use Case Search

Use Case Name Search Actor ผใช Pre-Condition ผใชตองมแอพพลเคชนสงคมนกปนกอน, Login เขาสระบบแลว Post-Condition ผใชไดทราบถงสงทตองการคนหา Brief Description ผใชคนหารายชอเพอน หรอคนหารายชอกลม Flow of Event ผใช ระบบ 1) เขาสแอพพลเคชน

2) กดปมในหนา ETC 3) กดปม Add Friend หรอ Join Group จะมฟงกชนใหคนหา 4) ใสสงทตองการคนหาใน Textbox 5) กด Search 8) ไดรบสงทตองการคนหา

6) ระบบน าคาให Textbox ไปคนหาในฐานขอมล 7) สงคาทคนหาไดกลบไปใหผใช

Exceptions ไมไดเชอมตออนเทอรเนต, ปอนรายชอผด

19

ตารางท 3.7 รายละเอยดของ Use Case Show Map

Use Case Name Show Map Actor ผใช Pre-Condition ผใชตองมแอพพลเคชนสงคมนกปนกอน, Login เขาสระบบแลว Post-Condition ผใชเหนแผนท และเหนต าแหนงทตวเองอย Brief Description แสดงแผนทใหผใชด Flow of Event ผใช ระบบ 1) เขาสแอพพลเคชน

2) กดไปท Tab Map 4) ทราบต าแหนงปจจบนทตวเองอย และบรเวณรอบขางมอะไรบาง 5) กด Create Group

3) แสดงแผนทและต าแหนงทผใชอย

Exceptions ไมไดเชอมตออนเทอรเนต,ไมไดเปด GPS

20

ตารางท 3.8 รายละเอยดของ Use Case Find Location

Use Case Name Find Location Actor ผใช Pre-Condition ผใช ตองมแอพพลเคชนสงคมนกปนกอน, Login เขาสระบบแลว ,ตองม

กลมแลว Post-Condition สามารถตดตามการเคลอนไหวของคนในกลมได Brief Description เปนระบบแสดงต าแหนงของคนในกลม Flow of Event ผใช ระบบ 1) เขาสแอพพลเคชน

2) กด Tab Group เลอกกลมทจะตรวจสอบ 3) เขารายละเอยดกลม 4) เลอกเขาแผนทกลม 7) ไดรบการแสดงแผนท และต าแหนงของคนในกลม

5) แสดงแผนทใหผใช 6) สงคา lontitude latitude ของทกคนในกลมไปแสดง

Exceptions ใสขอมลไมครบ, ไมไดเชอมตออนเทอรเนต,ชอกลมซ า

21

ตารางท 3.9 รายละเอยดของ Use Case Alert to Friend

Use Case Name Alert to Friend Actor ผใช Pre-Condition ผใชตองมแอพพลเคชน MyRide กอน, Login เขาสระบบแลว ,ตองมกลม

แลว Post-Condition คนในกลมไดรบการแจงเตอน Brief Description ผใชขอความชวยเหลอ, ตองการสงขอความดวนใหกบคนในกลม Flow of Event ผใช ระบบ 1) เขาสแอพพลเคชน

2) กด Tab Group เลอกกลมทจะตรวจสอบ 3) เขารายละเอยดกลม 4) เลอกเขาแผนทกลม 6) กด Alert to Friend 8) ผใชในกลมไดรบขอความแจงเตอนจากคนสง

5) แสดงแผนทใหผใช 7) ระบบแจงขอความใหกบผใชในกลม

Exceptions ไมไดเชอมตออนเทอรเนต

22

ตารางท 3.10 รายละเอยดของ Use Case Get Distance

Use Case Name Get Distance Actor ผใช Pre-Condition ผใชตองมแอพพลเคชนสงคมมนกปนกอน, Login เขาสระบบแลว ,ตองม

กลมแลว Post-Condition ผใชไดรบระยะทางสะสมเพม Brief Description เกบสะสมระยะทางการปนจกรยาน Flow of Event ผใช ระบบ 1) เขาสแอพพลเคชน

2) กด Tab Group เลอกกลมทจะตรวจสอบ 3) เขารายละเอยดกลม 4) เลอกเขาแผนทกลม 6) กด Start 8) กด Finish

5) แสดงแผนทใหผใช 7) ระบบเรมบนทกระยะทาง 9) ระบบบนทกระยะทาง แลวน าไปรวมกบระยะทางเดมของผใช

Exceptions ไมไดเชอมตออนเทอรเนต

23

ตารางท 3.11 รายละเอยดของ Use Case Message in Group

Use Case Name Message in Group Actor ผใช Pre-Condition ผใชตองมแอพพลเคชนสงคมนกปนกอน, Login เขาสระบบแลว ,ตองม

กลมแลว Post-Condition กลมไดรบ Message ฝากไวเปน Comment ขนมา Brief Description ผใชตองการพดคยกบคนในกลม หรอฝากขอความไวในกลม Flow of Event ผใช ระบบ 1) เขาสแอพพลเคชน

2) กด Tab Group เลอกกลมทจะตรวจสอบ 3) เขารายละเอยดกลม 4) พมพขอความใน Textbox ดานลาง 5) กด Send 8) กลมมการแสดงขอความใหมขนมาในชองพดคย

6) ระบบบนทกขอความลงไปใน ฐานขอมล 7 ) ระบบแสดงขอความในชองขอความกลม

Exceptions ไมไดเชอมตออนเทอรเนต

24

ตารางท 3.12 รายละเอยดของ Use Case Link to Facebook

Use Case Name Link to Facebook Actor ผใช Pre-Condition ผใชตองมแอพพลเคชนสงคมนกปนกอน, Login เขาสระบบแลว ,ตองม

กลมหรอเพอน Post-Condition ผใชเขาไปใน Facebook ของเพอน หรอ Facebook ของกลม Brief Description ผใชตองการเขาไปดรายละเอยด Facebook ของเพอน หรอ Facebook กลม Flow of Event ผใช ระบบ 1) เขาสแอพพลเคชน

2) ใน Tab Friend หรอ Tab Group 3) เลอกเพอนหรอกลมทสนใจ 4) กด Facebook 6) ผใชเขามาทหนา Facebook

5) ระบบเชอมโยงไปยง Facebook ของสงทผใชเลอก

Exceptions ไมไดเชอมตออนเทอรเนต ,ผใชหรอ หวหนากลมใส Facebook ไมถกตอง

25

3.2.2 Class Diagram

รปท 3.2 Class Diagram ของแอพพลเคชนสงคมนกปน บนแพลทฟอรมแอนดรอยด

26

3.2.3 Sequence Diagram

รปท 3.3 Sequence Diagram : Login

รปท 3.4 Sequnce Diagram : Register

27

รปท 3.5 Sequence Diagram : Add Friend

รปท 3.6 Sequence Diagram : Create Group

28

รปท 3.7 Sequence Diagram : Show Friend Group

รปท 3.8 Sequence Diagram : Search

29

รปท 3.9 Sequence Diagram : Show Map

รปท 3.10 Sequence Diagram : Find Location

30

รปท 3.11 Sequence Diagram : Alert to Friend

รปท 3.12 Sequence Diagram : Get Distance

31

รปท 3.13 Sequence Diagram : Message in Group

รปท 3.14 Sequence Diagram : Link to Facebook

32

3.2.4 Entity Relationship Diagram

รปท 3.15 Entity Relationship Diagram ของแอพพลเคชนสงคมนกปน บนแพลทฟอรมแอนดรอยด