ภูวดล คันธศักดิศิริ -...

55
มายด์การ์ด: แอพพลิเคชันเพือการจัดการข้อมูลนามบัตร ภูวดล คันธศักดิ ศิริ โครงการพัฒนาระบบนีเป็นส่วนหนึงของการศึกษาตามหลักสูตรวิทยาศาสตรมหาบัณฑิต สาขาวิชาวิศวกรรมเว็บ คณะเทคโนโลยีสารสนเทศ มหาวิทยาลัยธุรกิจบัณฑิตย์ พ.ศ. 2557

Upload: others

Post on 19-Jul-2020

5 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: ภูวดล คันธศักดิศิริ - DPUlibdoc.dpu.ac.th/thesis/Puvadol.Can.pdfมายด การ ด: แอพพล เคช นเพ อการจ

มายดการด: แอพพลเคชนเพ�อการจดการขอมลนามบตร

ภวดล คนธศกด�ศร

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

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

พ.ศ. 2557

Page 2: ภูวดล คันธศักดิศิริ - DPUlibdoc.dpu.ac.th/thesis/Puvadol.Can.pdfมายด การ ด: แอพพล เคช นเพ อการจ

My Card: An Application for Business Card Management

Puvadol Canthasaksiri

A Project Submitted in Fulfillment of the Requirements

for the Degree of Master of Science

Department of Web Engineering

Faculty of Information Technology, Dhurakij Pundit University

2014

Page 3: ภูวดล คันธศักดิศิริ - DPUlibdoc.dpu.ac.th/thesis/Puvadol.Can.pdfมายด การ ด: แอพพล เคช นเพ อการจ

หวขอโครงการ มายดการด: แอพพลเคชนเพ�อการจดการขอมลนามบตร

ช�อผเขยน ภวดล คนธศกด� ศร

อาจารยท�ปรกษา ผชวยศาสตราจารย ดร.วรสทธ� ชชยวฒนา

สาขาวชา วศวกรรมเวบ

ปการศกษา 2557

บทคดยอ

นามบตรเปนกระดาษใบเลกๆ แตมการใสขอมลท�สาคญท�มผลกระทบตอความสาเรจ

ของธรกจ ผท�ทางานในองคกรธรกจไมวาจะเปนองคกรท�แสวงหาผลกาไร หรอองคกรการกศล ตาง

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

กตาม หากบคคลน�นทางานมาเปนระยะเวลาย�งนานมากข�นเทาใด กสงผลใหปรมาณของนามบตรท�

เกบไวมมากข�นดวย ดงน�นเม�อเวลาผานไป ขอจากดของท�จดเกบ ความยงยาก และความพรอมใน

การเขาถงขอมลการตดตอ อาจจะกลายเปนปญหาได เพราะฉะน�นการใชเทคโนโลยเขามาจดการ

กบขอมลเหลาน� จงเปนส�งท�หลกเล�ยงไมได

วตถประสงคของโครงงานน� ไดแกการพฒนาไอโอเอสแอพพลเคชนท�มช�อวา ‘มายด

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

ดงกลาวจะทาการตอบสนองความตองการเบ�องตนท�บคคลตองการจากการใชนามบตร โดย

สามารถเกบขอมลนามบตร และสามารถทาการตดตอส�อสารจากโทรศพทมอถอไดทกเวลาทก

สถานท�

Page 4: ภูวดล คันธศักดิศิริ - DPUlibdoc.dpu.ac.th/thesis/Puvadol.Can.pdfมายด การ ด: แอพพล เคช นเพ อการจ

Project Title My Card: An Application for Business Card Management

Author Puvadol Canthasaksiri

Project Advisor Asst.Prof.Dr.Worasit Choochaiwattana

Department Web Engineering

Academic Year 2014

ABSTRACT

Contact cards are small and thin paper containing important information that impacts

the success of the business. Persons working in businesses both profit organization and non-profit

organization take the advantages of their business partner contact card information as sources of

business contact information. However, the longer they are working in the business, the more

contact cards they have to store. As time goes by, the limitation of contact card storage space and

the difficulty and the readiness of contact information accessing could be a problem. Hence, using

technology to help maintaining these valuable information is inevitable.

The objective of this project is to develop IOS application, named ‘My Card’, which

can be used to store and manage contact card information efficiency. The application enable

business persons to maintain and manage contact card, access information, and connect business

partner, anytime and anywhere from their mobile devices.

Page 5: ภูวดล คันธศักดิศิริ - DPUlibdoc.dpu.ac.th/thesis/Puvadol.Can.pdfมายด การ ด: แอพพล เคช นเพ อการจ

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

สารนพนธฉบบน� สาเรจลลวงไปไดดวยด เพราะไดรบความอนเคราะหจากอาจารยท�

ปรกษา ผศ. ดร.วรสทธ� ชชยว ฒนา ท�ไดสละเวลาอนมคา เพ�ออบรม ส�งสอน และแนะนา

กระบวนการทาสารนพนธท�ถกตอง โดยนอกเหนอจากในตาราเรยนแลว ทานอาจารยยงประสทธ�

ประสาทองคความรนอกเหนอจากตาราวชาการผานประสบการณ เปนเคร� องมอชวยในการ

ประกอบการงาน และแงคดในการดารงชวต ขาพเจารสกซาบซ�งเปนอยางสงท�ไดมโอกาสไดศกษา

และเปนสวนหน�งของสาขาวศวกรรมเวบ คณะเทคโนโลยสารสนเทศแหงน�

ขอกราบขอบพระคณครอบครวของขาพเจา ท�ใหก าลงใจ สนบสนน และเปน

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

ดารงชวตประจาวน และการประกอบชวตการงาน

และสดทาย ขอขอบคณเพ�อน ๆ ท�งในและ นอกคณะวศวกรรมเวบ ท�ไดใหความ

ชวยเหลอ และแบงปนความรท�เก�ยวของกบการทาสารนพนธฉบบน�

ภวดล คนธศกด� ศร

Page 6: ภูวดล คันธศักดิศิริ - DPUlibdoc.dpu.ac.th/thesis/Puvadol.Can.pdfมายด การ ด: แอพพล เคช นเพ อการจ

สารบญ

หนา

บทคดยอภาษาไทย ............................................................................................................. ฆ

บทคดยอภาษาองกฤษ ........................................................................................................ ง

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

สารบญตาราง ..................................................................................................................... ช

สารบญภาพ ........................................................................................................................ ซ

บทท�

1. บทนา .................................................................................................................... 1

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

1.2 วตถประสงคของงาน ..................................................................................... 2

1.3 ประโยชนท�คาดวาจะไดรบ ............................................................................ 2

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

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

2.1 การวเคราะหจดการขอมลนามบตรในรปแบบด�งเดม .................................... 3

2.2 งานแอพพลเคชนท�เก�ยวของ .......................................................................... 4

3. วธการดาเนนการและเคร�องมอ ............................................................................. 11

3.1 ศกษาปญหาและความตองการของระบบ ....................................................... 11

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

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

4. ผลการดาเนนงาน .................................................................................................. 25

4.1 การใชงานแอพพลเคชน ................................................................................. 25

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

5.1 สรปอภปรายผล.............................................................................................. 42

5.2 ขอเสนอแนะในการศกษาข�นตอไป................................................................ 43

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

ประวตผเขยน ..................................................................................................................... 45

Page 7: ภูวดล คันธศักดิศิริ - DPUlibdoc.dpu.ac.th/thesis/Puvadol.Can.pdfมายด การ ด: แอพพล เคช นเพ อการจ

สารบญตาราง

ตารางท� หนา

