Pacharamon PromchaIT) แอปพลิเคชันการ... · 1.6...

แอปพลเคชนการใชจายสวนบคคล Personal Spending Application

พชรมน พรมชา Pacharamon Promcha

สารนพนธนเปนสวนหนงของการศกษา หลกสตรวทยาศาสตรมหาบณฑต สาขาวชาเทคโนโลยสารสนเทศ

คณะวทยาการและเทคโนโลยสารสนเทศ มหาวทยาลยเทคโนโลยมหานคร

ปการศกษา 2559

I

หวขอ แอปพลเคชนการใชจายสวนบคคล ชอนกศกษา นางสาวพชรมน พรมชา รหสนกศกษา 5617680004 หลกสตร วทยาศาสตรมหาบณฑต สาขาเทคโนโลยสารสนเทศ ปการศกษา 2559 อาจารยทปรกษา ผชวยศาสตราจารย ดร.หมดอามน หมนหลน

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

II

กตตกรรมประกาศ สารนพนธฉบบนไดพฒนาจนส าเรจลลวงได เปนเพราะความชวยเหลอ ความกรณา ความเอาใจใส และก าลงใจจากหลายทาน ขาพเจาจงขอขอบพระคณมา ณ ทน

ขอขอบพระคณ ผชวยศาสตราจารย ดร.หมดอามน หมนหลน ซงเปนอาจารยทปรกษาโครงงานทเปนผสอนใหรจกการเขยนโปรแกรมบนอปกรณเคลอนทระบบปฏบตการ iOS และเสยสละเวลา เพอชวยใหค าปรกษา ค าแนะน า และคอยตรวจสอบโครงงานมาโดยตลอด

ขอขอบพระคณคณาจารย รนพ และเพอนๆ ทคอยใหค าปรกษาและใหค าแนะน าในการด าเนนโครงงานมาเปนอยางด

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

พชรมน พรมชา สงหาคม 2560

III

สารบญ หนา

บทคดยอ I กตตกรรมประกาศ II สารบญ III สารบญรป IV สารบญตาราง VI บทท 1 1 1.1 ปญหา และแรงจงใจ 1 1.2 โครงงานทน าเสนอ 1 1.3 วตถประสงค 2 1.4 ขอบเขตของระบบ 2 1.5 ประโยชนทคาดวาจะไดรบ 3 1.6 โครงสรางของสารนพนธ 3 บทท 2 4 2.1 UML (Unified Modeling Language) 4 2.2 ความรเกยวกบโปรแกรม Xcode 7 2.3 ความรเกยวกบ iCloud 11 บทท 3 12 3.1 Use Case Diagram 12 3.2 Sequence Diagram 28 3.3 Class Diagram 41 บทท 4 47 4.1 ผลการด าเนนการของหนาจอระบบ Personal Spending Application 47 บทท 5 61 5.1 สรปการด าเนนงาน 61 5.2 ปญหาการด าเนนงาน 61 5.3 แนวทางการแกปญหา 61 5.4 ขอเสนอแนะ 61

IV

สารบญรป หนา

รปท 1.1 แสดงองคประกอบโดยรวมของแอปพลเคชน 1 รปท 2.1 ภาพตวอยางสญลกษณ Class 6 รปท 2.2 ภาพ Icon ของโปรแกรม Xcode 7 รปท 2.3 หนาจอ welcome to Xcode 7 รปท 2.4 หนาจอ Template สรางโปรเจคใหม 8 รปท 2.5 หนาจอรายละเอยดโปรเจคทจะสรางใหม 9 รปท 2.6 แสดงพนทการท างานในสวนตางๆ ของ Xcode 10 รปท 2.7 แสดงการท างานของ iCloud 11 รปท 3.1 แสดงภาพ Use Case Diagram ของ Personal Spending Application 12 รปท 3.2 Use case for Manage Transaction 14 รปท 3.3 Use case for Manage Bill 16รปท 3.4 Use case for Manage Saving 18รปท 3.5 Use case for Manage Transaction Saving 20รปท 3.6 Use case for View Report 22รปท 3.7 Use case for Manage Category 24รปท 3.8 Use case for Backup/Restore 26รปท 3.9 แสดงภาพ Sequence Diagram ของ Manage Transaction 28รปท 3.10 แสดงภาพ Sequence Diagram ของ Manage Bill 30รปท 3.11 แสดงภาพ Sequence Diagram ของ Manage Saving 32รปท 3.12 แสดงภาพ Sequence Diagram ของ Manage Transaction Saving 34รปท 3.13 แสดงภาพ Sequence Diagram ของ Manage Category 36รปท 3.14 แสดงภาพ Sequence Diagram ของ View Report 38รปท 3.15 แสดงภาพ Sequence Diagram ของ Backup/Restore 39รปท 3.16 แสดงภาพ Class Diagram ของ Personal Spending Application 41รปท 3.17 Class Diagram ของ Transaction 42รปท 3.18 Class Diagram ของ Bill 43รปท 3.19 Class Diagram ของ Saving 44รปท 3.20 Class Diagram ของ Category 45รปท 3.21 Class Diagram ของ Personal Spending App 46

V

สารบญรป (ตอ)

หนา

รปท 4.1 หนาจอเมน 47 รปท 4.2 หนาจอรายการรายรบรายจาย 48 รปท 4.3 หนาจอเพมรายการรายรบรายจาย 49 รปท 4.4 หนาจอรายการช าระบลคาใชจาย 50 รปท 4.5 หนาจอเพมรายการช าระบลคาใชจาย 51 รปท 4.6 หนาจอเปาหมายการบนทกเงนออม 52 รปท 4.7 หนาจอเพมเปาหมายการบนทกเงนออม 53 รปท 4.8 หนาจอสรปรายงานรายรบรายจาย 54 รปท 4.9 หนาจอเลอกประเภทของการสรปรายงานรายรบรายจาย 56 รปท 4.10 หนาจอหมวดหมของรายการ 57 รปท 4.11 หนาจอเพมหมวดหมของรายการ 58 รปท 4.12 หนาจอการส ารองขอมลในกรณไมเคยมการส ารองขอมล 59 รปท 4.13 หนาจอการส ารองขอมลในกรณเคยมการส ารองขอมล 60

VI

สารบญตาราง หนา

ตารางท 2.1 ตารางสญลกษณของ Use Case Diagram 4 ตารางท 2.2 ตารางสญลกษณของ Sequence Diagram 5

1

บทท 1 บทน า

1.1 ปญหา และแรงจงใจ ในอดตเดมทโทรศพทมอถอใชในการสนทนากนเทานน แตในปจจบนเทคโนโลยไดม การพฒนาเปนสมารทโฟนใหสามารถท างานได เสมอนกบเครองคอมพวเตอรทสามารถพกพา ไดตลอดเวลา ท าใหมความนยมอยางแพรหลายมบทบาทตอการใชชวตประจ าวนมากขน สงผลให มการพฒนาแอปพลเคชนตางๆ บนโทรศพทมอถอสมารทโฟน เพอตอบสนองความตองการของผใชทกเพศทกวย เนองจากการบนทกรายรบรายจาย การบนทกการออมเงน การสรปรายงานรายรบรายจายในสมดมความยงยาก และขอมลการบนทกอาจสญหายได อกทงยงไมมความดงดดใหใชงานไดอยางตอเนอง ผจดท าจงตองการน าเทคโนโลยบนโทรศพทมอถอสมารทโฟน เพอชวยลดปญหาตางๆ ทเกดขน และใหผใชสะดวกในการใชงานมากยงขน จากการวเคราะหปญหาดงกลาว จงไดมการน าความรเกยวกบการพฒนาแอปพลเคชน บนอปกรณเคลอนท มาจดท าแอปพลเคชนขนในชอ “แอปพลเคชนการใชจายสวนบคคล (Personal Spending Application)” เพอชวยในการบนทกรายรบรายจาย แจงเตอนการช าระบลคาใชจาย บนทกการออมเงน การสรปรายงานรายรบรายจาย การส ารองขอมลและการกคนขอมล 1.2 โครงงานทน าเสนอ

