pacharamon promchait) แ...1.2 โครงงานท น าเสนอ 1 1.3 ว ตถ...
TRANSCRIPT
![Page 1: Pacharamon PromchaIT) แ...1.2 โครงงานท น าเสนอ 1 1.3 ว ตถ ประสงค 2 1.4 ขอบเขตของระบบ 2 1.5 ประโยชน](https://reader036.vdocuments.mx/reader036/viewer/2022071001/5fbd2e44d821a84902074023/html5/thumbnails/1.jpg)
แอปพลเคชนการใชจายสวนบคคล Personal Spending Application
พชรมน พรมชา Pacharamon Promcha
สารนพนธนเปนสวนหนงของการศกษา หลกสตรวทยาศาสตรมหาบณฑต สาขาวชาเทคโนโลยสารสนเทศ
คณะวทยาการและเทคโนโลยสารสนเทศ มหาวทยาลยเทคโนโลยมหานคร
ปการศกษา 2559
![Page 2: Pacharamon PromchaIT) แ...1.2 โครงงานท น าเสนอ 1 1.3 ว ตถ ประสงค 2 1.4 ขอบเขตของระบบ 2 1.5 ประโยชน](https://reader036.vdocuments.mx/reader036/viewer/2022071001/5fbd2e44d821a84902074023/html5/thumbnails/2.jpg)
I
หวขอ แอปพลเคชนการใชจายสวนบคคล ชอนกศกษา นางสาวพชรมน พรมชา รหสนกศกษา 5617680004 หลกสตร วทยาศาสตรมหาบณฑต สาขาเทคโนโลยสารสนเทศ ปการศกษา 2559 อาจารยทปรกษา ผชวยศาสตราจารย ดร.หมดอามน หมนหลน
บทคดยอ วตถประสงคของการพฒนาแอปพลเคชนการใชจายสวนบคคล เพอใชแทนการบนทกรายรบรายจาย การสรปรายงานขอมลในสมดทมความยงยาก และขอมลในการบนทกอาจสญหายได อกทงยงไมมความดงดดใหใชงานไดอยางตอเนอง ซงแอปพลเคชนนจะชวยในการบนทกคาใชจาย แจงเตอนการช าระบลคาใชจาย บนทกการออมเงน การสรปรายงานรายรบรายจาย การส ารองขอมลและการกคนขอมล เพอลดปญหาความยงยาก และการสญหายของขอมล อกทงผใชไดมความสะดวกสบายมากยงขน ซงในปจจบนประชาชนสวนใหญมสมารทโฟนใชงานอยแลว
![Page 3: Pacharamon PromchaIT) แ...1.2 โครงงานท น าเสนอ 1 1.3 ว ตถ ประสงค 2 1.4 ขอบเขตของระบบ 2 1.5 ประโยชน](https://reader036.vdocuments.mx/reader036/viewer/2022071001/5fbd2e44d821a84902074023/html5/thumbnails/3.jpg)
II
กตตกรรมประกาศ สารนพนธฉบบนไดพฒนาจนส าเรจลลวงได เปนเพราะความชวยเหลอ ความกรณา ความเอาใจใส และก าลงใจจากหลายทาน ขาพเจาจงขอขอบพระคณมา ณ ทน
ขอขอบพระคณ ผชวยศาสตราจารย ดร.หมดอามน หมนหลน ซงเปนอาจารยทปรกษาโครงงานทเปนผสอนใหรจกการเขยนโปรแกรมบนอปกรณเคลอนทระบบปฏบตการ iOS และเสยสละเวลา เพอชวยใหค าปรกษา ค าแนะน า และคอยตรวจสอบโครงงานมาโดยตลอด
ขอขอบพระคณคณาจารย รนพ และเพอนๆ ทคอยใหค าปรกษาและใหค าแนะน าในการด าเนนโครงงานมาเปนอยางด
ขอขอบพระคณบคคลส าคญซงท าใหกาวสความส าเรจในวนนคอ บพการ และครอบครว ทไดใหความชวยเหลอสนบสนน และเปนแรงใจคอยเคยงขางในชวงเวลาทผานมา
พชรมน พรมชา สงหาคม 2560
![Page 4: Pacharamon PromchaIT) แ...1.2 โครงงานท น าเสนอ 1 1.3 ว ตถ ประสงค 2 1.4 ขอบเขตของระบบ 2 1.5 ประโยชน](https://reader036.vdocuments.mx/reader036/viewer/2022071001/5fbd2e44d821a84902074023/html5/thumbnails/4.jpg)
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
![Page 5: Pacharamon PromchaIT) แ...1.2 โครงงานท น าเสนอ 1 1.3 ว ตถ ประสงค 2 1.4 ขอบเขตของระบบ 2 1.5 ประโยชน](https://reader036.vdocuments.mx/reader036/viewer/2022071001/5fbd2e44d821a84902074023/html5/thumbnails/5.jpg)
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
![Page 6: Pacharamon PromchaIT) แ...1.2 โครงงานท น าเสนอ 1 1.3 ว ตถ ประสงค 2 1.4 ขอบเขตของระบบ 2 1.5 ประโยชน](https://reader036.vdocuments.mx/reader036/viewer/2022071001/5fbd2e44d821a84902074023/html5/thumbnails/6.jpg)
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
![Page 7: Pacharamon PromchaIT) แ...1.2 โครงงานท น าเสนอ 1 1.3 ว ตถ ประสงค 2 1.4 ขอบเขตของระบบ 2 1.5 ประโยชน](https://reader036.vdocuments.mx/reader036/viewer/2022071001/5fbd2e44d821a84902074023/html5/thumbnails/7.jpg)
VI
สารบญตาราง หนา
ตารางท 2.1 ตารางสญลกษณของ Use Case Diagram 4 ตารางท 2.2 ตารางสญลกษณของ Sequence Diagram 5
![Page 8: Pacharamon PromchaIT) แ...1.2 โครงงานท น าเสนอ 1 1.3 ว ตถ ประสงค 2 1.4 ขอบเขตของระบบ 2 1.5 ประโยชน](https://reader036.vdocuments.mx/reader036/viewer/2022071001/5fbd2e44d821a84902074023/html5/thumbnails/8.jpg)
1
บทท 1 บทน า
1.1 ปญหา และแรงจงใจ ในอดตเดมทโทรศพทมอถอใชในการสนทนากนเทานน แตในปจจบนเทคโนโลยไดม การพฒนาเปนสมารทโฟนใหสามารถท างานได เสมอนกบเครองคอมพวเตอรทสามารถพกพา ไดตลอดเวลา ท าใหมความนยมอยางแพรหลายมบทบาทตอการใชชวตประจ าวนมากขน สงผลให มการพฒนาแอปพลเคชนตางๆ บนโทรศพทมอถอสมารทโฟน เพอตอบสนองความตองการของผใชทกเพศทกวย เนองจากการบนทกรายรบรายจาย การบนทกการออมเงน การสรปรายงานรายรบรายจายในสมดมความยงยาก และขอมลการบนทกอาจสญหายได อกทงยงไมมความดงดดใหใชงานไดอยางตอเนอง ผจดท าจงตองการน าเทคโนโลยบนโทรศพทมอถอสมารทโฟน เพอชวยลดปญหาตางๆ ทเกดขน และใหผใชสะดวกในการใชงานมากยงขน จากการวเคราะหปญหาดงกลาว จงไดมการน าความรเกยวกบการพฒนาแอปพลเคชน บนอปกรณเคลอนท มาจดท าแอปพลเคชนขนในชอ “แอปพลเคชนการใชจายสวนบคคล (Personal Spending Application)” เพอชวยในการบนทกรายรบรายจาย แจงเตอนการช าระบลคาใชจาย บนทกการออมเงน การสรปรายงานรายรบรายจาย การส ารองขอมลและการกคนขอมล 1.2 โครงงานทน าเสนอ
รปท 1.1 แสดงองคประกอบโดยรวมของแอปพลเคชน
User Mobile Application
iCloud Storage
Personal Spending Application
![Page 9: Pacharamon PromchaIT) แ...1.2 โครงงานท น าเสนอ 1 1.3 ว ตถ ประสงค 2 1.4 ขอบเขตของระบบ 2 1.5 ประโยชน](https://reader036.vdocuments.mx/reader036/viewer/2022071001/5fbd2e44d821a84902074023/html5/thumbnails/9.jpg)
2
1.3 วตถประสงค 1. เพอชวยใหสามารถบนทกคาใชจาย และเงนออม ในชวตประจ าวนได 2. เพอเตอนความจ าในการช าระบลคาใชจาย 3. เพอปองกนการสญหายของขอมล 4. เพออ านวยความสะดวกและงายตอการใชงาน 1.4 ขอบเขตของระบบ โครงงานพฒนาแอปพลเคชนวางแผนการใชจายสวนบคคล มรายละเอยดของแตละระบบดงน 1. ระบบบนทกรายการรายรบรายจาย - สามารถเพม แกไข และลบรายการรายรบรายจายได - สามารถดยอดเงนคงเหลอได 2. ระบบการช าระบลคาใชจาย - สามารถเพม แกไข และลบรายการ ในการช าระบลคาใชจายได - สามารถก าหนดวนแจงเตอน ในการช าระบลคาใชจายได - สามารถยนยนการช าระบลคาใชจายได 3. ระบบบนทกเงนออม - สามารถเพม แกไข และลบรายการเปาหมายการออมเงนได - สามารถระบจ านวนเงนทตองการออมได - สามารถแสดงบนทกรายการการออมเงนทงหมดได 4. ระบบการจดหมวดหมของรายการ - สามารถเพม แกไข และลบหมวดหมส าหรบการใชบนทกรายการได - สามารถเลอกประเภท ของหมวดหมได 5. ระบบรายงาน - สามารถแสดงรายงานสรปรายการคาใชจายแบบรายป และรายเดอนได 6. ระบบการส ารองขอมลและการกคนขอมล - สามารถส ารองขอมลไปยง iCloud ได - สามารถกคนขอมลจาก iCloud ได
![Page 10: Pacharamon PromchaIT) แ...1.2 โครงงานท น าเสนอ 1 1.3 ว ตถ ประสงค 2 1.4 ขอบเขตของระบบ 2 1.5 ประโยชน](https://reader036.vdocuments.mx/reader036/viewer/2022071001/5fbd2e44d821a84902074023/html5/thumbnails/10.jpg)
3
1.5 ประโยชนทคาดวาจะไดรบ 1. ผใชสามารถบนทกและวางแผนคาใชจาย แจงเตอนการช าระบล วางแผนเงนออม
ดรายงานสรปผานแอปพลเคชนบนอปกรณเคลอนทได 2. ผใชสามารถจดการการเงนสวนตวไดอยางสะดวกและงายมากยงขน 3. ผใชไดรบความมนใจวาขอมลจะไมสญหาย 1.6 โครงสรางของสารนพนธ ส าหรบเนอหาของสารนพนธฉบบนจะไดถกแบงเนอหาออกดงน บทท 1 บทน า ปญหาและแรงจงใจ โครงงานทน าเสนอ วตถประสงค ขอบเขตของระบบ ประโยชนทคาดวาจะไดรบของสารนพนธ บทท 2 ทฤษฎและหลกการทเกยวของ เปนการศกษาหลกการและโปรแกรมทเกยวของ ทจะน ามาใชในการพฒนาระบบ บทท 3 การวเคราะหและออกแบบระบบ เปนการแสดงขนตอนการท างานของระบบ ในการออกแบบการท างานของระบบ เพอใหการท างานเปนระบบ บทท 4 การพฒนาและทดสอบระบบ เปนการแสดงผลของการพฒนาระบบ บทท 5 สรปผลการด าเนนงาน เปนการน าผลการด าเนนงาน ปญหาการด าเนนงาน แนวทางการแกปญหา และขอเสนอแนะ ปรบปรงใหดขนในการใชงานตอไป
![Page 11: Pacharamon PromchaIT) แ...1.2 โครงงานท น าเสนอ 1 1.3 ว ตถ ประสงค 2 1.4 ขอบเขตของระบบ 2 1.5 ประโยชน](https://reader036.vdocuments.mx/reader036/viewer/2022071001/5fbd2e44d821a84902074023/html5/thumbnails/11.jpg)
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 อนไวดวย
![Page 12: Pacharamon PromchaIT) แ...1.2 โครงงานท น าเสนอ 1 1.3 ว ตถ ประสงค 2 1.4 ขอบเขตของระบบ 2 1.5 ประโยชน](https://reader036.vdocuments.mx/reader036/viewer/2022071001/5fbd2e44d821a84902074023/html5/thumbnails/12.jpg)
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
![Page 13: Pacharamon PromchaIT) แ...1.2 โครงงานท น าเสนอ 1 1.3 ว ตถ ประสงค 2 1.4 ขอบเขตของระบบ 2 1.5 ประโยชน](https://reader036.vdocuments.mx/reader036/viewer/2022071001/5fbd2e44d821a84902074023/html5/thumbnails/13.jpg)
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
![Page 14: Pacharamon PromchaIT) แ...1.2 โครงงานท น าเสนอ 1 1.3 ว ตถ ประสงค 2 1.4 ขอบเขตของระบบ 2 1.5 ประโยชน](https://reader036.vdocuments.mx/reader036/viewer/2022071001/5fbd2e44d821a84902074023/html5/thumbnails/14.jpg)
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 เพอสรางโปรเจคขนใหม หรอเลอกโปรเจคเดมทเคยสรางไวกอนหนา
![Page 15: Pacharamon PromchaIT) แ...1.2 โครงงานท น าเสนอ 1 1.3 ว ตถ ประสงค 2 1.4 ขอบเขตของระบบ 2 1.5 ประโยชน](https://reader036.vdocuments.mx/reader036/viewer/2022071001/5fbd2e44d821a84902074023/html5/thumbnails/15.jpg)
8
รปท 2.4 หนาจอ Template สรางโปรเจคใหม
ในการเรมโปรเจคใหมสามารถเลอกทจะพฒนาไดทง iOS และ OS X ไดตามตองการ ในเมน iOS จะประกอบไปดวย - Application : เปนรปแบบตางๆ ในการใชสรางแอปพลเคชนของ iOS - Framework & Library : เปนรปแบบในการสรางไฟล Framework และ Library - Other : เปนรปแบบในการสรางไฟลและทเกบขอมลชนดตางๆ ส าหรบการใชงานขนพนฐาน ในการสรางแอปพล เคชนส าหรบอปกรณสมาร โฟน จะใชรปแบบของ Single View Application
![Page 16: Pacharamon PromchaIT) แ...1.2 โครงงานท น าเสนอ 1 1.3 ว ตถ ประสงค 2 1.4 ขอบเขตของระบบ 2 1.5 ประโยชน](https://reader036.vdocuments.mx/reader036/viewer/2022071001/5fbd2e44d821a84902074023/html5/thumbnails/16.jpg)
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 เพอชวยในการจดเกบขอมล
![Page 17: Pacharamon PromchaIT) แ...1.2 โครงงานท น าเสนอ 1 1.3 ว ตถ ประสงค 2 1.4 ขอบเขตของระบบ 2 1.5 ประโยชน](https://reader036.vdocuments.mx/reader036/viewer/2022071001/5fbd2e44d821a84902074023/html5/thumbnails/17.jpg)
10
รปท 2.6 แสดงพนทการท างานในสวนตางๆ ของ Xcode
ใน Xcode จะมการแบงพนทการท างานในสวนตางๆ ดงน - Toolbar : เปนสวนทใชในการควบคมการท างานของโปรเจค เชน การเปด/ซอน พนทการท างานสวนตางๆ - Navigator area : เปนสวนแสดงโครงสรางทงหมดของโปรเจค จะประกอบไปดวยไฟลหลายๆ ไฟลทมความเกยวของกน - Editor area : เปนสวนทใชส าหรบแสดงผลของไฟลทเลอก หรอแสดงหนาจอจ าลองแอปพลเคชน - Utility area : เปนสวนในการแสดง Property ตางๆ หรอควบคมการท างาน ของไฟลทเปดใชงานอย
![Page 18: Pacharamon PromchaIT) แ...1.2 โครงงานท น าเสนอ 1 1.3 ว ตถ ประสงค 2 1.4 ขอบเขตของระบบ 2 1.5 ประโยชน](https://reader036.vdocuments.mx/reader036/viewer/2022071001/5fbd2e44d821a84902074023/html5/thumbnails/18.jpg)
11
2.3 ความรเกยวกบ iCloud
รปท 2.7 แสดงการท างานของ iCloud
iCloud คอ ระบบศนยกลางในรปแบบกลมเมฆของ Apple มหนาทหลกในการเปนตวกลางเกบขอมลของผใชส าหรบซงคเขากบอปกรณของผใชเอง เพอใหขอมลในแตละเครองนนตรงกน ชวยอ านวยความสะดวกใหกบผใชงาน และขอมลทสามารถเกบบน iCloud มดวยกนหลายประเภท ดงน - Mail : อเมลตางๆ ทอยในเครอง - Contacts : ขอมลรายชอผตดตอ ทไดท าการเพมไวใน Contacts - Calendar : ขอมลในปฎทน - Reminder : ขอมลในสมดเตอนความจ า - Note : ขอมลในสมดโนต - Safari : ขอมลการใชงานใน Safari ทงหมด เชน ประวตการใชงานเวบ และ Bookmark ตางๆ - Keychain - Photo : รปภาพ - Documents & Data : ขอมลตางๆ หรอขอมลใน App ทเราใชงาน
![Page 19: Pacharamon PromchaIT) แ...1.2 โครงงานท น าเสนอ 1 1.3 ว ตถ ประสงค 2 1.4 ขอบเขตของระบบ 2 1.5 ประโยชน](https://reader036.vdocuments.mx/reader036/viewer/2022071001/5fbd2e44d821a84902074023/html5/thumbnails/19.jpg)
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
![Page 20: Pacharamon PromchaIT) แ...1.2 โครงงานท น าเสนอ 1 1.3 ว ตถ ประสงค 2 1.4 ขอบเขตของระบบ 2 1.5 ประโยชน](https://reader036.vdocuments.mx/reader036/viewer/2022071001/5fbd2e44d821a84902074023/html5/thumbnails/20.jpg)
13
ค าอธบาย Use Case ของ Personal Spending Application
User หมายถง ผใชงานแอปพลเคชน
Apple System หมายถง ระบบการใหบรการของบรษท Apple ทใหบรการเกยวกบ iCloud
Manage Transaction : ท าหนาท ในการใชบนทกรายการรายรบรายจายของผ ใช และสามารถจดการขอมลได เชน การเพม แกไข และลบรายการรายรบรายจาย เมอเรมตนเขาใชงานในฟงกชนน หนาจอจะแสดงยอดรายรบ ยอดรายจาย ยอดเงนคงเหลอ แสดงรายการรายรบจาย และผลรวมจ านวนเงนเปนหมวดหม เมอผใชเพมรายการ ระบบจะแสดงหนาจอใหผใชกรอกขอมลดงน เลอกประเภทรายรบหรอรายจาย เลอกหมวดหมทมในระบบ จ านวนเงน วนท และรายละเอยดเพมเตม หลงจากบนทกแลวหากผใชตองการ แกไขและลบรายการ สามารถเขาไปยงรายการ ทตองการ และเลอกแกไข หรอลบรายการไดตามตองการ
Manage Bill : ท าหนาทในการบนทก Bill และแจงเตอนการช าระบล สามารถจดการขอมลได เชน การเพม แกไข และลบรายการบล เมอเรมตนเขาใชงานในฟงกชนน หนาจอจะแสดงรายการบลทงหมด เมอผใชเพมรายการบล ระบบจะแสดงหนาจอใหผใชกรอกขอมลดงน เลอกหมวดหมทม ในระบบ จ านวนเงน วนแจงเตอนการช าระบล และรายละเอยดเพมเตม หลงจากบนทกแลวหากผใชตองการ แกไขและลบรายการ สามารถเขาไปยงรายการทตองการ และเลอกแกไข หรอลบรายการ ไดตามตองการ และผใชสามารถเขาไปยงรายการเพอยนยนการช าระเงน
Manage Savings : ท าหนาทในการบนทกเปาหมายการออมเงน และบนทกรายการ การออมเงนทงหมด สามารถจดการขอมลได เชน การเพม แกไข และลบเปาหมายการออมเงน เมอเรมตนเขาใชงานในฟงกชนน หนาจอจะแสดงเปาหมายการออมเงนทงหมด และจ านวนเงนเปาหมายการออมเงน ในแตละเปาหมาย เมอผใชเพมเปาหมายการออมเงน ระบบจะแสดงหนาจอใหผใชกรอกขอมลดงน ชอเปาหมาย และจ านวนเงนเปาหมาย หลงจากบนทกแลวหากผใชตองการ แกไข และลบรายการ สามารถเขาไปยงรายการทตองการ และเลอกแกไข หรอลบรายการไดตามตองการ
Manage Transaction Saving : เมอตองการท าการบนทกขอมลรายการการออมเงน ผใชตองเลอกทเปาหมายการออมเงนทตองการรายการการออมเงนกอน จากนนผใชจงจะสามารถจดการขอมลรายการการออมเงนได เชน การเพม แกไข และลบบนทกรายการการออมเงน เมอผใชเพมรายการการออมเงน ระบบจะใหเลอกวาผตองการเพมรายการฝากเงน หรอถอนเงน จากนนระบบจะแสดงหนาจอใหผใชกรอกขอมลดงน จ านวนเงน รายละเอยดเพมเตม และวนท หลงจากบนทกแลวหากผใชตองการแกไข และลบรายการ สามารถเขาไปยงรายการทตองการ และเลอกแกไข หรอลบรายการไดตามตองการ
Manage Category : ท าหนาทในการจดการขอมลหมวดหมของแอพลเคชน สามารถเพม แกไข และลบหมวดหมได และหมวดหมสามารถจดใหอยในประเภทรายรบหรอรายจายได
![Page 21: Pacharamon PromchaIT) แ...1.2 โครงงานท น าเสนอ 1 1.3 ว ตถ ประสงค 2 1.4 ขอบเขตของระบบ 2 1.5 ประโยชน](https://reader036.vdocuments.mx/reader036/viewer/2022071001/5fbd2e44d821a84902074023/html5/thumbnails/21.jpg)
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) ผใชเลอกประเภท หมวดหม กรอกจ านวนเงน รายละเอยด และวนท ของรายการ ลงในแบบฟอรมเพมรายการ
![Page 22: Pacharamon PromchaIT) แ...1.2 โครงงานท น าเสนอ 1 1.3 ว ตถ ประสงค 2 1.4 ขอบเขตของระบบ 2 1.5 ประโยชน](https://reader036.vdocuments.mx/reader036/viewer/2022071001/5fbd2e44d821a84902074023/html5/thumbnails/22.jpg)
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 : -
![Page 23: Pacharamon PromchaIT) แ...1.2 โครงงานท น าเสนอ 1 1.3 ว ตถ ประสงค 2 1.4 ขอบเขตของระบบ 2 1.5 ประโยชน](https://reader036.vdocuments.mx/reader036/viewer/2022071001/5fbd2e44d821a84902074023/html5/thumbnails/23.jpg)
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) ระบบแสดงหนารายละเอยดขอมลของรายการ
![Page 24: Pacharamon PromchaIT) แ...1.2 โครงงานท น าเสนอ 1 1.3 ว ตถ ประสงค 2 1.4 ขอบเขตของระบบ 2 1.5 ประโยชน](https://reader036.vdocuments.mx/reader036/viewer/2022071001/5fbd2e44d821a84902074023/html5/thumbnails/24.jpg)
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 : -
![Page 25: Pacharamon PromchaIT) แ...1.2 โครงงานท น าเสนอ 1 1.3 ว ตถ ประสงค 2 1.4 ขอบเขตของระบบ 2 1.5 ประโยชน](https://reader036.vdocuments.mx/reader036/viewer/2022071001/5fbd2e44d821a84902074023/html5/thumbnails/25.jpg)
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) ระบบเพมขอมลรายการลงในฐานขอมล
![Page 26: Pacharamon PromchaIT) แ...1.2 โครงงานท น าเสนอ 1 1.3 ว ตถ ประสงค 2 1.4 ขอบเขตของระบบ 2 1.5 ประโยชน](https://reader036.vdocuments.mx/reader036/viewer/2022071001/5fbd2e44d821a84902074023/html5/thumbnails/26.jpg)
19
5.2 แกไขรายละเอยดขอมลของรายการเปาหมายการออมเงน
a) ผใชเลอกแกไขรายการ
b) ระบบแสดงหนาแกไขขอมลของรายการ บนหนาจอ Edit Saving
c) ผใชกรอกขอมลเปาหมายการออมเงม และจ านวนเงนออมทตองการแกไข
d) ผใชเลอกบนทกรายการ
e) ระบบรบคาขอมลของรายการ
f) ระบบปรบปรงขอมลรายการลงในฐานขอมล
5.3 ลบรายการเปาหมายการออมเงน
a) ผใชเลอกลบรายการ
b) ระบบลบขอมลของรายการออกจากฐานขอมล
Alternative flow of event : - Special Requirements : -
![Page 27: Pacharamon PromchaIT) แ...1.2 โครงงานท น าเสนอ 1 1.3 ว ตถ ประสงค 2 1.4 ขอบเขตของระบบ 2 1.5 ประโยชน](https://reader036.vdocuments.mx/reader036/viewer/2022071001/5fbd2e44d821a84902074023/html5/thumbnails/27.jpg)
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) ระบบเพมขอมลรายการลงในฐานขอมล
![Page 28: Pacharamon PromchaIT) แ...1.2 โครงงานท น าเสนอ 1 1.3 ว ตถ ประสงค 2 1.4 ขอบเขตของระบบ 2 1.5 ประโยชน](https://reader036.vdocuments.mx/reader036/viewer/2022071001/5fbd2e44d821a84902074023/html5/thumbnails/28.jpg)
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 : -
![Page 29: Pacharamon PromchaIT) แ...1.2 โครงงานท น าเสนอ 1 1.3 ว ตถ ประสงค 2 1.4 ขอบเขตของระบบ 2 1.5 ประโยชน](https://reader036.vdocuments.mx/reader036/viewer/2022071001/5fbd2e44d821a84902074023/html5/thumbnails/29.jpg)
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
![Page 30: Pacharamon PromchaIT) แ...1.2 โครงงานท น าเสนอ 1 1.3 ว ตถ ประสงค 2 1.4 ขอบเขตของระบบ 2 1.5 ประโยชน](https://reader036.vdocuments.mx/reader036/viewer/2022071001/5fbd2e44d821a84902074023/html5/thumbnails/30.jpg)
23
5.2 ผใชเลอกดรายงานรายรบรายจายแบบรายเดอน
a) ผใชท าการเลอกดรายงานรายรบรายจายแบบรายเดอน
b) ผใชเลอกเดอน และปทตองการดรายงานรายรบรายจาย
c) ระบบจะท าการคนหาขอมลสรปรายงานรายรบรายจายเดอนทเลอก
d) ระบบจะท าการสงขอมลสรปรายงานรายรบรายจายเดอนทเลอก
e) ระบบแสดงขอมลสรปรายงานรายรบรายจายเดอนทเลอก เชน ยอดเงนคงเหลอทงหมด รายรบตอเดอน รายจายตอเดอน เงนออมตอเดอน เปนตน บนหนาจอ Report
Alternative flow of event : - Special Requirements : -
![Page 31: Pacharamon PromchaIT) แ...1.2 โครงงานท น าเสนอ 1 1.3 ว ตถ ประสงค 2 1.4 ขอบเขตของระบบ 2 1.5 ประโยชน](https://reader036.vdocuments.mx/reader036/viewer/2022071001/5fbd2e44d821a84902074023/html5/thumbnails/31.jpg)
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) ระบบเพมขอมลรายการลงในฐานขอมล
![Page 32: Pacharamon PromchaIT) แ...1.2 โครงงานท น าเสนอ 1 1.3 ว ตถ ประสงค 2 1.4 ขอบเขตของระบบ 2 1.5 ประโยชน](https://reader036.vdocuments.mx/reader036/viewer/2022071001/5fbd2e44d821a84902074023/html5/thumbnails/32.jpg)
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 : -
![Page 33: Pacharamon PromchaIT) แ...1.2 โครงงานท น าเสนอ 1 1.3 ว ตถ ประสงค 2 1.4 ขอบเขตของระบบ 2 1.5 ประโยชน](https://reader036.vdocuments.mx/reader036/viewer/2022071001/5fbd2e44d821a84902074023/html5/thumbnails/33.jpg)
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
![Page 34: Pacharamon PromchaIT) แ...1.2 โครงงานท น าเสนอ 1 1.3 ว ตถ ประสงค 2 1.4 ขอบเขตของระบบ 2 1.5 ประโยชน](https://reader036.vdocuments.mx/reader036/viewer/2022071001/5fbd2e44d821a84902074023/html5/thumbnails/34.jpg)
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 : -
![Page 35: Pacharamon PromchaIT) แ...1.2 โครงงานท น าเสนอ 1 1.3 ว ตถ ประสงค 2 1.4 ขอบเขตของระบบ 2 1.5 ประโยชน](https://reader036.vdocuments.mx/reader036/viewer/2022071001/5fbd2e44d821a84902074023/html5/thumbnails/35.jpg)
28
3.2 Sequence Diagram
จาก Use Case Diagram ขางตน สามารถสราง Sequence Diagram ไดดงน
3.2.1 Sequence Diagram ของ Manage Transaction
รปท 3.9 แสดงภาพ Sequence Diagram ของ Manage Transaction
![Page 36: Pacharamon PromchaIT) แ...1.2 โครงงานท น าเสนอ 1 1.3 ว ตถ ประสงค 2 1.4 ขอบเขตของระบบ 2 1.5 ประโยชน](https://reader036.vdocuments.mx/reader036/viewer/2022071001/5fbd2e44d821a84902074023/html5/thumbnails/36.jpg)
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
![Page 37: Pacharamon PromchaIT) แ...1.2 โครงงานท น าเสนอ 1 1.3 ว ตถ ประสงค 2 1.4 ขอบเขตของระบบ 2 1.5 ประโยชน](https://reader036.vdocuments.mx/reader036/viewer/2022071001/5fbd2e44d821a84902074023/html5/thumbnails/37.jpg)
30
3.2.2 Sequence Diagram ของ Manage Bill
รปท 3.10 แสดงภาพ Sequence Diagram ของ Manage Bill
![Page 38: Pacharamon PromchaIT) แ...1.2 โครงงานท น าเสนอ 1 1.3 ว ตถ ประสงค 2 1.4 ขอบเขตของระบบ 2 1.5 ประโยชน](https://reader036.vdocuments.mx/reader036/viewer/2022071001/5fbd2e44d821a84902074023/html5/thumbnails/38.jpg)
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
![Page 39: Pacharamon PromchaIT) แ...1.2 โครงงานท น าเสนอ 1 1.3 ว ตถ ประสงค 2 1.4 ขอบเขตของระบบ 2 1.5 ประโยชน](https://reader036.vdocuments.mx/reader036/viewer/2022071001/5fbd2e44d821a84902074023/html5/thumbnails/39.jpg)
32
3.2.3 Sequence Diagram ของ Manage Saving
รปท 3.11 แสดงภาพ Sequence Diagram ของ Manage Saving
จากรปท 3.11 แสดงกระบวนการท างาน Sequence Diagram ของ Manage Saving สามารถอธบายไดดงน
![Page 40: Pacharamon PromchaIT) แ...1.2 โครงงานท น าเสนอ 1 1.3 ว ตถ ประสงค 2 1.4 ขอบเขตของระบบ 2 1.5 ประโยชน](https://reader036.vdocuments.mx/reader036/viewer/2022071001/5fbd2e44d821a84902074023/html5/thumbnails/40.jpg)
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
![Page 41: Pacharamon PromchaIT) แ...1.2 โครงงานท น าเสนอ 1 1.3 ว ตถ ประสงค 2 1.4 ขอบเขตของระบบ 2 1.5 ประโยชน](https://reader036.vdocuments.mx/reader036/viewer/2022071001/5fbd2e44d821a84902074023/html5/thumbnails/41.jpg)
34
3.2.4 Sequence Diagram ของ Manage Transaction Saving
รปท 3.12 แสดงภาพ Sequence Diagram ของ Manage Transaction Saving
จากรปท 3.12 แสดงกระบวนการท างาน Sequence Diagram ของ Manage Transaction
Saving สามารถอธบายไดดงน
![Page 42: Pacharamon PromchaIT) แ...1.2 โครงงานท น าเสนอ 1 1.3 ว ตถ ประสงค 2 1.4 ขอบเขตของระบบ 2 1.5 ประโยชน](https://reader036.vdocuments.mx/reader036/viewer/2022071001/5fbd2e44d821a84902074023/html5/thumbnails/42.jpg)
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 ระบบแสดงหนาขอมลรายการการออมเงนทงหมดใหผใชทราบ
![Page 43: Pacharamon PromchaIT) แ...1.2 โครงงานท น าเสนอ 1 1.3 ว ตถ ประสงค 2 1.4 ขอบเขตของระบบ 2 1.5 ประโยชน](https://reader036.vdocuments.mx/reader036/viewer/2022071001/5fbd2e44d821a84902074023/html5/thumbnails/43.jpg)
36
3.2.5 Sequence Diagram ของ Manage Category
รปท 3.13 แสดงภาพ Sequence Diagram ของ Manage Category
จากรปท 3.13 แสดงกระบวนการท างาน Sequence Diagram ของ Manage Category
สามารถอธบายไดดงน
![Page 44: Pacharamon PromchaIT) แ...1.2 โครงงานท น าเสนอ 1 1.3 ว ตถ ประสงค 2 1.4 ขอบเขตของระบบ 2 1.5 ประโยชน](https://reader036.vdocuments.mx/reader036/viewer/2022071001/5fbd2e44d821a84902074023/html5/thumbnails/44.jpg)
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 ระบบแสดงหนาขอมลรายการหมวดหมทงหมดใหผใชทราบ
![Page 45: Pacharamon PromchaIT) แ...1.2 โครงงานท น าเสนอ 1 1.3 ว ตถ ประสงค 2 1.4 ขอบเขตของระบบ 2 1.5 ประโยชน](https://reader036.vdocuments.mx/reader036/viewer/2022071001/5fbd2e44d821a84902074023/html5/thumbnails/45.jpg)
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
![Page 46: Pacharamon PromchaIT) แ...1.2 โครงงานท น าเสนอ 1 1.3 ว ตถ ประสงค 2 1.4 ขอบเขตของระบบ 2 1.5 ประโยชน](https://reader036.vdocuments.mx/reader036/viewer/2022071001/5fbd2e44d821a84902074023/html5/thumbnails/46.jpg)
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
![Page 47: Pacharamon PromchaIT) แ...1.2 โครงงานท น าเสนอ 1 1.3 ว ตถ ประสงค 2 1.4 ขอบเขตของระบบ 2 1.5 ประโยชน](https://reader036.vdocuments.mx/reader036/viewer/2022071001/5fbd2e44d821a84902074023/html5/thumbnails/47.jpg)
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
![Page 48: Pacharamon PromchaIT) แ...1.2 โครงงานท น าเสนอ 1 1.3 ว ตถ ประสงค 2 1.4 ขอบเขตของระบบ 2 1.5 ประโยชน](https://reader036.vdocuments.mx/reader036/viewer/2022071001/5fbd2e44d821a84902074023/html5/thumbnails/48.jpg)
41
3.3 Class Diagram
จาก Sequence Diagram สามารถสราง Class Diagram ไดดงน
รปท 3.16 แสดงภาพ Class Diagram ของ Personal Spending App
จากรปท 3.16 แสดงใหเหน Class และความสมพนธระหวาง Class ภายในระบบ โดยแตละ Class มคณสมบตทแตกตางกน
![Page 49: Pacharamon PromchaIT) แ...1.2 โครงงานท น าเสนอ 1 1.3 ว ตถ ประสงค 2 1.4 ขอบเขตของระบบ 2 1.5 ประโยชน](https://reader036.vdocuments.mx/reader036/viewer/2022071001/5fbd2e44d821a84902074023/html5/thumbnails/49.jpg)
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 ท าหนาทในการเรยกใชคาขอมลยอดเงนเงนออม
![Page 50: Pacharamon PromchaIT) แ...1.2 โครงงานท น าเสนอ 1 1.3 ว ตถ ประสงค 2 1.4 ขอบเขตของระบบ 2 1.5 ประโยชน](https://reader036.vdocuments.mx/reader036/viewer/2022071001/5fbd2e44d821a84902074023/html5/thumbnails/50.jpg)
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 ท าหนาทในการยนยนการช าระบล
![Page 51: Pacharamon PromchaIT) แ...1.2 โครงงานท น าเสนอ 1 1.3 ว ตถ ประสงค 2 1.4 ขอบเขตของระบบ 2 1.5 ประโยชน](https://reader036.vdocuments.mx/reader036/viewer/2022071001/5fbd2e44d821a84902074023/html5/thumbnails/51.jpg)
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 ท าหนาทในการลบรายการการออมเงน
![Page 52: Pacharamon PromchaIT) แ...1.2 โครงงานท น าเสนอ 1 1.3 ว ตถ ประสงค 2 1.4 ขอบเขตของระบบ 2 1.5 ประโยชน](https://reader036.vdocuments.mx/reader036/viewer/2022071001/5fbd2e44d821a84902074023/html5/thumbnails/52.jpg)
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 ท าหนาทในการลบคาขอมลของหมวดหม
![Page 53: Pacharamon PromchaIT) แ...1.2 โครงงานท น าเสนอ 1 1.3 ว ตถ ประสงค 2 1.4 ขอบเขตของระบบ 2 1.5 ประโยชน](https://reader036.vdocuments.mx/reader036/viewer/2022071001/5fbd2e44d821a84902074023/html5/thumbnails/53.jpg)
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 ท าหนาท ในการเรยกใชขอมลรวมยอดเงน โดยแบ ง
ตามประเภทตางๆ
![Page 54: Pacharamon PromchaIT) แ...1.2 โครงงานท น าเสนอ 1 1.3 ว ตถ ประสงค 2 1.4 ขอบเขตของระบบ 2 1.5 ประโยชน](https://reader036.vdocuments.mx/reader036/viewer/2022071001/5fbd2e44d821a84902074023/html5/thumbnails/54.jpg)
47
บทท 4 ผลการทดลอง
4.1 ผลการด าเนนการของหนาจอระบบ Personal Spending Application 4.1.1 หนาจอเมน
รปท 4.1 หนาจอเมน
ค าอธบายของหนาจอเมน หนาจอเมน เปนหนาจอทใชส าหรบเขาสหนาจออนๆ ไดแก - เมน Transaction หนาจอรายการรายรบรายจาย - เมน Bill หนาจอรายการช าระบลคาใชจาย - เมน Saving หนาจอเปาหมายการบนทกเงนออม - เมน Report หนาจอสรปรายงานรายรบรายจาย - เมน Category หนาจอหมวดหมของรายการ - เมน Backup หนาจอการส ารองขอมล
![Page 55: Pacharamon PromchaIT) แ...1.2 โครงงานท น าเสนอ 1 1.3 ว ตถ ประสงค 2 1.4 ขอบเขตของระบบ 2 1.5 ประโยชน](https://reader036.vdocuments.mx/reader036/viewer/2022071001/5fbd2e44d821a84902074023/html5/thumbnails/55.jpg)
48
4.1.2 หนาจอรายการรายรบรายจาย
รปท 4.2 หนาจอรายการรายรบรายจาย ค าอธบายของหนาจอรายการรายรบรายจาย หนาจอรายการรายรบรายจาย เปนหนาจอทสรปยอดเงน และแสดงรายการรายรบรายจายทงหมด มรายละเอยดดงน 1. สวนของการสรปยอดเงน - Balance แสดงขอมลยอดเงนคงเหลอ - Income แสดงยอดเงนรายรบทงหมด - Expense แสดงยอดเงนรายจายทงหมด - Saving to plan แสดงยอดเงนทออมเงนทงหมด 2. สรปยอดเงนรายรบรายจายเปนรายเดอน และแสดงรายการบนทกรายรบรายจายทงหมด และบนทกการออมเงนทงหมด
![Page 56: Pacharamon PromchaIT) แ...1.2 โครงงานท น าเสนอ 1 1.3 ว ตถ ประสงค 2 1.4 ขอบเขตของระบบ 2 1.5 ประโยชน](https://reader036.vdocuments.mx/reader036/viewer/2022071001/5fbd2e44d821a84902074023/html5/thumbnails/56.jpg)
49
4.1.3 หนาจอเพมรายการรายรบรายจาย
รปท 4.3 หนาจอเพมรายการรายรบรายจาย
ค าอธบายของหนาจอเพมรายการรายรบรายจาย หนาจอเพมรายการรายรบรายจาย ซงเปนหนาจอทผใชจะด าเนนการเพมรายรบรายจายเขาระบบ มรายละเอยดดงน - Category เพอใหผใชเลอกหมวดหมของรายการ - Amount เพอใหผใชกรอกจ านวนเงนของรายการ - Note เพอใหผใชกรอกรายละเอยดของรายการเพมเตมตามตองการ - Date เพอใหผใชเลอกวนทของรายการ
![Page 57: Pacharamon PromchaIT) แ...1.2 โครงงานท น าเสนอ 1 1.3 ว ตถ ประสงค 2 1.4 ขอบเขตของระบบ 2 1.5 ประโยชน](https://reader036.vdocuments.mx/reader036/viewer/2022071001/5fbd2e44d821a84902074023/html5/thumbnails/57.jpg)
50
4.1.4 หนาจอรายการช าระบลคาใชจาย
รปท 4.4 หนาจอรายการช าระบลคาใชจาย ค าอธบายของหนาจอรายการช าระบลคาใชจาย หนาจอรายการช าระบลคาใชจาย ซงเปนหนาจอทแสดงขอมลรายการช าระบลคาใชจาย มรายละเอยดดงน - แสดงหมวดหมของรายการ - แสดงจ านวนเงนของรายการ - แสดงวนททตองการใหแจงเตอน - กดปม PAY เมอผใชไดท าการช าระบลคาใชจายดงกลาว
![Page 58: Pacharamon PromchaIT) แ...1.2 โครงงานท น าเสนอ 1 1.3 ว ตถ ประสงค 2 1.4 ขอบเขตของระบบ 2 1.5 ประโยชน](https://reader036.vdocuments.mx/reader036/viewer/2022071001/5fbd2e44d821a84902074023/html5/thumbnails/58.jpg)
51
4.1.5 หนาจอเพมรายการช าระบลคาใชจาย
รปท 4.5 หนาจอเพมรายการช าระบลคาใชจาย
ค าอธบายของหนาจอเพมรายการช าระบลคาใชจาย หนาจอเพมรายการช าระบลคาใชจาย ซงเปนหนาจอทผใชจะด าเนนการเพมรายการช าระบลคาใชจาย มรายละเอยดดงน - Category เพอใหผใชเลอกหมวดหมของรายการ - Amount เพอใหผใชกรอกจ านวนเงนของรายการ - Note เพอใหผใชกรอกรายละเอยดของการช าระบลคาใชจายเพมเตมตามตองการ - Date เพอใหผใชเลอกวนทและเวลาแจงเตอนของการช าระบลคาใชจาย
![Page 59: Pacharamon PromchaIT) แ...1.2 โครงงานท น าเสนอ 1 1.3 ว ตถ ประสงค 2 1.4 ขอบเขตของระบบ 2 1.5 ประโยชน](https://reader036.vdocuments.mx/reader036/viewer/2022071001/5fbd2e44d821a84902074023/html5/thumbnails/59.jpg)
52
4.1.6 หนาจอเปาหมายการบนทกเงนออม
รปท 4.6 หนาจอเปาหมายการบนทกเงนออม ค าอธบายของหนาจอเปาหมายการบนทกเงนออม หนาจอเปาหมายการบนทกเงนออม ซงเปนหนาจอทแสดงเปาหมายการบนทกเงนออมของผใช มรายละเอยดดงน - แสดงชอเปาหมายเงนออม - Goal แสดงจ านวนเงนเปาหมายเงนออมทตองการ - Saved แสดงจ านวนเงนทไดมการออมเงนไวแลว - Remaining แสดงจ านวนคงเหลอในการออมเงน
![Page 60: Pacharamon PromchaIT) แ...1.2 โครงงานท น าเสนอ 1 1.3 ว ตถ ประสงค 2 1.4 ขอบเขตของระบบ 2 1.5 ประโยชน](https://reader036.vdocuments.mx/reader036/viewer/2022071001/5fbd2e44d821a84902074023/html5/thumbnails/60.jpg)
53
4.1.7 หนาจอเพมเปาหมายการบนทกเงนออม
รปท 4.7 หนาจอเพมเปาหมายการบนทกเงนออม ค าอธบายของหนาจอเพมเปาหมายการบนทกเงนออม หนาจอเพมเปาหมายการบนทกเงนออม ซงเปนหนาจอทผใชจะด าเนนการเพมเปาหมายการบนทกเงนออม มรายละเอยดดงน - Name เพอใหผใชกรอกชอเปาหมายเงนออม - Goal เพอใหผใชกรอกจ านวนเงนเปาหมายเงนออมทตองการ
![Page 61: Pacharamon PromchaIT) แ...1.2 โครงงานท น าเสนอ 1 1.3 ว ตถ ประสงค 2 1.4 ขอบเขตของระบบ 2 1.5 ประโยชน](https://reader036.vdocuments.mx/reader036/viewer/2022071001/5fbd2e44d821a84902074023/html5/thumbnails/61.jpg)
54
4.1.8 หนาจอสรปรายงานรายรบรายจาย
รปท 4.8 หนาจอสรปรายงานรายรบรายจาย
![Page 62: Pacharamon PromchaIT) แ...1.2 โครงงานท น าเสนอ 1 1.3 ว ตถ ประสงค 2 1.4 ขอบเขตของระบบ 2 1.5 ประโยชน](https://reader036.vdocuments.mx/reader036/viewer/2022071001/5fbd2e44d821a84902074023/html5/thumbnails/62.jpg)
55
ค าอธบายของหนาจอสรปรายงานรายรบรายจาย
หนาจอสรปรายงานรายรบรายจาย ซงจะแสดงรายละเอยดการสรปรายงานรายรบรายจาย และการออมเงน ตามหมวดหม และในรปแบบกราฟ มรายละเอยดดงน - Balance แสดงขอมลยอดเงนคงเหลอทงหมด - Income แสดงยอดเงนรายรบทงหมด - Expense แสดงยอดเงนรายจายทงหมด - Saving to plan แสดงยอดเงนทออมเงนทงหมด
![Page 63: Pacharamon PromchaIT) แ...1.2 โครงงานท น าเสนอ 1 1.3 ว ตถ ประสงค 2 1.4 ขอบเขตของระบบ 2 1.5 ประโยชน](https://reader036.vdocuments.mx/reader036/viewer/2022071001/5fbd2e44d821a84902074023/html5/thumbnails/63.jpg)
56
4.1.9 หนาจอเลอกประเภทของการสรปรายงานรายรบรายจาย
รปท 4.9 หนาจอเลอกประเภทของการสรปรายงานรายรบรายจาย
ค าอธบายของหนาจอเลอกประเภทของการสรปรายงานรายรบรายจาย หนาจอเลอกประเภทของการสรปรายงานรายรบรายจาย ซงผใชสามารถเลอกประเภทของการสรปรายงานรายรบรายจาย เปนแบบรายเดอน หรอรายป ตามทตองการ
![Page 64: Pacharamon PromchaIT) แ...1.2 โครงงานท น าเสนอ 1 1.3 ว ตถ ประสงค 2 1.4 ขอบเขตของระบบ 2 1.5 ประโยชน](https://reader036.vdocuments.mx/reader036/viewer/2022071001/5fbd2e44d821a84902074023/html5/thumbnails/64.jpg)
57
4.1.10 หนาจอหมวดหมของรายการ
รปท 4.10 หนาจอหมวดหมของรายการ
ค าอธบายของหนาจอหมวดหมของรายการ หนาจอหมวดหมของรายการ ซงเปนหนาจอทแสดงหมวดหมของรายการทงหมด โดยแบงเปน Expense (รายจาย) และ Income (รายรบ)
![Page 65: Pacharamon PromchaIT) แ...1.2 โครงงานท น าเสนอ 1 1.3 ว ตถ ประสงค 2 1.4 ขอบเขตของระบบ 2 1.5 ประโยชน](https://reader036.vdocuments.mx/reader036/viewer/2022071001/5fbd2e44d821a84902074023/html5/thumbnails/65.jpg)
58
4.1.11 หนาจอเพมหมวดหมของรายการ
รปท 4.11 หนาจอเพมหมวดหมของรายการ
ค าอธบายของหนาจอเพมหมวดหมของรายการ หนาจอเพมหมวดหมของรายการ ซงผใชสามารถเพมหมวดหมของรายการตามทตองการ มรายละเอยดดงน - Name เพอใหผใชกรอกชอหมวดหมของรายการ - Type เพอใหผใชเลอกประเภทของรายการ
![Page 66: Pacharamon PromchaIT) แ...1.2 โครงงานท น าเสนอ 1 1.3 ว ตถ ประสงค 2 1.4 ขอบเขตของระบบ 2 1.5 ประโยชน](https://reader036.vdocuments.mx/reader036/viewer/2022071001/5fbd2e44d821a84902074023/html5/thumbnails/66.jpg)
59
4.1.12 หนาจอการส ารองขอมล
รปท 4.12 หนาจอการส ารองขอมลในกรณไมเคยมการส ารองขอมล ค าอธบายของหนาจอการส ารองขอมล หนาจอการส ารองขอมล ซงผใชสามารถส ารองขอมลไดตามทตองการ มรายละเอยดดงน 1. หากยงไมเคยมการส ารองขอมล หนาจอจะแสดงหนาจอดงรปท 4.13 วา “No Backup file” ผใชสามารถส ารองขอมลโดยการกดทปม “Click here to backup”
![Page 67: Pacharamon PromchaIT) แ...1.2 โครงงานท น าเสนอ 1 1.3 ว ตถ ประสงค 2 1.4 ขอบเขตของระบบ 2 1.5 ประโยชน](https://reader036.vdocuments.mx/reader036/viewer/2022071001/5fbd2e44d821a84902074023/html5/thumbnails/67.jpg)
60
รปท 4.13 หนาจอการส ารองขอมลในกรณเคยมการส ารองขอมล
2. หากมการส ารองขอมลแลว หนาจอจะแสดงหนาจอดงรปท 4.13 ขอมลมการส ารองขอมลลาสดไว ตามวนทและเวลาดงกลาว ความหมายของปมตางๆ มดงน - ปม Restore backup data ส าหรบใหผ ใชกขอมลท เคยส ารองขอมลไวใน iCloud น าขอมลลงในแอปพลเคชน - ปม Backup new data ส าหรบใหผใชส ารองขอมลใหมไปยง iCloud - ปม Delete backup data ส าหรบใหผใชลบขอมลทเคยส ารองขอมลไว
![Page 68: Pacharamon PromchaIT) แ...1.2 โครงงานท น าเสนอ 1 1.3 ว ตถ ประสงค 2 1.4 ขอบเขตของระบบ 2 1.5 ประโยชน](https://reader036.vdocuments.mx/reader036/viewer/2022071001/5fbd2e44d821a84902074023/html5/thumbnails/68.jpg)
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 ได