memo and approval application โปรแกรม... ·...

โปรแกรมบนทกขอความและการอนมตออนไลน

Memo and Approval Application

อนวช เสมบว Anawat Sembua

สารนพนธนเปนสวนหนงของการศกษา

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

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

มหาวทยาลยเทคโนโลยมหานคร

ปการศกษา 2557

I

หวขอ โปรแกรมบนทกขอความและการอนมตออนไลน ชอนกศกษา อนวช เสมบว รหสนกศกษา 5617700007 หลกสตร วทยาศาสตรมหาบณฑต สาขาเทคโนโลยสารสนเทศ ปการศกษา 2557 อาจารยทปรกษา ผศ.ดร.หมดอามน หมนหลน

บทคดยอ

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

II

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

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

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

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

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

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

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

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

อนวช เสมบว

ธนวาคม 2557

III

สารบญ

หนา

บทคดยอ ......................................................................................................................... I

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

สารบญ ........................................................................................................................... III

สารบญรป ....................................................................................................................... V

สารบญตาราง ………………………………………………………………………………….. VIII

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

1.1 กลาวน า ........................................................................................................ 1

1.2 ภมหลงและความเปนมา ................................................................................ 1

1.3 ปญหาและแรงจงใจ ....................................................................................... 2

1.4 แนวทางการแกไขปญหา................................................................................ 2

1.5 วตถประสงคของโครงงาน............................................................................... 4

1.6 ขอบเขตของโครงงาน..................................................................................... 4

1.7 ประโยชนทคาดวาจะไดรบ.............................................................................. 5

1.8 ขนตอนการด าเนนงาน................................................................................... 6

1.9 ระยะเวลาในการด าเนนงาน............................................................................ 6

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

2.1 พนฐานระบบงานบนทกขอความขององคกร.................................................... 7

2.2 ความรเกยวกบ Unified Modeling Language (UML) .................................... 10

2.3 ความรเกยวกบ Web Service…..................................................................... 18

2.4 ความรเกยวกบ JavaScript Object Notation (JSON).................................... 21

2.5 ความรเกยวกบภาษา Objective-C................................................................. 23

บทท 3 แนวคดและการออกแบบ....................................................................................... 25

3.1 กลาวน า......................................................................................................... 25

3.2 Use case diagram…………………………………………………………….… 25

3.3 Sequence diagram ….................................................................................. 43

3.4 Conceptual Class Diagram of E-TECH Memo database……………….… 54

3.5 Physical Class Diagram of Memo and Approval Application………….…. 55

IV

สารบญ(ตอ)

หนา

3.6 อธบาย Physical Class Diagram of Memo and Approval Application .…... 55

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

4.1 สวนตดตอหลกกบผใชงานแอปพลเคชน ….…………………………….……… 60

4.2 อปกรณทใชทดลองการใชงานแอปพลเคชน e-techMemo …………….……… 71

4.3 การทดลองการใชงานแอปพลเคชน e-techMemo ……….…………..…...…… 72

4.3.1 การทดลองการลงทะเบยนการใชแอปพลเคชน ………………...…… 72

4.3.2 การทดลองการเขยนบนทกขอความและการเสนอผบงคบบญชา ….. 75

4.3.3 การทดลองการสงตอบนทกขอความไปยงผเกยวของ ….……...…… 77

4.3.4 การทดลองการพจารณา หรอการอนมตบนทกขอความ ….…...……82

4.3.5 การทดลองการคนหาบนทกขอความ ............................….…...…… 84

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

5.1 ประโยชนจากการท าสารนพนธ ….……………………………...……….……… 91

5.2 ปญหาและอปสรรค แนวทางการแกไข ………………………………….……… 91

5.3 แนวทางการน าไปพฒนา ……….……………………………………...…...…… 91

5.4 ขอเสนอแนะ ……….……………………………………...…...………………… 91

V

สารบญรป

หนา

รปท 1.1 ภาพรวมโครงสรางของระบบ ….………………………………………………….… 3

รปท 2.1 แผนภาพกระบวนการเขยนบนทกขอความ………………...…………………….… 8

รปท 2.2 แผนภาพกระบวนการพจารณาหรออนมตบนทกขอความ……………………….… 9

รปท 2.3 แผนภาพด าเนนการตามบนทกขอความ………………………………………….… 10

รปท 2.4 แสดงสญลกษณของ Class ……………………………………………………….… 11

รปท 2.5 แสดงสญลกษณของ Interface ……………………………………..…………….… 11

รปท 2.6 แสดงสญลกษณของ Collaboration …………………….………………………….. 12

รปท 2.7 แสดงสญลกษณของ Use case ………………………………………….……….… 12

รปท 2.8 แสดงสญลกษณของ Interaction ชอ display ……………………...…………….… 12

รปท 2.9 แสดงสญลกษณของ State ชอ Waiting …………………………...…………….… 12

รปท 2.10 แสดงสญลกษณของ Package ………………………………………………….… 13

รปท 2.11 แสดงสญลกษณของ Note ……………………………………...……………….… 13

รปท 2.12 แสดงตวอยางความสมพนธแบบ Dependency ……………….……………….… 13

รปท 2.13 แสดงตวอยางความสมพนธแบบ Association ……………………...………….… 14

รปท 2.14 แสดงตวอยางความสมพนธแบบ Generalization ………………….………….… 14

รปท 2.15 แสดงตวอยางความสมพนธแบบ Realization ………………………………….… 15

รปท 2.16 แสดงตวอยาง Use case diagram ของระบบตเอทเอม………………………..… 16

รปท 2.17 แสดงตวอยาง Sequence diagram …………………………………………….… 17

รปท 2.18 แสดงตวอยาง Class diagram ………………………………………………….… 17

รปท 2.19 แสดงแผนผงของ Web Service Model ………………………….…………….… 19

รปท 2.20 แสดงตวอยาง Tag ของ XML ………………………………….……………….… 20

รปท 2.21 แสดงตวอยางของ SOAP message …………………………………..……….… 21

รปท 2.22 แสดงตวอยางขอมล JSON ประเภท Number ………………………..……….… 22

รปท 2.23 แสดงตวอยางขอมล JSON ประเภท String ……………………..…………….… 22

รปท 2.24 แสดงตวอยางขอมล JSON ประเภท Array …………………...……………….… 23

รปท 2.25 แสดงการสราง Class ใน Objective-C ………………………………………...… 24

รปท 3.1 User case diagram ของระบบ Memo and Approve Application…………...… 26

VI

สารบญรป(ตอ)

หนา

รปท 3.2 Use case for Register …………………………………………...……………...… 27

รปท 3.3 Use case for Manage Memo …………………………...................................… 28

รปท 3.4 Use case for Approve Memo …………………………..................................… 30

รปท 3.5 Use case for Operate Memo …………………………...................................… 32

รปท 3.6 Use case for Send Memo …………………………...................................……. 33

รปท 3.7 Use case diagram ของระบบ Web Service.……...................................……… 35

รปท 3.8 แผนภาพ Sequence diagram of Registration …………………………...........… 43

รปท 3.9 แผนภาพ Sequence diagram of Manage Memo ……………........................… 45

รปท 3.10 แผนภาพ Sequence diagram of Approve Memo …………………………..… 48

รปท 3.11 แผนภาพ Sequence diagram of Operate Memo ………………………......… 50

รปท 3.12 แผนภาพ Sequence diagram of Send Memo ……….……………………...… 52

รปท 3.13 แผนภาพ Conceptual Class Diagram of E-TECH Memo database……...… 54

รปท 3.14 แผนภาพ Physical Class Diagram of Memo and Approval Application.....… 55

รปท 3.15 แผนภาพ Class Web Service System…………………….………………...… 55

รปท 3.16 แผนภาพ Class Register Controller ………………….................................…. 56

รปท 3.17 แผนภาพ Class Manage Memo Controller …………..................................… 57

รปท 3.18 แผนภาพ Class Approve Memo Controller ………………………………….… 58

รปท 3.19 แผนภาพ Class Operate Memo Controller …………..................................… 58

รปท 4.1 ไอคอนของแอปพลเคชน e-techMemo ………………………….......................… 60

รปท 4.2 หนาจอ Welcome to E-TECH MEMO …………………………………….…...… 61

รปท 4.3 หนาจอ Manage Memo ……………………………………………………..…...… 62

รปท 4.4 หนาจอ Waiting Approve Memo …………………………………...…………...…63

รปท 4.5 หนาจอ Approve Memo …………………………………….…………………...… 64

รปท 4.6 หนาจอ Operate Memo ………………………………………………………….… 65

รปท 4.7 หนาจอ Memo Detail …………………………................................................… 66

รปท 4.8 หนาจอ Write Memo ………………………………………………………..…...… 67

รปท 4.9 หนาจอ Received List …………………………………………………………....… 68

VII

สารบญรป(ตอ)

หนา

รปท 4.10 หนาจอ Write Operate …………………………………………………….…...… 69

รปท 4.11 หนาจอ Approve ………………………………………………………………...… 70

รปท 4.12 หนาจอ iPhone 5S และ iPad Air ……………………………………………...… 71

รปท 4.13 หนาจอลงทะเบยนเพอใชงานแอปพลเคชน……………………………...……...… 72

รปท 4.14 หนาจอแจงเตอนลงทะเบยนลงทะเบยนใชงานส าเรจ…………………………...…73

รปท 4.15 หนาจอ Manage Memo แสดงรายการบนทกของผใช………………………...… 74

รปท 4.16 หนาจอแสดงตวอยางการลบผใชออกจากสมารทโฟน……………………….....… 75

รปท 4.17 หนาจอ Manage Memo แสดงรายการบนทกทเขยนใหม………………..…....… 76

รปท 4.18 หนาจอแสดง Notification แจงเตอนมบนทกขอความรอการพจารณา………...… 76

รปท 4.19 หนาจอ Waiting Memo แสดงรายการบนทกขอความรอการพจารณา…..…...… 77

รปท 4.20 หนาจอแสดงการเลอกรายการผทเกยวของทตองการสงตอ…………………...… 78

รปท 4.21 หนาจอแสดงรายชอผรบและขอความทจะสงตอผทเกยวของ…………..……...… 79

รปท 4.22 หนาจอแสดงการผรบการสงตอบนทกขอความ…………………………….…...… 80

รปท 4.23 หนาจอแสดง Notification แจงเตอนมบนทกใหด าเนนการ…………………....… 80

รปท 4.24 หนาจอแสดงรายการบนทกขอความเขาทผใชตองด าเนนการ………………...… 81

รปท 4.25 หนาจอแสดงรายการผทไดรบและรายการด าเนนการ……………………….....… 81

รปท 4.26 หนาจอแสดงการพจารณาและสงตอไปยงผบงคบบญชาระดบตอไป………….… 82

รปท 4.27 หนาจอแสดง Notification แจงเตอนมบนทกสงตอใหอนมต…………………...… 83

รปท 4.28 หนาแสดงรายละเอยดสถานะการอนมตของผบงคบบญชา…………………...… 83

รปท 4.29 หนาแสดงผลการคนหาชอเรองค าวา “ประมาณ” ในแถบ Manage ..………...… 84

รปท 4.30 หนาแสดงผลการคนหาสงกดค าวา “ภาษาไทย” ในแถบ Waiting …………...… 85

รปท 4.31 หนาแสดงผลการคนหาเลขท “05622” ในแถบ Waiting ……………………...… 86 รปท 4.32 หนาแสดงผลการคนหาชอผเขยนค าวา “ปน” ในแถบ Approve ……………...… 87

รปท 4.33 หนาแสดงผลการคนหาสงกดค าวา “ศนยขอมล” ในแถบ Approve …………...… 88

รปท 4.34 หนาแสดงผลการคนหาชอผเขยนค าวา “ศรพร” ในแถบ Operate …………....… 89 รปท 4.35 หนาแสดงผลการคนหาชอเรองค าวา “อาจารย” ในแถบ Operate …………….… 90

VIII

สารบญตาราง

หนา

ตารางท 1.1 ระยะเวลาในการด าเนนงาน …………………………………………...……...… 6

ตารางท 2.1 ตารางอธบายกระบวนการเขยนบนทกขอความ….…………………...……...…8

ตารางท 2.2 ตารางอธบายกระบวนการพจารณาหรออนมตบนทกขอความ….…...……...… 9

ตารางท 2.3 ตารางอธบายกระบวนการด าเนนการตามบนทกขอความ…………...……...… 10

ตารางท 2.4 ตารางสญลกษณภายใน Use case diagram …………...…………...……...… 15

ตารางท 2.5 ตารางสญลกษณภายใน Sequence diagram …..…………………...……...… 16

ตารางท 3.1 ตารางอธบาย Class Web Service System …………………………...…...… 56

ตารางท 3.2 ตารางอธบาย Class Register Controller …………………………………...… 57

ตารางท 3.3 ตารางอธบาย Class Manage Memo Controller ……………….....…….....… 57