รปท 1.1 แสดงองคประกอบโดยรวมของแอปพลเคชน

User Mobile Application

iCloud Storage

Personal Spending Application

2

1.3 วตถประสงค 1. เพอชวยใหสามารถบนทกคาใชจาย และเงนออม ในชวตประจ าวนได 2. เพอเตอนความจ าในการช าระบลคาใชจาย 3. เพอปองกนการสญหายของขอมล 4. เพออ านวยความสะดวกและงายตอการใชงาน 1.4 ขอบเขตของระบบ โครงงานพฒนาแอปพลเคชนวางแผนการใชจายสวนบคคล มรายละเอยดของแตละระบบดงน 1. ระบบบนทกรายการรายรบรายจาย - สามารถเพม แกไข และลบรายการรายรบรายจายได - สามารถดยอดเงนคงเหลอได 2. ระบบการช าระบลคาใชจาย - สามารถเพม แกไข และลบรายการ ในการช าระบลคาใชจายได - สามารถก าหนดวนแจงเตอน ในการช าระบลคาใชจายได - สามารถยนยนการช าระบลคาใชจายได 3. ระบบบนทกเงนออม - สามารถเพม แกไข และลบรายการเปาหมายการออมเงนได - สามารถระบจ านวนเงนทตองการออมได - สามารถแสดงบนทกรายการการออมเงนทงหมดได 4. ระบบการจดหมวดหมของรายการ - สามารถเพม แกไข และลบหมวดหมส าหรบการใชบนทกรายการได - สามารถเลอกประเภท ของหมวดหมได 5. ระบบรายงาน - สามารถแสดงรายงานสรปรายการคาใชจายแบบรายป และรายเดอนได 6. ระบบการส ารองขอมลและการกคนขอมล - สามารถส ารองขอมลไปยง iCloud ได - สามารถกคนขอมลจาก iCloud ได

3

1.5 ประโยชนทคาดวาจะไดรบ 1. ผใชสามารถบนทกและวางแผนคาใชจาย แจงเตอนการช าระบล วางแผนเงนออม

ดรายงานสรปผานแอปพลเคชนบนอปกรณเคลอนทได 2. ผใชสามารถจดการการเงนสวนตวไดอยางสะดวกและงายมากยงขน 3. ผใชไดรบความมนใจวาขอมลจะไมสญหาย 1.6 โครงสรางของสารนพนธ ส าหรบเนอหาของสารนพนธฉบบนจะไดถกแบงเนอหาออกดงน บทท 1 บทน า ปญหาและแรงจงใจ โครงงานทน าเสนอ วตถประสงค ขอบเขตของระบบ ประโยชนทคาดวาจะไดรบของสารนพนธ บทท 2 ทฤษฎและหลกการทเกยวของ เปนการศกษาหลกการและโปรแกรมทเกยวของ ทจะน ามาใชในการพฒนาระบบ บทท 3 การวเคราะหและออกแบบระบบ เปนการแสดงขนตอนการท างานของระบบ ในการออกแบบการท างานของระบบ เพอใหการท างานเปนระบบ บทท 4 การพฒนาและทดสอบระบบ เปนการแสดงผลของการพฒนาระบบ บทท 5 สรปผลการด าเนนงาน เปนการน าผลการด าเนนงาน ปญหาการด าเนนงาน แนวทางการแกปญหา และขอเสนอแนะ ปรบปรงใหดขนในการใชงานตอไป

4

บทท 2 พนฐานและทฤษฎทเกยวของ

2.1 UML (Unified Modeling Language) UML เปนภาษาทใชในการสรางแบบจ าลอง แสดงรายละเอยดตางๆ ของระบบการท างาน ออกมาในรปแบบของสญลกษณรปภาพ เพอชวยในการตดตอสอสารระหวางผเกยวของในการพฒนาเขาใจไดงาย และใหผพฒนาระบบเหนภาพการท างานในสวนตางๆ ของระบบไดชดเจนยงขน กอนทจะน าไปพฒนาระบบจรง 2.1.1 Use Case Diagram

เปนแผนภาพทจะแสดงการใชงานของระบบ ทเกดจากมมมองของผใชระบบ โดยจะประกอบไปดวยผใชระบบ (Actor) และหนาทการท างานของระบบ (Use Case)

ตารางท 2.1 ตารางสญลกษณของ Use Case Diagram

สญลกษณ ชอ ความหมาย

Actor ผใชระบบทมปฏสมพนธโตตอบกบระบบ

Use Case หนาทการท างานของระบบ ทเกดจากการกระท า ของ Actor

System Boundary

สญลกษณแบงขอบเขตระหวาง Actor และ Use Case

Connection สญลกษณทใชเชอมตอเกดความสมพนธทเกดขนระหวาง Actor และUse Case

Include Relationship

สญลกษณความสมพนธของ Use Case ทขยายความสามารถจาก Use Case หลก

Extend Relationship

สญลกษณความสมพนธของ Use Case หลก ทรวมการท างานของ Use Case อนไวดวย

5

2.1.2 Sequence Diagram

เปนแผนทใชแสดงการท างานของ Object ตางๆ เมอมการสงขาวสาร (Message) โดยทศทางของลกศรเปนการบงบอกถงทศทางสง Message ระหวาง Object

ตารางท 2.2 ตารางสญลกษณของ Sequence Diagram

สญลกษณ ชอ ความหมาย

Actor ผใชระบบทมปฏสมพนธโตตอบกบระบบ

Object Object ทสรางมาจาก Class

Life Line สญลกษณชวงเวลาการท างานของ Object

Activation สญลกษณควบคมการท างานจากจดเรมตน ถงจดสนสดของแตละการกระท าใน Object

Message สญลกษณส าหรบแสดงการตดตอสอสารระหวาง Object

6

2.1.3 Class Diagram

เปนแผนภาพทใชแสดงรายละเอยดของ Class และความสมพนธระหวาง Class ในมมมองของระบบทเนน โครงสรางของวตถ (Structural Model)

รปท 2.1 ภาพตวอยางสญลกษณ Class

จากรปท 2.1 เปนตวอยาง Class ซงสญลกษณ Class จะประกอบดวย - Class ชอของ Class - Attribute เปนตวก าหนดคณสมบตของ Class มการเขาถง ดงน + public คอ Class ใดๆ สามารถใชงาน Attribute นได - private คอ สามารถใชไดภายใน Class ตวเองเทานน Class อนไมสามารถน าไปใชได # protected คอ สามารถใชไดกตอเมอมการสบทอดไปเทานน - Operation เปนหนาทการท างานใน Class

7

2.2 ความรเกยวกบโปรแกรม Xcode

รปท 2.2 ภาพ Icon ของโปรแกรม Xcode Xcode เปนเครองมอท ใชส าหรบพฒนาแอปพลเคชนบนแพลตฟอรม OS X ส าหรบ เครองคอมพวเตอร Mac และ iOS ส าหรบอปกรณสมารโฟนตางๆ เชน iPhone iPod iPad และ Apple TV เปนตน ซงสามารถโหลดเครองมอนไดจาก App Store