�.� ตารางเปรยบเทยบการวเคราะหแอพพลเคชน ................................................. 10

3.� ตารางขอมล .................................................................................................... 23

3.2 ตารางระยะเวลาในการดาเนนการพฒนาแอพพลเคชน................................... 24

Page 8: ภูวดล คันธศักดิศิริ - DPUlibdoc.dpu.ac.th/thesis/Puvadol.Can.pdfมายด การ ด: แอพพล เคช นเพ อการจ

สารบญภาพ

ภาพท� หนา

�.� แอพพลเคชน Contacts ...................................................................................... 5

�.2 เวบไซตของบรษท Sourcenext ......................................................................... 6

�.3 แอพพลเคชน Business Card ............................................................................. 7

�.4 เวบไซตของบรษท Plaxo .................................................................................. 8

�.5 แอพพลเคชน CardSharing ................................................................................ 9

3.� Use Case Diagram ............................................................................................ 12

3.2 แผนภาพกจกรรม: แผนภาพรวม ....................................................................... 13

3.3 แผนภาพกจกรรม: การแสดงรายช�อบคคล การลบ และการคนหา .................... 14

3.4 แผนภาพกจกรรม: การเพ�มขอมลบคคล ............................................................ 15

3.5 แผนภาพกจกรรม: การแกไขขอมลบคคล ......................................................... 16

3.6 แผนภาพกจกรรม: ฟงกชนการทางานจากขอมลนามบตร ................................ 17

3.7 แผนผงการทางานขอแอพพลเคชน ................................................................... 18

3.8 หนาจอแสดงรายช�อ........................................................................................... 19

3.9 หนาจอเพ�มขอมล .............................................................................................. 20

3.10 หนาจอแสดงขอมลรายบคคล .......................................................................... 21

3.11 หนาจอแกไขขอมล .......................................................................................... 22

4.� การเขาใชงานแอพพลเคชน My Card ................................................................ 25

4.2 หนาจอการรอเรยกแอพพลเคชน ....................................................................... 26

4.3 หนาจอแสดงรายช�อนามบตร ............................................................................ 27

4.4 หนาจอแสดงปมเพ�อลบขอมลบคคล ................................................................. 28

4.5 หนาจอแสดงรายช�อบคคลหลงจากการลบ ........................................................ 29

4.6 หนาจอแสดงการคนหารายช�อนามบตร ............................................................ 30

4.7 หนาจอเพ�มขอมลบคคล..................................................................................... 31

4.8 หนาจอเล�อกรปภาพ........................................................................................... 32

4.9 หนาจอถายรปภาพ............................................................................................. 33

4.�0 หนาจอยนยนการใชรปภาพ ............................................................................ 34

4.�1 หนาจอแอพพลเคชนเม�อกรอกขอมลเสรจส�น ................................................. 35

Page 9: ภูวดล คันธศักดิศิริ - DPUlibdoc.dpu.ac.th/thesis/Puvadol.Can.pdfมายด การ ด: แอพพล เคช นเพ อการจ

สารบญภาพ (ตอ)

ภาพท� หนา

4.�2 หนาจอแอพพลเคชนเม�อกดปมบนทกขอมล ................................................... 36

4.�3 หนาจอแสดงขอมลบคคล ................................................................................ 37

4.�4 หนาจอการแกไขขอมลบคคล.......................................................................... 38

4.�5 หนาจอการสงอเมล ......................................................................................... 39

4.�6 หนาจอการโทรศพท ........................................................................................ 40

4.�7 หนาจอการสงขอมลนามบตรผานอเมล........................................................... 41

Page 10: ภูวดล คันธศักดิศิริ - DPUlibdoc.dpu.ac.th/thesis/Puvadol.Can.pdfมายด การ ด: แอพพล เคช นเพ อการจ

บทท� 1

บทนา

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

การตดตอเร�องธรกจ งานสงคม งานสงสรรคระหวางเพ�อน หรอการพบปะกบบคคลอ�น

เปนคร� งแรก จะมการหยบย�นหรอแลกเปล�ยนกระดาษแผนเลก ๆ ซ�งเปนกระดาษท�ถกสรางข�นมา

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

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

ตาแหนงงาน ขอมลท�อยอาศย เบอรโทรศพท หรออเมล เปนตน ซ�งการแลกเปล�ยนกระดาษท�เปน

เสมอนตวแทนของบคคลน� บางวฒนธรรมถอเปนส�งท�สาคญสาหรบการทาธรกจและตองมข�นตอน

ท�ตองปฏบตตาม เพ�อแสดงถงมารยาทท�ด กระดาษแผนเลก ๆ น� ถกเรยกวา “นามบตร” (สารานกรม

ไทย ฉบบราชบณฑตยสถาน, 2522)

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

ตาแหนงท�จาเปนจะตองตดตอกบบคคลอ�น เชน พนกงานขาย ท�ปรกษา หรอผบรหาร เปนตน ซ�ง

บคคลท�ทางานประเภทน� มความจาเปนท�ตองตดตอกบบคคลจานวนมาก ซ�งปญหาท�ตามมาคอ

นามบตรจานวนมหาศาลท�ตองจดการ และจดเกบ เพ�อเปนขอมลเอาไวตดตอเพ�อดาเนนธรกจ การ

แกปญหาเบ�องตน คงหลกเล�ยงไมไดท�จะตองทาการหาวธการจดเกบนามบตรเหลาน�น เชน กลอง

กระเปา หรอสมดเกบนามบตร เปนตน ปญหาท�ตามมาคอ เม�อจานวนของนามบตรมากข�นเร�อย ๆ

การจดเกบ การจดการ การคนหา ตลอดจนไปถงการพกพาน�นทาไดคอนขางยาก

เม�อมาถงยคปจจบน สาหรบบคคลท�ทางานอยในองคกรธรกจ ไมวาจะเปนประเภทใดก

ตาม คงไมสามารถปฏเสธประโยชนของส� งท� ทกคนพกตดตวเอาไวแทบทกเวลา น�นกคอ

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

กายภาพไมเพ�มข�นแมแตนอย ดวยขอดขอน� ประกอบกบปญหาท�เกดข�น ผพฒนาเลงเหนวา การยาย

การเกบขอมลแบบกายภาพ มาเปนขอมลแบบดจทล จะเปนอกหน� งทางเลอก ในการจดเกบ และ

จดการขอมลไดอยางมประสทธภาพ

Page 11: ภูวดล คันธศักดิศิริ - DPUlibdoc.dpu.ac.th/thesis/Puvadol.Can.pdfมายด การ ด: แอพพล เคช นเพ อการจ

2

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

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

เทคโนโลยมาชวยในการจดเกบขอมลนามบตรแทนท�การจดเกบในรปแบบเดม เพ�อเพ�ม

ประสทธภาพในการจดเกบขอมล โดยแอพพลเคชนน� ทาการจดเกบขอมลเบ�องตน และขอมลภาพ

ของนามบตร เพ�อนาไปใชในฟงกชนท�สามารถตอบสนองความตองการพ�นฐานในการจดการกบ

ขอมลของนามบตรได

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

1. แอพพลเคชนตนแบบสาหรบการจดเกบ และจดการขอมลของนามบตร

2. แอพพลเคชนสามารถเพ�มประสทธภาพทางดานปรมาณในการจดเกบขอมลนามบตร

3. แอพพลเคชนสามารถเพ�มประสทธภาพทางดานการจดการกบขอมลของนามบตร พรอม

ท�งสามารถตอบสนองวตถประสงคเบ�องตนของการใชขอมลบนนามบตร

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

1. แอพพลเคชนสาหรบใชงานสวนบคคล

