ง

iSpending :: แอพพลเคชนส ำหรบควบคมรำยรบรำยจำย

สพรรษำ อนนต

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

พ.ศ. 2556

DPU

จ

iSpending :: An Application for Controlling Incomes and Expenses

Supansa Anan

Thematic Paper Submitted in Partial Fulfillment of the Requirements for the Degree of

Master of Science in Web Engineering Faculty of Information Technology, Dhurakij Pundit University

2013

DPU

ฆ

หวขอสารนพนธ iSpending :: แอพพลเคชนส าหรบควบคมรายรบรายจาย ชอผเขยน สพรรษา อนนต อาจารยทปรกษา ผชวยศาสตราจารย ดร.วรสทธ ชชยวฒนา สาขาวชา วศวกรรมเวบ ปการศกษา 2555

บทคดยอ

ในอดต ปจจย 4 ซงไดแก อาหาร ทอยอาศย เครองนงหม และยารกษาโรค เปน

สงจ าเปนทมนษยทกคนตองการ แตดวยสภาพสงคมในปจจบนท าให ทกคนมภาระคาใชจายและความรบผดชอบทแตกตางกนขนอยกบบทบาททไดรบในแตละชวงเวลา ซงเราคงไมสามารถปฎเสธไดวา ในปจจบนเราใช “เงน” เปนสอในการแลกเปลยนเพอใหไดมาซงปจจยในการชวต และเนองจากรายการคาใชจายทมากมายนนเอง หลายคนคงเคยประสบกบปญหาในการจดการและบรหารเงน เพอใหเพยงพอและสอดคลองกบรายรบในแตละเดอน

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

DPU

ง

ABSTRACT

In the past, the four requisites, which are food, habitat, clothing, and medicine, seem to be the most important things for human life. However, with the current social condition, everybody has different responsibilities and expenses depending on a role he or she play during that moment. Thus, it is difficult to deny that “money” become an intermediary for exchanging for everything including the four requisites. Due to enormously expenses of each people living in the current social condition, many people have encountered a problem of financial controlling and managing to make their monthly expenses conforming to their gained revenue.

From the mentioned problem, this thematic paper aims at developing an iOS Application to help its users effectively manage their financial. This includes recording their revenues and expenses. Continuously recording the revenues and expenses will lead to an audit of spending behaviors and help the users evaluate whether that expenses are appropriate or not and whether they conform to their gained revenue. Finally, it may result in an improvement in spending behavior.

Thematic Paper Title iSpending :: An Application for Controlling Incomes and Expenses Author Supansa Anan Thematic Paper Advisor Asst.Prof.Dr. WorasitChoochaiwattana Academic Program Web Engineering Academic Year 2012

DPU

จ

กตตกรรมประกาศ

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

ขอกราบขอบพระคณอาจารยปณฑณา สรอยสน ทคอยใหค าแนะน าสงสอนอบรม (ตงแตเรยน ปรญญาตร - ปรญญาโท) และใหก าลงใจกบผเขยนในทกๆเรองเสมอมา

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

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

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

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

สพรรษา อนนต

DPU

ฉ

สารบญ หนา

บทคดยอภาษไทย………………………………………………………………………….... ฆ บทคดยอภาษาองกฤษ………………………………………………………………………. ง กตตกรรมประกาศ…………………………………………………………………………... จ สารบญตาราง……………………………………………………………………………….. ซ สารบญภาพ…………………………………………………………………………………. ฌ บทท

1. บทน า…...…………………………………………………………………………. 1 1.1 ความเปนมาและความส าคญของปญหา......………………………………….. 1 1.2 วตถประสงคของงาน.......……………………………………………………. 1 1.3 ประโยชนทคาดวาจะไดรบ..........……………………………………………. 1 1.4 ขอบเขตขอบระบบ………………………………………………………….... 1

2. ทฤษฎแนวคดและงานวจยทเกยวของ....…………………………………………… 3 2.1 ความหมายของบญชครวเรอน...………………………………………………. 3 2.2 งานวจยทเกยวของ………………………………………………………….…. 4

3. วธด าเนนการและเครองมอ.....…………………………………………………….. 6 3.1 ขนตอนการศกษาเพอคดคนหาวธการพฒนาระบบ………………………….... 6 3.2 ออกแบบระบบ........……………….…………………………………………. 7 3.3 การพฒนาแอพพลเคชน……………………………………………………….. 21

4. ผลการด าเนนงาน………………………………………………...........…………... 23 4.1 การใชงานแอพพลเคชน……………………………….........................………. 23 4.2 ผลการประเมนความพงพอใจ............................................................................. 44

5. สรปอภปรายผลการศกษาและขอเสนอแนะ.............................................................. 47 5.1 สรปผลและวจารณ…………………………………………………………..... 47 5.2 ปญหาทพบในการด าเนนงาน……………………………………………......... 48 5.3 ขอเสนอแนะ………………………………………………………….............. 48

บรรณานกรม........................................................................................................................... 50

DPU

ช

สารบญ (ตอ) หนา ภาคผนวก