รปท 2.3 หนาจอ Welcome to Xcode เมอได Install โปรแกรมนแลว เมอเรมตนเขาใชงานโปรแกรม จะเขาสหนาจอ Welcome to Xcode ผใชงานสามารถเลอก Create a new Xcode project เพอสรางโปรเจคขนใหม หรอเลอกโปรเจคเดมทเคยสรางไวกอนหนา

8

รปท 2.4 หนาจอ Template สรางโปรเจคใหม

ในการเรมโปรเจคใหมสามารถเลอกทจะพฒนาไดทง iOS และ OS X ไดตามตองการ ในเมน iOS จะประกอบไปดวย - Application : เปนรปแบบตางๆ ในการใชสรางแอปพลเคชนของ iOS - Framework & Library : เปนรปแบบในการสรางไฟล Framework และ Library - Other : เปนรปแบบในการสรางไฟลและทเกบขอมลชนดตางๆ ส าหรบการใชงานขนพนฐาน ในการสรางแอปพล เคชนส าหรบอปกรณสมาร โฟน จะใชรปแบบของ Single View Application

9

รปท 2.5 หนาจอรายละเอยดโปรเจคทจะสรางใหม

ตอมาจะเปนหนาจอรายละเอยดของโปรเจคทตองการทจะสรางใหม ตองใสขอมล ของแอปพลเคชนทจะสรางใหม ประกอบดวย - Product Name : ชอของแอปพลเคชนทจะสราง - Organization Name : ชอของบรษทของผใช - Organization Identifier : ชอระบตวตนของบรษท - Bundle Identifier : ชอระบแอปพลเคชน โดยจะท าการรวมกบชอ Organization Identifier กบ Product Name ใหอตโนมต - Language : เลอกภาษาทตองการจะใชในการพฒนาแอปพลเคชน ประกอบดวย Swift และ Objective-C - Devices : เลอกอปกรณทรองรบ ประกอบดวย iPad iPhone และ Universal (ทง iPad และ iPhone) - Use Core Data : เลอกใช Core Data เพอชวยในการจดเกบขอมล

10

รปท 2.6 แสดงพนทการท างานในสวนตางๆ ของ Xcode

ใน Xcode จะมการแบงพนทการท างานในสวนตางๆ ดงน - Toolbar : เปนสวนทใชในการควบคมการท างานของโปรเจค เชน การเปด/ซอน พนทการท างานสวนตางๆ - Navigator area : เปนสวนแสดงโครงสรางทงหมดของโปรเจค จะประกอบไปดวยไฟลหลายๆ ไฟลทมความเกยวของกน - Editor area : เปนสวนทใชส าหรบแสดงผลของไฟลทเลอก หรอแสดงหนาจอจ าลองแอปพลเคชน - Utility area : เปนสวนในการแสดง Property ตางๆ หรอควบคมการท างาน ของไฟลทเปดใชงานอย

11

2.3 ความรเกยวกบ iCloud

รปท 2.7 แสดงการท างานของ iCloud

iCloud คอ ระบบศนยกลางในรปแบบกลมเมฆของ Apple มหนาทหลกในการเปนตวกลางเกบขอมลของผใชส าหรบซงคเขากบอปกรณของผใชเอง เพอใหขอมลในแตละเครองนนตรงกน ชวยอ านวยความสะดวกใหกบผใชงาน และขอมลทสามารถเกบบน iCloud มดวยกนหลายประเภท ดงน - Mail : อเมลตางๆ ทอยในเครอง - Contacts : ขอมลรายชอผตดตอ ทไดท าการเพมไวใน Contacts - Calendar : ขอมลในปฎทน - Reminder : ขอมลในสมดเตอนความจ า - Note : ขอมลในสมดโนต - Safari : ขอมลการใชงานใน Safari ทงหมด เชน ประวตการใชงานเวบ และ Bookmark ตางๆ - Keychain - Photo : รปภาพ - Documents & Data : ขอมลตางๆ หรอขอมลใน App ทเราใชงาน

12

บทท 3

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

ในบทนจะกลาวถงการวเคราะหและออกแบบระบบ โดยใช UML มาชวยในการออกแบบระบบ เพอใหเหนภาพรวมการท างานและขอบเขตของระบบ การสอสารระหวางผใชกบระบบ และล าดบขนตอนการท างานของระบบในแตละเหตการณ โดยอธบายขอบเขตและฟงกชนการท างานหลกของระบบดวย Use case diagram แสดงแผนภาพล าดบเหตการณทเกยวของกนระหวาง Object ของแตละ Use case ดวย Sequence diagram อธบายโครงสรางของขอมลและกจกรรมหลกทเกดขนกบขอมลนนดวย Class diagram

3.1 Use Case Diagram

รปท 1.3 แสดงภาพ Use Case Diagram ของ Personal Spending Application

13

ค าอธบาย Use Case ของ Personal Spending Application

User หมายถง ผใชงานแอปพลเคชน

Apple System หมายถง ระบบการใหบรการของบรษท Apple ทใหบรการเกยวกบ iCloud

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

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

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

Manage Transaction Saving : เมอตองการท าการบนทกขอมลรายการการออมเงน ผใชตองเลอกทเปาหมายการออมเงนทตองการรายการการออมเงนกอน จากนนผใชจงจะสามารถจดการขอมลรายการการออมเงนได เชน การเพม แกไข และลบบนทกรายการการออมเงน เมอผใชเพมรายการการออมเงน ระบบจะใหเลอกวาผตองการเพมรายการฝากเงน หรอถอนเงน จากนนระบบจะแสดงหนาจอใหผใชกรอกขอมลดงน จ านวนเงน รายละเอยดเพมเตม และวนท หลงจากบนทกแลวหากผใชตองการแกไข และลบรายการ สามารถเขาไปยงรายการทตองการ และเลอกแกไข หรอลบรายการไดตามตองการ

Manage Category : ท าหนาทในการจดการขอมลหมวดหมของแอพลเคชน สามารถเพม แกไข และลบหมวดหมได และหมวดหมสามารถจดใหอยในประเภทรายรบหรอรายจายได

14

Report : ท าหนาทในการแสดงสรปรายงานคาใชจายแบบรายป และรายเดอนได Backup & Restore : ท าหนาทในการส ารองขอมลของแอปพลเคชนไปยง iCloud และการกคนขอมลจาก iCloud มายงแอปพลเคชน

3.1.1 Manage Transaction Use Case คอ ฟงกชนการจดการรายการรายรบรายจาย

รปท 3.2 Use case for Manage Transaction

Use Case Name : Manage Transaction Use Case

Primary Actor : ผใชงาน

Stakeholder and their interests : ผใชตองการจดการรายการรายรบรายจาย

Success Guarantee : การจดการรายการรายรบรายจายของผใชส าเรจ

Flow of events : 1. ผใชงานเลอกเมน Transaction

2. ระบบจะท าการรองขอขอมลรายการรายรบรายจายทงหมดจากฐานขอมล

3. ระบบจะท าการสงขอมลรายการรายรบรายจายทงหมด

4. ระบบแสดงหนาขอมลยอดเงนคงเหลอ และขอมลรายการรายรบรายจายทงหมดใหผใชทราบ บนหนาจอ Transaction

5. ผใชเลอกจดการบนทกรายรบรายจาย โดยสามารถท าไดดงน 5.1 เพมรายการใหม

a) ผใชเลอกเพมรายการ

b) ระบบแสดงแบบฟอรมเพมรายการ บนหนาจอ Add Transaction

c) ผใชเลอกประเภท หมวดหม กรอกจ านวนเงน รายละเอยด และวนท ของรายการ ลงในแบบฟอรมเพมรายการ

15

d) ผใชเลอกบนทกรายการ