2. การพฒนาแอพพลชนอยบนระบบปฏบตการไอโอเอส (IOS)

3. การใชงานแอพพลชนครอบคลมความตองการพ�นฐาน ของการใชขอมลบนนามบตร

3.1 สามารถเพ�ม ลบ หรอแกไข รายการนามบตรได

3.2 สามารถจดเกบขอมลพ�นฐานของนามบตรได เชน ช�อ อเมล และรปภาพ เปนตน

3.3 สามารถแสดงท�งรายช�อบคคล บรษท และสามารถทาการคนหาได

3.4 สามารถสงขอมลของนามบตรผานทางอเมลได

3.5 สามารถโทรออก และสงอเมลออกจากหนาแสดงขอมลได

Page 12: ภูวดล คันธศักดิศิริ - DPUlibdoc.dpu.ac.th/thesis/Puvadol.Can.pdfมายด การ ด: แอพพล เคช นเพ อการจ

บทท� 2

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

ในบทน�จะเปนการวเคราะหแนวคดเก�ยวกบการจดเกบและจดการขอมลนามบตรในรป

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

ยอยน�น ๆ ตอจากการวเคราะหแนวคด จะเปนการวเคราะหแอพพลเคชนท�มรปแบบคลายคลงกน

เพ�อนามาศกษา และนาไปใชในการพฒนาแอพพลเคชน

2.1 การวเคราะหจดการขอมลนามบตรในรปแบบด�งเดม

2.1.1 กรรมวธการจดเกบและพ�นท�ในการจดเกบ

ในทกคร� งท�มการตดตอกบบคคล มการแลกเปล�ยน หรอไดรบนามบตร หากตองการเกบ

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

นามบตรไดในเวลาท�ตองการ จงจาเปนท�จะตองหาพ�นท�ในการจดเกบ ยกตวอยางเชน สมดนามบตร

กระเปานามบตร หรอแฟมนามบตร เปนตน การจดเกบในลกษณะแบบน� เม�อเวลาผานไป ซ�งเปน

เร�องปกตในการทาธรกจ ท�ยอมตองมการตดตอกบบคคลอ�นเพ�มมากข�นเร� อย ๆ สงผลใหมจานวน

นามบตรเพ�มข�น กจาเปนท�จะตองหาพ�นท�ในการจดเกบมากข�นเชนกน

2.1.2 การจดการขอมลนามบตร

ในกรณท�ตองการใหการจดเกบนามบตรเปนไปอยางเปนระบบ เพ�อท�จะใหการเขาถง

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

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

จดลาดบไวใหเหมอนเดม จาเปนท�จะตองเล�อนนามบตรทก ๆ บตร ท�อยในลาดบถดจากนามบตรท�

ทาการแทรก หรอกลบกนในกรณท�นานามบตรออก ตองเลอนนามบตรท�อยถดไปมาแทนท�

Page 13: ภูวดล คันธศักดิศิริ - DPUlibdoc.dpu.ac.th/thesis/Puvadol.Can.pdfมายด การ ด: แอพพล เคช นเพ อการจ

4

2.1.3 การเขาถงขอมลนามบตร

การเกบแบบเดม การเขาถงขอมลนามบตร คอ การคนเจอนามบตรจากท� ๆ ไดจดเกบไว

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

ระบบ ซ�งเปนเร� องของการจดการขอมลนามบตรท�ไดกลาวไวในหวขอ 2.1.3 และเน�องจากเปน

ขอมลทางกายภาพ ประสทธภาพในการคนหาจงถกจากด ดวยปจจยหลาย ๆ ดาน เชน สถานท�หรอ

พ�นท� ๆ ใชในการจดเกบ จานวนของนามบตร จานวนนามบตรท�แสดงตอหน� งหนาของพ�นท� ๆ

จดเกบ หรอแมแตความผดพลาดของบคคลผคนหา เชน การมองขามนามบตรท�ตองการไป เปนตน

2.1.4 การใชงานนามบตร

ส�งท�บคคลหน� ง ๆ ตองการจากนามบตรคอขอมล ไดแก ช�อบรษท ขอมลท�อย เบอร

โทรศทพ และอเมล เปนตน เพ�อท�จะนาไปใชในการตดตอส�อสาร โดยวธด�งเดมคอ การอานขอมลท�

อยบนนามบตร จากน�นข�นตอนตอไปคอ การนาขอมลท�อานไดน�นไปดาเนนการตอ เชน การกดเลข

โทรศพทเพ�อโทรออกออก หรอการพมพช�ออเมลเพ�อสงขอความ เปนตน ซ�งตรงน� จะสงเกตวา ม

การท�บคคลกระทากบขอมลท�ไดจากนามบตรสองคร� งดวยกน คอการรบขอมลนามบตร และการ

ถายทอดขอมลนามบตรออกไป ซ�งมความเปนไปไดในการเกดความผดพลาดของท�งสองข�นตอน

2.2 งานแอพพลเคชนท�เก�ยวของ

2.2.1 Contacts by Apple

Contacts เปนแอพพลเคชนพ�นฐานท�พฒนาโดยบรษท Apple เอง ถกตดต�งมากบระบบ

IOS มหนาท�หลกคอ เกบบนทกรายช�อเพ�อการตดตอส�อสารทาง การโทรศทพ การสงขอความ และ

การสงอเมล โดยมการเกบขอมลยกตวอยางเชน ช�อ นามสกล เบอรโทรศพท อเมล ท�อย วนเกด และ

ขอมลอ�น ๆ เปนตน

Page 14: ภูวดล คันธศักดิศิริ - DPUlibdoc.dpu.ac.th/thesis/Puvadol.Can.pdfมายด การ ด: แอพพล เคช นเพ อการจ

5

โดยแอพพลเคชน Contacts ของ Apple ตวน� ท�ผพ ฒนาไดใชเปนประจาทกวน เปน

จดเร�มตนของการพฒนาแอพพเคชนน� เม�อผพฒนาพบปญหาเร�องความลาบากในการจดการกบ

ขอมลนามบตร ซ�งผพฒนาเหนวา หากนาขอดของการเกบขอมลในลกษณะน� มาเปนตนแบบเพ�อ

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

ภาพท� 2.1 แอพพลเคชน Contacts

Page 15: ภูวดล คันธศักดิศิริ - DPUlibdoc.dpu.ac.th/thesis/Puvadol.Can.pdfมายด การ ด: แอพพล เคช นเพ อการจ

6

2.2.2 Business Card by Sourcenext Corporation

บรษท Sourcenext พฒนาซอฟตแวรเพ�อจดจาหนายในประเทศญ�ปน กอต�งข�นในป 1996

Sourcenext มบรษทท� เปนพนธมตรทางธรกจท�มช�อเสยงคอนขางโดงดงอนไดแก Evernote,

Dropbox, Cyberlink และ Bitdefender เปนตน ดวยความนาเช�อถอในสวนน� ประกอบกบความเปน

บรษทท�เปนวฒนธรรมญ�ปน ท�ใหความสาคญกบนามบตร ผพฒนาจงเลอกแอพพลเคช�นท�ถกสราง

โดย Sourcenext มาเปนแนวทางในการพฒนา

ภาพท� 2.2 เวบไซตของบรษท Sourcenext

Page 16: ภูวดล คันธศักดิศิริ - DPUlibdoc.dpu.ac.th/thesis/Puvadol.Can.pdfมายด การ ด: แอพพล เคช นเพ อการจ

7

แอพลเคชน Business Card เปนแอพพลเคช�นท�ถกพฒนาข�นโดยมวตถประสงคเพ�อการ

