แอปพลเคชนการใชจายสวนบคคล 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) ผใชกรอกขอมลประเภท หมวดหม กรอกจ านวนเงน รายละเอยด และวนทของรายการ ทตองการแกไข
d) ผใชเลอกบนทกรายการ
e) ระบบรบคาขอมลของรายการ
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
Primary Actor : ผใชงาน
Stakeholder and their interests : ผใชตองการจดการรายการช าระคาใชจาย
Success Guarantee : การจดการรายการช าระคาใชจายของผใชส าเรจ
Flow of events : 1. ผใชงานเลอกเมน Bill 2. ระบบจะท าการรองขอขอมลรายการช าระคาใชจายทงหมดจากฐานขอมล
3. ระบบจะท าการสงขอมลรายการช าระคาใชจายทงหมด
4. ระบบแสดงหนาขอมลรายการรายช าระคาใชจายทงหมดใหผใชทราบ บนหนาจอ Bill 5. ผใชเลอกจดการรายช าระคาใชจาย โดยสามารถท าไดดงน
5.1 เพมรายการใหม
a) ผใชเลอกเพมรายการ
b) ระบบแสดงแบบฟอรมเพมรายการ บนหนาจอ Add Bill c) ผใชเลอกหมวดหม กรอกจ านวนเงน รายละเอยด และวนทแจงเตอน
ของรายการ ลงในแบบฟอรมเพมรายการ
d) ผใชเลอกบนทกรายการ
e) ระบบรบคาขอมลของรายการ
f) ระบบเพมขอมลรายการลงในฐานขอมล
5.2 เปดดรายละเอยดขอมลของรายการ
a) ผใชเลอกรายการทตองการดรายละเอยด
b) ระบบจะท าการรองขอขอมลของรายการทเลอก c) ระบบจะท าการสงขอมลของรายการทเลอก
d) ระบบแสดงหนารายละเอยดขอมลของรายการ
17
5.3 แกไขรายละเอยดขอมลของรายการ
a) ผใชเลอกแกไขรายการ
b) ระบบแสดงหนาแกไขขอมลของรายการ บนหนาจอ Edit Bill c) ผใชกรอกขอมลหมวดหม กรอกจ านวนเงน รายละเอยด และวนท
แจงเตอนของรายการ เพอแกไข
d) ผใชเลอกบนทกรายการ
e) ระบบรบคาขอมลของรายการ
f) ระบบปรบปรงขอมลรายการลงในฐานขอมล
5.4 การยนยนการช าระเงน
a) ผใชเลอกยนยนการช าระรายการ
b) ระบบท าการยนยนสถานะการช าระเงนของรายการ
5.5 ลบรายการ
a) ผใชเลอกลบรายการ
b) ระบบลบขอมลของรายการออกจากฐานขอมล
Alternative flow of event : - Special Requirements : -
18
3.1.3 Manage Saving Use Case คอ ฟงกชนการจดการรายการเปาหมายการออมเงน
รปท 3.4 Use case for Manage Saving
Use Case Name : Manage Saving Use Case
Primary Actor : ผใชงาน
Stakeholder and their interests : ผใชตองการจดการรายการเปาหมายการออมเงน
Success Guarantee : การจดการรายการเปาหมายการออมเงนของผใชส าเรจ
Flow of events : 1. ผใชงานเลอกเมน Saving
2. ระบบจะท าการรองขอขอมลรรายการเปาหมายการออมเงนจากฐานขอมล
3. ระบบจะท าการสงขอมลรายการเปาหมายการออมเงนทงหมด
4. แสดงขอมลรายการเปาหมายการออมเงนทงหมดใหผใชทราบ บนหนาจอ Saving 5. ผใชเลอกจดการรายการเปาหมายการออมเงน โดยสามารถท าไดดงน
5.1 เพมรายการเปาหมายการออมเงนใหม
a) ผใชเลอกเพมรายการ
b) ระบบแสดงแบบฟอรมเพมรายการ บนหนาจอ Add Saving
c) ผ ใชกรอกขอมลเปาหมายการออมเงม และจ านวนเงนออม ลงในแบบฟอรมเพมรายการ
d) ผใชเลอกบนทกรายการ
e) ระบบรบคาขอมลของรายการ
f) ระบบเพมขอมลรายการลงในฐานขอมล
19
5.2 แกไขรายละเอยดขอมลของรายการเปาหมายการออมเงน
a) ผใชเลอกแกไขรายการ
b) ระบบแสดงหนาแกไขขอมลของรายการ บนหนาจอ Edit Saving
c) ผใชกรอกขอมลเปาหมายการออมเงม และจ านวนเงนออมทตองการแกไข
d) ผใชเลอกบนทกรายการ
e) ระบบรบคาขอมลของรายการ
f) ระบบปรบปรงขอมลรายการลงในฐานขอมล
5.3 ลบรายการเปาหมายการออมเงน
a) ผใชเลอกลบรายการ
b) ระบบลบขอมลของรายการออกจากฐานขอมล
Alternative flow of event : - Special Requirements : -
20
3.1.4 Manage Transaction Saving Use Case คอ ฟงกชนการจดการรายการการออมเงน
รปท 3.5 Use case for Manage Transaction Saving
Use Case Name : Manage Transaction Use Case
Primary Actor : ผใชงาน
Stakeholder and their interests : ผใชตองการจดการรายการการออมเงน
Success Guarantee : การจดการการออมเงนของผใชส าเรจ
Flow of events : 1. ผใชงานเลอกเปาหมายการออมเงน
2. ระบบจะท าการรองขอขอมลรายการการออมเงนจาก
3. ระบบจะท าการสงขอมลรายการการออมเงน
4. ระบบแสดงหนาขอมลจ านวนเงนเปาหมายการออม (Goal) จ านวนเงนคงเหลอ (Remaining) จ านวนเงนทออมแลว (Saved) และรายการบนทกการออมเงน
5. ผใชเลอกจดการบนทกรายรบรายจาย โดยสามารถท าไดดงน 5.1 เพมรายการใหม
a) ผใชเลอกเพมรายการ
b) ระบบแสดงแบบฟอรมเพมรายการ
c) ผใชเลอกประเภท กรอกจ านวนเงน รายละเอยด และวนทของรายการ ลงในแบบฟอรมเพมรายการ
d) ผใชเลอกบนทกรายการ
e) ระบบรบคาขอมลของรายการ
f) ระบบเพมขอมลรายการลงในฐานขอมล
21
5.2 เปดดรายละเอยดขอมลของรายการ
a) ผใชเลอกรายการทตองการดรายละเอยด
b) ระบบจะท าการรองขอขอมลของรายการทเลอก
c) ระบบจะท าการสงขอมลของรายการทเลอก
d) ระบบแสดงหนารายละเอยดขอมลของรายการ
5.3 แกไขรายละเอยดขอมลของรายการ
a) ผใชเลอกแกไขรายการ
b) ระบบแสดงหนาแกไขขอมลของรายการ
c) ผใชเลอกประเภท กรอกจ านวนเงน รายละเอยด และวนทของรายการ ทตองการแกไข
d) ผใชเลอกบนทกรายการ
e) ระบบรบคาขอมลของรายการ
f) ระบบปรบปรงขอมลรายการลงในฐานขอมล
5.4 ลบรายการ
a) ผใชเลอกลบรายการ
b) ระบบลบขอมลของรายการออกจากฐานขอมล
Alternative flow of event : - Special Requirements : -
22
3.1.5 View Report Use Case คอ ฟงกชนการแสดงสรปขอมลรายงานรายรบรายจาย
รปท 3.6 Use case for View Report
Use Case Name : View Report Use Case
Primary Actor : ผใชงาน
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
Alternative flow of event : - Special Requirements : -
24
3.1.6 Manage Category Use Case คอ ฟงกชนการจดการรายการหมวดหม
รปท 3.7 Use case for Manage Category
Use Case Name : Manage Category Use Case
Primary Actor : ผใชงาน
Stakeholder and their interests : ผใชตองการจดการรายการหมวดหม Success Guarantee : การจดการรายการหมวดหมของผใชส าเรจ
Flow of events : 1. ผใชงานเลอกเมน Category
2. ระบบจะท าการรองขอขอมลรรายการหมวดหม 3. ระบบจะท าการสงขอมลรายการหมวดหมทงหมด
4. ขอมลรายการหมวดหมใหผใชทราบ บนหนาจอ Category 5. ผใชเลอกจดการรายการหมวดหม โดยสามารถท าไดดงน 5.1 เพมรายการใหม
a) ผใชเลอกเพมรายการ
b) ระบบแสดงแบบฟอรมเพมรายการ บนหนาจอ Add Category
c) ผ ใชกรอกขอมลชอหมวดหม และเลอกประเภท ลงในแบบฟอรม เพมรายการ
d) ผใชเลอกบนทกรายการ
e) ระบบรบคาขอมลของรายการ
f) ระบบเพมขอมลรายการลงในฐานขอมล
25
5.2 เปดดรายละเอยดขอมลของรายการ
a) ผใชเลอกรายการทตองการดรายละเอยด
b) ระบบจะท าการรองขอขอมลของรายการทเลอก
c) ระบบจะท าการสงขอมลของรายการทเลอก
d) ระบบแสดงหนารายละเอยดขอมลของรายการ
5.3 แกไขรายละเอยดขอมลของรายการ
a) ผใชเลอกแกไขรายการ
b) ระบบแสดงหนาแกไขขอมลของรายการ บนหนาจอ Edit Category
c) ผใชกรอกขอมลชอหมวดหม และเลอกประเภท ทตองการแกไข
d) ผใชเลอกบนทกรายการ
e) ระบบรบคาขอมลของรายการ
f) ระบบปรบปรงขอมลรายการลงในฐานขอมล
5.4 ลบรายการ
a) ผใชเลอกลบรายการ b) ระบบลบขอมลของรายการออกจากฐานขอมล
Alternative flow of event : - Special Requirements : -
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 จะท าการสงขอมลทมการส ารองขอมลไวลาสดใหกบระบบ
Alternative flow of event : - Special Requirements : -
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 ระบบเพมขอมลรายการลงในฐานขอมล
3.2 ระบบจะท าการสงขอมลรายการรายรบรายจายทงหมด
3.3 ระบบแสดงหนาขอมลรายการรายรบรายจายทงหมดใหผใชทราบ บนหนาจอ Transaction
4. ผใชเลอกดรายละเอยดของรายการ
4.1 ระบบจะท าการรองขอขอมลของรายการทเลอก
4.2 ระบบจะท าการสงขอมลของรายการทเลอก
4.3 ระบบแสดงหนารายละเอยดขอมลของรายการ
5. ผใชเลอกแกไขรายละเอยดขอมลของรายการ
5.1 ระบบแสดงหนาขอมลแกไขรายการ บนหนาจอ Edit Transaction 6. ผใชกรอกขอมลประเภท หมวดหม กรอกจ านวนเงน รายละเอยด และวนทของรายการ ลงในแบบฟอรมแกไขรายการ
6.1 ระบบปรบปรงขอมลรายการลงในฐานขอมล
6.2 ระบบจะท าการสงขอมลรายการรายรบรายจายทงหมด
6.3 ระบบแสดงหนาขอมลรายการรายรบรายจายทงหมดใหผใชทราบ บนหนาจอ Transaction
7. ผใชเลอกลบขอมลของรายการ
7.1 ระบบลบขอมลรายการในฐานขอมล
7.2 ระบบจะท าการสงขอมลรายการรายรบรายจายทงหมด
7.3 ระบบแสดงหนาขอมลรายการรายรบรายจายทงหมดใหผใชทราบ บนหนาจอ Transaction
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.1 ระบบเพมขอมลรายการลงในฐานขอมล
3.2 ระบบจะท าการสงขอมลรายการช าระคาใชจายทงหมด
3.3 ระบบแสดงหนาขอมลรายการช าระคาใชจายทงหมดใหผใชทราบ บนหนาจอ Bill 4. ผใชเลอกดรายละเอยดของรายการ
4.1 ระบบจะท าการรองขอขอมลของรายการทเลอก
4.2 ระบบจะท าการสงขอมลของรายการทเลอก
4.3 ระบบแสดงหนารายละเอยดขอมลของรายการ
5. ผใชเลอกแกไขรายละเอยดขอมลของรายการ
5.1 ระบบแสดงหนาขอมลแกไขรายการ บนหนาจอ Edit Bill 6. ผใชกรอกขอมลประเภท หมวดหม กรอกจ านวนเงน รายละเอยด และวนทของรายการ ลงในแบบฟอรมแกไขรายการ
6.1 ระบบปรบปรงขอมลรายการลงในฐานขอมล
6.2 ระบบจะท าการสงขอมลรายการช าระคาใชจายทงหมด
6.3 ระบบแสดงหนาขอมลรายการช าระคาใชจายทงหมดใหผใชทราบ บนหนาจอ Bill 7. ผใชเลอกลบขอมลของรายการ
7.1 ระบบลบขอมลรายการในฐานขอมล
7.2 ระบบจะท าการสงขอมลรายการช าระคาใชจายทงหมด
7.3 ระบบแสดงหนาขอมลรายการช าระคาใชจายทงหมดใหผใชทราบ บนหนาจอ Bill 8. ผใชเลอกยนยนการช าระคาใชจาย
8.1 ระบบยนยนการช าระคาใชจายในฐานขอมล
8.2 ระบบจะท าการสงขอมลรายการช าระคาใชจายทงหมด
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. ผใชเลอกเพมรายการ
2.1 ระบบแสดงหนาขอมลเพมรายการ บนหนาจอ Add Saving
3. ผใชกรอกขอมลชอเปาหมายการออมเงน และจ านวนเงนออมทตองการ ลงในแบบฟอรมเพมรายการ
3.1 ระบบเพมขอมลรายการลงในฐานขอมล
3.2 ระบบจะท าการสงขอมลรายการเปาหมายการออมเงนทงหมด
3.3 ระบบแสดงหนาขอมลรายการเปาหมายการออมเงนทงหมดใหผใชทราบ บนหนาจอ Saving
4. ผใชเลอกแกไขรายละเอยดขอมลของรายการ
4.1 ระบบแสดงหนาขอมลแกไขรายการ บนหนาจอ Edit Saving 5. ผใชกรอกขอมลชอเปาหมายการออมเงน และจ านวนเงนออมทตองการ ลงในแบบฟอรมแกไขรายการ
5.1 ระบบปรบปรงขอมลรายการลงในฐานขอมล
5.2 ระบบจะท าการสงขอมลรายการเปาหมายการออมเงนทงหมด
5.3 ระบบแสดงหนาขอมลรายการเปาหมายการออมเงนทงหมดใหผใชทราบ บนหนาจอ Saving
6. ผใชเลอกลบขอมลของรายการ
6.1 ระบบลบขอมลรายการในฐานขอมล
6.2 ระบบจะท าการสงขอมลรายการเปาหมายการออมเงนทงหมด
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. ผใชเลอกเพมรายการ
2.1 ระบบแสดงหนาขอมลเพมรายการ
3. ผใชกรอกขอมลประเภท หมวดหม กรอกจ านวนเงน รายละเอยด และวนทของรายการ ลงในแบบฟอรมเพมรายการ
3.1 ระบบเพมขอมลรายการลงในฐานขอมล
3.2 ระบบจะท าการสงขอมลรายการการออมเงนทงหมด
3.3 ระบบแสดงหนาขอมลรายการการออมเงนทงหมดใหผใชทราบ 4. ผใชเลอกแกไขรายละเอยดขอมลของรายการ
4.1 ระบบแสดงหนาขอมลแกไขรายการ
5. ผใชกรอกขอมลประเภท หมวดหม กรอกจ านวนเงน รายละเอยด และวนทของรายการ ลงในแบบฟอรมแกไขรายการ
5.1 ระบบปรบปรงขอมลรายการลงในฐานขอมล
5.2 ระบบจะท าการสงขอมลรายการการออมเงนทงหมด
5.3 ระบบแสดงหนาขอมลรายการการออมเงนทงหมดใหผใชทราบ 6. ผใชเลอกลบขอมลของรายการ
6.1 ระบบลบขอมลรายการในฐานขอมล
6.2 ระบบจะท าการสงขอมลรายการการออมเงนทงหมด
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. ผใชเลอกเพมรายการ
2.1 ระบบแสดงหนาขอมลเพมรายการ
3. ผใชกรอกขอมลชอหมวดหม และเลอกประเภท ลงในแบบฟอรมเพมรายการ
3.1 ระบบเพมขอมลรายการลงในฐานขอมล
3.2 ระบบจะท าการสงขอมลรายการหมวดหมทงหมด
3.3 ระบบแสดงหนาขอมลรายการหมวดหมทงหมดใหผใชทราบ 4. ผใชเลอกแกไขรายละเอยดขอมลของรายการ
4.1 ระบบแสดงหนาขอมลแกไขรายการ
5. ผใชกรอกขอมลชอหมวดหม และเลอกประเภท ลงในแบบฟอรมแกไขรายการ
5.1 ระบบปรบปรงขอมลรายการลงในฐานขอมล
5.2 ระบบจะท าการสงขอมลรายการหมวดหมทงหมด
5.3 ระบบแสดงหนาขอมลรายการหมวดหมทงหมดใหผใชทราบ 6. ผใชเลอกลบขอมลของรายการ
6.1 ระบบลบขอมลรายการในฐานขอมล
6.2 ระบบจะท าการสงขอมลรายการหมวดหมทงหมด
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
2.2 ระบบจะท าการสงรายละเอยดขอมลการส ารองขอมล
2.3 แสดงขอมลรายละเอยดการส ารองขอมล บนหนาจอ Backup
3. เลอกท าการกคนขอมล
3.1 ระบบจะท าการรองขอการกคนขอมลสงไปยง iCloud
3.2 iCloud ท าการสงขอมลทมการส ารองขอมลใหแอปพลเคชน
3.3 แสดงขอมลรายละเอยดการส ารองขอมล บนหนาจอ Backup
4. ผใชเลอกท าการลบการส ารองขอมล
4.1 ระบบจะท าการรองของลบการส ารองขอมลไปยง iCloud
4.2 ระบบจะท าการสงรายละเอยดขอมลการส ารองขอมล
4.3 แสดงขอมลรายละเอยดการส ารองขอมล บนหนาจอ Backup
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 ใชเกบคาวนทในการแจงเตอนของบล
Operation ประกอบดวย
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 ใชเกบคาขอมลจ านวนเงนของเปาหมายการออมเงน
Operation ประกอบดวย
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 ใชเกบคาขอมลชอหมวดหม
Operation ประกอบดวย
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 ได
Top Related