e) ระบบรบคาขอมลของรายการ

f) ระบบเพมขอมลรายการลงในฐานขอมล

5.2 เปดดรายละเอยดขอมลของรายการ

a) ผใชเลอกรายการทตองการดรายละเอยด

b) ระบบจะท าการรองขอขอมลของรายการทเลอก

c) ระบบจะท าการสงขอมลของรายการทเลอก

d) ระบบแสดงหนารายละเอยดขอมลของรายการ

5.3 แกไขรายละเอยดขอมลของรายการ

a) ผใชเลอกแกไขรายการ

b) ระบบแสดงหนาแกไขขอมลของรายการ บนหนาจอ Edit Transaction

c) ผใชกรอกขอมลประเภท หมวดหม กรอกจ านวนเงน รายละเอยด และวนทของรายการ ทตองการแกไข



f) ระบบปรบปรงขอมลรายการลงในฐานขอมล

5.4 ลบรายการ

a) ผใชเลอกลบรายการ

b) ระบบลบขอมลของรายการออกจากฐานขอมล

Alternative flow of event : - Special Requirements : -

16

3.1.2 Manage Bill Use Case คอ ฟงกชนการจดการรายการช าระคาใชจาย

รปท 3.3 Use case for Manage Bill

Use Case Name : Manage Bill Use Case


Stakeholder and their interests : ผใชตองการจดการรายการช าระคาใชจาย

Success Guarantee : การจดการรายการช าระคาใชจายของผใชส าเรจ

Flow of events : 1. ผใชงานเลอกเมน Bill 2. ระบบจะท าการรองขอขอมลรายการช าระคาใชจายทงหมดจากฐานขอมล

3. ระบบจะท าการสงขอมลรายการช าระคาใชจายทงหมด

4. ระบบแสดงหนาขอมลรายการรายช าระคาใชจายทงหมดใหผใชทราบ บนหนาจอ Bill 5. ผใชเลอกจดการรายช าระคาใชจาย โดยสามารถท าไดดงน

5.1 เพมรายการใหม


b) ระบบแสดงแบบฟอรมเพมรายการ บนหนาจอ Add Bill c) ผใชเลอกหมวดหม กรอกจ านวนเงน รายละเอยด และวนทแจงเตอน

ของรายการ ลงในแบบฟอรมเพมรายการ






b) ระบบจะท าการรองขอขอมลของรายการทเลอก c) ระบบจะท าการสงขอมลของรายการทเลอก


17



b) ระบบแสดงหนาแกไขขอมลของรายการ บนหนาจอ Edit Bill c) ผใชกรอกขอมลหมวดหม กรอกจ านวนเงน รายละเอยด และวนท

แจงเตอนของรายการ เพอแกไข




5.4 การยนยนการช าระเงน

a) ผใชเลอกยนยนการช าระรายการ

b) ระบบท าการยนยนสถานะการช าระเงนของรายการ





18

3.1.3 Manage Saving Use Case คอ ฟงกชนการจดการรายการเปาหมายการออมเงน

รปท 3.4 Use case for Manage Saving

Use Case Name : Manage Saving Use Case


Stakeholder and their interests : ผใชตองการจดการรายการเปาหมายการออมเงน

Success Guarantee : การจดการรายการเปาหมายการออมเงนของผใชส าเรจ

Flow of events : 1. ผใชงานเลอกเมน Saving

2. ระบบจะท าการรองขอขอมลรรายการเปาหมายการออมเงนจากฐานขอมล

3. ระบบจะท าการสงขอมลรายการเปาหมายการออมเงนทงหมด

4. แสดงขอมลรายการเปาหมายการออมเงนทงหมดใหผใชทราบ บนหนาจอ Saving 5. ผใชเลอกจดการรายการเปาหมายการออมเงน โดยสามารถท าไดดงน

5.1 เพมรายการเปาหมายการออมเงนใหม


b) ระบบแสดงแบบฟอรมเพมรายการ บนหนาจอ Add Saving

c) ผ ใชกรอกขอมลเปาหมายการออมเงม และจ านวนเงนออม ลงในแบบฟอรมเพมรายการ




19

5.2 แกไขรายละเอยดขอมลของรายการเปาหมายการออมเงน


b) ระบบแสดงหนาแกไขขอมลของรายการ บนหนาจอ Edit Saving

c) ผใชกรอกขอมลเปาหมายการออมเงม และจ านวนเงนออมทตองการแกไข




5.3 ลบรายการเปาหมายการออมเงน




20

3.1.4 Manage Transaction Saving Use Case คอ ฟงกชนการจดการรายการการออมเงน

รปท 3.5 Use case for Manage Transaction Saving

Use Case Name : Manage Transaction Use Case


Stakeholder and their interests : ผใชตองการจดการรายการการออมเงน

Success Guarantee : การจดการการออมเงนของผใชส าเรจ

Flow of events : 1. ผใชงานเลอกเปาหมายการออมเงน

2. ระบบจะท าการรองขอขอมลรายการการออมเงนจาก

3. ระบบจะท าการสงขอมลรายการการออมเงน

4. ระบบแสดงหนาขอมลจ านวนเงนเปาหมายการออม (Goal) จ านวนเงนคงเหลอ (Remaining) จ านวนเงนทออมแลว (Saved) และรายการบนทกการออมเงน

5. ผใชเลอกจดการบนทกรายรบรายจาย โดยสามารถท าไดดงน 5.1 เพมรายการใหม


b) ระบบแสดงแบบฟอรมเพมรายการ

c) ผใชเลอกประเภท กรอกจ านวนเงน รายละเอยด และวนทของรายการ ลงในแบบฟอรมเพมรายการ




21








b) ระบบแสดงหนาแกไขขอมลของรายการ

c) ผใชเลอกประเภท กรอกจ านวนเงน รายละเอยด และวนทของรายการ ทตองการแกไข








22

3.1.5 View Report Use Case คอ ฟงกชนการแสดงสรปขอมลรายงานรายรบรายจาย

รปท 3.6 Use case for View Report

Use Case Name : View Report Use Case


Stakeholder and their interests : ผใชตองการดสรปรายงานรายรบรายจาย

Flow of events : 1. ผใชงานเลอกเมน Report 2. ระบบจะท าการรองขอขอมลสรปรายงานรายรบรายจาย

3. ระบบจะท าการสงขอมลสรปรายงานรายรบรายจายปปจจบน

4. ระบบแสดงขอมลสรปรายงานรายรบรายจายปปจจบน เชน ยอดเงนคงเหลอทงหมด รายรบตอป รายจายตอป เงนออมตอป เปนตน บนหนาจอ Report 5. ผใชเลอกดสรปรายงานรายรบรายจาย ไดดงน 5.1 ผใชเลอกดรายงานรายรบรายจายแบบรายป a) ผใชท าการเลอกดรายงานรายรบรายจายแบบรายป b) ผใชเลอกปทตองการดรายงานรายรบรายจาย

c) ระบบจะท าการคนหาขอมลสรปรายงานรายรบรายจายปทเลอก

d) ระบบจะท าการสงขอมลสรปรายงานรายรบรายจายปทเลอก

e) ระบบแสดงขอมลสรปรายงานรายรบรายจายปทเลอก เชน ยอดเงนคงเหลอทงหมด รายรบตอป รายจายตอป เงนออมตอป เปนตน บนหนาจอ Report

23

5.2 ผใชเลอกดรายงานรายรบรายจายแบบรายเดอน

a) ผใชท าการเลอกดรายงานรายรบรายจายแบบรายเดอน

b) ผใชเลอกเดอน และปทตองการดรายงานรายรบรายจาย