แลกเปล�ยนขอมลนามบตร ใชสรางนามบตรท�เปนขอมลแบบดจทล โดยเกบภาพนามบตรและ

ขอมลของนามบตร สามารถจดเกบและจดการขอมลของนามบตรไดในระดบหน� ง ซ�งผพฒนาได

วเคราะหและนามาประยกตใชในการพฒนาแอพพลเคช�นใหเหมาะสมกบการใชงาน

ภาพท� 2.3 แอพพลเคชน Business Card

Page 17: ภูวดล คันธศักดิศิริ - DPUlibdoc.dpu.ac.th/thesis/Puvadol.Can.pdfมายด การ ด: แอพพล เคช นเพ อการจ

8

2.2.3 CardSharing by Plaxo, Inc.

บรษท Plaxo กอต�งในป 2002 ซ�งวตถประสงคหลกของการกอต�ง คอตองการมสวนรวม

ในจดการปญหาของขอมลสวนตว และขอมลท�อย (Address book) ซ�ง ณ ตอนน�นไมมความเปน

ปจจบน โดยบรษท Plaxo น�นไดทาซอฟตแวรออนไลนเพ�อจดการกบขอมลเหลาน� โดยเฉพาะ

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

วตถประสงคของการพฒนาแอพพลเคชนน� จงเลอกท�จะวเคราะหแอพพลเคชนท�ถกสรางข�นโดย

บรษท Plaxo

ภาพท� 2.4 เวบไซตของบรษท Plaxo

Page 18: ภูวดล คันธศักดิศิริ - DPUlibdoc.dpu.ac.th/thesis/Puvadol.Can.pdfมายด การ ด: แอพพล เคช นเพ อการจ

9

CardSharing เปนแอพพลเคชนท�ทาใหผใชสามารถสรางขอมลสวนตว อาทเชน ช�อ

นามสกล อเมล ท�อย และเบอรโทรศพท เปนตน โดยแบงเปนท�อยอาศย และสถานท� ๆ ประกอบ

ธรกจ โดยตวแอพพลเคชนสามารถสงขอความ QR Code หรอ อเมล ใหกบบคคลอ�นได ซ�งนบวา

เปนการจดการท�นาสนใจ ผพฒนาจงมความสนใจท�นาฟงกชนตาง ๆ มาประยกตกบแอพพลเคชนท�

จะพฒนา

ภาพท� 2.5 แอพพลเคชน CardSharing

Page 19: ภูวดล คันธศักดิศิริ - DPUlibdoc.dpu.ac.th/thesis/Puvadol.Can.pdfมายด การ ด: แอพพล เคช นเพ อการจ

10

2.2.4 ตารางเปรยบเทยบแอพพลเคชน

หวขอน� เปนการนาขอมลจากการวเคราะหแอพพลเคชนท�มอยแลวในปจจบน มา

เปรยบเทยบกบแอพพลเคชนท�พฒนาข�น โดยแบงดวยความสามารถของฟงกชนในการใชงาน ม

ความแตกตางกนดงตารางท� �.�

ตารางท� �.� ตารางเปรยบเทยบการวเคราะหแอพพลเคชน

หวขอ Contacts Business

Card CardSharing

My

Card

1. แสดงรายช�อรายบคคล

2. แสดงรายช�อรายบรษท

3. แสดงรายช�อเปนกลมอกษร

4. คนหารายช�อตามรายช�อบคคล

5. คนหารายช�อตามรายช�อบรษท

6. เกบรปภาพนามบตร

7. เพ�ม ลบ หรอแกไขขอมลนามบตร

8. กดเพ�อโทรออกผานแอพพลเคชน

9. กดเพ�อสงอเมลผานแอพพลเคชน

10. สงขอมลของนามบตรผานอเมล

11. สงขอมลของนามบตรผาน QR Code

12. สงขอมลของนามบตรผาน Bluetooth

13. จานวนฟลดของขอมลตอหน�งรายช�อ

(เรยงจากมากไปนอย โดย 1 คอมาก

ท�สด)

1 2 3 4

Page 20: ภูวดล คันธศักดิศิริ - DPUlibdoc.dpu.ac.th/thesis/Puvadol.Can.pdfมายด การ ด: แอพพล เคช นเพ อการจ

บทท� 3

วธการดาเนนการและเคร�องมอ

การดาเนนการพฒนาแอพพลเคชนเพ�อจดเกบนามบตร เปนการพฒนาแอพพลเคชน

ข�นมาใหม โดยนาเอาการเกบขอมลแบบดจทล มาประยกตใชกบการเกบขอมลแบบด�งเดม และ

นาเอาขอมลของนามบตรสามารถไปประยกตใชในการดาเนนการตดตอส�อสารได โดยการพฒนา

ระบบมข�นตอนดงตอไปน�

3.1 ศกษาปญหาและความตองการของระบบ

ปญหาของการจดเกบขอมลนามบตรเปนปญหาท�ผพฒนาประสบกบตนเอง ดวยหนาท�

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

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

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

เกาน�น ไดอธบายอยในบทท� 2

สาหรบการพฒนาแอพพลเคชนท�สามารถจดเกบและจดการใหเหมาะสมกบการใชงาน

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

พฒนาแอพพลเคชน โดยมรายละเอยดข�นตอนดงตอไปน�

3.3.� วเคราะห และศกษาแอพพลเคชนท�ไดถกพฒนาข�นโดยบรษทท�มความนาเช�อถอ ท�ได

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

ประยกตและพฒนาแอพพลเคชนท�จะทาข�น

�.3.2 ศกษาการทางานของระบบไอโอเอส (iOS) ระบบปฏบตการท�ใชในควบคมการทางาน

บนอปกรณตาง ๆ โดยเนนไปท�การควบคมบนโทรศพทเคล�อนท� ซ�งใชเปนฐานในการพฒนาแอพ

พลเคชนน� และศกษาระบบการทางานตาง ๆ เชน ไลบราร เฟรมเวรค และซอฟตแวรอ�น ๆ ท�จาเปน

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

Page 21: ภูวดล คันธศักดิศิริ - DPUlibdoc.dpu.ac.th/thesis/Puvadol.Can.pdfมายด การ ด: แอพพล เคช นเพ อการจ

12

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

ในสวนน� เปนการวเคราะหและออกแบบโครง เพ�อใชในการพฒนาแอพพลเคชน

สาหรบการจดการและจดเกบขอมลนามบตร โดยมข�นตอนดงตอไปน�

3.2.1 Use Case Diagram

Use Case Diagram ใชเพ�อการออกแบบความสมพนธของผใชกบระบบ โดยอธบายถง

กรณตาง ๆ ท�สามารถเกดข�นไดในระบบท�จะพฒนาข�น ดงภาพท� 3.1

แสดงรายช�อนามบตร

เพ�มรายช�อนามบตร

แกไขขอมลนามบตร

ดขอมลนามบตร

โทรออก/สงอเมล

ลบขอมลนามบตร

คนหานามบตร

สงขอมลนามบตรทางอเมล

ภาพท� 3.1 Use Case Diagram

Page 22: ภูวดล คันธศักดิศิริ - DPUlibdoc.dpu.ac.th/thesis/Puvadol.Can.pdfมายด การ ด: แอพพล เคช นเพ อการจ

13

3.2.2 Activity Diagram

Activity Diagram หรอแผนภาพกจกรรม ใชอธบายกจกรรมท�เกดข�นในลกษณะท�เปน

การไหลของการทางาน (Workflow) จะมลกษณะเชนเดยวกบ Flowchart คอแสดงข�นตอนการ