ตารางท 3.4 ตารางอธบาย Class Approve Memo Controller …………………..…..…..… 58

ตารางท 3.5 ตารางอธบาย Class Operate Memo Controller ..………………………....… 59

1

บทท 1

บทน า

1.1 กลาวน า

ในปจจบนเทคโนโลยระบบสารสนเทศมการพฒนาประสทธภาพอยางตอเนอง องคกร

ตางๆไดรบเอาระบบสารสนเทศเขามาชวยเพมศกยภาพการท างานขององคกร ทงงานดาน

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

ระบบสารสนเทศสามารถลดขนตอนการท างานทซบซอน ประมวลผลขอมลทมปรมาณมากได

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

จ ากด อกทงอปกรณอเลกทรอนกสในปจจบนไดพฒนาใหรองรบระบบสารสนเทศไดอยางม

ประสทธภาพ ตวอยางเชน อปกรณมอถอสมารทโฟน (Smart Phone) และอปกรณแทบเลต

(Tablet)

1.2 ภมหลงความเปนมา

วทยาลยเทคโนโลยภาคตะวนออก (อ.เทค) เปนวทยาลยอาชวศกษาเอกชน เปดสอนใน

ระดบประกาศนยบตรวชาชพ (ปวช.) และระดบประกาศนบตรวชาชพชนสง (ปวส.) สาขาพานช

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

นกศกษาทงภาคปกตและภาคสมทบโดยปจจบนมนกศกษาจ านวนมากกวา 10,000 คน ม

บคลากรและเจาหนาทมากกวา 300 คน

วทยาลยมผบรหารทมวสยทศน สนบสนนการน าเทคโนโลยสารสนเทศมาใชในการ

บรหารและการจดการการเรยนการสอนอยางเตมระบบ โดยมการจดตงทมงานพฒนาระบบ

สารสนเทศคอยสนบสนนวทยาลยโดยเฉพาะ อกทงการใหความรวมมอของนกศกษา บคลากร

และเจาหนาทในการใชระบบสารสนเทศ จงท าใหการบรหารงานและการจดการการเรยนการ

สอนมประสทธภาพ จงท าใหวทยาลยเจรญเตบโตและมนคงอยางในปจจบน

2

1.3 ปญหาและแรงจงใจ

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

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

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

สนสดขนตอนการอนมตแลว จะมการใชระบบสารสนเทศมาสนบสนนการแสกนเอกสารกระดาษ

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

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

ใหเกดความลาชาในกระบวนการปฏบตงาน โดยปญหาทพบในการท างานมดงตอไปน

1.3.1 ผมอ านาจอนมตเดนทางไปปฏบตงานนอกวทยาลย ตางจงหวดหรอ

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

ระยะเวลาทจะด าเนนการ

1.3.2 การตดตามผลระหวางการอนมตท าไดยาก ไมสามารถตรวจสอบไดวาขนตอน

การอนมตไปถงผอนมตทานใดแลว

1.4 แนวทางการแกไขปญหา

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

พฒนาโปรแกรมประยกตบนอปกรณสมารทโฟนและแทบเลตระบบปฏบตการ iOS เนองดวย

อปกรณสมารทโฟนและแทบเลตนนเปนอปกรณทผใชสามารถใชตดตอสอสารไดตลอดเวลา

การพฒนาโปรแกรมใชภาษาออบเจกทฟซ (Objective-C) รนบนระบบปฏบตการ iOS

เชอมตอกบฐานขอมลไมโครซอฟท เอสควแอล เซรฟเวอร 2008 (Microsoft SQL Server

2008) โดยผานเทคโนโลยการแลกเปลยนขอมลดวยภาษา XML (Extensible Markup

Language)/JSON (JavaScript Object Notation) บน Web Service โดยมโครงสรางของ

ระบบงานดงรปท 1.1

3

รปท 1.1 ภาพรวมโครงสรางของระบบ

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

1.4.1 ผใชเขยนบนทกขอความ และเลอกผบงคบบญชา สงขอมลไปยง Web Service

1.4.2 Web Service สงขอมลบนทกขอความไปยงระบบจดการลงฐานขอมลเพอ

บนทกขอมลบนทกขอความลงฐานขอมล

1.4.3 ผบงคบบญชารองขอรายงานบนทกขอความรอการพจารณาหรออนมตไปยง

Web Service

1.4.4 Web Service สงค ารองขอไปยงระบบจดการฐานขอมลเพอประมวลผลคนหา

บนทกขอความรอการพจารณาหรออนมตของผบงคบบญชา

1.4.5 ระบบจดการฐานขอมลสงออกรายการบนทกขอความรอการพจารณาหรอ

อนมตของผบงคบบญชาให Web Service

1.4.6 Web Service สงรายการบนทกขอความรอการพจารณาหรออนมตไปยง

โปรแกรมบนอปกรณสมารทโฟนหรอแทบเลตของผบงคบบญชาเพอแสดงผลตอไป

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

Web Service

4

1.4.8 Web Service สงขอมลการพจารณาบนทกขอความไปยงระบบจดการลง

ฐานขอมลเพอบนทกขอมลการพจารณาลงฐานขอมล

1.4.9 ผใชรองขอรายงานสถานะการพจารณาหรออนมตบนทกขอความของผใชไปยง

Web Service

1.4.10 Web Service สงค ารองขอไปยงระบบจดการฐานขอมลเพอประมวลผลคนหา

บนทกขอความของผใช

1.4.11 ระบบจดการฐานขอมลสงออกรายการบนทกขอความของผใชให Web Service

1.4.12 Web Service สงรายการบนทกขอความของผใชไปยงโปรแกรมบนอปกรณ

สมารทโฟนหรอแทบเลตของผบงคบบญชาเพอแสดงผลตอไป

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

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

ตามสายงานการบงคบบญชา

1.5.2 เพอใชในการพจารณาหรออนมตบนทกขอความตามสายงานการบงคบบญชา

ใหสามารถปฏบตงานไดทกท ทกเวลา เพอความรวดเรวในการท างาน

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

ขอความไดอยางรวดเรว ทกท ทกเวลา

1.5.4 เพอลดการใชงานกระดาษและลดเวลาในการน าเสนอพจารณาหรออนมต

บนทกขอความตามสายงานการบงคบบญชา

1.6 ขอบเขตของโครงงาน

โปรแกรมบนทกขอความและการอนมตออนไลน เปนการพฒนาเพอสรางประสทธภาพ

ของการท าบนทกขอความเสนอพจารณาผานผบงคบบญชาตามสายงานบนอปกรณสมารทโฟน

และแทบเลตระบบปฏบตการ iOS เทานน ไมรวมในสวนของระบบจดการขอมลบคลากรและ

สายงานการบงคบบญชา โดยมขอบเขตการท างานดงตอไปน

1.6.1 สามารถบนทกขอมลการเขยนบนทกขอความ และเลอกเสนอพจารณาตอ

ผบงคบบญชาตามสายงานหรอขามสายงานได

5

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

สมารทโฟนและแทบเลตระบบปฏบตการ iOS ได

1.6.3 สามารถบนทกขอมลการพจารณาหรออนมต การแนบขอความและสงบนทก

ขอความตอไปยงผรบผดชอบหรอผทเกยวของของผบงคบบญชาได

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

อนมตตามสายงานและสงออกเปนไฟลเอกสารอเลกทรอนกสประเภทไฟล Portable Document

Format (PDF) ได

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

4 สถานะ ดงน

บนทกขอความรอการพจารณาหรออนมต

บนทกขอความทพจารณาหรออนมตแลว

บนทกขอความทไดรบการสงตอจากผพจารณาหรออนมต

บนทกขอความทผใชงานเปนผเขยน

1.6.6 สามารถแสดงรายงานและตรวจสอบสถานะการพจารณาหรออนมตบนทก

ขอความได

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

สงกดได

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

ประโยชนทคาดวาจะไดรบจากโปรแกรมบนทกขอความและการอนมตออนไลน คอ

1.7.1 ลดการใชกระดาษในการเขยนบนทกขอความและการถายเอกสารมากกวา

1,000 แผน ตอเดอน

1.7.2 มความสะดวกและรวดเรวในการเขยนบนทกขอความ การพจารณาหรออนมต

ตามสายงานการบงคบบญชา

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

ออนไลนไดทกท ทกเวลา ดวยอปกรณสมารทโฟนและแทบเลต

6

1.8 ขนตอนการด าเนนงาน

1. เกบรวบรวมขอมลและศกษาปญหาระบบทใชงานในปจจบน

2. ส ารวจความตองการของผบรหารและผใชงาน

3. ออกแบบระบบงานและโปรแกรม

4. พฒนาโปรแกรม

5. ทดสอบโปรแกรมและการใชงาน

6. ตรวจสอบและแกไขขอผดพลาด

7. จดท าคมอการใชโปรแกรม

8. เรมใชงานจรง

1.9 ระยะเวลาในการด าเนนงาน

ตารางท 1.1 ระยะเวลาในการด าเนนงาน

ขนตอนการด าเนนงาน

ระยะเวลาในการด าเนนงาน ม.ย. ก.ค. ส.ค. ก.ย. ต.ค. พ.ย.

1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4

1. เกบรวบรวมขอมลและศกษาปญหาระบบทใชในปจจบน

2. ส ารวจความตองการของผบรหารและผใชงาน

3. ออกแบบระบบและโปรแกรม

4. พฒนาโปรแกรม

5. ทดสอบโปรแกรมและการใชงาน

6. ตรวจสอบและแกไขขอผดพลาด

7. จดท าคมอการใชโปรแกรม

8. เรมใชงานจรง

7

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

การพฒนาโปรแกรมบนทกขอความและการอนมตออนไลน (Memo and Approval Application) เปนการพฒนาเพอเพมประสทธภาพของระบบงานบนทกขอความขององคกร โดยมขอมลความร ทฤษฎ และเทคโนโลยทเกยวของดงตอไปน

2.1 พนฐานระบบงานบนทกขอความขององคกร 2.2 ความรเกยวกบ Unified Modeling Language (UML) 2.3 ความรเกยวกบ Web Service 2.4 ความรเกยวกบ JavaScript Object Notation (JSON) 2.5 ความรเกยวกบภาษา Objective-C

2.1 พนฐานระบบงานบนทกขอความขององคกร

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

1) อนมต หมายถงผบงคบบญชารบทราบและอนมตค าขอตามบนทกขอความเพอด าเนนการในขนตอไป

2) ไมอนมต หมายถงผบงคบบญชารบทราบและไมอนมตค าขอ หรอบนทกขอความไมสมบรณจะตองแกไขและน าเสนอใหม

3) รบทราบ หมายถงผบงคบบญชารบทราบเรองในบนทกขอความนนแตไมมการด าเนนการใดๆ

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

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

2.1.1 กระบวนการเขยนบนทกขอความ

8

รปท 2.1 แผนภาพกระบวนการเขยนบนทกขอความ

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

ตารางท 2.1 ตารางอธบายกระบวนการเขยนบนทกขอความ

ท กจกรรม ค าอธบาย 1 เขยนบนทกขอความ บคลากรเขยนบนทกขอความเขาระบบ 2 บนทกขออนมตไปยง

ผบงคบบญชา บคลากรเสนอบนทกขอความถงผบงคบบญชาเขาระบบ

2.1.2 กระบวนการพจารณาหรออนมตบนทกขอความ

9

2.1.3 กระบวนการด าเนนการตามค าสงหรอค าขอในบนทกขอความ

รปท 2.2 แผนภาพกระบวนการพจารณาหรออนมตบนทกขอความ

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

ตารางท 2.2 ตารางอธบายกระบวนการพจารณาหรออนมตบนทกขอความ

ท กจกรรม ค าอธบาย 1 พจารณาหรออนมต หวหนาพจารณาบนทกขอความและบนทกการพจารณา

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

ระดบสงขนหรอฝายอน

10

2.1.3 กระบวนการด าเนนการตามบนทกขอความ

รปท 2.3 แผนภาพด าเนนการตามบนทกขอความ

วตถประสงคของกระบวนการ เพอรบทราบค าสงและด าเนนการตามบนทกขอความ หนวยงานภายในทเกยวของ บคลากร และหวหนาในระดบตางๆ ขอมลส าคญของกระบวนการ ขอมลรายงานการปฏบตงาน ค าอธบายกระบวนการ

ตารางท 2.3 ตารางอธบายกระบวนการด าเนนการตามบนทกขอความ ท กจกรรม ค าอธบาย 1 ด าเนนตามค าสง บคลากรทไดรบค าสงเปดบนทกขอความ และด าเนนการ

ตามบนทกขอความ 2 บนทก Memo เพอรบทราบ

หรอรายงานผลการด าเนนการ บคลากรรบทราบและบนทกรายงานการด าเนนการตามบนทกขอความเขาระบบ

2.2 ความรเกยวกบ Unified Modeling Language (UML)