c) ระบบจะท าการคนหาขอมลสรปรายงานรายรบรายจายเดอนทเลอก

d) ระบบจะท าการสงขอมลสรปรายงานรายรบรายจายเดอนทเลอก

e) ระบบแสดงขอมลสรปรายงานรายรบรายจายเดอนทเลอก เชน ยอดเงนคงเหลอทงหมด รายรบตอเดอน รายจายตอเดอน เงนออมตอเดอน เปนตน บนหนาจอ Report


24

3.1.6 Manage Category Use Case คอ ฟงกชนการจดการรายการหมวดหม

รปท 3.7 Use case for Manage Category

Use Case Name : Manage Category Use Case


Stakeholder and their interests : ผใชตองการจดการรายการหมวดหม Success Guarantee : การจดการรายการหมวดหมของผใชส าเรจ

Flow of events : 1. ผใชงานเลอกเมน Category

2. ระบบจะท าการรองขอขอมลรรายการหมวดหม 3. ระบบจะท าการสงขอมลรายการหมวดหมทงหมด

4. ขอมลรายการหมวดหมใหผใชทราบ บนหนาจอ Category 5. ผใชเลอกจดการรายการหมวดหม โดยสามารถท าไดดงน 5.1 เพมรายการใหม


b) ระบบแสดงแบบฟอรมเพมรายการ บนหนาจอ Add Category

c) ผ ใชกรอกขอมลชอหมวดหม และเลอกประเภท ลงในแบบฟอรม เพมรายการ




25








b) ระบบแสดงหนาแกไขขอมลของรายการ บนหนาจอ Edit Category

c) ผใชกรอกขอมลชอหมวดหม และเลอกประเภท ทตองการแกไข





a) ผใชเลอกลบรายการ b) ระบบลบขอมลของรายการออกจากฐานขอมล


26

3.1.7 Backup/Restore Use Case คอ ฟงกชนการส ารองขอมลและการกคนขอมล

รปท 3.8 Use case for Backup/Restore

Use Case Name : Backup/Restore Use Case

Primary Actor : 1. ผใชงาน (User) 2. Apple System

Stakeholder and their interests : 1. ผใชตองการส ารองขอมล

2. ผใชตองการกคนขอมล

Success Guarantee : การส ารองขอมลและการกคนขอมลของผใชส าเรจ

Flow of events : 1. ผใชงานเลอกเมน Backup

2. ระบบจะท าการรองขอการส ารองขอมลจาก iCloud

3. ระบบจะท าการสงขอมลการส ารองขอมล

4. แสดงขอมลการส ารองขอมลใหผใชทราบ หากไมเคยส ารองขอมลจะแสดงขอมลวาไมมขอมล หากเคยส ารองขอมลจะแสดงขอมลการส ารองขอมลลาสดไว บนหนาจอ Backup 5. ผใชเลอกการจดการการส ารองขอมล โดยสามารถท าไดดงน 5.1 การส ารองขอมลเปนครงแรก

a) ผใชท าการส ารองขอมล

b) ผใชยนยนการส ารองขอมล

c) ระบบจะท าการส ารองขอมลสงไปยง iCloud

27

5.2 การส ารองขอมลใหม a) ผใชท าการส ารองขอมล

b) ผใชยนยนการส ารองขอมลใหม c) ระบบจะท าการส ารองขอมลสงไปยง iCloud

5.3 ลบการส ารองขอมล

a) ผใชท าการลบการส ารองขอมล

b) ผใชยนยนการลบการส ารองขอมล

c) ระบบจะท าการลบการส ารองขอมลไปยง iCloud

5.4 การกคนขอมล

a) ผใชท าการกคนขอมล

b) ผใชยนยนการกคนขอมล

c) ระบบจะท าการรองขอการกคนขอมลสงไปยง iCloud

d) iCloud จะท าการสงขอมลทมการส ารองขอมลไวลาสดใหกบระบบ


28

3.2 Sequence Diagram

จาก Use Case Diagram ขางตน สามารถสราง Sequence Diagram ไดดงน

3.2.1 Sequence Diagram ของ Manage Transaction

รปท 3.9 แสดงภาพ Sequence Diagram ของ Manage Transaction

29

จากรปท 3.9 แสดงกระบวนการท างาน Sequence Diagram ของ Manage Transaction

สามารถอธบายไดดงน

1. ผใชเลอกเมน Transaction

1.1 ระบบจะท าการรองขอขอมลรายการรายรบรายจายทงหมดจากฐานขอมล

1.2 ระบบจะท าการสงขอมลรายการรายรบรายจายทงหมด

1.3 ระบบแสดงหนาขอมลรายการรายรบรายจายทงหมดใหผใชทราบ บนหนาจอ Transaction

2. ผใชเลอกเพมรายการ

2.1 ระบบแสดงหนาขอมลเพมรายการ บนหนาจอ Add Transaction

3. ผใชกรอกขอมลประเภท หมวดหม กรอกจ านวนเงน รายละเอยด และวนทของรายการ ลงในแบบฟอรมเพมรายการ

3.1 ระบบเพมขอมลรายการลงในฐานขอมล



4. ผใชเลอกดรายละเอยดของรายการ

4.1 ระบบจะท าการรองขอขอมลของรายการทเลอก

4.2 ระบบจะท าการสงขอมลของรายการทเลอก

4.3 ระบบแสดงหนารายละเอยดขอมลของรายการ

5. ผใชเลอกแกไขรายละเอยดขอมลของรายการ

5.1 ระบบแสดงหนาขอมลแกไขรายการ บนหนาจอ Edit Transaction 6. ผใชกรอกขอมลประเภท หมวดหม กรอกจ านวนเงน รายละเอยด และวนทของรายการ ลงในแบบฟอรมแกไขรายการ

6.1 ระบบปรบปรงขอมลรายการลงในฐานขอมล



7. ผใชเลอกลบขอมลของรายการ

7.1 ระบบลบขอมลรายการในฐานขอมล



30

3.2.2 Sequence Diagram ของ Manage Bill

รปท 3.10 แสดงภาพ Sequence Diagram ของ Manage Bill

31

จากรปท 3.10 แสดงกระบวนการท างาน Sequence Diagram ของ Manage Bill สามารถอธบายไดดงน 1. ผใชเลอกเมน Bill 1.1 ระบบท าการคนหาขอมลรายการช าระคาใชจายทงหมดจากฐานขอมล

1.2 ระบบท าการสงขอมลรายการช าระคาใชจายทงหมด

1.3 ระบบแสดงหนาขอมลรายการช าระคาใชจายทงหมดใหผใชทราบ บนหนาจอ Bill 2. ผใชเลอกเพมรายการ

2.1 ระบบแสดงหนาขอมลเพมรายการ บนหนาจอ Add Bill 3. ผใชกรอกขอมลประเภท หมวดหม กรอกจ านวนเงน รายละเอยด และวนทแจงเตอน ลงในแบบฟอรมเพมรายการ


3.2 ระบบจะท าการสงขอมลรายการช าระคาใชจายทงหมด

3.3 ระบบแสดงหนาขอมลรายการช าระคาใชจายทงหมดใหผใชทราบ บนหนาจอ Bill 4. ผใชเลอกดรายละเอยดของรายการ

4.1 ระบบจะท าการรองขอขอมลของรายการทเลอก

4.2 ระบบจะท าการสงขอมลของรายการทเลอก

4.3 ระบบแสดงหนารายละเอยดขอมลของรายการ


5.1 ระบบแสดงหนาขอมลแกไขรายการ บนหนาจอ Edit Bill 6. ผใชกรอกขอมลประเภท หมวดหม กรอกจ านวนเงน รายละเอยด และวนทของรายการ ลงในแบบฟอรมแกไขรายการ