แบบสอบถาม……………………............................................................................ 52 ประวตผเขยน.......................................................................................................................... 56

DPU

ซ

สารบญตาราง

ตารางท หนา 2.1 แอพพลเคชนทเกยวของ…………..…………………………………….…...….. 5 3.1 ตารางขอมล รายได………………………………….….…………….…...……. 19 3.2 ตารางขอมล คาใชจาย…………………………………………..……….…...…. 20 3.3 ตารางขอมล บนทกยอ…………………………..……………..……….…...….. 20 3.4 ตารางขอมล ยอดยกมา……………….…………..……………..……….…...…. 21 3.5 ระยะเวลาในการด าเนนการพฒนาแอพพลเคชน…...……….…..……….…....... 22 4.1 สถานะของผตอบแบบสอบถามความพงพอใจตอการใชแอพพลเคชน.………... 44 4.2 ลกษณะของโทรศพทของผตอบแบบสอบถาม…………………………………. 44 4.3 เกณฑการใหคะแนนของแบบประเมนความพงพอใจ....………………………... 45 4.4 ความพงพอใจตอแอพพลเคชนในดานตางๆ………………………………......... 45 4.5 การตดสนใจในการดาวโหลดแอพพลเคชนหลงจากทดลองใช iSpending……... 46 5.1 ผลทจากการพฒนาแอพพลเคชน …………………………………...…….…..... 47

สารบญภาพ

DPU

ฌ

ภาพท หนา

3.1 แสดงขนตอนการท างานแถบ iSpending............................................................. 7 3.2 แสดงขนตอนการท างานแถบ ปฏทนการเงน....................................................... 8 3.3 แสดงขนตอนการท างานแถบ สรปการเงน.......................................................... 9 3.4 แสดงขนตอนการท างานแทบ เกยวกบ................................................................. 9 3.5 Sequence Diagram ภาพรวมของแอพพลเคชน iSpending.................................. 10 3.6 Sequence Diagram การจดการเงน...................................................................... 10 3.7 Sequence Diagram สรปขอมลการเงน................................................................ 11 3.8 แถบเมน - เรองราว............................................................................................... 12 3.9 แถบเมน - ปฏทนการเงน.................................................................................... 13 3.10 การบนทกขอมลรายได....................................................................................... 14 3.11 การบนทกขอมลคาใชจาย................................................................................... 15 3.12 การบนทกขอมลบนทกยอ................................................................................... 16 3.13 สรปการเงน........................................................................................................ 17 3.14 เกยวกบ.............................................................................................................. 18 3.15 โปรแกรม Xcode................................................................................................. 21 4.1 แอพพลเคชน iSpending....................................................................................... 23 4.2 แทบเมนแอพพลเคชน iSpending......................................................................... 24 4.3 หนาแรกทเขาใชแอพพลเคชน.............................................................................. 25 4.4 แอพพลเคชนทสามารถแชรขอมลได................................................................... 26 4.5 แชรขอมลผาน Facebook..................................................................................... 27 4.5 แชรขอมลผาน Twitter......................................................................................... 28 4.6 เมนเลอกประเภทการบนทกขอมลการเงน........................................................... 29 4.7 หนาฟอรมปอนขอมลรายได................................................................................ 30 4.8 แนบรปถายหนาฟอรมปอนขอมลรายได............................................................. 31 4.9 เมน เลอก ถายรป.................................................................................................. 32 4.10 เลอนและจดต าแหนงรป..................................................................................... 33 4.11 หนาฟอรมปอนขอมลคาใชจาย........................................................................... 34

สารบญ (ตอ)

DPU

ญ

ภาพท หนา 4.12 แนบรปถายทมาของคาใชจาย............................................................................. 35 4.13 หนาฟอรมปอนขอมลบนทกยอ.......................................................................... 36 4.14 การบนทกยอดวยเสยง........................................................................................ 37 4.15 แทบเมนบารส าหรบอดเสยง............................................................................... 38 4.16 แทบเมนบาร ก าลงอดเสยง.................................................................................. 39 4.17 เปดเลนเสยงทอนไวแลว..................................................................................... 40 4.18 แนบรปถายส าหรบบนทกยอ.............................................................................. 41 4.19 สรปรายละเอยดตางๆของการบนทก.................................................................. 42 4.20 ขอมลทแสดงในเมนเกยวกบ.............................................................................. 43

DPU

บทท 1 บทน ำ

1.1 ควำมเปนมำและควำมส ำคญของปญหำ

การใชจายเปนปจจยหลกทส าคญของมนษย แตเราอาจลมคดค านวณคาใชจายในแตละ

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

เกดความไมสมดล ท าใหเกดปญหาเรองการใชเงนระหวางเดอนและสดทายกอใหเกดหนสนตามมา

ดงนนเพอปองกนเพอมใหเกดการผดพลาดในการค านวณเงนในแตละวน ผพฒนาจง

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

แอพพลเคชนบนไอโฟน ( iOS) เพองายตอการพกพาและสะดวกตอการใชงาน