UML คอ โมเดลมาตรฐานทมหลกการออกแบบเปนลกษณะของ OOP (Object Oriented Programming) รปแบบของภาษา UML จะใชอธบายตวแบบ หรอโมเดลตางๆ โดยมการใชภาษาหรอตวแทนทเปนภาพสญลกษณ หรอกราฟก และเปนทนยมใชในการออกแบบพฒนาระบบ เปรยบเสมอนกบการสรางพมพเขยวใหระบบงาน ในการสรางมมมอง ก าหนด

11

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

2.2.1 ขอดของการใช UML ในการออกแบบการพฒนาระบบงาน 1) เปนภาษารปภาพมาตรฐาน (Standard Visual Modeling Language) 2) สามารถแสดงสวนประกอบของการพฒนาระบบงานในรปของ OOP 3) สามารถใชไดกบการเขยนโปรแกรมทกภาษา 4) งายตอการศกษาและท าความเขาใจ 5) สามารถแปลงเปน Program Code ได

2.2.2 องคประกอบหลกของ UML UML สามารถแบงองคประกอบหลกออกเปน 3 กลมดงตอไปน

1) Things คอสญลกษณหรอสงตางๆ เปนรปแบบทเลกทสดของโมเดล ทน ามาใชสราง Diagram ของ UML ซงมดงตอไปน

2.1) Structural Things เปนค านามเพอใชแทนอลเมนตตางๆ ทงทเปนนามธรรม และรปธรรม ดงตอไปน

Class หมายถงสงทใชอธบายกลมของ Object ทมคณสมบต การท างาน และความสมพนธบางอยางเหมอนกน ดงแสดงดงรปท 2.4

รปท 2.4 แสดงสญลกษณของ Class Interface เปนการน าเอา Operation ตางๆ มาจดกลมเปน collection

โดย interface จะเปนตวก าหนดวา operation ตางๆ จะใชงานอยางไร

รปท 2.5 แสดงสญลกษณของ Interface

Inface

Name

12

Collaboration ใชก าหนดบทบาทและปฏสมพนธทมตอกน เปนการหาพฤตกรรมในภาพรวมของกลม Elements

รปท 2.6 แสดงสญลกษณของ Collaboration Use case ใชอธบาย Action ตางๆ ทเกดขนในฟงกชนการท างานหลก

ของระบบ โดยผทกระท า Action เกลานนเรยกวา Actor รปท 2.7 แสดงสญลกษณของ Use case

2.2) Behavioral Things เปนค ากรยาทมลกษณะเปน Dynamic

แสดงถงพฤตกรรมของระบบ ซงม 2 ประเภทคอ Interaction เปนพฤตกรรมของ Object ตางๆ ทมการแลกเปลยน

ขาวสารกน ซงอาจจะเปน Object เดยว หรอกลมของ Object กได

รปท 2.8 แสดงสญลกษณของ Interaction ชอ display State Machine เปนล าดบขนตอน หรอสถานะท Object มการ

ตอบสนองตอเหตการณตางๆ

รปท 2.9 แสดงสญลกษณของ State ชอ Waiting

display

Waiting

13

2.3) Grouping Things เปนสวนของการจดกลม ไดแก Package รปท 2.10 แสดงสญลกษณของ Package

2.4) Annotation Things เปนสวนทเปนค าอธบายรายละเอยด เพอ

เปนหมายเหต หรอค าอธบายเพมเตมของ Elements

รปท 2.11 แสดงสญลกษณของ Note

2) Relationship คอความสมพนธในภาษา UML สามารถแบงออกได 4 ชนดคอ

2.1) Dependency เปนความสมพนธของการขนตอกน เปนความสมพนธทเมอมการเปลยนแปลงสวนหนง จะสงผลกระทบตออกสวนหนง ดงตวอยางรปท 2.12 การเปลยนแปลงของวทยาลยมผลกระทบตอนกศกษา

รปท 2.12 แสดงตวอยางความสมพนธแบบ Dependency 2.2) Association เปนความสมพนธสวนใหญของ Object ทท างาน

รวมกน และมความเกยวของกน โดยรวมไปถงความสมพนธแบบ Aggregration คอการเปนสวนหนงของ Object หลก และ Composition คอการเปนองคประกอบของ Object หลก ดงตวอยางรปท 2.13

Package Name

Note

Student

id

fname

lname

getID()

getName()

College

id

name

address

open()

close()

14

รปท 2.13 แสดงตวอยางความสมพนธแบบ Association 2.3) Generalization เปนความสมพนธลกษณะของการสบทอด

คณสมบตจาก Parent ไปส Child โดย Child จะมคณสมบตบางอยางเฉพาะตวทแตกตางจาก Parent ดงตวอยางรปท 2.14

รปท 2.14 แสดงตวอยางความสมพนธแบบ Generalization

2.4) Realization เปนความสมพนธของการท าใหท างานไดจรง

ระหวาง Interface กบ Class หรอระหวาง Use case กบ Collaboration

RoomWall

Floor

Shair

Desk

Student

Association

AggregrationComposition

Person

TeacherStudent

Child

Parent

15

รปท 2.15 แสดงตวอยางความสมพนธแบบ Realization 3) Diagram คอแผนผงสญลกษณทบงบอกถงขนตอนตางๆ ของระบบท

พฒนา โดยใน UML มขนตอนทส าคญดงจะกลาวในหวขอถดไป

2.2.3 Use case diagram ใชเพอแสดงขอบเขตของระบบ และฟงกชนการท างานหลกของระบบ ม

องคประกอบหลกทส าคญคอ Actor และ Use case โดยมสญลกษณทส าคญในการพฒนา diagram ดงน

ตารางท 2.4 ตารางสญลกษณภายใน Use case diagram

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

Use case หนาทหรอกจกรรมทระบบตองท า

Actor ผทเกยวของกบระบบ

System เสนแบงขอบเขตระหวางระบบกบ Actor

Connection เสนเชอมความสมพนธระหวาง Actor กบ Use case

การพฒนา Use case diagram เปนวเคราะหระบบโดยไมตองระบถงอปกรณ

หรออนเทอรเฟสตางๆ แสดงเฉพาะกจกรรมหรอสงทตองการจากระบบโดยไมตองสนใจวาจะท างานอยางไร ตวอยางการพฒนา Use case ระบบตเอทเอม ดงรปท 2.16

<<Interface>>

New interface

Implement class

Use Case

Collaboration

16

รปท 2.16 แสดงตวอยาง Use case diagram ของระบบตเอทเอม 2.2.4 Sequence diagram ใชเปนแผนภาพแสดงล าดบเหตการณทเกยวของของแตละ Use case แสดงให

เหนถงการปฏสมพนธระหวาง Object ณ เวลาตางๆ โดย Use case หนงๆ สามารถมไดหลายเหตการณ โดยแผนภาพ Use case เปรยบเสมอนการแสดงกรอบงานของระบบ

ตารางท 2.5 ตารางสญลกษณภายใน Sequence diagram

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

Actor ผทเกยวของกบระบบ

Object Object ทตองท าหนาทตอบสนองตอ Actor

Lifeline เสนแสดงชวงชวตของ Object หรอ Class

Focus of control/Activation

จดเรมตนและจดสนสดของแตละกจกรรมในชวงทมชวตอย

message()

Message ค าสงหรอฟงกชนซง Object สงใหอก Object ซงสามารถสงกลบได

Callback/Self delegation

การประมวลผลหรอคนคาทไดภายใน Object เดยวกน

User

objectName:ClassName

17

รปท 2.17 แสดงตวอยาง Sequence diagram จากตวอยางดงรปท 2.17 เปนการแสดงแผนภาพ Sequence diagram ของ

Use case ของการกดซอน าจากตอตโนมต 2.2.5 Class diagram ใชเพอแสดงใหเหนถงการใชงาน Class และ Object ตลอดจนแสดงถง

ความสมพนธระหวาง Class กบ Object และการสบทอด Class วตถประสงคหลกของการสราง Class diagram เพอแสดงใหเหนถงโครงสรางของขอมล หรอคณสมบตของ Class (Attribute) และหนาทการท างานท Class สามารถจะกระท าได (Operation) โดยโอเปอเรชนจะตามดวยเครองหมาย () ตอทายแตละโอเปอเรชน ซงหมายถงการระบพารามเตอรใหกบโอเปอเรชนเพอทจะสงผานกนระหวางโอเปอเรชน บางโอเปอเรชนอาจจะไมตองมพารามเตอรกได

จากตวอยาง Sequence diagram รปท 2.17 เราสามารถน ามาเขยนเปน Class diagram ไดดงรปท 2.18

รปท 2.18 แสดงตวอยาง Class diagram

18

2.3 ความรเกยวกบ Web Service

Web Service คอ ซอฟตแวรทออกแบบมาเพอสนบสนนการแลกเปลยนขอมลกนระหวางเครองคอมพวเตอรผานระบบเครอขายแบบ Web Application ทประกอบดวยสวนยอยๆ ทสมบรณ สามารถตดตง คนหา และท างานผานเวบได Web Service สามารถท างานตงแตงานงายๆ เชนการดงขอมล จนถงการท างานทซบซอน

Web Service ใหบรการโดยจะถกเรยกใชงานจาก Application อนๆ ในรปแบบ RPC (Remote Procedure Call) การใหบรการจะตองมเอกสารทอธบายคณสมบตของการบรการก ากบไว โดยภาษาทถกใชเปนสอกลางในการแลกเปลยนคอ XML ซงสามารถเรยกใชงานไดบน Protocol HTTP ซงเปน Protocol ส าหรบอนเทอรเนตโดยใช Component หรอ Platform ใดๆ กได อนเปนชองทางทไดรบการยอมรบทวโลกในการตดตอสอสารขอมลกนระหวาง Application กบ Application ในปจจบน

2.3.1 ขอดและจดเดนของการใชงาน Web Service 1) การเชอมโยง สนบสนนการเชอมโยงกนระหวาง Application ทหลากหลาย

ได โดยใชมาตรฐานการสอสารบนเวบ 2) ลดคาใชจาย สนบสนนการน าซอฟตแวรคอมโพเนนทกลบมาใชใหม โดย

ไมตองยดตดกบเทคโนโลยเดม 3) อตโนมต สนบสนนการเรยกใชงานจากโปรแกรมโดยตรง โดยไมตองผาน

การโตตอบกบผใช 4) เขาถงได สามารถเรยกใชโปรแกรมเดม หรอโปรแกรมภายในผานทางเวบ

ได 5) ใชไดตลอด สนบสนนการเรยกใชงานไดทกท ทกเวลา และทกอปกรณ 6) ขยายได ไมจ ากดขนาดของโปรแกรม หรอจ านวนของระบบ

2.3.2 Web Service Model โมเดลของ Web Service มองคประกอบดงตอไปน Requestor คอ ใครกตามทตองการเรยกใชบรการ Web Service จาก Provider ซงสามารถคนหาบรการทตองการไดจาก UDDI Registry หรอ Service Registry หรอตดตอโดยตรงกบ Provider Registry คอ ตวกลางทท าหนาทให Provider มาลงทะเบยนไวโดยใช WSDL ไฟล เพอบอกรายละเอยดขององคกรและการบรการทมให อาจจะใชหรอไมใชกได Provider คอ ผใหบรการ Web Service ทหนาทในการเปดบรการเพอรองรบการขอใชบรการจาก Requestor

19

รปท 2.19 แสดงแผนผงของ Web Service Model 2.3.3 เทคโนโลยทใชพฒนา Web Service เทคโนโลยทเปนมาตรฐานในการแลกเปลยนขอมลบนอนเทอรเนต มดงน

1) Extensible Markup Language (XML) XML เปนภาษาทเปน Text-base จะอยในรปไฟลขอความ โดยมการ

ก าหนดมาตรฐานและดแลรบผดชอบโดย W3C (World Wide Web Consortium) ลกษณะรปแบบของ XML จะเปน Tag คลายกบ HTML โดยไมไดใชแสดงผลบนโปรแกรมเบราวเซอร แตจะมงไปทการสอความหมายทางภาษาของมนษย เพอท าความเขาใจไดงาย คอมพวเตอรเองกเขาใจไดเชนกน ในปจจบน XML ไดกลายเปนมาตรฐานส าคญส าหรบการก าหนดโครงสรางขอมลเนอหา รปแบบของขอมลของเอกสารอเลกทรอนกส และยงมการพฒนาเพอใหสามารถแลกเปลยนขอมลระหวางหนวยงาน โปรแกรมประยกต ระบบ และอปกรณตางๆ ผานทางอนเทอรเนตไดอกดวย

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

Service Requestor

Service Registry

Service Provider

Service

Description

Service

Description

Web Service

WSDL+ UDDI WSDL+ UDDI

XML, SOAP, JSON

Bind

Find Publish

20

รปท 2.20 แสดงตวอยาง Tag ของ XML 2) Simple Object Access Protocol (SOAP) SOAP เปนเอกสารทอยในรปแบบภาษา XML ท าหนาทเปนโพรโท