6.3 ระบบแสดงหนาขอมลรายการช าระคาใชจายทงหมดใหผใชทราบ บนหนาจอ Bill 7. ผใชเลอกลบขอมลของรายการ



7.3 ระบบแสดงหนาขอมลรายการช าระคาใชจายทงหมดใหผใชทราบ บนหนาจอ Bill 8. ผใชเลอกยนยนการช าระคาใชจาย

8.1 ระบบยนยนการช าระคาใชจายในฐานขอมล


8.3 ระบบแสดงหนาขอมลรายการช าระคาใชจายทงหมดใหผใชทราบ บนหนาจอ Bill

32

3.2.3 Sequence Diagram ของ Manage Saving

รปท 3.11 แสดงภาพ Sequence Diagram ของ Manage Saving

จากรปท 3.11 แสดงกระบวนการท างาน Sequence Diagram ของ Manage Saving สามารถอธบายไดดงน

33

1. ผใชเลอกเมน Saving

1.1 ระบบจะท าการรองขอขอมลรายการเปาหมายการออมเงนทงหมดจากฐานขอมล

1.2 ระบบจะท าการสงขอมลรายการเปาหมายการออมเงนทงหมด

1.3 ระบบแสดงหนาขอมลรายการเปาหมายการออมเงนทงหมดใหผใชทราบ บนหนาจอ Saving


2.1 ระบบแสดงหนาขอมลเพมรายการ บนหนาจอ Add Saving

3. ผใชกรอกขอมลชอเปาหมายการออมเงน และจ านวนเงนออมทตองการ ลงในแบบฟอรมเพมรายการ





4.1 ระบบแสดงหนาขอมลแกไขรายการ บนหนาจอ Edit Saving 5. ผใชกรอกขอมลชอเปาหมายการออมเงน และจ านวนเงนออมทตองการ ลงในแบบฟอรมแกไขรายการ




6. ผใชเลอกลบขอมลของรายการ



6.3 ระบบแสดงหนาขอมลรายการเปาหมายการออมเงนทงหมดใหผใชทราบบนหนาจอ Saving

34

3.2.4 Sequence Diagram ของ Manage Transaction Saving

รปท 3.12 แสดงภาพ Sequence Diagram ของ Manage Transaction Saving

จากรปท 3.12 แสดงกระบวนการท างาน Sequence Diagram ของ Manage Transaction

Saving สามารถอธบายไดดงน

35

1. ผใชเลอกรายละเอยดรายการเปาหมายการออมเงน

1.1 ระบบจะท าการรองขอขอมลรายการการออมเงนทงหมดจากฐานขอมล

1.2 ระบบจะท าการสงขอมลรายการการออมเงนทงหมด

1.3 ระบบแสดงหนาขอมลรายการการออมเงนทงหมดใหผใชทราบ


2.1 ระบบแสดงหนาขอมลเพมรายการ

3. ผใชกรอกขอมลประเภท หมวดหม กรอกจ านวนเงน รายละเอยด และวนทของรายการ ลงในแบบฟอรมเพมรายการ



3.3 ระบบแสดงหนาขอมลรายการการออมเงนทงหมดใหผใชทราบ 4. ผใชเลอกแกไขรายละเอยดขอมลของรายการ

4.1 ระบบแสดงหนาขอมลแกไขรายการ

5. ผใชกรอกขอมลประเภท หมวดหม กรอกจ านวนเงน รายละเอยด และวนทของรายการ ลงในแบบฟอรมแกไขรายการ



5.3 ระบบแสดงหนาขอมลรายการการออมเงนทงหมดใหผใชทราบ 6. ผใชเลอกลบขอมลของรายการ



6.3 ระบบแสดงหนาขอมลรายการการออมเงนทงหมดใหผใชทราบ

36

3.2.5 Sequence Diagram ของ Manage Category

รปท 3.13 แสดงภาพ Sequence Diagram ของ Manage Category

จากรปท 3.13 แสดงกระบวนการท างาน Sequence Diagram ของ Manage Category

สามารถอธบายไดดงน

37

1. ผใชเลอกรายละเอยดรายการหมวดหม 1.1 ระบบจะท าการรองขอขอมลรายการหมวดหมทงหมดจากฐานขอมล

1.2 ระบบจะท าการสงขอมลรายการหมวดหมทงหมด

1.3 ระบบแสดงหนาขอมลรายการหมวดหมทงหมดใหผใชทราบ


2.1 ระบบแสดงหนาขอมลเพมรายการ

3. ผใชกรอกขอมลชอหมวดหม และเลอกประเภท ลงในแบบฟอรมเพมรายการ



3.3 ระบบแสดงหนาขอมลรายการหมวดหมทงหมดใหผใชทราบ 4. ผใชเลอกแกไขรายละเอยดขอมลของรายการ

4.1 ระบบแสดงหนาขอมลแกไขรายการ

5. ผใชกรอกขอมลชอหมวดหม และเลอกประเภท ลงในแบบฟอรมแกไขรายการ



5.3 ระบบแสดงหนาขอมลรายการหมวดหมทงหมดใหผใชทราบ 6. ผใชเลอกลบขอมลของรายการ



6.3 ระบบแสดงหนาขอมลรายการหมวดหมทงหมดใหผใชทราบ

38

3.2.6 Sequence Diagram ของ View Report

รปท 3.14 แสดงภาพ Sequence Diagram ของ View Report

จากรปท 3.14 แสดงกระบวนการท างาน Sequence Diagram ของ View Report สามารถอธบายไดดงน 1. ผใชเลอกเมน Report 1.1 ระบบจะท าการรองขอขอมลสรปรายงานรายรบรายจาย

1.2 ระบบท าการสงขอมลรายการรายรบรายจายปปจจบน

1.3 ระบบแสดงหนาขอมลสรปรายงานรายรบรายจายปปจจบน เชน ยอดเงนคงเหลอยอดเงนของรายรบ ยอดเงนของรายจาย ยอดเงนของเงนออม เปนตน บนหนาจอ Report

2. ผใชเลอกดสรปรายงานตามประเภท เชน รายงานประจ าป และรายงานประจ าเดอน เปนตน

2.1 ระบบจะท าการรองขอขอมลสรปรายงานตามประเภททเลอก

2.2 ระบบท าการสงขอมลรายการรายรบรายจาย

2.3 ระบบแสดงหนาขอมลสรปรายงานรายรบรายจาย บนหนาจอ Report

39

3.2.7 Sequence Diagram ของ Backup/Restore

รปท 3.15 แสดงภาพ Sequence Diagram ของ Backup/Restore

จากรปท 3.15 แสดงกระบวนการท างาน Sequence Diagram ของ Backup/Restore

สามารถอธบายไดดงน 1. ผใชงานเลอกเมน Backup

1.1 ระบบจะท าการตรวจสอบประวตการส ารองขอมลจาก iCloud

1.2 ระบบจะท าการสงรายละเอยดขอมลการส ารองขอมล

1.3 แสดงขอมลรายละเอยดการส ารองขอมล บนหนาจอ Backup

40

2. ผใชเลอกท าการส ารองขอมล

2.1 ระบบจะท าการส ารองขอมลสงไปยง iCloud



3. เลอกท าการกคนขอมล

3.1 ระบบจะท าการรองขอการกคนขอมลสงไปยง iCloud

3.2 iCloud ท าการสงขอมลทมการส ารองขอมลใหแอปพลเคชน


4. ผใชเลอกท าการลบการส ารองขอมล

4.1 ระบบจะท าการรองของลบการส ารองขอมลไปยง iCloud