1.2 วตถประสงคของงำน

1. ออกแบบและพฒนาแอพพลเคชนเพอชวยควบคมคาใชจายใหสอดคลองกบรายได

2. สามารถค านวณเงนทเราใชจายแลว และเตอนยอดเงนเหลอทสามารถใชได

1.3 ประโยชนทคำดวำจะไดรบ

1. เพอใหผใชมความสะดวกในการใชงานมากขน

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

3. เพอก าหนดเปาหมายการใชเงนไดอยางชดเจน

1.4 ขอบเขตของระบบ

1. แอพพลเคชนสามารถท าการค านวณคาใชจายในแตละวนได

2. แอพพลเคชนสามารถแนบไฟลเสยงได

3. แอพพลเคชนสามารถบอกสถานะเงนคงเหลอได

4. แอพพลเคชนสามารถแสดงไอคอนการตนในหนาแรกเพอสอถงสถานะการใชเงนใน

ปจจบนทเปนขอความและยอดเงนคงเหลอ

DPU

บทท 2 ทฤษฎแนวคดและงานวจยทเกยวของ

ทฤษฎแนวคดทเกยวของในการพฒนาแอพพลเคชนควบคมรายรบรายจายมสวนสอดคลอง

กบการท าบญชทวๆไป

2.1 ความหมายของบญชครวเรอน ผชวยศาสตราจารยภทรา เรองสนภญญา (2555,น3) บญชครวเรอน(home accounting)

เปนการประยกตทางการบญชเพอใชเปนเครองมอประเภทหนงในปรชญาเศรษฐกจพอเพยง ผจดทาบญชครวเรอนสามารถลดคาใชจายทไมจ าเปน ท าใหเกดการประหยดและการออม และในทสดจะสามารถแกไขปญหาหนสนไดอยางย งยน จากรายงานการวจยหลายฉบบไดสนบสนนถงประโยชนของการจดท าบญชครวเรอน แตพบวาบคคลสวนใหญย งคงไมมการจดท า เอกสารนจงมวตถประสงคเพอเผยแพรความรในการจดทาบญชครวเรอน อนจะเปนผลใหมการจดท าบญชครวเรอนมากกวาทเปนอยในปจจบน

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

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

DPU

4

ภทรา เรองสนภญญา ( 2552, น 72) ในการวจยของผเขยน เรอง “พฤตกรรมการบนทกบญชรายไดและรายจายสวนบคคล ของนกศกษาและบคลากรของมหาวทยาลยราชภฏเพชรบร” พบวา สวนใหญไมมการบนทกบญชรายไดและรายจายสวนบคคล และไมมแนวโนมทจะทาการบนทกบญชในอนาคต แมวาจะมทศนคตทดมากตอการบนทกบญชกตาม และสวนใหญมความตองการเรยนรในหวขอการบนทกบญชรายไดและรายจายสวนบคคล ปจจยทมผลตอพฤตกรรมการบนทกบญชทส าคญปจจยหนงไดแก ระดบความรดานการบญช ผตอบแบบสอบถามสวนใหญมระดบความรดานการบญชนอยจงเปนผลใหไมมการบนทกบญชดงนนการจดท าบญชครวเรอนจ าเปนตอชวตประจ าวน

2.2 งานวจยทเกยวของ

การวจยของวารพณ มงคลสมย (2551) เรอง “การจดการความรทางการบญชเพอพฒนาวสาหกจชมชนในการผลต ผลตภณฑล าไยอบแหงสทองของกลมเกษตรกรบานเหมองกวก ต.มะเขอแจ อ.เมอง จ.ส าพน” พบวา ผลการบนทกบญชท าใหชมชนสามารถลดคาใชจายทไมจ าเปน และเปนก าลงใจในการหารายไดเขาสครอบครวมากขน

DPU

5

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

ตารางท 2.1 แอพพลเคชนทเกยวของ

ฟงกชนการท างาน แอพพลเคชน

แอพพลเคชน

iSpandingHome Budget

MoneyMoney Smart

Budget

1. แสดงยอดเงน

2. แสดงรปกราฟฟก

3. แสดงปฏทน

4. บนทกขอมลรายได

5. บนทกขอมลคาใชจาย

6. บนทกยอ

7. บนทกเสยง

8. แนบรปถายในแตละฟงกชนการท างาน

9. แสดงยอดยกมาเดอนทผานมา

10. สรปยอดคาใชจายแตละเดอน

11. สรปยอดคาใชจายยอนหลง

12.แสดงสถานะยอดเงนคงเหลอเปนการตนอารมณตางๆ

ทมา: ขอมลตารางเปรยบเทยบ ณ เดอน มกราคม 2556

DPU

บทท 3 วธการด าเนนการและเครองมอ

การน าเอาระบบการจดบนทกบญชรายรบรายจายเขามาประยกตใหสามารถใชงานได

บนอปกรณมอถอ ส าหรบโครงงานชนนโดยมขนตอนการพฒนาระบบดงน 3.1 ศกษาปญหาและความตองการ 3.2 ออกแบบระบบ 3.3 การพฒนาแอพพลเคชน