คอลขาวสาร ส าหรบการแลกเปลยนขอมลระหวางผใหบรการและผใชบรการ โดยโครงสรางของ SOAP ประกอบไปดวย

2.1) SOAP Envelope ใชอธบายขาวสาร ระบเนอหา และกระบวนการจดการขอมล

2.2) SOAP Transport ใชอธบายโพรโทคอลในการสงขอมล เชน HTTP หรอ SMTP

2.3) SOAP Encoding ใชอธบายการเขารหสเพอจบคชนดขอมลทใชในโปรแกรมกบ XML

SOAP เปนโพรโทคอลแบบขอความ จงท าใหสามารถทจะใชแลกเปลยนขอมลขามแพลตฟอรม และระบบตางๆ ได การสงขอความม 2 รปแบบ คอ SOAP-RPC และ SOAP message โดย SOAP-RPC ใชในการสงขอความเพอใชเรยก Method หรอ Procedure โดยจะสง SOAP Request และขอมลตางๆ เพอเรยกใช Method ในการประมวลผล และจะรอใหไดผลลพธสงกลบมาแบบ SOAP Response สวน SOAP message ใชในการสงขาวสารหรอขอมลในรปแบบ XML ระหวางผใหบรการและผใชบรการ โดยสามารถสงไดทงแบบ Synchronous และ Asynchronous เวอรชนชาสดของ SOAP คอ 1.2

21

รปท 2.21 แสดงตวอยางของ SOAP message 3) Web Services Description Language (WSDL)

WSDL คอ เอกสารทเขยนดวยภาษา XML ทใชในการอธบาย Web Service โดยจะบอกถงวธและรปแบบการตดตอกบ Web Service และบอกวา Web Service นนม Service อะไรไวใหใชบรการบาง ปจจบน WSDL เปนภาษาทอยในการดแลของ W3C ในการใชงานจรง หากเราสรางบรการ Web Service กจะมเครองมอชวยสรางเอกสาร WSDL ส าหรบ Web Service อยางอตโนมต เวอรชนลาสดของ WSDL คอ 2.0

2.4 ความรเกยวกบ JavaScript Object Notation (JSON)

JSON คอ รปแบบของขอมลทใชส าหรบแลกเปลยนขอมลขนาดเลก ซงมนษยสามารถท าความเขาใจไดงาย สามารถถกสรางและอานโดยคอมพวเตอรไดงาย มนถกก าหนดภายใตภาษา JavaScript เปนรปแบบขอมลตวอกษรทมความเปนอสระอยางสมบรณ แตจะมหลกการการเขยนทคนเคยกบโปรแกรมภาษาตางๆ ได ไมวาจะเปน ภาษา C, C++, C#, Java, JavaScript, PHP, Python และอนๆ คณสมบตเหลานท าให JSON เปนภาษาแลกเปลยนขอมลทมสมบรณแบบ ปจจบน JSON นยมใชใน Web Application โดย JSON เปนทางเลอกในการสงขอมล นอกเหนอไปจาก XML สาเหตท JSON เรมไดรบความนยมเปนเพราะกระชบ และเขาใจงายกวาภาษา XML

2.4.1 ขอแตกตางระหวาง JSON และ XML 1) JSON เปนอะไรทเขาใจงายๆ คนทไมรกยงพอเขาใจได ตางจาก XML ทด

ซบซอนกวา 2) JSON ไมมการใช tag เปดปด 3) JSON มการเกบขอมลแบบล าดบชน 4) JSON สามารถสงคาผานทาง JavaScript ได

22

5) JSON สน กระชบกวา และสามารถถกอานหรอเขยนไดเรวกวา 6) JSON ไมมจ ากดค าเฉพาะ (เชนพวก public, private, etc.) 7) JSON สามารถเกบคาแบบ Array ได

2.4.2 ประเภทขอมลของ JSON ประเภทขอมลของ JSON แบงออกได 3 ประเภทคอ

1) Number Number นนมความคลายคลงกบ Number ในภาษา C หรอภาษา

Java แตจะไมสามารถใช เลขฐาน 8 กบเลขฐาน 16 ได ตวเลขจะประกอบดวย เลข 1-9, 0, เลขทศนยม, คาบวก หรอลบ และ e, E ดงตวอยางในรปท 2.22

รปท 2.22 แสดงตวอยางขอมล JSON ประเภท Number 2) String String เปนล าดบของตวอกษรตงแต 0 ตวอกษรหรอมากกวา ซงอย

ภายใตเครองหมาย “” และจะใชเครองหมาย \ ในการใสเครองหมายก ากบตางๆ ซงจะมลกษณะคลายกบ String ในภาษา C หรอภาษา Java ดงตวอยางในรปท 2.23

รปท 2.23 แสดงตวอยางขอมล JSON ประเภท String 3) Array Array เปนล าดบของขอมล ซงจะถกเรมตนดวยเครองหมาย [ และจบ

ดวยเครองหมาย ] แตละคาของขอมลจะถกคนดวยเครองหมาย , ดงตวอยางในรปท 2.24

{ "ages": ,"height": ,"weight": }

{ "firstname":"Anawat","lastname":"Sembua" }

23

รปท 2.24 แสดงตวอยางขอมล JSON ประเภท Array

2.5 ความรเกยวกบภาษา Objective-C

Objective-C ไดมการพฒนาตงแตป ค.ศ. 1986 กอนทจะมภาษา Java และ C# เสยอก โดยวศวกรชอ Brad Cox และ Tom Love ทงสองคนไดพฒนาภาษา Objective-C โดยตอยอดมาจากภาษา C ซงไดเอาแนวคด Object-Oriented ของภาษา Smalltalk มาใชและปรบปรงใหดขน หลงจากนนบรษท NeXT Computer ซงเปนบรษทใหมของ Steve Jobs ไดสทธมาจากวศวกรสองคนน กไดรวม Objective-C มาไวเปนสวนหนงของ GCC Compiler พรอมกบพฒนาชดค าสง รวมถงสรางเครองมอตางๆขนมาเพอใชกบคอมพวเตอรของบรษท และพฒนาระบบปฏบตการของตวเองมชอวา NEXTSTEP

ในป ค.ศ. 1994 NeXT รวมกบบรษท Sun Microsystem พฒนาชดค าสงและเครองมอทเหมอนกบ NEXTSTEP ในชอ OPENSTEP เพอใชกบคอมพวเตอรเครองอนๆ ทไมใชเฉพาะเครองของ NeXT เพยงอยางเดยว หลงจากนนบรษท Apple ไดเขาซอกจการของ NeXT Computer เพอน า OPENSTEP มาใชในคอมพวเตอรของ Apple และทางบรษท Apple ไดน าเอา OPENSTEP มาพฒนาระบบปฏบตการตวใหมทมชอวา Mac OS X และรวมเอาเครองมอในการพฒนาโปรแกรมอยาง Project Builder และ Interface Builder เขามาพรอมกบพฒนาชดค าสงใหมในชอ Cocoa ขนมาใชงาน ภาษา Objective-C กไดรวมเขากบ Mac OS X มาตงแตตอนนน

เครองมอทใชในการเขยนโปรแกรมภาษา Objective-C ทนยมใชเรยกวาโปรแกรม Xcode ซงสามารถโหลดไดจาก Mac Apple Store

2.5.1 คณสมบตของ Objective-C ภาษา Objective-C มคณสมบตทส าคญ 3 ประการ คอ

1) Encapsulation Encapsulation คอการซอนปกปดสงทซบซอนหรอไมตองการใหเหน

ยกตวอยางเชน เมอเราจะขบรถกแคกดป ม Start เทานนเครองยนตกจะท างานทนท โดยทเราไมรวาการสงงานใหเครองยนตท างานนนมข นตอนอยางไรบาง ในสวนของภาษา Objective-C นนจะซอนสทธการเขาถงขอมลตางๆ ของคลาสไว

{"name": [

{ "firstname":"Anawat","lastname":"Sembua" },{ "firstname":"Sarisa","lastname":"Sembua" }

]}

24

2) Inheritance Inheritance คอการสบทอดคณสมบตจากคลาสแมไปลก ยกตวอยาง

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

3) Polymophism Polymophism คอการใช method แบบเดมกบวตถ หรอ Object ท

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

2.5.2 การสราง Class ใน Objective-C วธการสราง Class ใน Objective-C จะใชวธการสราง Interface file (.h) และ

Implement file (.m) ขนมาคกนตอหนง Class โดย Interface จะเปน Class หลกใชประกาศ Instance variable และการตงชอ Method โดยไมตองเขยนการท างาน สวนใน Implement กตองเขยน Method ทงหมดทไดประกาศไวใน Interface และเขยนการท างานลงไปใน Method ดงตวอยางในรปท 2.25

รปท 2.25 แสดงการสราง Class ใน Objective-C

25

บทท 3 แนวคดและการออกแบบ

3.1 กลาวน า เนองจากปญหาและอปสรรคทเกดขนในกระบวนการเขยนบนทกขอความขององคกร เรองของความลาชาในการพจารณาหรออนมตในแตละขนตอน ความสนเปลองกระดาษ และความยงยากในการตดตามดงทไดกลาวมาแลวในบทแรก จงเปนทมาของการพฒนาและออกแบบแอปพลเคชน e-techMemo เพอลดปญหาและเพมประสทธภาพของการบวนการท างานใหกบการเขยนบนทกขอความขององคกร แนวคดและการออกแบบ Memo and Approval Application หรอ e-techMemo นน ไดน าทฤษฎ UML (Unified Modeling Language) มาใชในการออกแบบเพอใหเหนภาพรวมการท างานและขอบเขตของระบบ การสอสารระหวางผใชกบระบบและล าดบขนตอนการท างานของระบบในแตละเหตการณ โดยอธบายขอบเขตและฟงกชนการท างานหลกของระบบดวย Use case diagram แสดงแผนภาพล าดบเหตการณทเกยวของกนระหวาง Object ของแตละ Use case ดวย Sequence diagram อธบายโครงสรางของขอมลและกจกรรมหลกทเกดขนกบขอมลนนดวย Class diagram สวนเทคโนโลยทใชในการรบสงขอมลระหวางระบบกบฐานขอมลของวทยาลย อ.เทค ใชมาตรฐานการสอสารขอมลของเวบเซอรวส ดวยขอมลในรปแบบของ JSON และใชบรการการเขาถงอปกรณ iPhone และ iPad ดวย Push notification ของ Apple 3.2 Use case diagram

3.2.1 Use case diagram of Memo and Approval Application คอแผนภาพแสดงขอบเขตและฟงกชนการท างานหลกของระบบทเกดขนในการใชงานแอปพลเคชน e-techMemo วามสวนใดเกยวของกนบาง ดงรปท 3.1

26

รปท 3.1 User case diagram ของระบบ Memo and Approval Application

3.2.2 Use case description of Memo and Approval Application 3.2.2.1 Actor

Actor ในระบบคอบคลากรทงหมดของวทยาลย อ.เทค และระบบทเกยวของในการจดการขอมล โดยแบง Actor ตามลกษณะความสมพนธกบ User case ไดดงน

Person หมายถงบคลากรทงหมดของวทยาลย อ.เทค User หมายถงบคลากรทลงทะเบยนใชแอปพลเคชน e-techMemo Head หมายถงบคลากรทมต าแหนงเปนผบงคบบญชาของแตละ

ระดบงานของวทยาลย อ.เทค Apple System หมายถงระบบการบรการขอมลของบรษท Apple ทใหบรการ

เกยวกบการใช Push Notification Web Service System หมายถง ระบบการบรการจดการขอมลบนทกขอความ

ของวทยาลย อ.เทค ผานอนเทอรเนต

27

3.2.2.2 Use case for Register คอ ฟงกชนการลงทะเบยนใชงานแอปพลเคชน

รปท 3.2 Use case for Register

Use Case Identifier: MEMO-UC-01 Overview:

จดประสงคของ use case นเพอท าการลงทะเบยนขอมลผใชและขอมลอปกรณ iPhone หรอ iPad ของบคลากรเพอเปดสทธการใชงานแอปพลเคชน

Primary Actor: 1. บคลากรทงหมดของวทยาลย อ.เทค (Person)

2. Apple System 3. Web Service System Stakeholders and their interests: 1. บคลากรตองการลงทะเบยนใชงานแอปพลเคชน Pre-conditions:

1. บคลากรมขอมลในระบบอนทราเนตของวทยาลย อ.เทค Success Guarantee: การลงทะเบยนขอมลผใชและขอมลอปกรณเสรจสมบรณ หรอไมกถก

ยกเลก Flow of events:

1. ระบบแสดงหนาจอลงทะเบยนผใชงาน 2. ระบบสงขอมลอปกรณของผใชเพอลงทะเบยนกบระบบ Apple 3. ระบบ Apple ท าการสงหมายเลข Token ID ของอปกรณทลงทะเบยน

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

