Å ¤ n ¦ µ ºÉ° µÎ« ¡´ r635).pdf · ข้างต้นดังกล่าวเมื่อเก็บ...

บทท 3

วธการด าเนนงาน

วธการด าเนนงานของการประยกตใชแอนดรอยด ในการพฒนาแอพพลเคชน ค าศพท AEC

ส าหรบคนไทยดวยระบบปฏบตการแอนดรอยดผศกษาจะ น าเสนอรายละเอยดของขนตอนการวเคราะห

และออกแบบระบบ ซงไดน าทฤษฎและแนวความคด ตางๆ จากทไดศกษามาแลวในบทท 2 มาประยกตใช

งาน

3.1 การศกษาและรวบรวมขอมล

จากการศกษา และเกบรวบรวมขอมลเรองแอพพลเคชน ค าศพท AEC ส าหรบคนไทยดวย

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

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

ตงแตเรองการเขยนโปรแกรมบนระบบปฏบตการแอนดรอยดดวยภาษาจาวา จากการเกบรวบรวมขอมล

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

สารสนเทศธรกจ 1

3.2 แผนภมกางปลา

AEC

ภาพท 3-1 แผนภมกางปลา

26

3.3 แผนภาพแสดงขนตอนการปฏบตระบบงานใหม (Systems Flowchart)

3.3.1 Flowchart โดยรวมของแอพพลเคชน

ภาพท 3-2 Flowchart โดยรวมของแอพพลเคชน

27

3.3.2 Flowchart เลอกประเทศ

ภาพท 3-3 Flowchart เลอกประเทศ

3.3.3 Flowchart เลอกหมวดหม

ภาพท 3-4 Flowchart เลอกหมวดหม

28

3.3.4 Flowchart เลอกค าศพท

ภาพท 3-5 Flowchart เลอกประเทศ

29

3.4 Context Diagram

0

/

Admin

User

ภาพท 3-6 Context Diagram

30

3.5 Data Flow Diagram Level 1

1

2

3

D1

User

D1

D2

D1

ภาพท 3-7 Data Flow Diagram Level 1

31

3.6 Data Flow Diagram Level 2

3.6.1 เลอกประเทศ

โปรเซสท 1.1 เลอกชอประเทศ

โปรเซสท 1.2 ตรวจสอบขอมลประเทศ

โปรเซสท 1.3 แสดงขอมลหมวดหม

1.1

1.2

1.3

User

D1

D2

ภาพท 3-8 Data Flow Diagram Level 2 เลอกประเทศ

32

3.6.2 ขอมลหมวดหม

โปรเซสท 2.1 เลอกหมวดหม

โปรเซสท 2.2 ตรวจสอบขอมลหมวดหม

โปรเซสท 2.3 แสดงขอมลค าศพท

2.1

2.2

2.3

User

D1

D1

D2

ภาพท 3-9 Data Flow Diagram Level 2 เลอกหมวดหม

33

3.6.3 เลอกค าศพท

โปรเซสท 3.1 เลอกค าศพท

โปรเซสท 3.2 ตรวจสอบขอมลค าศพท

โปรเซสท 3.3 แสดงขอมลค าศพท

3.1

3.2

3.3

User D3

ภาพท 3-10 Data Flow Diagram Level 2 เลอกค าศพท

34

3.7 Data dictionary

ตารางท 3-1 ประเทศ Country

No Attribute Name

Description Data type(Size) Key type Reference table

1 Cou_ID รหสประเทศ VARCHAR(3) PK -

2 Cou_Name ชอประเทศ VARCHAR(30) - -

3 Cou_Data ขอมลประเทศ VARCHAR(50) - -

4 Cat_ID รหสหมวดหม VARCHAR(3) FK Category

ตารางท 3-2 หมวดหม Category

No Attribute Name

Description Data type(Size) Key type Reference table

1 Cat_ID รหสหมวดหม VARCHAR(3) PK -

2 Cou_ID รหสประเทศ VARCHAR(3) FK Country

ตารางท 3-3 ค าศพท Word

No Attribute Name

Description Data type(Size) Key type Reference table

1 Word_ID รหสค าศพท VARCHAR(3) PK -

2 Word_Name ค าศพท VARCHAR(20) - -

3 Word_Data ค าอาน VARCHAR(100) - -

35

3.8 Output Design

ส าหรบแอพนจะเรยนไดมากถง 9 ภาษาไดแก 1. ภาษาบรไน (Brunei Darussalam)

2. กมพชา (Cambodia) 3. อนโดนเซย (Indonesia) 4. ลาว (Laos) 5. มาเลเซย (Malaysia)

6. พมา (Myanmar )7. ฟลปปนส (Philippines),สงคโปร (Singapore),เวยดนาม (Vietnam)

ภาพท 3-11 หนาเลอกประเทศ

36

มอเลอกคลกขอมลของแตละประเทศกจะมขอมลของประเทศนนแสดงขนมา

ภาพท 3-12 หนาขอมลประเทศ

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

ค าทกทาย ตวเลข อาหาร ชอปปง การเดนทาง สขภาพ สงอ านวยความสะดวก