3.1 ศกษาปญหาและความตองการ ในปจจบนมแอพพลเคชนเกยวกบการเงน การคมคาใชจายทอยบน App Store นน

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

1. ศกษางานแอพพลเคชนทอยบน App Store ปจจบนเพอทราบถงขอดและขอเสยตางๆซงพบวามการใชงานทยงยาก จงน าสวนเหลานนมาปรบปรงและประยกตใหใชงานงายขน

2. ศกษางานบทความเกยวกบทฤษฎการท าบญชครวเรอนเปนการประยกตทางบญชใหเขากบแอพพลเคชนทจะพฒนา

DPU

7

3.2 ออกแบบระบบ 3.2.1 ออกแบบผงงานการท างานของแอพพลเคชน (Flow Chart) ตามภาพท 3.1

SQLite

FacebookE-MAIL

Twitter

ภาพท 3.1 แสดงขนตอนการท างานแถบ iSpending

DPU

8

SQLite

ภาพท 3.2 แสดงขนตอนการท างานแถบ ปฏทนการเงน

DPU

9

SQLite

ภาพท 3.3 แสดงขนตอนการท างานแถบ สรปการเงน

ภาพท 3.4 แสดงขนตอนการท างานแทบ เกยวกบ

DPU

10

3.2.3 ออกแบบ การจ าลองกระบวนการทท าใหเกดกจกรรม ( Sequence Diagram ) ตามภาพท 3.5 ภาพท 3.7 และภาพท 3.7

ภาพท 3.5 Sequence Diagram ภาพรวมของแอพพลเคชน iSpending

ภาพท 3.6 Sequence Diagram การจดการเงน

ขอมลเงน ตวละคร ค านวน คชจ. ฐานขอมล แบงปนขอมล

เขาเมน เรองราว โปรแกรมค านวน ลกษณะตวละครใหเขาขอมลการเงน

ขอมลการเลอกตวละคร

ผใชงาน

ขอมลการเงน

แสดงขอมลจ านวนเงนพรอมตวละคร

แบงปนขอมลการเงน หรอ แบงปนตวละผาน Social network

ปฏทน

รายได

คาใชจาย ฐานขอมล

เขาเมน การจดการเงน เลอกวน/เดอน เพมรายได

แสดงขอมลการเงน

บนทกขอมล

ผใชงาน ฐานขอมล

เลอกวน/เดอน เพมรายได

เลอกวน/เดอน เพมรายได

บนทกขอมล

บนทกขอมล

แสดงสถานะการเงนครงแรก

DPU

11

ภาพท 3.7 Sequence Diagram สรปขอมลการเงน

ตารางสรป รายละเอยด ฐานขอมล

เขาเมน สรปขอมลการเงน

กดดรายละเอยด

ดงขอมลสรป

แสดงขอมล

ขอมลสนคา

ขอมลรายละเอยด

ผใชงาน

ดงขอมลรายละเอยด

แสดงขอมล DPU

12

3.2.3 ออกแบบหนาจอ 1. แถบเมน - เรองราว เปนเมนทแสดงขอมลการเงนและActor ทบงบอกสถานะการเงน

ปจจบน ตามภาพท 3.8

ภาพท 3.8 แถบเมน - เรองราว

DPU

13

2. แถบเมน - ปฏทนการเงน เปนเมนทแสดงขอมลการเงนทอยในรปแบบปฏทนเลอกวนเพอด และบนทกขอมลการเงนได ตามภาพท3.9

Xx,xxx.xx

Xx,xxx

-x,xxx

+

ภาพท 3.9 แถบเมน - ปฏทนการเงน

DPU

14

3. กดปม [+] เพอท ารายการบนทกรายได คาใชจาย และบนทกยอในวนทเลอกได ล าดบท 1 เลอกเมนรายไดเพอบนทกขอมลรายได พรอมแนบรป ตามภาพท3.10

+

dd/mm/yyyy

ภาพท 3.10 การบนทกขอมลรายได

DPU

15

ล าดบท 2 เลอกเมนรายไดเพอบนทกขอมลคาใชจาย พรอมแนบรป ตามภาพท3.11

+

+

dd/mm/yyyy

ภาพท 3.11 การบนทกขอมลคาใชจาย

DPU

16

ล าดบท 3 เลอกเมนรายไดเพอบนทกขอมลบนทกยอ พรอมแนบเสยงและรป ตามภาพท3.12

|

+

dd/mm/yyyy

ภาพท 3.12 การบนทกขอมลบนทกยอ

DPU

17

4. แถบเมน - สรปการเงน เปนเมนทแสดงขอมลสรปการเงน ตามภาพท 3.13 สามารถ

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

ล าดบรายไดคาใชจายทงเดอน

|

x,xxx ( ) xx,xxx

xx,xxx

x,xxx xx,xxx

ภาพท 3.13 สรปการเงน

DPU

18

5. แถบเมน - เกยวกบ แสดงผจดท าแอพพลเคชนและอาจารยทปรกษาสารนพนธ ตาม