28

ถกตอง และบนทกขอมลการลงทะเบยน 6. เวบเซอรวสสงขอมลสมาชกทลงทะเบยนส าเรจกลบมายงระบบ 7. ระบบอนญาตใหผใชเขาใชงานแอปพลเคชน

Alternative flow of events:

5a: ในกรณทขอมลผใชไมถกตอง 1. ระบบจะแจงใหผใชทราบและแสดงหนาจอลงทะเบยนผใชใหม

Special Requirements: - 3.2.2.3 Use case for Manage Memo คอ ฟงกชนการจดการบนทกของผใช

รปท 3.3 Use case for Manage Memo


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

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

2. Web Service System Stakeholders and their interests: 1. ผใชตองการจดการบนทกขอความของตนเอง Pre-conditions:

1. มขอมลการลงทะเบยนของผใชในระบบ Success Guarantee:

การจดการบนทกขอความของผใชส าเรจ Flow of events:

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

29

4.1 คนหารายการบนทกขอความเกา a) ผใชเลอกปการศกษา และกรอกค าคนหาเลขท หรอชอเรอง b) ระบบสงขอมลการคนหาบนทกขอความไประบบเวบเซอรวส c) เวบเซอรวสท าการคนหาและสงชดรายการบนทกขอความ

กลบมาใหระบบ 4.2 เปดดรายละเอยด สถานะการพจารณา และผลการด าเนนการของ

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

เซอรวส d) เวบเซอรวสสงรายละเอยดของบนทกขอความทรองขอกลบมา

ใหระบบ 4.3 ลบรายการบนทกขอความเกา

a) ผใชเลอกรายการบนทกขอความทตองการลบ b) ระบบสงขอมลรายการบนทกขอความทตองการลบไประบบ

เวบเซอรวส c) เวบเซอรวสสงสถานะการลบบนทกขอความกลบมาใหระบบ

4.4 เขยนบนทกขอความใหม a) ผใชเปดหนาจอเขยนบนทกขอความใหม b) ผใชกรอกขอมล ชอเรอง รายละเอยดบนทกขอความ และเลอก

ผบงคบบญชาทจะสงถง c) ระบบสงขอมลบนทกขอความไประบบเวบเซอรวส d) เวบเซอรวสสงสถานะการบนทกขอมลบนทกขอความกลบมา

ใหระบบ Alternative flow of events: 4.3a: ในกรณทรายการบนทกขอความผานการพจารณาแลว 1. ระบบไมอนญาตใหลบรายการบนทกขอความ Special Requirements: -

30

3.2.2.4 Use case for Approve Memo คอ ฟงกชนการพจารณาหรออนมตบนทกขอความ

รปท 3.4 Use case for Approve Memo


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

Primary Actor: 1. ผใชงานระดบผบงคบบญชา (Head)

2. Web Service System Stakeholders and their interests: 1. ผใชตองการพจารณาบนทกขอความของผใตบงคบบญชา Pre-conditions:

1. มขอมลการลงทะเบยนของผใชในระบบ 2. มบนทกขอความเสนอพจารณาของผใชในระบบ Success Guarantee:

การอนมตบนทกขอความหรอเสนอพจารณาตอไปยงผบงคบบญชาส าเรจ Flow of events:

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

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

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

b) ระบบสงขอมลการคนหาบนทกขอความไประบบเวบเซอรวส

31

c) เวบเซอรวสท าการคนหาและสงชดรายการบนทกขอความกลบมาใหระบบ

4.2 พจารณาหรออนมตบนทกขอความ a) ผใชเลอกรายการบนทกขอความทตองการพจารณา b) ระบบเปดหนาจอแสดงรายละเอยดของบนทกขอความ c) ระบบสงค ารองขอรายละเอยดของบนทกขอความไประบบเวบ


ใหระบบ e) ผใชเปดหนาจอเพอพจารณา หรออนมตบนทกขอความ f) ผใชเลอกเงอนไขการพจารณา กรอกขอความแนบ หรอเลอก

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

ระบบ 4.3 ยกเลกการพจารณาหรออนมตบนทกขอความ

a) ผใชเลอกรายการบนทกขอความทตองการยกเลกการพจารณา b) ระบบสงค ารองขอยกเลกการพจารณาของผใชไประบบเวบ

เซอรวส c) เวบเซอรวสสงผลการยกเลกการพจารณากลบมาใหระบบ

Alternative flow of events: 4.2a: ในกรณทบนทกขอความนนผใชไดพจารณาไปแลว

1. ระบบไมอนญาตใหผใชพจารณาซ าอก 4.3a: ในกรณทบนทกขอความนนเปนการเสนอตอผบงคบบญชาในระดบท

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

Special Requirements: -

32

3.2.2.5 Use case for Operate Memo คอ ฟงกชนการตรวจสอบรายบนทกทผใชตองด าเนนการหรอรบทราบ

รปท 3.5 Use case for Operate Memo


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


2. Web Service System Stakeholders and their interests: 1. ผใชตองการรบทราบบนทกขอความทไดรบเพอด าเนนการ 2. ผใชตองการรายงานผลการด าเนนการตามบนทกขอความทไดรบ Pre-conditions:

1. มขอมลการลงทะเบยนของผใชในระบบ 2. มบนทกขอความทเกยวของสงถงผใชในระบบ Success Guarantee:

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

Flow of events: 1. ผใชเปดหนาจอบนทกขอความทตองรบทราบ หรอด าเนนการ

2. ระบบรองขอรายการบนทกขอความทตองรบทราบ หรอด าเนนการของผใชไปยงเวบเซอรวส

3. เวบเซอรวสสงชดรายการบนทกขอความทตองรบทราบ หรอพจารณากลบมายงระบบ

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

4.1 คนหารายการบนทกขอความทตองรบทราบ หรอด าเนนการ

33


b) ระบบสงขอมลการคนหาบนทกขอความไประบบเวบเซอรวส c) เวบเซอรวสท าการคนหาและสงชดรายการบนทกขอความ

กลบมาใหระบบ 4.2 รบทราบ หรอบนทกผลการด าเนนการตามบนทกขอความ

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


ใหระบบ e) ผใชเปดหนาจอเพอรบทราบ หรอบนทกผลการด าเนนการ f) ผใชกรอกขอมลรบทราบ หรอผลการด าเนนการ g) ระบบสงขอมลการรบทราบ หรอผลการด าเนนการไปยงระบบ

เวบเซอรวส h) เวบเซอรวสสงผลการบนทกขอมลการรบทราบ หรอผลการ

ด าเนนการกลบมาใหระบบ Alternative flow of events: - Special Requirements: -

3.2.2.6 Use case for Send Memo คอ ฟงกชนการสงบนทกขอความไปยงผทเกยวของเพอรบทราบ หรอด าเนนการ

รปท 3.6 Use case for Send Memo


จดประสงคของ use case น เพอสงบนทกขอความไปยงผทเกยวของรบทราบ หรอด าเนนการตามบนทกขอความ


34

2. Web Service System Stakeholders and their interests: 1. ผใชตองการสงตอบนทกขอความไปยงผทเกยวของ Pre-conditions:

1. มขอมลการลงทะเบยนของผใชในระบบ 2. มบนทกขอความเสนอรอพจารณา หรอพจารณาแลวของผใชในระบบ Success Guarantee:

การสงบนทกขอความไปยงผทเกยวของส าเรจ Flow of events:

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


b) ระบบสงขอมลการคนหาบนทกขอความไประบบเวบเซอรวส c) เวบเซอรวสท าการคนหาและสงชดรายการบนทกขอความ

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

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


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

ระบบเวบเซอรวส g) เวบเซอรวสสงรายการผทไดรบบนทกขอความนแลวกลบมายง

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

แนบการสง

35

j) ระบบสงขอมลการสงบนทกขอความไปยงระบบเวบเซอรวส k) เวบเซอรวสสงผลการบนทกขอมลการสงบนทกขอความ

กลบมาใหระบบ Alternative flow of events: 4.2a: ในกรณทผใชเลอกรายชอทตองการสงซ ากบรายชอทไดรบแลว 1. ระบบไมอนญาตใหผใชเพมรายชอซ ากบรายชอทไดรบแลว Special Requirements: -

3.2.3 Use case diagram of Web Service System คอแผนภาพแสดงขอบเขตและฟงกชนการท างานของระบบเวบเซอรวส ทใชจดการขอมลระหวางแอปพลเคชน e-techMemo มความสมพนธ ดงรปท 3.7

รปท 3.7 User case diagram ของระบบ Web Service

3.2.4 Use case description of Web Service System 3.2.4.1 Use case for Register Service คอ ฟงกชนตรวจสอบขอมลผใช และ

บนทกขอมลการลงทะเบยนใชงานแอปพลเคชน Use Case Identifier: MEMO-UC-06

36

Overview: จดประสงคของ use case นเพอท าการตรวจสอบ และบนทกขอมลการลงทะเบยนขอมลผใชและขอมลอปกรณ iPhone หรอ iPad ของบคลากร

Primary Actor: 1. Memo and Approval Application System (e-techMemo)

Stakeholders and their interests: 1. ระบบ e-techMemo ตองการสงขอมลการลงทะเบยนของผใชไป

ตรวจสอบ และบนทกลงฐานขอมล Pre-conditions:

1. มขอมลส าหรบลงทะเบยนใชงานแอปพลเคชน Success Guarantee: การลงทะเบยนขอมลผใชและขอมลอปกรณถกบนทก และสงขอมลผใช

กลบมาใหระบบ e-techMemo Flow of events:

1. ระบบตรวจสอบขอมลผใชทสงมาจากระบบ e-techMemo 2. ระบบบนทกขอมลการลงทะเบยน

3. ระบบสงขอมลของผใชทบนทกขอมลส าเรจกลบไปยงระบบ e-techMemo

Alternative flow of events: 1a: ในกรณทขอมลผใชไมถกตอง

1. ระบบจะสงคาผดพลาดกลบไปใหระบบ e-techMemo Special Requirements: -

3.2.4.2 Use case for Notification Service คอ ฟงกชนสงขอความแจงเตอนไปยงอปกรณสมารทโฟน


จดประสงคของ use case นเพอท าการสงขอความแจงเตอนไปยงอปกรณ iPhone หรอ iPad ของบคลากร

Primary Actor: 1. Apple System

Stakeholders and their interests: 1. ระบบแจงเตอนมบนทกขอความรอการพจารณาแสดงทอปกรณ

สมารทโฟนของผบงคบบญชา

37

2. ระบบแจงเตอนมบนทกขอความรอด าเนนการแสดงทอปกรณ สมารทโฟนของผทเกยวของ

Pre-conditions: 1. มขอมลการลงทะเบยนของผใชในระบบ

2. มขอมลการเสนอพจาณา หรอขอมลการสงบนทกขอความมาใหระบบ Success Guarantee: การสงขอความแจงเตอนไปยงอปกรณสมารทโฟนส าเรจ Flow of events:

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

2. ระบบสงขอมลการสงขอความเตอนไปยงระบบ Apple Alternative flow of events:

2a: ในกรณทรายชอทไดรบไมไดลงทะเบยนอปกรณสมารทโฟนไว 1. ระบบจะไมสงขอมลการสงขอความเตอน

Special Requirements: - 3.2.4.3 Use case for Manage Memo Service คอ ฟงกชนจดการขอมลบนทก

ขอความ Use Case Identifier: MEMO-UC-07 Overview:

จดประสงคของ use case นเพอท าการจดการขอมลบนทกขอความระหวางระบบ e-techMemo กบฐานขอมล


Stakeholders and their interests: 1. ระบบ e-techMemo ตองการจดการขอมลบนทกขอความ Pre-conditions:

1. มขอมลการลงทะเบยนใชงานแอปพลเคชนของผใช 2. มการสงขอมลการจดการบนทกขอความมาใหระบบ Success Guarantee: การจดการขอมลบนทกขอความส าเรจ Flow of events:

1. ระบบรบการรองขอรายการบนทกขอความของผใช พรอมรหสผใช จากระบบ e-techMemo

38

2. ระบบคนหารายการบนทกขอความของผใช และสงชดรายการบนทกขอความทคนหาพบไปใหระบบ e-techMemo

3. ระบบรบขอมลการจดการบนทกขอความจากระบบ e-techMemo ซงมการจดการดงตอไปน

3.1 ระบบคนหารายการบนทกขอความจากฐานขอมล a) ระบบรบค าคนหาจากระบบ e-techMemo b) ระบบคนหารายการบนทกขอความตามค าคนหา และสง

รายการบนทกขอความทไดกลบไปยงระบบ e-techMemo 3.2 ระบบคนหารายละเอยดบนทกขอความจากฐานขอมล

a) ระบบรบรหสรายการบนทกขอความจากระบบ e-techMemo b) ระบบคนหารายละเอยดบนทกขอความ และสงกลบไปยงระบบ