ทางานของระบบ โดยข�นตอนในการทางานแตละข�นตอนเรยกวา Activity โดยการออกแบบ

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

ความเขาใจดงน�

การแสดง คนหา ลบรายช�อบคคล และการแสดงขอมลบคคล

การเพ�มขอมลบคคล

การแกไขขอมลบคคล

ฟงกชนการทางานจากขอมลนามบตร

โดยแตละแผนภาพกจกรรมยอยดงกลาว มความเก�ยวเน�องกน ดงท�แสดงในภาพท� 3.2

แผนภาพกจกรรมแบบ (แผนภาพรวม)

ผใชงาน ระบบ

การเพ�มขอมลบคคลการแสดงรายช�อ

บคคลและการคนหา

การแกไขขอมลบคคล

ฟงกชนการทางานจากขอมลนามบตร

การแสดงขอมลบคคล

ภาพท� 3.2 แผนภาพกจกรรม: แผนภาพรวม

Page 23: ภูวดล คันธศักดิศิริ - DPUlibdoc.dpu.ac.th/thesis/Puvadol.Can.pdfมายด การ ด: แอพพล เคช นเพ อการจ

14

3.2.2.1 การแสดง คนหา ลบรายช�อบคคล และการแสดงขอมลบคคล

1. การแสดง/คนหา/ลบรายช�อบคคล และการแสดงขอมลบคคล

ผใชงาน ระบบ

ผใชเปดเขาใชระบบระบบแสดงรายช�อ

นามบตร

ผใชทาการลบรายช�อบคคล

ผใชเลอกช�อบคคลเพ�อดขอมล

ระบบแสดงขอมลบคคล

ผใชพมพคนหารายช�อ

ระบบทาการลบรายช�อบคคล

ระบบแสดงรายช�อนามบตร

ภาพท� 3.3 แผนภาพกจกรรม: การแสดงรายช�อบคคล การลบ และการคนหา

Page 24: ภูวดล คันธศักดิศิริ - DPUlibdoc.dpu.ac.th/thesis/Puvadol.Can.pdfมายด การ ด: แอพพล เคช นเพ อการจ

15

3.2.2.2 การเพ�มขอมลบคคล

2. การเพ�มขอมลบคคล

ผใชงาน ระบบ

ผใชเปดเขาใชระบบระบบแสดงรายช�อ

นามบตร

ผใชกดปมเพ�มรายชอบคคล

ระบบแสดงหนาจอเพ�อใสขอมล

ผใชเลอกเพ�มรายชอบคคล

ผใชกดบนทกขอมลระบบบนทกขอมลและกลบไปหนา

แสดงรายช�อ

ภาพท� 3.4 แผนภาพกจกรรม: การเพ�มขอมลบคคล

Page 25: ภูวดล คันธศักดิศิริ - DPUlibdoc.dpu.ac.th/thesis/Puvadol.Can.pdfมายด การ ด: แอพพล เคช นเพ อการจ

16

3.2.2.3 การแกไขขอมลบคคล

3. การแกไขขอมลบคคล

ผใชงาน ระบบ

ผใชเปดเขาใชระบบระบบแสดงรายช�อ

นามบตร

ผใชเลอกช�อบคคลเพ�อดขอมล

ระบบแสดงขอมลบคคล

ผใชกดปมแกไขขอมลบคคล

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

ผใชแกไขขอมล และกดป มบนทก

ระบบบนทกขอมลและกลบไปหนา

แสดงรายช�อ

ภาพท� 3.5 แผนภาพกจกรรม: การแกไขขอมลบคคล

Page 26: ภูวดล คันธศักดิศิริ - DPUlibdoc.dpu.ac.th/thesis/Puvadol.Can.pdfมายด การ ด: แอพพล เคช นเพ อการจ

17

3.2.2.4 ฟงกชนการทางานจากขอมลนามบตร

4. ฟงกชนการทางานจากขอมลนามบตร

ผใชงาน ระบบ

ผใชเปดเขาใชระบบระบบแสดงรายช�อ

นามบตร

ผใชเลอกช�อบคคลเพ�อดขอมล

ระบบแสดงขอมลบคคล

ผใชกดเบอรโทรเพ�อโทรออก

ผใชกดอเมลเพ�อสงอเมล

ผใชกดปมเพ�อสงขอมลนามบตร ทางอเมล

ระบบทาการโทรออกหาบคคล

ระบบทาการสงอเมลหาบคคล

ระบบทาการสงขอมลของนามบตรทางอเมล

ภาพท� 3.6 แผนภาพกจกรรม: ฟงกชนการทางานจากขอมลนามบตร

Page 27: ภูวดล คันธศักดิศิริ - DPUlibdoc.dpu.ac.th/thesis/Puvadol.Can.pdfมายด การ ด: แอพพล เคช นเพ อการจ

18

3.2.3 Blueprint

Blueprint คอ การออกแบบแผนผงโครงสรางสารสนเทศในการใชงานแอพพลเคชนท�จะ

พฒนาข�น แสดงถงโครงสรางการทางานและการเขาถงขอมลของแอพพลเคชน ดงภาพ

แสดงรายช�อ เพ�มขอมล แกไขขอมลแสดงขอมลบคคล

ลบขอมล

ฐานขอมล

รายช�อบคคล ขอมลบคคล เพ�มขอมล แกไขขอมลคนหารายช�อ

รายช�อบคคล

ภาพท� 3.7 แผนผงการทางานขอแอพพลเคชน

Page 28: ภูวดล คันธศักดิศิริ - DPUlibdoc.dpu.ac.th/thesis/Puvadol.Can.pdfมายด การ ด: แอพพล เคช นเพ อการจ

19

3.2.4 การออกแบบหนาจอแอพพลเคชน

หนาแรกของแอพพลเคชน คอหนาจอแสดงรายช�อ เปนหนาท�แสดงรายช�อท�งหมดท�มอย

แบงเปนแถว โดยแตละแถวจะเปนชดขอมลท�ประกอบดวย ช�อของบคคล และช�อของบรษท

นอกจากน�นยงตองสามารถแบงกลมตามตวอกษรของช�อบคคลได และตองสามารถคนหาได โดย

การคนหาน�นจะเปนการคนหาท�งช�อของบคคลรวมกบช�อบรษท และแสดงผลการคนหาในหนาจอ

เดยวกน ดงภาพท� 3.6

TopicAdd

Search Tool

Grouping Section

Grouping Section

Person A

Person B

Person BB

ภาพท� 3.8 หนาจอแสดงรายช�อ

Page 29: ภูวดล คันธศักดิศิริ - DPUlibdoc.dpu.ac.th/thesis/Puvadol.Can.pdfมายด การ ด: แอพพล เคช นเพ อการจ

20

หนาจอการเพ�มขอมล เปนหนาจอท�ตอจากหนาจอแสดงรายช�อในกรณท�กดปมเพ�ม

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

แบบคอ คนหารปจากในโทรศพทเคล�อนท� หรอถายรปนามบตรโดยใชกลองท� ตดมากบ

โทรศพทเคล�อนท� จากน�นจะเปนการใสขอมลเบ�องตน อนประกอบไปดวย ช�อบคคล ช�อบรษท

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

ปรากฏข�นมาโดยอตโนมต และเม�อกดปม “Return” หนาจอจะเล�อนไปในฟลดถดไปเพ�อพรอม

สาหรบใสขอมลไดทนท� เม�อใสขอมลเสรจเรยบรอยแลว กดปม “Save” จะเปนการบนทกคา และ

เปล�ยนหนาจอกลบไปยงหนาจอรายช�อ

TopicBack

Image

Telephone

Save

Email