ภาพท 3.14

iSpending

.

ภาพท 3.14 เกยวกบ

DPU

19

3.2.4 ออกแบบฐานขอมล ผพ ฒนาแอพพลเคชนไดออกแบบฐานขอมล(SQLite) ชอตารางขอมลรายได ตารางท 3.1 ตารางขอมลคาใชจาย ตารางท 3.2 ตารางขอมลบนทกยอ ตารางท 3.3 และตารางขอมลยอดยกมา ตารางท 3.4 เพอเกบขอมลทผใชงานแอพพลเคชนไดท าการบนทกรายการการเงนตางๆ ตารางท 3.1 ตารางขอมลรายได

ชอฟลด ชนด ขนาด ค าอธบาย คย income_id Integer 5 รหส PK income _date Date - วนทเกบขอมล income _type Integer 1 ประเภทการบนทกขอมล รายได type = 1 income _desc Varchar 50 รายละเอยด

income _amount Decimal 13,2 จ านวนเงน

income _icon Char 2 ไอคอนแสดงประเภทขอมล

income _position Varchar 10 ต าแหนงของรปภาพ เกบต าแหนง x,y

income _image BLOB - รปทไดจากการแนบ จดเกบเปนไบนาร

DPU

20

ตารางท 3.2 ตารางขอมลคาใชจาย

ชอฟลด ชนด ขนาด ค าอธบาย คย outcome_id Integer 5 รหส PK outcome _date Date - วนทเกบขอมล outcome _type Integer 1 ประเภทการบนทกขอมลคาใชจาย type = 2 outcome _desc Varchar 50 รายละเอยด

outcome _amount Decimal 13,2 จ านวนเงน

outcome _icon Char 2 ไอคอนแสดงประเภทขอมล

outcome _position Varchar 10 ต าแหนงของรปภาพ เกบต าแหนง x,y

outcome _image BLOB - รปทไดจากการแนบ

ตารางท 3.3 ตารางขอมลบนทกยอ

ชอฟลด ชนด ขนาด ค าอธบาย คย note_id Integer 5 รหส PK note_date Date - วนทเกบขอมล note_type Integer 1 ประเภทการบนทกขอมลบนทกยอ type = 3 note_desc Varchar 200 รายละเอยดบนทกยอ

note_icon Char 2 ไอคอนแสดงประเภทขอมล

note_position Varchar 10 ต าแหนงของรปภาพ เกบต าแหนง x,y

note_image BLOB - รปทไดจากการแนบ

note_sound BLOB - เสยงทไดจากการบนทกเสยง

DPU

21

ตารางท 3.4 ตารางขอมลยอดยกมา

ชอฟลด ชนด ขนาด ค าอธบาย คย balance_id Integer 5 รหส PK balance_date Date - วนทเกบขอมล balance_type Integer 1 ประเภทการบนทกขอมลยอดยกมา type = 4 balance_amount Decimal 13,2 จ านวนเงน

balance_icon Char 2 ไอคอนแสดงประเภทขอมล

3.3 การพฒนาแอพพลเคชน

การพฒนาแอพพลเคชนโดยใชโปรแกรม XCode IDEตามรปท 3.15 ทสามารถพฒนาแอพพลเคชนบน Mac OS และ iOSซงผพฒนาไดเลอกการพฒนาบนระบบปฏบตการ iOS ทเปน iPhone และใชภาษา Objective-C พฒนาแอพพลเคชนโดยการน ารายละเอยดการวเคราะหและออกแบบระบบทไดออกแบบไวนน มาพฒนาใหไดระบบทสมบรณ

ภาพท 3.15 โปรแกรม Xcode (developer.apple.com.,2013)

การออกแบบระบบผพฒนาแอพพลเคชนไดเลอกโปรแกรม MicrosoftVisio 2010 ใน

การออกแบบโฟลวชารต และหนาจอแอพพลเคชน

DPU

22

ตารางท 3.5 ระยะเวลาในการด าเนนการพฒนาแอพพลเคชน

แผนด าเนนงาน 2555 2556

กย. ตค. พย. ธค. มค. กพ. มค. เมย. พค. 1. ศกษาปญหาและความตองการ ของแอพพลเคชน

2. ศกษาเครองมอตางๆและภาษา ทใชในการพฒนาโปรแกรม

3. วเคราะหและออกแบบพฒนา แอพพลเคชน

4. การพฒนาแอพพลเคชน 5. การทดสอบและแกไขขอผด พลาดของแอพพลเคชน

6. ทดสอบการตดตงและใชงาน จรง

7. น าเสนอผลงานและสงผลงาน

DPU

บทท 4 ผลการด าเนนงาน

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

ด าเนนงานดงน 4.1 ขนตอนการใชงานแอพพลเคชน

1. เขาใชงานผานไอคอน iSpending บนโทรศพทมอถอไอโฟนของผใชงาน ตามภาพท 4.1

ภาพท 4.1 แอพพลเคชน iSpending

DPU

24

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