e-techMemo 3.3 ระบบลบรายการบนทกขอความออกจากฐานขอมล

a) ระบบรบรหสรายการบนทกขอความจากระบบ e-techMemo b) ระบบลบรายการบนทกขอความจากฐานขอมล และสง

สถานะการลบกลบไปยงระบบ e-techMemo 3.4 ระบบบนทกขอมลบนทกขอความลงฐานขอมล

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

Alternative flow of events: 3.3a: ในกรณทรายการบนทกขอความนนมสถานะไมเปนคาวาง

1. ระบบจะไมท าการลบรายการนนออกจากฐานขอมล Special Requirements: -

3.2.4.4 Use case for Approve Memo Service คอ ฟงกชนจดการขอมลการพจารณา หรออนมตบนทกขอความ


จดประสงคของ use case นเพอท าการจดการขอมลการพจาณา หรออนมตบนทกขอความระหวางระบบ e-techMemo กบฐานขอมล


Stakeholders and their interests: 1. ระบบ e-techMemo ตองการจดการขอมลการพจารณา หรออนมต

บนทกขอความ

39

Pre-conditions: 1. มขอมลการลงทะเบยนใชงานแอปพลเคชนของผใช

2. มการสงขอมลการพจารณา หรออนมตบนทกขอความมาใหระบบ Success Guarantee: การจดการขอมลการพจารณา หรออนมตบนทกขอความส าเรจ Flow of events:

1. ระบบรบการรองขอรายการบนทกขอความรอการพจารณา พรอมรหสผใช จากระบบ e-techMemo

2. ระบบคนหารายการบนทกขอความ และสงชดรายการบนทกขอความทคนหาพบไปใหระบบ e-techMemo

3. ระบบรบขอมลการพจารณาบนทกขอความจากระบบ e-techMemo ซงมดงตอไปน




e-techMemo 3.3 ระบบบนทกขอมลการพจารณาบนทกขอความลงฐานขอมล

a) ระบบรบรหสรายการบนทกขอความ และรายละเอยดการพจารณาจากระบบ e-techMemo

b) ระบบบนทกขอมลการพจารณาบนทกขอความลงฐานขอมล และสงสถานะการบนทกกลบไปยงระบบ e-techMemo

3.4 ระบบยกเลกสถานะการพจารณาบนทกขอความในฐานขอมล a) ระบบรบรหสรายการบนทกขอความทตองการยกเลก

สถานะการพจารณา b) ระบบบนทกยกเลกสถานะการพจารณาของบนทกขอความ

และสงสถานะการยกเลกกลบไปยงระบบ e-techMemo

40

Alternative flow of events: 3.4a: ในกรณทรายการบนทกขอความนนมรายการพจารณาของระดบทสงกวาอยในฐานขอมล

1. ระบบจะไมท าการยกเลกสถานะการพจารณานนออกจากฐานขอมล

Special Requirements: - 3.2.4.5 Use case for Operate Memo Service คอ ฟงกชนจดการขอมลการ

ด าเนนการตามบนทกขอความ Use Case Identifier: MEMO-UC-09 Overview:

จดประสงคของ use case นเพอท าการจดการขอมลการด าเนนการตามบนทกขอความระหวางระบบ e-techMemo กบฐานขอมล


Stakeholders and their interests: 1. ระบบ e-techMemo ตองการจดการขอมลการด าเนนการตามบนทก

ขอความ Pre-conditions:

1. มขอมลการลงทะเบยนใชงานแอปพลเคชนของผใช 2. มการสงขอมลการด าเนนการตามบนทกขอความมาใหระบบ Success Guarantee: การจดการขอมลการด าเนนการตามบนทกขอความส าเรจ Flow of events:

1. ระบบรบการรองขอรายการบนทกขอความรอการด าเนนการ พรอมรหสผใช จากระบบ e-techMemo


3. ระบบรบขอมลการพจารณาบนทกขอความจากระบบ e-techMemo ซงมดงตอไปน



41


e-techMemo 3.3 ระบบบนทกขอมลการด าเนนการตามบนทกขอความลงฐานขอมล

a) ระบบรบรหสรายการบนทกขอความ และรายละเอยดการด าเนนการจากระบบ e-techMemo

b) ระบบบนทกขอมลการด าเนนการลงฐานขอมล และสงสถานะการบนทกกลบไปยงระบบ e-techMemo

Alternative flow of events: - Special Requirements: -

3.2.4.6 Use case for Send Memo Service คอ ฟงกชนจดการขอมลการสงตอบนทกขอความ


จดประสงคของ use case นเพอท าการจดการขอมลการสงตอบนทกขอความไปยงผรบทเกยวของระหวางระบบ e-techMemo กบฐานขอมล


Stakeholders and their interests: 1. ระบบ e-techMemo ตองการจดการขอมลการสงตอบนทกขอความไป

ยงผรบทเกยวของ Pre-conditions:

1. มขอมลการลงทะเบยนใชงานแอปพลเคชนของผใช 2. มการสงขอมลการสงตอบนทกขอความมาใหระบบ Success Guarantee: การจดการขอมลการสงตอบนทกขอความส าเรจ Flow of events:

1. ระบบรบการรองขอรายการบนทกขอความรอการพจารณา หรอพจารณาแลว พรอมรหสผใช จากระบบ e-techMemo


3. ระบบรบขอมลการสงตอบนทกขอความจากระบบ e-techMemo ซงมดงตอไปน

3.1 ระบบคนหารายการบนทกขอความจากฐานขอมล

42

a) ระบบรบค าคนหาจากระบบ e-techMemo b) ระบบคนหารายการบนทกขอความตามค าคนหา และสง



e-techMemo 3.3 ระบบบนทกขอมลการสงตอบนทกขอความลงฐานขอมล

a) ระบบรบรหสรายการบนทกขอความ และรายละเอยดการสงตอบนทกขอความจากระบบ e-techMemo

b) ระบบบนทกขอมลการสงตอบนทกขอความลงฐานขอมล และสงสถานะการบนทกกลบไปยงระบบ e-techMemo

Alternative flow of events: - Special Requirements: -

43

3.3 Sequence diagram Sequence diagram เปนแผนภาพแสดงล าดบเหตการณและการสอสารของ Object ทเกดขนในแตละฟงกชนการท างานหลกของระบบ e-techMemo

3.3.1 Sequence diagram of Register คอแผนภาพล าดบเหตการณของการลงทะเบยนใชแอปพลเคชน

รปท 3.8 แผนภาพ Sequence diagram of Register

Objects และ Class ทเกยวของกนประกอบดวย Person คอบคลากรทงหมดของวทยาลย อ.เทค Register Controller คอคลาส UI Controller ทใชควบคมการตดตอระหวางผใชกบแอปพลเคชนในการลงทะเบยน Apple System คอสวนการใหบรการ Notification ของบรษท Apple Web Service System คอเวบแอปพลเคชนทใหบรการขอมลการลงทะเบยนระหวางแอปพลเคชนกบฐานขอมลของวทยาลย อ.เทค ค าอธบาย Sequence diagram of Register มดงน

1. Connect() หมายถง ระบบตดตอกบบรการ Push Notification ของ Apple System เพอลงทะเบยนอปกรณสมารทโฟน

2. Token ID หมายถง หมายเลขอางองส าหรบสง Push Notification ของอปกรณทไดรบจาก Apple System

44

3. Enter username and password หมายถง ผใชลงทะเบยนใชงานแอปพลเคชน โดยกรอกขอมล usename และ password

3.1 findPersonData(username,password,deviceID,tokenID) หมายถง Operation ส าหรบตรวจสอบขอมลการลงทะเบยนของผใช โดยแนบขอมล username, password, deviceID และ tokenID ไปดวย

3.1.1 registerUserDevice() หมายถง Operation ส าหรบบนทกขอมลการลงทะเบยนผใชและอปกรณสมารทโฟน

3.1.2 personData หมายถง ขอมลรายละเอยดของผใชทไดจากการลงทะเบยน

3.2 checkRegister() หมายถง Operation ส าหรบตรวจสอบสถานะการลงทะเบยนของผใช

3.3 returnManageMemoPage หมายถง ถามขอมลผใชจะเขาสหนาจอหลก 3.4 returnErrorMessage หมายถง ถาไมมขอมลผใชจะขนขอความแจงผใช

ผดพลาด และใหลงทะเบยนผใชใหม

45

3.3.2 Sequence diagram of Manage Memo คอแผนภาพล าดบเหตการณของการเขยนบนทกขอความเพอเสนอพจารณาถงผบงคบบญชา

รปท 3.9 แผนภาพ Sequence diagram of Manage Memo

Objects และ Class ทเกยวของกนประกอบดวย User คอผใชทลงทะเบยนการใชงานแอปพลเคชนแลว ManageMemo Controller คอคลาส UI Controller ทใชควบคมการตดตอระหวางผใชกบแอปพลเคชนในการลงทะเบยน

46

Web Service System คอเวบแอปพลเคชนทใหบรการขอมลการลงทะเบยนระหวางแอปพลเคชนกบฐานขอมลของวทยาลย อ.เทค ค าอธบาย Sequence diagram of Manage Memo มดงน

1. Select Manage Memo page หมายถง ผใชเลอกเขาสหนาจอจดการบนทกขอความ 1.1 loadMemoItem(userID,year,type=’S’) หมายถง Operation ส าหรบคนหา

รายการบนทกขอความของผใช userID ปการศกษา year และประเภทบนทกสวนตว type=’S’ จากฐานขอมล

1.2 MemoItem หมายถง ขอมลรายการบนทกขอความทไดจากการคนหา 1.3 refreshMemoItem() หมายถง Operation ส าหรบรโหลดรายการบนทก

ขอความแสดงผลในหนาจอของผใช 2. Select year and enter searchText หมายถง ผใชคนหารายการบนทกขอความโดย

เลอกปการศกษา year และใสค าคนหา searchText 2.1 loadMemoItem(userID,year,searchText,type=’S’) หมายถง Operation

ส าหรบคนหารายการบนทกขอความของผใช userID ปการศกษา year ค าคนหา searchText และประเภทบนทกสวนตว type=’S’ จากฐานขอมล


ขอความแสดงผลในหนาจอของผใช 3. Select Memo and click open หมายถง ผใชเลอกรายการบนทกขอความและคลก

เปดดรายละเอยดของบนทกขอความ 3.1 loadMemoDetail(memoID) หมายถง Operation ส าหรบคนหารายละเอยด

ของบนทกขอความรหส memoID 3.2 memoDetail หมายถง ขอมลรายละเอยดของบนทกขอความทไดจากการ

คนหา 3.3 refreshMemoDetail หมายถง Operation ส าหรบรโหลดรายละเอยดของ

บนทกขอความแสดงผลในหนาจอของผใช 4. Select Memo and click delete หมายถง ผใชเลอกรายการบนทกขอความและคลก

ลบบนทกขอความออกจากฐานขอมล 4.1 deleteMemo(memoID) หมายถง Operation ส าหรบลบรายการบนทก

ขอความรหส memoID ออกจากฐานขอมล 4.2 deleteStatus หมายถง สถานะการลบบนทกขอความทสงกลบมาใหระบบ 4.3 refreshMemoItem() หมายถง Operation ส าหรบรโหลดรายการบนทก

ขอความแสดงผลในหนาจอของผใช

47

5. Click New and enter title, detail and select head หมายถง ผใชเปดหนาจอเขยนบนทกขอความใหม และกรอกขอมลชอเรอง(title) รายละเอยด(detail) และเลอกผบงคบบญชา(headID)

5.1 saveMemo(userID,title,detail,headID) หมายถง Operation ส าหรบบนทกขอมลบนทกขอความของผใช

5.1.1 sendNotification หมายถง Operation ส าหรบสงขอความแจงเตอนไปยงอปกรณตามรายชอผรบ

5.1.2 saveStatus หมายถง สถานะการบนทกขอมลทสงกลบมาใหระบบ 5.2 refreshMemoItem() หมายถง Operation ส าหรบรโหลดรายการบนทก


48

3.3.3 Sequence diagram of Approve Memo คอแผนภาพล าดบเหตการณของการอนมตบนทกขอความของผบงคบบญชาแตละระดบ

รปท 3.10 แผนภาพ Sequence diagram of Approve Memo

Objects และ Class ทเกยวของกนประกอบดวย Head คอผใชในระดบผบงคบบญชาทลงทะเบยนการใชงานแอปพลเคชนแลว ApproveMemo Controller คอคลาส UI Controller ทใชควบคมการตดตอระหวางผใชกบแอปพลเคชนในการพจารณาหรออนมตบนทกขอความ Web Service System คอเวบแอปพลเคชนทใหบรการขอมลการลงทะเบยนระหวางแอปพลเคชนกบฐานขอมลของวทยาลย อ.เทค ค าอธบาย Sequence diagram of Approve Memo มดงน

49