Company Name

Person Name

PhotoLibrary

ภาพท� 3.9 หนาจอเพ�มขอมล

Page 30: ภูวดล คันธศักดิศิริ - DPUlibdoc.dpu.ac.th/thesis/Puvadol.Can.pdfมายด การ ด: แอพพล เคช นเพ อการจ

21

หนาจอแสดงขอมลรายบคคล เปนหนาจอท�ตอจากหนาจอแสดงรายช�อในกรณท�เล�อกช�อ

บคคลใด ๆ หนาจอน� จะแสดงขอมลท�ไดทาการบนทกไวจากหนาจอเพ�มขอมล ท�หนาจอน� จะม

ฟงกชนการทางานเพ�มเตมคอ

สามารถกดโทรออก ไปยงเจาของนามบตรได

สามารถสงอเมลไปยงเจาของนามบตรได

สามารถสงขอมลของนามบตรใบน� ใหกบบคคลอ�น ผานทางอเมลได

โดยฟงกชนเหลาน� เปนฟงกชนเกดจากความตองการพ�นฐานท�สามารถนาขอมลบน

นามบตรไปใชได

TopicBack

Image

Telephone

Edit

Email

Company Name

Person Name

Send Contact Card Info

ภาพท� 3.10 หนาจอแสดงขอมลรายบคคล

Page 31: ภูวดล คันธศักดิศิริ - DPUlibdoc.dpu.ac.th/thesis/Puvadol.Can.pdfมายด การ ด: แอพพล เคช นเพ อการจ

22

หนาจอสดทายคอหนาจอแกไขขอมล เปนหนาจอท�ตอจากหนาจอแสดงขอมลรายบคคล

ในกรณท�กดปม “Edit” หนาจอน�จะสามารถแกไขเปล�ยนแปลงขอมลของนามบตรไดท�งขอมลและ

รปภาพ เม�อแกไขขอมลเรยบรอยแลวกดปม “Save” เพ�อทาการบนทกการเปล�ยนแปลง

TopicBack

Image

Telephone

Save

Email

Company Name

Person Name

PhotoLibrary

ภาพท� 3.11 หนาจอแกไขขอมล

Page 32: ภูวดล คันธศักดิศิริ - DPUlibdoc.dpu.ac.th/thesis/Puvadol.Can.pdfมายด การ ด: แอพพล เคช นเพ อการจ

23

3.2.5 การออกแบบฐานขอมล

การออกแบบฐานขอมล ผพฒนาแอพพลเคช�นไดออกแบบฐานขอมล SQLite เพ�อใชใน

การบนทกขอมลพ�นฐานของนามบตรเพ�อนาไปใหในฟงกชนตาง ๆ ตามตารางท� 3.1

ตารางท� 3.1 ตารางขอมล

ช�อฟลด ชนด คาอธบาย คย

con_id Integer รหสบคคลและบรษท PK

con_pname String ช�อบคคล

con_cname String ช�อบรษท

con_tele String เบอรโทรศพท

con_ext String เบอรตอสาย

con_email String อเมล

con_card Binary Data รปภาพนามบตร

Page 33: ภูวดล คันธศักดิศิริ - DPUlibdoc.dpu.ac.th/thesis/Puvadol.Can.pdfมายด การ ด: แอพพล เคช นเพ อการจ

24

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

การพฒนาแอพพลเคชนไอโอเอส (iOS) น� ทาบนระบบปฏบตการแมคโอเอสเอกซ (Mac

OSX) ซ�งเปนเคร�องมอหลกในการเขยนโปรแกรมและพฒนาแอพพลเคชนน�

สวนโปรแกรมหลกท�ใชในการพฒนาแอพพลเคชนคอ XCode ซ� งเปนโปรแกรมท�ใช

พฒนาแอพพลเคช�นบน iOS และ Mac OS ซ�งผพฒนาไดเลอกการพฒนาบนระบบปฏบตการ iOS ท�

เปน iPhone และใชภาษา Objective-C

การออกแบบ Use Case Diagram, Activity Diagram และการออกแบบหนาจอ ทาบน

โปรแกรม Microsoft Visio 2013

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

แผนดาเนนงาน 2557

พค. มย. กค. สค. กย. ตค. พย.

1. ศกษาปญหาและความตองการ

ของแอพพลเคชน

2. ศกษาเคร�องมอตางๆและภาษา

ท�ใชในการพฒนาโปรแกรม

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

แอพพลเคชน

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

6. ทดสอบการใชงาน

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

Page 34: ภูวดล คันธศักดิศิริ - DPUlibdoc.dpu.ac.th/thesis/Puvadol.Can.pdfมายด การ ด: แอพพล เคช นเพ อการจ

บทท� 4

ผลการดาเนนงาน

การออกแบบและพฒนาแอพพลเคชนเพ�อการจดเกบและจดการนามบตร โดยวธในการ

ดาเนนการของแอพพลเคชนน�น แบงผลการดาเนนการเปนข�นตอน ดงน�

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

1. เขาใชงานผานไอคอน My Card จากโทรศพทเคล�อนท�ของผใชงานตามภาพท� 4.1

ภาพท� 4.1 การเขาใชงานแอพพลเคชน My Card

Page 35: ภูวดล คันธศักดิศิริ - DPUlibdoc.dpu.ac.th/thesis/Puvadol.Can.pdfมายด การ ด: แอพพล เคช นเพ อการจ

26

2. เม�อเลอกไอคอนเพ�อทาการเขาใชแอพพลเคชน จะพบหนาจอการรอเรยกแอพพลเคช�น ตาม

ภาพท� 4.2

ภาพท� 4.2 หนาจอการรอเรยกแอพพลเคชน

Page 36: ภูวดล คันธศักดิศิริ - DPUlibdoc.dpu.ac.th/thesis/Puvadol.Can.pdfมายด การ ด: แอพพล เคช นเพ อการจ

27

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

หนาจอน�จะแสดงรายช�อท�งบคคลและบรษทรวมกน พรอมท�งมการจดกลมตามตวอกษรท�ไดต�งไว

ดงภาพท� 4.3

ภาพท� 4.3 หนาจอแสดงรายช�อนามบตร

Page 37: ภูวดล คันธศักดิศิริ - DPUlibdoc.dpu.ac.th/thesis/Puvadol.Can.pdfมายด การ ด: แอพพล เคช นเพ อการจ

28

ท�หนาจอการแสดงรายช�อบคคลน�นสามารถทการลบขอมลบคคล รวมท�งรายช�อได

โดยการเลอกแลวเล�อนน�วไปทางดายซายมอ จะปรากฎแถบสแดง กดเพ�อทาการลบขอมล ดงรปท�

4.4

ภาพท� 4.4 หนาจอแสดงปมเพ�อลบขอมลบคคล

Page 38: ภูวดล คันธศักดิศิริ - DPUlibdoc.dpu.ac.th/thesis/Puvadol.Can.pdfมายด การ ด: แอพพล เคช นเพ อการจ

29

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

บคคลดงรปท� 4.5

ภาพท� 4.5 หนาจอแสดงรายช�อบคคลหลงจากการลบ

Page 39: ภูวดล คันธศักดิศิริ - DPUlibdoc.dpu.ac.th/thesis/Puvadol.Can.pdfมายด การ ด: แอพพล เคช นเพ อการจ

30

นอกจากน�น ท�หนาจอน� สามารถทาการคนหาขอมลบคคลหรอบรษท ดวยการใสช�อท�

แถบคนหา (Search Name) ดงรปภาพท� 4.6

ภาพท� 4.6 หนาจอแสดงการคนหารายช�อนามบตร