ตาม และแถบเมนดานลาง 4 เมน ตามภาพท 4.3

ภาพท 4.2 แทบเมนแอพพลเคชน iSpending

DPU

25

2.1 เมน iSpending คอหนาแรกทเขาใชแอพพลเคชน แสดงตวละครพรอมขอความสถานะการเงน ตามภาพท 4.3

ภาพท 4.3 หนาแรกทเขาใชแอพพลเคชน

DPU

26

หนาแรกสามารถกดแชรขอมลไดโดยกดปม Share it จะมเมนตามภาพท 4.4

ภาพท 4.4 แอพพลเคชนทสามารถแชรขอมลได

DPU

27

แชรขอมลผาน Facebook ตามภาพท 4.5

ภาพท 4.5 แชรขอมลผาน Facebook

DPU

28

แชรขอมลผาน Facebook ตามภาพท 4.6

ภาพท 4.5 แชรขอมลผาน Twitter

DPU

29

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

ภาพท 4.6 เมนเลอกประเภทการบนทกขอมลการเงน

DPU

30

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

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

ภาพท 4.7 หนาฟอรมปอนขอมลรายได

DPU

31

ผใชงานสามารถแนบรปถายทมาของรายไดน โดยกด รปกลองดานลาง ตามภาพท 4.8

ภาพท 4.8 แนบรปถายหนาฟอรมปอนขอมลรายได

DPU

32

เลอกเมน ถายรป ตามภาพท 4.9

ภาพท 4.9 เมน เลอก ถายรป

DPU

33

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

ผใชงานสามารถเลอนและจดต าแหนงรปไดตามตองการ ตามภาพท 4.10 กด Use เมอตองการรป หรอ Retake เมอตองการถายรปใหม

ภาพท 4.10 เลอนและจดต าแหนงรป

DPU

34

คาใชจาย คอ การบนทกขอมลคาใชจาย ผใชงานตองปอนขอมลทของคาใชจายและจ านวนเงนตามภาพท 4.11

ภาพท 4.11 หนาฟอรมปอนขอมลคาใชจายและสามารถกดปมเลอกประเภทของคาใชจายได

DPU

35

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

ภาพท 4.12 แนบรปถายทมาของคาใชจาย

DPU

36

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

ภาพท 4.13 หนาฟอรมปอนขอมลบนทกยอ

DPU

37

เมอตองการบนทกขอมลเสยง ใหกดปมบนทกเสยง ตามภาพท 4.14

ภาพท 4.14 การบนทกยอดวยเสยง

DPU

38

เมอกดปม แลว ปมจะเปลยนเปนแทบเมนบารส าหรบอดเสยง โดยปม

เพออดเสยง ตามภาพท 4.15

ภาพท 4.15 แทบเมนบารส าหรบอดเสยง

DPU

39

เมอกดปม อกครง ปมจะเปลยนสเปนสแดง เมอกดปมสแดง แลว เราสามารถพดบนทกเสยงทตองการจะบนทกเมอ เสรจแลวกดปมสแดง อกครง ตามภาพท 4.16

ภาพท 4.16 แทบเมนบาร ก าลงอดเสยง

DPU

40

จากนนกดปมเลน เพอฟงเสยงการบนทก ตามภาพท 4.17 ถาไมตองการบนทก

ใหมอกครงใหกดปม แตถาตองการบนทกใหมอกครงใหกด แลวเรมท าการบนทกใหม

ภาพท 4.17 เปดเลนเสยงทอนไวแลว

DPU

41

ผใชงานสามารถแนบรปถายทมาของบนทกยอ โดยกดรปกลอง ตามภาพท

4.18 เมอเลอกรปและปรบขนาดของรปเสรจแลว กดปม จบการท างานในฟงกชนการบนทกยอ

ภาพท 4.18 แนบรปถายส าหรบบนทกยอ

DPU

42

2.3 เมนสรปการเงน คอ สรปรายละเอยดทเราบนทกขอมลของรายได คาใชจาย ตามภาพท 4.19

ภาพท 4.19 สรปรายละเอยดตางๆของการบนทก

DPU

43

2.4 เมน คอรายละเอยดของผพฒนาระบบ iSpending ตามภาพท 4.20

ภาพท 4.20 ขอมลทแสดงในเมนเกยวกบ

DPU

44

4.2 ผลการประเมนความพงพอใจ การประเมนผลระบบพจารณาจากความพงพอใจจากกลมตวอยางทใชงานแอพพลเคชน

เพอน ามาวเคราะหขอมลและแปรผลการทดสอบแอพพลเคชน โดยใชแบบสอบถาม เพอประเมนความพงพอใจของระบบจาก 2 กลม คอ บคคลทวไปจ านวน 10 คน และนกศกษาจ านวน 10 คนโดยก าหนดเกณฑในการทดสอบไว 5 ระดบ

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

สถานะของผตอบแบบสอบถาม จ านวน รอยละ (%)

1. นกศกษา 10 50 2. บคคลทวไป 10 50

รวม 20 100