1. Select Approve Memo page หมายถง ผใชเลอกเขาสหนาจอบนทกขอความรอพจารณา หรออนมต

1.1 loadMemoItem(userID,year,type=’A’) หมายถง Operation ส าหรบคนหารายการบนทกขอความของผใช userID ปการศกษา year และประเภทบนทกรอการพจารณา type=’A’ จากฐานขอมล



เลอกปการศกษา year และใสค าคนหา searchText 2.1 loadMemoItem(userID,year,searchText,type=’A’) หมายถง Operation

ส าหรบคนหารายการบนทกขอความของผใช userID ปการศกษา year ค าคนหา searchText และประเภทบนทกรอการพจารณา type=’A’ จากฐานขอมล






บนทกขอความแสดงผลในหนาจอของผใช 4. Click approve and enter approveType, textAttach and select head หมายถง

ผใชเปดหนาจออนมต และกรอกขอมลประเภทการพจารณา(approveType) ขอความ(textAttach) หรอเลอกเสนอผบงคบบญชา(headID)

4.1 saveApprove(userID,memoID,approveType,textAttach,headID) หมายถง Operation ส าหรบบนทกขอมลการพจารณาบนทกขอความของผใช

4.1.1 sendNotification หมายถง Operation ส าหรบสงขอความแจงเตอนไปยงอปกรณตามรายชอผรบ

4.1.2 saveStatus หมายถง สถานะการบนทกขอมลทสงกลบมาใหระบบ 4.2 refreshMemoItem() หมายถง Operation ส าหรบรโหลดรายการบนทก


50

5. Select Memo and click cancel approve หมายถง ผใชเลอกรายการบนทกขอความและคลกยกเลกการพจารณาบนทกขอความ

5.1 clearApprove(userID,memoID) หมายถง Operation ส าหรบการพจารณาบนทกขอความรหส memoID ออกจากฐานขอมล

5.2 clearStatus หมายถง สถานะการยกเลกการพจารณาบนทกขอความทสงกลบมาใหระบบ

5.3 refreshMemoItem() หมายถง Operation ส าหรบรโหลดรายการบนทกขอความแสดงผลในหนาจอของผใช

3.3.4 Sequence diagram of Operate Memo คอแผนภาพล าดบเหตการณของการเปดบนทกขอความรบเพอด าเนนการ

รปท 3.11 แผนภาพ Sequence diagram of Operate Memo

51

User คอผใชทลงทะเบยนการใชงานแอปพลเคชนแลว OperateMemo Controller คอคลาส UI Controller ทใชควบคมการตดตอระหวางผใชกบแอปพลเคชนในการบนทกรบทราบการด าเนนการ Web Service System คอเวบแอปพลเคชนทใหบรการขอมลการลงทะเบยนระหวางแอปพลเคชนกบฐานขอมลของวทยาลย อ.เทค ค าอธบาย Sequence diagram of Operate Memo มดงน

1. Select Operate Memo page หมายถง ผใชเลอกเขาสหนาจอรายการบนทกรบเพอด าเนนการ

1.1 loadMemoItem(userID,year,type=’O’) หมายถง Operation ส าหรบคนหารายการบนทกขอความรบของผใชตาม userID ปการศกษา year และประเภทบนทกรอการด าเนนการ type=’O’ จากฐานขอมล



เลอกปการศกษา year และใสค าคนหา searchText 2.1 loadMemoItem(userID,year,searchText,type=’O’) หมายถง Operation

ส าหรบคนหารายการบนทกขอความรบของผใชตาม userID ปการศกษา year และประเภทบนทกรอการด าเนนการ type=’O’ จากฐานขอมล






บนทกขอความแสดงผลในหนาจอของผใช 4. Click operate and enter detail หมายถง ผใชเปดหนาจอบนทกการด าเนนการ และ

กรอกรายละเอยด(detail) การด าเนนการ 4.1 saveOperate(userID,memoID,detail) หมายถง Operation ส าหรบบนทก

ขอมลการด าเนนการตามบนทกขอความของผใช

52

4.2 saveStatus หมายถง สถานะการบนทกขอมลการด าเนนการทสงกลบมาใหระบบ

3.3.5 Sequence diagram of Send Memo คอแผนภาพล าดบเหตการณของการสง

ตอบนทกขอความไปยงผทเกยวของด าเนนการ

รปท 3.12 แผนภาพ Sequence diagram of Send Memo

Objects และ Class ทเกยวของกนประกอบดวย Head คอผใชในระดบผบงคบบญชาทลงทะเบยนการใชงานแอปพลเคชนแลว ApproveMemo Controller คอคลาส UI Controller ทใชควบคมการตดตอระหวางผใชกบแอปพลเคชนในการสงบนทกขอความไปยงผทเกยวของ Web Service System คอเวบแอปพลเคชนทใหบรการขอมลการลงทะเบยนระหวางแอปพลเคชนกบฐานขอมลของวทยาลย อ.เทค ค าอธบาย Sequence diagram of Send Memo มดงน

53

1. Select Approve Memo page หมายถง ผใชเลอกเขาสหนาจอบนทกขอความรอพจารณา หรออนมต

1.1 loadMemoItem(userID,year,type=’A’) หมายถง Operation ส าหรบคนหารายการบนทกขอความของผใช userID ปการศกษา year และประเภทบนทกรอการพจารณา หรอพจารณาแลว type=’A’ จากฐานขอมล



เลอกปการศกษา year และใสค าคนหา searchText 2.1 loadMemoItem(userID,year,searchText,type=’A’) หมายถง Operation

ส าหรบคนหารายการบนทกขอความของผใช userID ปการศกษา year ค าคนหา searchText และประเภทบนทกรอการพจารณา หรอพจารณาแลว type=’A’ จากฐานขอมล






บนทกขอความแสดงผลในหนาจอของผใช 4. Click send and enter text and select person หมายถง ผใชเปดหนาจอผรบเพอสง

บนทกขอความโดยกรอกขอความแนบ(text) และเลอกรายชอผรบ(personArray) 4.1 saveSendMemo(userID,memoID,text,personArray) หมายถง Operation

ส าหรบบนทกขอมลการพจารณาบนทกขอความของผใช 4.1.1 sendNotification หมายถง Operation ส าหรบสงขอความแจงเตอนไป

ยงอปกรณตามรายชอผรบ 4.1.2 saveStatus หมายถง สถานะการบนทกขอมลทสงกลบมาใหระบบ

4.2 refreshDetail () หมายถง Operation ส าหรบรโหลดรายการบนทกขอความแสดงผลในหนาจอของผใช

54

3.4 Conceptual Class Diagram of E-TECH Memo database Conceptual Class Diagram of E-TECH Memo database เปนแผนภาพทใชแสดง Class และความสมพนธระหวาง Class ในระบบฐานขอมลทใชเกบขอมลบนทกของวทยาลย อ.เทค แสดงดงรปท 3.13 สามารถดรายละเอยดโครงสรางขอมลไดในภาคผนวก

รปท 3.13 แผนภาพ Conceptual Class Diagram of E-TECH Memo database

55

3.5 Physical Class Diagram of Memo and Approval Application Physical Class Diagram of Memo and Approval Application เปนแผนภาพทใชแสดง Class และความสมพนธระหวาง Class ของแอปพลเคชนบนทกขอความและการอนมตออนไลน แสดงดงรปท 3.14

รปท 3.14 แผนภาพ Physical Class Diagram of Memo and Approval Application 3.6 อธบาย Physical Class Diagram of Memo and Approval Application

3.6.1 Class Web Service System

รปท 3.15 แผนภาพ Class Web Service System

56

ตารางท 3.1 ตารางอธบาย Class Web Service System Web Service System หมายถง เวบเซอรวสทใหบรการจดการขอมลบนทกออนไลนระหวางโมบายแอปพลเคชนกบฐานขอมลของวทยาลย อ.เทค Attribute Operation +findPersonData(username,password, deviceID,tokenID)

บรการคนหาขอมลบคลากรเพอตรวจสอบการลงทะเบยน

+registerUserDevice() บรการบนทกขอมลการลงทะเบยน +loadMemoItem(userID,year,type,searchText) : List<Memo>

บรการคนหารายการบนทกขอความ

+loadMemoDetail(memoID) : Memo บรการคนหารายละเอยดบนทกขอความ

+deleteMemo(memoID) : bool บรการลบรายการบนทกขอความ +saveMemo(userID,title,detail,headID) : bool บรการบนทกขอมลบนทกขอความ +sendNotification() บรการสงขอความเตอนไปยง

อปกรณสมารทโฟนทลงทะเบยนไว +saveApprove(approveType,textAttach, headID) : bool

บรการบนทกขอมลการพจารณา หรออนมต

+clearApprove(userID,memoID,detail) : bool บรการยกเลกขอมลการพจารณา หรออนมต

+saveOperate(userID,memoID,detail) : bool บรการบนทกขอมลการด าเนนการ +saveSendMemo(userID,memoID,text, personArray) : bool

บรการบนทกขอมลการสงตอบนทกขอความไปยงผทเกยวของ

3.6.2 Class Register Controller

รปท 3.16 แผนภาพ Class Register Controller

57

ตารางท 3.2 ตารางอธบาย Class Register Controller Register Controller หมายถง คลาสทควบคมการแสดงผลหนาจอการลงทะเบยนบนโมบายแอปพลเคชน Attribute -userID : string รหสบคลากรของผใชระบบ Operation +redirectRegisterPage() เปดหนาจอการลงทะเบยน +checkRegister() ตรวจสอบขอมลการลงทะเบยนเพอ

เปดเขาสหนาจอหลก

3.6.3 Class Manage Memo Controller

รปท 3.17 แผนภาพ Class Manage Memo Controller

ตารางท 3.3 ตารางอธบาย Class Manage Memo Controller Manage Memo Controller หมายถง คลาสทควบคมการแสดงผลหนาจอการจดการบนทกขอความสวนตวบนโมบายแอปพลเคชน Attribute -userID : string รหสบคลากรของผใชระบบ Operation +redirectRegisterPage() เปดหนาจอ Manage Memo +refreshMemoItem() ดงรายการบนทกขอความทไดจาก

Web service system แสดงลงในตารางแสดงผล

+refreshMemoDetail() ดงรายละเอยดบนทกขอความทไดจาก Web service system แสดงลงในหนาจอรายละเอยดบนทกขอความ

58

3.6.4 Class Approve Memo Controller

รปท 3.18 แผนภาพ Class Approve Memo Controller

ตารางท 3.4 ตารางอธบาย Class Approve Memo Controller Approve Memo Controller หมายถง คลาสทควบคมการแสดงผลหนาจอการพจารณาบนทกทกขอความบนโมบายแอปพลเคชน Attribute -userID : string รหสบคลากรของผใชระบบ Operation +redirectRegisterPage() เปดหนาจอ Approve Memo +refreshMemoItem() ดงรายการบนทกขอความทไดจาก



3.6.5 Class Operate Memo Controller

รปท 3.19 แผนภาพ Class Operate Memo Controller

59

ตารางท 3.5 ตารางอธบาย Class Operate Memo Controller Operate Memo Controller หมายถง คลาสทควบคมการแสดงผลหนาจอบนทกขอความรบรอการด าเนนการบนโมบายแอปพลเคชน Attribute -userID : string รหสบคลากรของผใชระบบ Operation +redirectRegisterPage() เปดหนาจอ Operate Memo +refreshMemoItem() ดงรายการบนทกขอความทไดจาก



60

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

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

4.1 สวนตดตอหลกกบผใชงานแอปพลเคชน 4.1.1 ไอคอนของแอปพลเคชน e-techMemo

รปท 4.1 ไอคอนของแอปพลเคชน e-techMemo

61

4.1.2 หนาจอ Welcome to E-TECH MEMO

รปท 4.2 หนาจอ Welcome

รปท 4.2 หนาจอ Welcome to E-TECH MEMO

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

62

4.1.3 หนาจอ Manage Memo

รปท 4.3 หนาจอ Manage Memo

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

63

4.1.4 หนาจอ Waiting Approve Memo

รปท 4.4 หนาจอ Waiting Approve Memo

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

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

64

4.1.5 หนาจอ Approve Memo

รปท 4.5 หนาจอ Approve Memo

จากรปท 4.5 เปนหนาจอแสดงรายการบนทกขอความทงหมดทผใชพจารณาหรออนมต

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

65

4.1.6 หนาจอ Operate Memo

รปท 4.6 หนาจอ Operate Memo

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

66

4.1.7 หนาจอ Memo Detail

รปท 4.7 หนาจอ Memo Detail

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

1) Received ใชส าหรบเปดดรายชอผทไดรบบนทกขอความ และสงตอไปยงผทเกยวของ

2) Operate ใชส าหรบบนทกรบทราบหรอบนทกรายงานผลการด าเนนงาน 3) Approve ใชส าหรบบนทกการพจารณาหรออนมตบนทกขอความ 4) Disapprove ใชส าหรบยกเลกการพจารณาหรออนมตของผใช