โดยจากหนาจอแสดงรายช�อบคคลในภาพท� 4.3 จะแบงเปนสองเหตการณ ดงน�

3.1 ผใชเลอกเพ�มขอมลบคคล

3.2 ผใชเลอกช�อบคคลเพ�อดขอมล

Page 40: ภูวดล คันธศักดิศิริ - DPUlibdoc.dpu.ac.th/thesis/Puvadol.Can.pdfมายด การ ด: แอพพล เคช นเพ อการจ

31

3.1 ผใชเลอกเพ�มขอมลบคคล

เม�อผใชกดปมเพ�มขอมลบคคล (Add) จะพบกบหนาจอเพ�อใสรายละเอยดของนามบตร

ท�ตองการบนทก ไดแก รปภาพของนามบตร ช�อบคคล บรษทท�บคคลน�นสงกดอย อเมล และเบอร

โทรศพท ดงภาพท� 4.7

ภาพท� 4.7 หนาจอเพ�มขอมลบคคล

Page 41: ภูวดล คันธศักดิศิริ - DPUlibdoc.dpu.ac.th/thesis/Puvadol.Can.pdfมายด การ ด: แอพพล เคช นเพ อการจ

32

โดยหนาจอเพ�มขอมลบคคล สามารถใสขอมลรปภาพได 2 วธดวยกน ไดแก

3.1.1 การเพ�มรปภาพโดยคนหารปภาพจากโทรศทพเคล�อนท�

ผใชกดปมเลอกรปภาพจากโทรศพท (Library) แอพพลเคชนจะนาไปสแอพพลเคชน

มาตราฐานของบรษทแอปเปล Photos ท�ใชในการดและเลอกรปภาพ จากน�นผใชทาการเลอก

รปภาพท�ตองการ ดงภาพท� 4.8

ภาพท� 4.8 หนาจอเลอกรปภาพ

Page 42: ภูวดล คันธศักดิศิริ - DPUlibdoc.dpu.ac.th/thesis/Puvadol.Can.pdfมายด การ ด: แอพพล เคช นเพ อการจ

33

3.1.2 การเพ�มรปภาพโดยทาการถายรปใหม

ผใชกดปมถายรปภาพ (Capture) แอพพลเคชนจะนาไปสแอพพลเคชนมาตราฐานของ

บรษทแอปเปล Camera ท�ใชสาหรบการถายรป จากน�นผใชถายรปตามท�ตองการ

ภาพท� 4.9 หนาจอถายรปภาพ

Page 43: ภูวดล คันธศักดิศิริ - DPUlibdoc.dpu.ac.th/thesis/Puvadol.Can.pdfมายด การ ด: แอพพล เคช นเพ อการจ

34

เม�อทาการถายรปภาพท�ตองการเสรจส�น แอพพลเคชนใหยนยนการถายรปภาพวา

ตองการถายรปภาพอกคร� ง (Retake) หรอตองการใชรปภาพท�แสดง (Use Photo)

ภาพท� 4.10 หนาจอยนยนการใชรปภาพ

Page 44: ภูวดล คันธศักดิศิริ - DPUlibdoc.dpu.ac.th/thesis/Puvadol.Can.pdfมายด การ ด: แอพพล เคช นเพ อการจ

35

เม�อกรอกขอมลเสรจส�น จะไดหนาจอแอพพลเคชนดงภาพท� 4.11

ภาพท� 4.11 หนาจอแอพพลเคชนเม�อกรอกขอมลเสรจส�น

Page 45: ภูวดล คันธศักดิศิริ - DPUlibdoc.dpu.ac.th/thesis/Puvadol.Can.pdfมายด การ ด: แอพพล เคช นเพ อการจ

36

เม�อกดปมบนทกขอมล (Save) ขอมลจะถกบนทกลงฐานขอมล และหนาจอแอพพลเค

ชนจะพรอมสาหรบการกรอกขอมลคร� งตอไป ดงภาพท� 4.12

และจากหนาจอน� เม�อกดปมรายช�อ (Contact) แอพพลเคชนนาไปสหนาจอแสดงรายช�อ

บคคลในภาพท� 4.3 เพ�อดาเนนงานอ�นตอไป

ภาพท� 4.12 หนาจอแอพพลเคชนเม�อกดปมบนทกขอมล

Page 46: ภูวดล คันธศักดิศิริ - DPUlibdoc.dpu.ac.th/thesis/Puvadol.Can.pdfมายด การ ด: แอพพล เคช นเพ อการจ

37

3.2 ผใชเลอกช�อบคคลเพ�อดขอมล

เม�อผใชเลอกช�อบคคลเพ�อดขอมลของนามบตรใด ๆ แอพพลเคชนจะนาไปสหนาจอ

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

3.2.1 การแกไขขอมลบคคล

3.2.2 การสงอเมลหาบคคลเจาของนามบตร

3.2.3 การโทรศพทหาบคคลเจาของนามบตร

3.2.4 การสงขอมลนามบตรผานอเมลใหบคคลอ�น

ภาพท� 4.13 หนาจอแสดงขอมลบคคล

Page 47: ภูวดล คันธศักดิศิริ - DPUlibdoc.dpu.ac.th/thesis/Puvadol.Can.pdfมายด การ ด: แอพพล เคช นเพ อการจ

38

3.2.1 การแกไขขอมลบคคล

เม�อผใชตองการแกไขขอมลบคคลของนามบตร ผใชจะทาการกดปมแกไข (Edit)

จากน� นแอพพลเคชนจะนาไปสหนาจอแกไขขอมล ท�หนาจอน� ผใชสามารถแกไขขอมลได

เหมอนกบหนาจอการเพ�มขอมลบคคล ไดแก ขอมลรปภาพ ขอมลช�อบคคลและบรษท ขอมลอเมล

และขอมลเบอรโทรศพท ดงรปภาพท� 4.14

โดยเม�อแกไขขอมลเสรจส�น ผใชทาการกดปมบนทก (Save) จากน�นแอพพลเคชนจะ

นาไปสหนาจอแสดงรายช�อบคคล ในภาพท� 4.3

ภาพท� 4.14 หนาจอการแกไขขอมลบคคล

Page 48: ภูวดล คันธศักดิศิริ - DPUlibdoc.dpu.ac.th/thesis/Puvadol.Can.pdfมายด การ ด: แอพพล เคช นเพ อการจ

39

3.2.2 การสงอเมลหาบคคลเจาของนามบตร

เม�อผใชงานตองการตดตอส�อสารกบเจาของนามบตรผานทางอเมล ผใชงานกดช�ออเมล

จากน�นแอพพลเคชนจะนาไปสหนาดาเนนงานการสงอเมล ซ�งเปนแอพพลเคชนมาตราฐานของ

แอปเปล ดงรปท� 4.15 เม�อผใชงานใสขอมลเสรจส�นแลว กดปมสงอเมล (Send) เพ�อทาการสงอเมล

ตามปกต จากน�นแอพพลเคช�นจะกลบมาสหนาจอแสดงขอมลบคคลในรปท� 4.13

ภาพท� 4.15 หนาจอการสงอเมล

Page 49: ภูวดล คันธศักดิศิริ - DPUlibdoc.dpu.ac.th/thesis/Puvadol.Can.pdfมายด การ ด: แอพพล เคช นเพ อการจ

40

3.2.3 การโทรศพทหาบคคลเจาของนามบตร

เม�อผใชงานตองการตดตอส�อสารกบเจาของนามบตรผานการโทรศพท ผใชงานกด

เบอรโทรศพทท�ไดทาการบนทกไว จากน�นแอพพลเคชนจะนาไปสหนาดาเนนงานการโทรศพทดง