ภาพท 3-13 หนาเลอกหมวดหม

37

ตวอยาง เลอกภาษาบรไน แตะเลอกค าวา “สวสด” จะมเสยงค าอานของแตละค า

ภาพท 3-14 หนาเลอกหมวดหม

และผใชงานสามารถเพมค าศพท เองได

ภาพท 3-15 หนาเพมค าศพท

38

3.9 ขนตอนการตดตงโปรแกรมJDK (Java Development Kit)

1. ดาวนโหลดตว JDK มากอนทน

http://www.oracle.com/technetwork/java/javase/downloads/index.html

2. ท java Platform (JDK) 7u25 คลก download

ภาพท 3-16 แสดงภาพหนาการดาวนโหลด

(ทมา: http://www.oracle.com/technetwork/java/javase/downloads/index.html)

มถนายน 2558

3. คลก Accept License Agreement

4. ดานลาง เลอกเวอรชนระบบปฏบตการการของคอมพวเตอรทเราตองการน าไปใชงาน

ภาพท 3-17 แสดงภาพ Version JDK

(ทมา: http://www.oracle.com/technetwork/java/javase/downloads/java-archive-downloads-javase7-

521261.html ) มถนายน 2558

39

5. เรมท าการตดตง ดบเบลคลก JDK ทดาวนโหลดมา

6. กด Next

ภาพท 3-18 แสดงภาพหนาตดตง JDK

7. กด Next

ภาพท 3-19 แสดงภาพสวนทตองการตดตง

40

8. เลอก folder ทเราตองการน าโปรแกรมไปตดตง แลวคลก next

ภาพท 3-20 แสดงภาพ directory ทตดตง

9. โปรแกรมจะเรมท าการตดตงรอจนเสรจไมตองคลกอะไร

ภาพท 3-21 แสดภาพตดตงโปรแกรม

41

10. คลกปม Finish เปนอนเสรจเรยบรอย

ภาพท 3-22 แสดงภาพเสรจสนการตดตง

3.10 วธการตดตง Android SDK

1. ดาวนโหลด Android SDK ท http://developer.android.com/sdk/index.html คลก Download the SDK

ADT Bundle for Windows

ภาพท 3-23 แสดงภาพหนาเวบไซตทใชในการดาวนโหลด

42

2. คลก I have read and agree with the above terms and conditions แลวเลอกระบบคอมพวเตอรทจะ

ใชในตวอยางจะใช 32-bit แล คลก Download the SDK ADT Bundle for Windows

ภาพท 3-24 แสดงภาพหนาจอทตองยอมรบเงอนไข

3.ท าการแตกไฟล adt-bundle-windows-x86-20130522

ภาพท 3-25 แสดงภาพท าการแตกไฟล

43

4. เขาไปทโฟลเดอร eclipse เลอก eclipse.exe เพอรนโปรแกรม

ภาพท 3-26 แสดงภาพไฟล e-clipse

5. รอการดาวนโหลดการเขาโปรแกรมเสรจสน

ภาพท 3-27 แสดงภาพหนาจอการเขาโปรแกรม

44

6. เลอกพนททตองการเกบงาน

ภาพท 3-28 แสดงภาพหนาจอเลอกพนททตองการเกบงาน

7.คลก Finish เมอตดตงเสรจ

ภาพท 3-29 แสดงภาพหนาจอยนดตอนรบเขาโปรแกรม

45

3.11 การตดตงและใชงาน GENYMOTION

1. เขาเวบไซต www.genymotion.com เพอสมครสมาชก

ภาพท 3-30 หนาเวบเขาสมครสมาชก

2. เมอสมครเสรจให Login เขาระบบดวย Username และ Password ของตนเอง

ภาพท 3-31 แสดงภาพหนาจอเขาระบบ

46

3. เขาเมน Product คลก Get Genymotion

ภาพท 3-32 แสดงภาพหนาจอเขาดาวนโหลด

4. คลกดาวนโหลดตวฟร

ภาพท 3-33 แสดงภาพหนาจอดาวนโหลด

47

5. คลก Get Genymotion

ภาพท 3-34 แสดงภาพหนาจอตวโปรแกรมทตองการดาวนโหลด

6. เวบไซตจะใหเลอกทจะจดเกบไฟล Genymotion-2.4.0-vbox เพอเซฟไฟลลงเครอง

ภาพท 3-35 แสดงภาพหนาจอการจดเกบไฟลโปรแกรม

48

7. ใหดบเบลคลกทตวตดตง Genymotion ทดาวนโหลดมา

ภาพท 3-36 แสดงภาพหนาจอการตดตง

8. คลก Next

ภาพท 3-37 แสดงภาพหนาจอการตดตง

49

9. มาถงขนตอนน ระบบจะใหตดตง Virtual Box ของ Oracle ให Next

ภาพท 3-38 แสดงภาพหนาจอการตดตง Virtual Box ของ Oracle

10. เมอตดตงเสรจจะมไอคอนของโปรแกรมทเกยวของดงภาพ

ภาพท 3-39 แสดงภาพหนาจอโปรแกรมทเกยวของ