67

4.1.8 หนาจอ Write Memo

รปท 4.8 หนาจอ Write Memo

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

68

4.1.9 หนาจอ Received List รายชอผทไดรบบนทกขอความ

รปท 4.9 หนาจอ Received List

จากรปท 4.9 เปนหนาจอส าหรบแสดงรายชอผทไดรบบนทกขอความนแลว โดยแตละรายการจะแสดงชอ วนทไดรบและวนทเปดอานของผทไดรบ และมป ม +Send ส าหรบเพมการสงตอบนทกขอความไปยงผทเกยวของเพมเตม

69

4.1.10 หนาจอ Write Operate บนทกรบทราบหรอรายงานผลการด าเนนงาน

รปท 4.10 หนาจอ Write Operate

จากรปท 4.10 เปนหนาจอส าหรบเขยนรายงานการด าเนนการของผทเกยวของทไดรบการสงตอบนทกขอความ

70

4.1.11 หนาจอ Approve พจารณาหรออนมตบนทกขอความ

รปท 4.11 หนาจอ Approve

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

71

4.2 อปกรณทใชทดลองการใชงานแอปพลเคชน e-techMemo

ในการทดลองการใชงานแอปพลเคชนในครงน ไดมการใชอปกรณ 2 เครองคอ iPhone 5S และ iPad Air บนระบบปฏบตการ iOS Version 8.1.2 เพอใหการทดสอบมการโตตอบกนใหเหนภาพชดเจน โดยเฉพาะเรอง Push Notification โดยกอนการทดสอบไดมการลงทะเบยนผใชไวเบองตนแลว ดงรปตอไปน

รปท 4.12 หนาจอ iPhone 5S และ iPad Air

72

4.3 การทดลองการใชงานแอปพลเคชน e-techMemo

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

4.3.1 การทดลองการลงทะเบยนการใชแอปพลเคชน

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

1) ใสรหสผใช และรหสผานเปนชดเดยวกบทใชในระบบ http://e-sis.e-tech.ac.th ของวทยาลย อ.เทค

รปท 4.13 หนาจอลงทะเบยนเพอใชงานแอปพลเคชน

73

2) หนาจอมการแจงเตอนวาการลงทะเบยนส าเรจใหคลกป ม To Home เพอเขาใชงานตอไป (ป ม To Home จะใชงานไมไดถาลงทะเบยนไมส าเรจ)

รปท 4.14 หนาจอแจงเตอนลงทะเบยนลงทะเบยนใชงานส าเรจ

3) เมอคลกทป ม To Home จะเขาสหนาจอ Manage Memo แสดงรายการ

บนทกขอความของผใชทเคยเขยนไว

74

รปท 4.15 หนาจอ Manage Memo แสดงรายการบนทกของผใช

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

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

75

รปท 4.16 หนาจอแสดงตวอยางการลบผใชออกจากสมารทโฟน

4.3.2 การทดลองการเขยนบนทกขอความและการเสนอผบงคบบญชา

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

1) คลกป ม +New เปดหนาจอเขยนบนทกขอความ 2) กรอกขอมลบนทกขอความและเลอกผบงคบบญชาเปน “อนวช เสมบว”

แลวกดบนทกจะไดผลดงรปท 4.17, 4.18 และ 4.19

76

รปท 4.17 หนาจอ Manage Memo แสดงรายการบนทกทเขยนใหม

รปท 4.18 หนาจอแสดง Notification แจงเตอนมบนทกขอความรอการพจารณา

77

รปท 4.19 หนาจอ Waiting Memo แสดงรายการบนทกขอความรอการพจารณา

4.3.3 การทดลองการสงตอบนทกขอความไปยงผเกยวของ

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

1) คลกเปดหนาจอรายละเอยดของบนทกขอความ กดป ม Received เพอเขาหนาจอรายการผทไดรบบนทกขอความแลว

2) กดป ม +Send เพอเพมรายการผรบและแนบขอความดงรปท 4.20 และ 4.21

3) เพมรายชอครบแลวกดบนทกจะไดผลดงรปท 4.22, 4.23, และ 4.24 4) เปดรายการบนทกทไดรบการสงตอ คลกป ม Operate เพอพมพรายงาน

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

78

รปท 4.20 หนาจอแสดงการเลอกรายการผทเกยวของทตองการสงตอ

79

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

80

รปท 4.22 หนาจอแสดงการผรบการสงตอบนทกขอความ

รปท 4.23 หนาจอแสดง Notification แจงเตอนมบนทกใหด าเนนการ

81

รปท 4.24 หนาจอแสดงรายการบนทกขอความเขาทผใชตองด าเนนการ

รปท 4.25 หนาจอแสดงรายการผทไดรบและรายการด าเนนการ

82

4.3.4 การทดลองการพจารณา หรอการอนมตบนทกขอความ

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

1) คลกเปดหนาจอรายละเอยดของบนทกขอความทตองการจากแถบ Approve กดป ม Approve เพอเขาหนาจอพจารณาหรออนมต

2) เลอกสถานะ “เพออนมต” และเลอกเสนอถง “อมพร อนทสรย” แลวคลกป ม Save เพอเสนอบนทกขอความนไปยงผบงคบบญชา ดงรปท 4.26

3) มขอความเตอนทสมารทโฟนท “อมพร อนทสรย” ลงทะเบยนไวดงรปท 4.27

4) “อมพร อนทสรย” คลกดรายละเอยดและคลกป ม Approve เพออนมตบนทกขอความ โดยเลอกสถานะ “รบทราบ” และแนบขอความ “ยนดสนบสนน” เมอผเขยนบนทกเปดดรายละเอยดจะแสดงสถานะการพจารณาดงรปท 4.28

รปท 4.26 หนาจอแสดงการพจารณาและสงตอไปยงผบงคบบญชาระดบตอไป

83

รปท 4.27 หนาจอแสดง Notification แจงเตอนมบนทกสงตอใหอนมต

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

84

4.3.5 การทดลองการคนหาบนทกขอความ

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

1) การคนหาทแถบ Manage โดยคนค าวา “ประมาณ” ไดผลการคนหาดงรปท 4.29

2) การคนหาทแถบ Waiting โดยคนหาชอสงกดค าวา “ภาษาไทย” ไดผลการคนหาดงรปท 4.30 และคนหาดวยเลขท “05622” ไดผลการคนหาดงรปท 4.31

3) การคนหาทแถบ Approve โดยคนหาชอผเขยนค าวา “ปน” ไดผลการคนหาดงรปท 4.32 และคนหาดวยสงกดค าวา “ศนยขอมล” ไดผลการคนหาดงรปท 4.33

4) การคนหาทแถบ Operate โดยคนหาชอผเขยนค าวา “ศรพร” ไดผลการคนหาดงรปท 4.34 และคนหาดวยชอเรองค าวา “อาจารย” ไดผลการคนหาดงรปท 4.35

รปท 4.29 หนาแสดงผลการคนหาชอเรองค าวา “ประมาณ” ในแถบ Manage

85

รปท 4.30 หนาแสดงผลการคนหาสงกดค าวา “ภาษาไทย” ในแถบ Waiting

86

รปท 4.31 หนาแสดงผลการคนหาเลขท “05622” ในแถบ Waiting

87

รปท 4.32 หนาแสดงผลการคนหาชอผเขยนค าวา “ปน” ในแถบ Approve

88

รปท 4.33 หนาแสดงผลการคนหาสงกดค าวา “ศนยขอมล” ในแถบ Approve

89

รปท 4.34 หนาแสดงผลการคนหาชอผเขยนค าวา “ศรพร” ในแถบ Operate

90

รปท 4.35 หนาแสดงผลการคนหาชอเรองค าวา “อาจารย” ในแถบ Operate

91

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

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

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

5.2 ปญหาและอปสรรค แนวทางการแกไข

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

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

5.3 แนวทางการน าไปพฒนาในอนาคต จากการทไดศกษาและพฒนาแอปพลเคชนบนอปกรณมอถอสมารทโฟน ท าใหผพฒนาไดมองเหนภาพและกลไกตางๆ ของการน าความรไปประยกตใชงานไดหลากหลายรปแบบมากขน เชน เรองการใช GPS ในการระบต าแหนงบนแผนท การใช Push Notification ในการแจงเตอนในระบบอนๆ ทจะชวยพฒนาการท างานขององคกร ดวยประโยชนของอปกรณมอถอสมารทโฟนทสามารถไปไดทกทและตดตวกบผใชงานตลอดเวลา 5.4 ขอเสนอแนะ

1. เพมการยนยนตวตนส าหรบการพจารณาหรออนมตบนทกขอความ 2. เพมการปองกนการโจมตดวยการเดารหสผาน 3. เพมการ Authentication ใหกบเวบเซอรวสในเซอรวสทส าคญทกครง เพอปองกน

การสงค าสงหลอกผานจากเครอขาย เชน การอนมตบนทกขอความ

ภาคผนวก

โครงสรางขอมลระบบบนทกขอความ

1. Database Schema of Memo and Approval Application

User UserData Memo ApproveMemo SendMemo GetMemo OperateMemo

userID, fname, lname, depart, major, username, password userID(FK), deviceID, deviceName, tokenID,userActive memoID, syear, paperNo, title, detail, writeDate, updateDate, status, userID(FK) memoID(FK), userID(FK), levelNo, approveState, approveRemark, approveDate, addDate,moneyDate sendID, sendDetail, sendDate, memoID(FK), userID(FK) sendID(FK), userID(FK), getDate, openDate detail, operateDate , sendID(FK), userID(FK)

2. Data Dictionary of Database Schema 2.1 User คอ ตารางเกบขอมลผใช

แอททรบว ค าอธบาย ชนด(ขนาด) คย NULL หมายเหต

userID รหสผใช Varchar(5) PK N

fname ชอบคลากร Varchar(50) - N

lname นามสกลบคลากร Varchar(50) - N

depart ชอแผนก Varchar(50) - N

major ชอต าแหนง Varchar(100) - N

username ชอผเขาใชงาน Varchar(20) - N

password รหสผาน Varchar(20) - N

2.2 UserData คอ ตารางเกบขอมลการลงทะเบยนใชงานโมบายแอปพลเคชน

แอททรบว ค าอธบาย ชนด(ขนาด) คย NULL หมาย

เหต

userID รหสผใช Varchar(5) PK,FK N

deviceID รหสอปกรณสมารทโฟน Varchar(50) PK N

deviceName ชอประเภทอปกรณสมารทโฟน Varchar(50) - N

tokenID รหสอางองส าหรบสงขอความ

Push Notification

Varchar(50) - N

userActive สถานะการใชงานของผใช Boolean - N

2.3 Memo คอ ตารางเกบขอมลรายละเอยดบนทกขอความ


memoID รหสบนทกขอความ Number PK N

syear ปการศกษา Number(4) - N

paperNo เลขทบนทกขอความ Varchar(10) - N

title ชอเรอง Varchar(100) - N

detail รายละเอยด Text - N

writeDate วนทเขยน DateTime - N

updateDate วนทแกไขครงสดทาย DateTime - Y

status สถานะการพจารณา Char(1) - Y

userID รหสผใช(ผเขยน) Varchar(5) FK N

2.4 ApproveMemo คอ ตารางเกบขอมลรายการพจารณา และอนมต


เหต

memoID รหสบนทกขอความ Number PK,FK N

userID รหสผใช(ผพจารณา) Varchar(5) PK,FK N

levelNo ล าดบการพจารณา Number - N

approveState ประเภทการพจารณา Char(1) - Y

approveRemark ขอความแนบการพจารณา Varchar(200) - Y

approveDate วนทบนทกการพจารณา DateTime - Y

addDate วนทไดรบเสนอใหพจารณา DateTime - N

moneyDate วนทรบเงน (กรณเรองการเงน) DateTime - Y

2.5 SendMemo คอ ตารางเกบขอมลการสงตอบนทกขอความ


sendID รหสการสง Number PK N

sendDetail ค าสง หรอขอความแนบ Text - Y

sendDate วนทสง DateTime - N

memoID รหสบนทกขอความ Number FK N

userID รหสผใช(ผสง) Varchar(5) FK N

2.6 GetMemo คอ ตารางเกบขอมลผรบบนทกขอความ


เหต

sendID รหสการสง Number PK,FK N

userID รหสผใช(ผรบ) Varchar(5) PK,FK N

getDate วนทไดรบ DateTime - N

openDate วนทเปดอานบนทกขอความ DateTime - Y

2.7 OperateMemo คอ ตารางเกบขอมลการรายงานผลการด าเนนการ


detail รายละเอยดผลการด าเนนการ Text - N

operateDate วนทบนทก DateTime - N

sendID รหสการสง Number FK N

userID รหสผใช(ผบนทกผล) Varchar(5) FK N

memo and approval application โปรแกรม... ·...

Documents