จากตารางท 4.1 พบวาสถานะของผตอบแบบสอบถาม จ านวนสองกลมคอ 1) นกศกษา 2) บคคลทวไป ทงสองกลมคดเปนรอยละ 50 จากจ านวนแบบสอบถามทงหมด 20 ชด ตารางท 4.2 ลกษณะของโทรศพทของผตอบแบบสอบถาม

ลกษณะของโทรศพท จ านวน รอยละ (%) 1. สมารทโฟน 20 100 2. โทรศพทประเภทอนๆ 0 0

รวม 20 100

จากตารางท 4.2 พบวาลกษณะของโทรศพทของผตอบแบบสอบถาม คดเปนรอยละ 100 จากผตอบแบบสอบถามทงหมด 20 ชด

DPU

45

ตารางท 4.3 เกณฑการใหคะแนนของแบบประเมนความพงพอใจ

เชงคณภาพ เชงปรมาณ ความหมาย 1. มากทสด 4.51-5 ผใชมความพงพอใจในระดบดมาก 2. มาก 4.01-4.50 ผใชมความพงพอใจในระดบด 3. ปานกลาง 3.51-4.00 ผใชมความพงพอใจในระดบปานกลาง 4. นอย 3.01-3.50 ผใชมความพงพอใจในระดบนอย 5. นอยทสด < 3.00 ผใชมความพงพอใจในระดบนอยมาก

โดยหวขอทใชในการประเมนมดงตอไปน 1. ความยากงายของการใชงาน 2. ความสวยงามของแอพพลเคชน 3. ตวการตนทแสดงสถานะการเงนกบการบนทกขอมลรายรบรายจาย 4. การแชรสถานะของขอมลการเงน

ตารางท 4.4 ความพงพอใจตอแอพพลเคชนในดานตางๆ

ความพงพอใจตอแอพพลเคชน X แปลผล 1. ความยากงายของการใชงาน 4.05 มาก 2. ความสวยงามของแอพพลเคชน 4.20 มาก 3. ตวการตนทแสดงสถานะการเงนกบการบนทกขอมลรายรบรายจาย 4.25 มาก 4. การแชรสถานะของขอมลทางการเงน 4.15 มาก

คาเฉลยทงหมด 4.16 มาก

จากตารางท 4.4 จากผลการประเมนความพงพอใจทมตอแอพพลเคชนโดยบคคลทวไปจ านวน 10 คนและการประเมนความพงพอใจของนกศกษาจ านวน 10 คน ดวยแบบประเมนทสรางขนการวเคราะหขอมลมคาเฉลยเทากบ 4.16 จงพบวาแอพพลเคชนทพฒนาขนและทดสอบโดยผ ทดลองใชงานมความพงพอใจโดยรวมอยในระดบด

DPU

46

ตารางท 4.5 การตดสนใจในการดาวโหลดแอพพลเคชนหลงจากทดลองใช iSpending

การตดสนใจ จ านวน รอยละ (%)

1. โหลด 20 100 2. ไมโหลด 0 0

รวม 20 100

จากตารางท 4.5 จากการประเมนแบบสอบถามเกยวกบการตดสนใจทจะใชแอพพลเคชนม 20 % และไมใชแอพพลเคชน 0% โดยพบสาเหตวาแอพพลเคชนนมประโยชนส าหรบการใชเงนในชวตประจ าวนมาก แอพพลเคชนเขาใจงายไมซ าซอน ลดระยะเวลาในการบนทกบญชรายรบจายในชวตประจ าวนจากการจดบนทกตามกระดาษ สมดบญช หรอ EXCEL สะดวกตอการใชงานและการพกพา

DPU

บทท5 สรปอภปรายผลการศกษาและขอเสนอแนะ

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

5.1 สรปผลและวจารณ

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

ฟงกชนการท างานแอพพลเคชน สรปผลและวจารณ 1. แสดงยอดเงน

2. แสดงรปกราฟก

3. แสดงปฏทน

4. บนทกขอมลรายได

5. บนทกขอมลคาใชจาย

6. บนทกยอ

7. บนทกเสยง

8. แนบรปถายในแตละฟงกชนการท างาน

9. แสดงยอดยกมาเดอนทผานมา

10. สรปยอดคาใชจายและสรปยอดคาใชจายยอนหลง

11. แสดงสถานะยอดเงนคงเหลอเปนการตนอารมณตางๆ

DPU

48

5.2 ปญหาทพบในการด าเนนงาน เนองจากการตองการพฒนาแอพพลเคชนส าหรบควบคมรายรบรายจายใหมความ

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

5.3 ขอเสนอแนะ

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

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

DPU

บรรณานกรม

DPU

50

บรรณานกรม

ภาษาไทย

วทยานพนธ วารพณ มงคลสมย. (2551). การจดการความรทางการบญชเพอพฒนาวสาหกจชมชน ในการผลต

ผลตภณฑลาไยอบแหงสทองของกลมเกษตรกรบานเหมองกวก ต.มะเขอแจ อ.เมอง จ.สาพน. (รายงานผลการวจย).เชยงใหม : มหาวทยาลยราชภฏเชยงใหม.