41

3.3 Class Diagram

จาก Sequence Diagram สามารถสราง Class Diagram ไดดงน

รปท 3.16 แสดงภาพ Class Diagram ของ Personal Spending App

จากรปท 3.16 แสดงใหเหน Class และความสมพนธระหวาง Class ภายในระบบ โดยแตละ Class มคณสมบตทแตกตางกน

42

3.3.1 Class Diagram ของ Transaction

รปท 3.17 Class Diagram ของ Transaction

จากรปท 3.17 แสดง Class Diagram ของ Transaction ดงน Attribute ประกอบดวย

1) tranID ใชเกบคาขอมลรหสของรายการรายรบรายจาย 2) amount ใชเกบคาขอมลจ านวนเงนของรายการรายรบรายจาย 3) note ใชเกบคาขอมลบนทกรายละเอยดเพมเตมของรายการรายรบรายจาย 4) timeStamp ใชเกบคาขอมลวนทของรายการรายรบรายจาย 5) catID ใชเกบคาขอมลรหสของหมวดหม

Operation ประกอบดวย

1) addTransaction ท าหนาทในการเพมรายการรายรบรายจาย 2) editTransaction ท าหนาทในการแกไขรายการรายรบรายจาย 3) deleteTransaction ท าหนาทในการลบคาขอมลของรายการรายรบรายจาย 4) getBalance ท าหนาทในการเรยกใชคาขอมลยอดเงนคงเหลอ 5) getExpense ท าหนาทในการเรยกใชคาขอมลยอดเงนรายจาย 6) getIncome ท าหนาทในการเรยกใชคาขอมลยอดเงนรายรบ 7) getSaving ท าหนาทในการเรยกใชคาขอมลยอดเงนเงนออม

43

3.3.2 Class Diagram ของ Bill

รปท 3.18 Class Diagram ของ Bill

จากรปท 3.18 แสดง Class Diagram ของ Bill ดงน Attribute ประกอบดวย

1) status ใชเกบคาสถานะของบล 2) duedate ใชเกบคาวนทในการแจงเตอนของบล


1) addBill ท าหนาทในการเพมขอมลของบล 2) edittBill ท าหนาทในการแกไขขอมลของบล 3) deleteBill ท าหนาทในการลบขอมลของบล 4) payBill ท าหนาทในการยนยนการช าระบล

44

3.3.3 Class Diagram ของ Saving

รปท 3.19 Class Diagram ของ Saving

จากรปท 3.19 แสดง Class Diagram ของ Saving ดงน Attribute ประกอบดวย

1) name ใชเกบคาขอมลชอของเปาหมายการออมเงน 2) goal ใชเกบคาขอมลจ านวนเงนของเปาหมายการออมเงน


1) getRemaining ท าหนาทในการเรยกใชคาขอมลของจ านวนเงนทเหลออย 2) getSaved ท าหนาทในการเรยกใชคาขอมลของจ านวนเงนทออม 3) addTransaction ท าหนาทในการเพมรายการการออมเงน 4) editTransaction ท าหนาทในการแกไขรายการการออมเงน 5) deleteTransaction ท าหนาทในการลบรายการการออมเงน

45

3.3.4 Class Diagram ของ Category

รปท 3.20 Class Diagram ของ Category

จากรปท 3.20 แสดง Class Diagram ของ Category ดงน Attribute ประกอบดวย

1) catID ใชเกบคาขอมลรหสของหมวดหม 1) type ใชเกบคาขอมลประเภทของหมวดหม 2) name ใชเกบคาขอมลชอหมวดหม


1) addCategory ท าหนาทในการเพมของหมวดหม 2) editCategory ท าหนาทในการแกไขขอมลของหมวดหม 3) deleteCategory ท าหนาทในการลบคาขอมลของหมวดหม

46

3.3.5 Class Diagram ของ Personal Spending App

รปท 3.21 Class Diagram ของ Personal Spending App

จากรปท 3.21 แสดง Class Diagram ของ Personal Spending App ดงน Operation ประกอบดวย

1) saveLocalData ท าหนาทในการบนทกขอมลลงแอปพลเคชน 2) checkBackupItem ท าหนาทในการตรวจสอบการส ารองขอมล 3) backupIcloud ท าหนาทในการส ารองขอมลไปยง iCloud 4) restoreData ท าหนาทในการกคนขอมลจาก iCloud 5) deleteData ท าหนาทในการลบการส ารองขอมลใน iCloud 6) prepareData ท าหนาทเตรยมขอมลของรายงาน 7) getAmountByCategory ท าหนาทในการเรยกขอมลรายการตามหมวดหม 8) getSumByType ท าหนาท ในการเรยกใชขอมลรวมยอดเงน โดยแบ ง

ตามประเภทตางๆ

47

บทท 4 ผลการทดลอง

4.1 ผลการด าเนนการของหนาจอระบบ Personal Spending Application 4.1.1 หนาจอเมน

รปท 4.1 หนาจอเมน

ค าอธบายของหนาจอเมน หนาจอเมน เปนหนาจอทใชส าหรบเขาสหนาจออนๆ ไดแก - เมน Transaction หนาจอรายการรายรบรายจาย - เมน Bill หนาจอรายการช าระบลคาใชจาย - เมน Saving หนาจอเปาหมายการบนทกเงนออม - เมน Report หนาจอสรปรายงานรายรบรายจาย - เมน Category หนาจอหมวดหมของรายการ - เมน Backup หนาจอการส ารองขอมล

48

4.1.2 หนาจอรายการรายรบรายจาย

รปท 4.2 หนาจอรายการรายรบรายจาย ค าอธบายของหนาจอรายการรายรบรายจาย หนาจอรายการรายรบรายจาย เปนหนาจอทสรปยอดเงน และแสดงรายการรายรบรายจายทงหมด มรายละเอยดดงน 1. สวนของการสรปยอดเงน - Balance แสดงขอมลยอดเงนคงเหลอ - Income แสดงยอดเงนรายรบทงหมด - Expense แสดงยอดเงนรายจายทงหมด - Saving to plan แสดงยอดเงนทออมเงนทงหมด 2. สรปยอดเงนรายรบรายจายเปนรายเดอน และแสดงรายการบนทกรายรบรายจายทงหมด และบนทกการออมเงนทงหมด

49

4.1.3 หนาจอเพมรายการรายรบรายจาย

รปท 4.3 หนาจอเพมรายการรายรบรายจาย

ค าอธบายของหนาจอเพมรายการรายรบรายจาย หนาจอเพมรายการรายรบรายจาย ซงเปนหนาจอทผใชจะด าเนนการเพมรายรบรายจายเขาระบบ มรายละเอยดดงน - Category เพอใหผใชเลอกหมวดหมของรายการ - Amount เพอใหผใชกรอกจ านวนเงนของรายการ - Note เพอใหผใชกรอกรายละเอยดของรายการเพมเตมตามตองการ - Date เพอใหผใชเลอกวนทของรายการ

50

4.1.4 หนาจอรายการช าระบลคาใชจาย

รปท 4.4 หนาจอรายการช าระบลคาใชจาย ค าอธบายของหนาจอรายการช าระบลคาใชจาย หนาจอรายการช าระบลคาใชจาย ซงเปนหนาจอทแสดงขอมลรายการช าระบลคาใชจาย มรายละเอยดดงน - แสดงหมวดหมของรายการ - แสดงจ านวนเงนของรายการ - แสดงวนททตองการใหแจงเตอน - กดปม PAY เมอผใชไดท าการช าระบลคาใชจายดงกลาว

51

4.1.5 หนาจอเพมรายการช าระบลคาใชจาย