รปท� 4.16 ซ�งเปนแอพพลเคชนมาตราฐานของแอปเปล และเม�อทาการสนทนาเสรจส�น แอพพลเค

ชนจะนากลบมาสหนาจอแสดงขอมลบคคลในรปท� 4.13

ภาพท� 4.16 หนาจอการโทรศพท

Page 50: ภูวดล คันธศักดิศิริ - DPUlibdoc.dpu.ac.th/thesis/Puvadol.Can.pdfมายด การ ด: แอพพล เคช นเพ อการจ

41

3.2.4 การสงขอมลนามบตรผานอเมลใหบคคลอ�น

เม�อผใชงานตองสงขอมลบคคลของนามบตรใหกบบคคลอ�น ๆ ผานทางอเมล ผใชงาน

กดปมสงขอมลนามบตรผานทางอเมล (E-mail Card Info) จากน�นแอพพลเคชนจะนาไปสหนา

ดาเนนงานการสงอเมล ซ�งเปนแอพพลเคชนมาตราฐานของแอปเปล โดยจะเตรยมขอมลบคคลของ

นามบตรไวใหในเน�อหาของอเมล ดงรปท� 4.17 เม�อผใชงานใสขอมลเสรจส�นแลว กดปมสงอเมล

(Send) เพ�อทาการสงอเมลตามปกต จากน�นแอพพลเคช�นจะกลบมาสหนาจอแสดงขอมลบคคลใน

รปท� 4.13

ภาพท� 4.17 หนาจอการสงขอมลนามบตรผานอเมล

Page 51: ภูวดล คันธศักดิศิริ - DPUlibdoc.dpu.ac.th/thesis/Puvadol.Can.pdfมายด การ ด: แอพพล เคช นเพ อการจ

บทท� 5

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

ในบทน�จะกลาวถง ขอสรปจากการดาเนนการพฒนาแอพพลเคชนและขอเสนอแนะใน

การศกษาข�นตอไป โดยมรายละเอยดดงตอไปน�

5.1 สรปอภปรายผล

ในการดาเนนการพฒนาแอพพลเคชนเพ�อการจดเกบขอมลนามบตร หลงจากเสรจส�น

การพฒนา มการทดสอบโดยใหผทดลองใชงานทาการทดลองใชแอพพลเคชนเพ�อการวเคราะห

ความสามารถของแอพพลเคชนวาสามารถตอบสนองความตองการพ�นฐานในการจดการขอมล

นามบตร และสามารถนาขอมลของนามบตรไปดาเนนการตดตอส�อสารได โดยสรปผลการ

ดาเนนการไดดงน�

5.1 สามารถแสดงรายช�อบคคล พรอมท�งช�อบรษทท�ทางานได

5.2 สามารถจดการ การแสดงรายช�อเปนกลมได

5.3 สามารถคนหารายช�อ ท�งรายช�อบคคล และรายช�อบรษทได

5.4 สามารถ เพ�ม ลบ และแกไขรายช�อ และรายละเอยดภายในได

5.5 สามารถกดโทรออก ไปหาเจาของนามบตรจากแอพพลเคชนได

5.6 สามารถสงอเมลไปยงผท�เปนเจาของนามบตรจากแอพพลเคชนได

5.7 สามารถสงขอมลนามบตรใบน� ใหกบบคคลอ�นผานทางอเมลได

แอพพลเคชนน� จงสามารถตอบสนองการใชงานในดานการจดเกบขอมลนามบตรได

และยงสามารถทาการตดตอส�อสารผานแอพพลเคชนไดเลยโดยไมตองเปล�ยนหนาจอ แอพพลเคชน

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

Page 52: ภูวดล คันธศักดิศิริ - DPUlibdoc.dpu.ac.th/thesis/Puvadol.Can.pdfมายด การ ด: แอพพล เคช นเพ อการจ

43

5.2 ขอเสนอแนะในการศกษาข�นตอไป

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

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

แอพพลเคช�นน�ทาไดเพ�มเตม เปนดงน�

5.2.1 การแนบภาพตองสามารถทาไดมากกวาหน�งภาพในกรณท�เปนนามบตรสองภาษา

5.2.2 สามารถแปลงขอมลจากภาพเปนตวอกษร พรอมท�งใสขอมลใหอตโนมตอยางถกตอง

5.2.3 เพ�มเตมฟลดสาหรบกรอกรายละเอยดอ�น ๆ เชน ช�อเลน ประวต วนเกด หรอท�อย

5.2.4 หน�งรายช�อบคคลสามารถจดเกบไดมากกวาหน�งชดขอมล เชน หน�งบคคลสามารถอยได

หลายบรษท

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

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

ผใชงานใหมากข�นตอไป

Page 53: ภูวดล คันธศักดิศิริ - DPUlibdoc.dpu.ac.th/thesis/Puvadol.Can.pdfมายด การ ด: แอพพล เคช นเพ อการจ

บรรณานกรม

Page 54: ภูวดล คันธศักดิศิริ - DPUlibdoc.dpu.ac.th/thesis/Puvadol.Can.pdfมายด การ ด: แอพพล เคช นเพ อการจ

44

บรรณานกรม

ภาษาไทย

ขจรศกด� สงขเจรญ. (2555). การเขยน iPhone Apps สาหรบผเร� มตน (พมพคร� งท� 1).

กรงเทพฯ: บรษท ส.เอเชยเพรส (1989) จากด.

ขจรศกด� สงขเจรญ. (2556). เอกสารประกอบการอบรม iPhone & iPad Developer Fundamental

Course 1. กรงเทพฯ: iTraining.

ขจรศกด� สงขเจรญ. (2556). เอกสารประกอบการอบรม iPhone & iPad Developer Advance

Course 1. กรงเทพฯ: iTraining.

รวทต ภหลา. (2554). คมอเขยน iPhone Apps (พมพคร� งท� 1). กรงเทพฯ: บรษท โปรวช�น จากด

ราชบณฑตยสถาน. (2522). สารานกรมไทย ฉบบราชบณฑตยสถาน เลม 15, (15).

สบคน 3 มถนายน 2557, จาก http://www.royin.go.th/th/knowledge/detail.php?ID=����

ภาษาตางประเทศ

Apple Incorporation. (2007). Contacts Application. Retrieved July 2, 2014, from

https://www.apple.com/osx/apps/#contacts

Plaxo Incorporation. (2012). CardSharing Application. Retrieved July 4, 2014, from

https://itunes.apple.com/th/app/cardsharing-share-digital/id490662406

Sourcenext Corporation. (2011). Business Card Application. Retrieved July 7, 2014, from

https://itunes.apple.com/us/app/business-card-manager/id385240066

Xcode Developer Tools. Retrieved June 10, 2014, from https://developer.apple.com/xcode/

Page 55: ภูวดล คันธศักดิศิริ - DPUlibdoc.dpu.ac.th/thesis/Puvadol.Can.pdfมายด การ ด: แอพพล เคช นเพ อการจ

45

ประวตผเขยน

ช�อ-นามสกล ภวดล คนธศกด� ศร

ประวตการศกษา ปการศกษา ��50 จบปรญญาตร คณะวศวกรรมศาสาตร

สาขาวศกรรมเคร�องกล จากมหาวทยาลยธรรมศาสตร

ตาแหนงและสถานท�ทางานปจจบน ปรกษาระบบ SAP

บรษท ฟจตสเอนเตอรไพรสโซลช�น (ประเทศไทย) จากด

(SAP Consultant

Fujitsu Enterprise Solutions (Thailand) Co., Ltd.