ผชวยศาสตราจารยภทรา เรองสนภญญา. (2555). บญชครวเรอน : คณะวทยาการจดการ มหาวทยาลยราชภฏเพชรบร.

สารสนเทศจากสออเลกทรอนกส

เวบไซตส าหรบโหลดโปรแกรมพฒนาแอพพลเคชน. สบคนเมอวนท 1 มกราคม 2556,จาก https://developer.apple.com/technologies/tools/whats-new.html

DPU

ภาคผนวก

DPU

52

ภาคผนวก ก

ตวอยางแบบสอบถาม

DPU

53

แบบสอบถาม เรอง ขอความอนเคราะหในการตอบแบบสอบถาม เรยน ผตอบแบบสอบถามทกทาน

ดวยขาพเจา นางสาวสพรรษา อนนต อยระหวางท าการศกษาและพฒนาระบบ iSpending :: แอพพลเคชนส าหรบควบคมรายรบรายจายบนโทรศพทมอถอไอโฟนเพอใชประกอบงานวจยระดบปรญญาโท สาขาวศวกรรมเวบ หลกสตรวทยาศาสตรมหาบณฑต มหาวทยาลยธรกจบณฑต จงใครขอความอนเคราะหจากทานตอบแบบสอบถาม ทงน ในการตอบแบบสอบถามของทานไมมผลตอการปฏบตงานใดๆ ทงสนและขาพเจาขอรบรองวาจะไมน าขอมลนไปเปดเผยในทใด และขอใหทานตอบแบบสอบถามใหตรงกบความเปนจรงมากทสด และโปรดตอบแบบสอบถามใหครบทกสวนการศกษานจะส าเรจลลวงไมไดหากไมไดรบความอนเคราะหจากทาน จงหวงเปนอยางยงวา จะไดรบความอนเคราะหจากทาน และขอขอบพระคณมา ณ โอกาสน ค าชแจง

1. แบบสอบถามมวตถประสงคเพอทราบความพงพอใจในการใชงานระบบ iSpending :: แอพพลเคชนส าหรบควบคมรายรบรายจายบนโทรศพทมอถอไอโฟน ส าหรบเปนขอมลในการปรบปรงและพฒนาระบบใหมประสทธภาพมากยงขนในโอกาสตอไป

2. ความคดเหนททานไดตอบแบบสอบถามนจะมคณคายงและจะไมสงผลกระทบตอผตอบแบบสอบถามใดๆ ทงสน

แบบสอบถามมทงหมด 3 ตอน คอ

ตอนท 1 ขอมลทวไปของผตอบแบบสอบถาม ตอนท 2 ขอมลความพงพอใจในการใชงานแอพพลเคชน ตอนท 3 ขอเสนอแนะและแนวทางในการปรบปรงและพฒนาแอพพลเคชน

DPU

54 ตอนท 1 ขอมลทวไปของผตอบแบบสอบถาม โปรดท าเครองหมาย ลงใน หนาขอความซงตรงกบขอมลของทาน

1. ต าแหนง บคคลทวไป นกศกษา

2.โทรศพทททานใชในปจจบน ใช Smart Phone ไมใช Smart Phone

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

ระดบคะแนน ความหมาย 5 มากทสด ผใชมความพงพอใจในระดบดมาก 4 มาก ผใชมความพงพอใจในระดบด 3 ปานกลาง ผใชมความพงพอใจในระดบปานกลาง 2 นอย ผใชมความพงพอใจในระดบนอย 1 นอยทสด ผใชมความพงพอใจในระดบนอยมาก

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

5 4 3 2 1

1. ความยากงายของการใชงาน 2. ความสวยงามของแอพพลเคชน 3. ตวการตนทแสดงสถานะการเงนกบการบนทกขอมลรายรบรายจาย

4. การแชรสถานะของขอมลการเงน

DPU

55 ตอนท 3 ขอเสนอแนะและแนวทางในการปรบปรงและพฒนาแอพพลเคชน โปรดท าเครองหมาย ลงใน หนาขอความซงตรงกบขอมลของทาน 3.1 หากมแอพพลเคชนส าหรบควบคมรายรบรายจาย ( iSpending ) ให Download ใน App Store ทานคดวาทานจะDownload มาใวเพอใชงานหรอไม Download ไม Download เพราะ..……………………………………………. 3.2 ขอเสนอแนะอนๆทตองการใหปรบปรงและพฒนา ………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………

ขอขอบคณทกทานทกรณาตอบแบบประเมนความพงพอใจ

DPU

56

ประวตผเขยน ชอ-นามสกล สพรรษา อนนต ประวตการศกษา ส าเรจการศกษาระดบปรญญาตรคณะเทคโนโลย

สารสนเทศ สาขาเทคโนโลยสารสนเทศธรกจ มหาวทยาลยธรกจบณฑตย ปการศกษา 2550

ต าแหนงและสถานทท างานปจจบน ธรกจสวนตว DPU