รปท 4.5 หนาจอเพมรายการช าระบลคาใชจาย

ค าอธบายของหนาจอเพมรายการช าระบลคาใชจาย หนาจอเพมรายการช าระบลคาใชจาย ซงเปนหนาจอทผใชจะด าเนนการเพมรายการช าระบลคาใชจาย มรายละเอยดดงน - Category เพอใหผใชเลอกหมวดหมของรายการ - Amount เพอใหผใชกรอกจ านวนเงนของรายการ - Note เพอใหผใชกรอกรายละเอยดของการช าระบลคาใชจายเพมเตมตามตองการ - Date เพอใหผใชเลอกวนทและเวลาแจงเตอนของการช าระบลคาใชจาย

52

4.1.6 หนาจอเปาหมายการบนทกเงนออม

รปท 4.6 หนาจอเปาหมายการบนทกเงนออม ค าอธบายของหนาจอเปาหมายการบนทกเงนออม หนาจอเปาหมายการบนทกเงนออม ซงเปนหนาจอทแสดงเปาหมายการบนทกเงนออมของผใช มรายละเอยดดงน - แสดงชอเปาหมายเงนออม - Goal แสดงจ านวนเงนเปาหมายเงนออมทตองการ - Saved แสดงจ านวนเงนทไดมการออมเงนไวแลว - Remaining แสดงจ านวนคงเหลอในการออมเงน

53

4.1.7 หนาจอเพมเปาหมายการบนทกเงนออม

รปท 4.7 หนาจอเพมเปาหมายการบนทกเงนออม ค าอธบายของหนาจอเพมเปาหมายการบนทกเงนออม หนาจอเพมเปาหมายการบนทกเงนออม ซงเปนหนาจอทผใชจะด าเนนการเพมเปาหมายการบนทกเงนออม มรายละเอยดดงน - Name เพอใหผใชกรอกชอเปาหมายเงนออม - Goal เพอใหผใชกรอกจ านวนเงนเปาหมายเงนออมทตองการ

54

4.1.8 หนาจอสรปรายงานรายรบรายจาย

รปท 4.8 หนาจอสรปรายงานรายรบรายจาย

55

ค าอธบายของหนาจอสรปรายงานรายรบรายจาย

หนาจอสรปรายงานรายรบรายจาย ซงจะแสดงรายละเอยดการสรปรายงานรายรบรายจาย และการออมเงน ตามหมวดหม และในรปแบบกราฟ มรายละเอยดดงน - Balance แสดงขอมลยอดเงนคงเหลอทงหมด - Income แสดงยอดเงนรายรบทงหมด - Expense แสดงยอดเงนรายจายทงหมด - Saving to plan แสดงยอดเงนทออมเงนทงหมด

56

4.1.9 หนาจอเลอกประเภทของการสรปรายงานรายรบรายจาย

รปท 4.9 หนาจอเลอกประเภทของการสรปรายงานรายรบรายจาย

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

57

4.1.10 หนาจอหมวดหมของรายการ

รปท 4.10 หนาจอหมวดหมของรายการ

ค าอธบายของหนาจอหมวดหมของรายการ หนาจอหมวดหมของรายการ ซงเปนหนาจอทแสดงหมวดหมของรายการทงหมด โดยแบงเปน Expense (รายจาย) และ Income (รายรบ)

58

4.1.11 หนาจอเพมหมวดหมของรายการ

รปท 4.11 หนาจอเพมหมวดหมของรายการ

ค าอธบายของหนาจอเพมหมวดหมของรายการ หนาจอเพมหมวดหมของรายการ ซงผใชสามารถเพมหมวดหมของรายการตามทตองการ มรายละเอยดดงน - Name เพอใหผใชกรอกชอหมวดหมของรายการ - Type เพอใหผใชเลอกประเภทของรายการ

59

4.1.12 หนาจอการส ารองขอมล

รปท 4.12 หนาจอการส ารองขอมลในกรณไมเคยมการส ารองขอมล ค าอธบายของหนาจอการส ารองขอมล หนาจอการส ารองขอมล ซงผใชสามารถส ารองขอมลไดตามทตองการ มรายละเอยดดงน 1. หากยงไมเคยมการส ารองขอมล หนาจอจะแสดงหนาจอดงรปท 4.13 วา “No Backup file” ผใชสามารถส ารองขอมลโดยการกดทปม “Click here to backup”

60

รปท 4.13 หนาจอการส ารองขอมลในกรณเคยมการส ารองขอมล

2. หากมการส ารองขอมลแลว หนาจอจะแสดงหนาจอดงรปท 4.13 ขอมลมการส ารองขอมลลาสดไว ตามวนทและเวลาดงกลาว ความหมายของปมตางๆ มดงน - ปม Restore backup data ส าหรบใหผ ใชกขอมลท เคยส ารองขอมลไวใน iCloud น าขอมลลงในแอปพลเคชน - ปม Backup new data ส าหรบใหผใชส ารองขอมลใหมไปยง iCloud - ปม Delete backup data ส าหรบใหผใชลบขอมลทเคยส ารองขอมลไว

61

บทท 5 สรปผลการด าเนนงาน

5.1 สรปการด าเนนงาน การพฒนาไดชวยใหผ ใชงานในการบนทกคาใชจาย การบนทกการออมเงนทเกดขน ไดสะดวกสบายมากยงขน โดยระบบไดจดเกบรายการในแตละวนไดอยางชดเจน การแจงเตอน การช าระบลคาใชจาย มการแจงเตอนตามวนและเวลาทก าหนดไว การสรปรายงานรายรบรายจาย สามารถเลอกดการสรปรายงานแบบรายเดอนหรอรายปได การส ารองขอมลและการกคนขอมล สามารถส ารองขอมลในการบนทกคาใชจายไปยง iCloud ได และยงสามารถกคนขอมลดงกลาว จาก iCloud ได 5.2 ปญหาการด าเนนงาน 1. ผด าเนนงานไมมความช านาญในการพฒนาโปรแกรมดวยภาษา Objective - C จงท าใหการด าเนนงานใชเวลานานพอสมควร 2. ชวงทด าเนนงานนน โปรแกรม XCode ซงเปนโปรแกรมทใชในการพฒนาแอปพลเคชน รวมถงระบบปฏบตการบนอปกรณโมบายอยาง iOS มการปรบปรงเวอรชน ท าใหเกดขอผดพลาดขนในโปรแกรมระหวางการพฒนา

5.3 แนวทางการแกปญหา 1. ฝกฝนและศกษาหาความร เกยวกบการพฒนาโปรแกรมดวยภาษา Objective - C อยตลอดเวลาเพอใหเกดทกษะและความช านาญในการพฒนาโปรแกรมดวยภาษาดงกลาว 2. ท าการปรบปรงเวอรชนของโปรแกรม Xcode เพอปองกนการเกดปญหาเรองของการ ไม Support ในภายหลง และท าการแกไขขอผดพลาดทเกดขนกบโปรแกรมจากการปรบปรงเวอรชน

5.4 ขอเสนอแนะ 1. สามารถน าระบบนไปพฒนาเพมเตม เพอเพมประสทธภาพการท างานของระบบ ใหครอบคลมความตองการของผใชงานใหมากขน 2. สามารถน าระบบนไปพฒนาบนระบบปฏบตการอนๆ ได เชน Android 3. สามารถเพมความสามารถของการส ารองขอมล ใหเปนแบบ Real-time ได

Pacharamon PromchaIT) แอปพลิเคชันการ... · 1.6...

Documents

Transcript of Pacharamon PromchaIT) แอปพลิเคชันการ... · 1.6...