Å ¤ n ¦ µ ºÉ° µÎ« ¡´ r635).pdf ·...
TRANSCRIPT
![Page 1: Å ¤ n ¦ µ ºÉ° µÎ« ¡´ r635).pdf · ข้างต้นดังกล่าวเมื่อเก็บ รวบรวมข้อมูลได้ครบถว้นแล้วจึงนามาจัดทาเอกสารใน](https://reader033.vdocuments.mx/reader033/viewer/2022041716/5e4b80f55b78892f7e3c592a/html5/thumbnails/1.jpg)
บทท 3
วธการด าเนนงาน
วธการด าเนนงานของการประยกตใชแอนดรอยด ในการพฒนาแอพพลเคชน ค าศพท AEC
ส าหรบคนไทยดวยระบบปฏบตการแอนดรอยดผศกษาจะ น าเสนอรายละเอยดของขนตอนการวเคราะห
และออกแบบระบบ ซงไดน าทฤษฎและแนวความคด ตางๆ จากทไดศกษามาแลวในบทท 2 มาประยกตใช
งาน
3.1 การศกษาและรวบรวมขอมล
จากการศกษา และเกบรวบรวมขอมลเรองแอพพลเคชน ค าศพท AEC ส าหรบคนไทยดวย
ระบบปฏบตการแอนดรอยด โดยไดท าการศกษาจากหลายแหลงขอมล คอ ทางเวบไซตหนงสอตางๆท
เกยวของ และสอบถามจากผร และมประสบการณทางดานตางๆทเกยวของหลายทาน โดยได เรมศกษา
ตงแตเรองการเขยนโปรแกรมบนระบบปฏบตการแอนดรอยดดวยภาษาจาวา จากการเกบรวบรวมขอมล
ขางตนดงกลาวเมอเกบ รวบรวมขอมลไดครบถวนแลวจงน ามาจดท าเอกสารใน โครงงานเทคโนโลย
สารสนเทศธรกจ 1
3.2 แผนภมกางปลา
AEC
ภาพท 3-1 แผนภมกางปลา
![Page 2: Å ¤ n ¦ µ ºÉ° µÎ« ¡´ r635).pdf · ข้างต้นดังกล่าวเมื่อเก็บ รวบรวมข้อมูลได้ครบถว้นแล้วจึงนามาจัดทาเอกสารใน](https://reader033.vdocuments.mx/reader033/viewer/2022041716/5e4b80f55b78892f7e3c592a/html5/thumbnails/2.jpg)
26
3.3 แผนภาพแสดงขนตอนการปฏบตระบบงานใหม (Systems Flowchart)
3.3.1 Flowchart โดยรวมของแอพพลเคชน
ภาพท 3-2 Flowchart โดยรวมของแอพพลเคชน
![Page 3: Å ¤ n ¦ µ ºÉ° µÎ« ¡´ r635).pdf · ข้างต้นดังกล่าวเมื่อเก็บ รวบรวมข้อมูลได้ครบถว้นแล้วจึงนามาจัดทาเอกสารใน](https://reader033.vdocuments.mx/reader033/viewer/2022041716/5e4b80f55b78892f7e3c592a/html5/thumbnails/3.jpg)
27
3.3.2 Flowchart เลอกประเทศ
ภาพท 3-3 Flowchart เลอกประเทศ
3.3.3 Flowchart เลอกหมวดหม
ภาพท 3-4 Flowchart เลอกหมวดหม
![Page 4: Å ¤ n ¦ µ ºÉ° µÎ« ¡´ r635).pdf · ข้างต้นดังกล่าวเมื่อเก็บ รวบรวมข้อมูลได้ครบถว้นแล้วจึงนามาจัดทาเอกสารใน](https://reader033.vdocuments.mx/reader033/viewer/2022041716/5e4b80f55b78892f7e3c592a/html5/thumbnails/4.jpg)
28
3.3.4 Flowchart เลอกค าศพท
ภาพท 3-5 Flowchart เลอกประเทศ
![Page 5: Å ¤ n ¦ µ ºÉ° µÎ« ¡´ r635).pdf · ข้างต้นดังกล่าวเมื่อเก็บ รวบรวมข้อมูลได้ครบถว้นแล้วจึงนามาจัดทาเอกสารใน](https://reader033.vdocuments.mx/reader033/viewer/2022041716/5e4b80f55b78892f7e3c592a/html5/thumbnails/5.jpg)
29
3.4 Context Diagram
0
/
Admin
User
ภาพท 3-6 Context Diagram
![Page 6: Å ¤ n ¦ µ ºÉ° µÎ« ¡´ r635).pdf · ข้างต้นดังกล่าวเมื่อเก็บ รวบรวมข้อมูลได้ครบถว้นแล้วจึงนามาจัดทาเอกสารใน](https://reader033.vdocuments.mx/reader033/viewer/2022041716/5e4b80f55b78892f7e3c592a/html5/thumbnails/6.jpg)
30
3.5 Data Flow Diagram Level 1
1
2
3
D1
User
D1
D2
D1
ภาพท 3-7 Data Flow Diagram Level 1
![Page 7: Å ¤ n ¦ µ ºÉ° µÎ« ¡´ r635).pdf · ข้างต้นดังกล่าวเมื่อเก็บ รวบรวมข้อมูลได้ครบถว้นแล้วจึงนามาจัดทาเอกสารใน](https://reader033.vdocuments.mx/reader033/viewer/2022041716/5e4b80f55b78892f7e3c592a/html5/thumbnails/7.jpg)
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 เลอกประเทศ
![Page 8: Å ¤ n ¦ µ ºÉ° µÎ« ¡´ r635).pdf · ข้างต้นดังกล่าวเมื่อเก็บ รวบรวมข้อมูลได้ครบถว้นแล้วจึงนามาจัดทาเอกสารใน](https://reader033.vdocuments.mx/reader033/viewer/2022041716/5e4b80f55b78892f7e3c592a/html5/thumbnails/8.jpg)
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 เลอกหมวดหม
![Page 9: Å ¤ n ¦ µ ºÉ° µÎ« ¡´ r635).pdf · ข้างต้นดังกล่าวเมื่อเก็บ รวบรวมข้อมูลได้ครบถว้นแล้วจึงนามาจัดทาเอกสารใน](https://reader033.vdocuments.mx/reader033/viewer/2022041716/5e4b80f55b78892f7e3c592a/html5/thumbnails/9.jpg)
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 เลอกค าศพท
![Page 10: Å ¤ n ¦ µ ºÉ° µÎ« ¡´ r635).pdf · ข้างต้นดังกล่าวเมื่อเก็บ รวบรวมข้อมูลได้ครบถว้นแล้วจึงนามาจัดทาเอกสารใน](https://reader033.vdocuments.mx/reader033/viewer/2022041716/5e4b80f55b78892f7e3c592a/html5/thumbnails/10.jpg)
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) - -
![Page 11: Å ¤ n ¦ µ ºÉ° µÎ« ¡´ r635).pdf · ข้างต้นดังกล่าวเมื่อเก็บ รวบรวมข้อมูลได้ครบถว้นแล้วจึงนามาจัดทาเอกสารใน](https://reader033.vdocuments.mx/reader033/viewer/2022041716/5e4b80f55b78892f7e3c592a/html5/thumbnails/11.jpg)
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 หนาเลอกประเทศ
![Page 12: Å ¤ n ¦ µ ºÉ° µÎ« ¡´ r635).pdf · ข้างต้นดังกล่าวเมื่อเก็บ รวบรวมข้อมูลได้ครบถว้นแล้วจึงนามาจัดทาเอกสารใน](https://reader033.vdocuments.mx/reader033/viewer/2022041716/5e4b80f55b78892f7e3c592a/html5/thumbnails/12.jpg)
36
มอเลอกคลกขอมลของแตละประเทศกจะมขอมลของประเทศนนแสดงขนมา
ภาพท 3-12 หนาขอมลประเทศ
เมอเลอกเขาไปจะมหมวดหมตางๆส าหรบการสนทนาทใชในชวตประจ าวน เชน
ค าทกทาย ตวเลข อาหาร ชอปปง การเดนทาง สขภาพ สงอ านวยความสะดวก
ภาพท 3-13 หนาเลอกหมวดหม
![Page 13: Å ¤ n ¦ µ ºÉ° µÎ« ¡´ r635).pdf · ข้างต้นดังกล่าวเมื่อเก็บ รวบรวมข้อมูลได้ครบถว้นแล้วจึงนามาจัดทาเอกสารใน](https://reader033.vdocuments.mx/reader033/viewer/2022041716/5e4b80f55b78892f7e3c592a/html5/thumbnails/13.jpg)
37
ตวอยาง เลอกภาษาบรไน แตะเลอกค าวา “สวสด” จะมเสยงค าอานของแตละค า
ภาพท 3-14 หนาเลอกหมวดหม
และผใชงานสามารถเพมค าศพท เองได
ภาพท 3-15 หนาเพมค าศพท
![Page 14: Å ¤ n ¦ µ ºÉ° µÎ« ¡´ r635).pdf · ข้างต้นดังกล่าวเมื่อเก็บ รวบรวมข้อมูลได้ครบถว้นแล้วจึงนามาจัดทาเอกสารใน](https://reader033.vdocuments.mx/reader033/viewer/2022041716/5e4b80f55b78892f7e3c592a/html5/thumbnails/14.jpg)
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
![Page 15: Å ¤ n ¦ µ ºÉ° µÎ« ¡´ r635).pdf · ข้างต้นดังกล่าวเมื่อเก็บ รวบรวมข้อมูลได้ครบถว้นแล้วจึงนามาจัดทาเอกสารใน](https://reader033.vdocuments.mx/reader033/viewer/2022041716/5e4b80f55b78892f7e3c592a/html5/thumbnails/15.jpg)
39
5. เรมท าการตดตง ดบเบลคลก JDK ทดาวนโหลดมา
6. กด Next
ภาพท 3-18 แสดงภาพหนาตดตง JDK
7. กด Next
ภาพท 3-19 แสดงภาพสวนทตองการตดตง
![Page 16: Å ¤ n ¦ µ ºÉ° µÎ« ¡´ r635).pdf · ข้างต้นดังกล่าวเมื่อเก็บ รวบรวมข้อมูลได้ครบถว้นแล้วจึงนามาจัดทาเอกสารใน](https://reader033.vdocuments.mx/reader033/viewer/2022041716/5e4b80f55b78892f7e3c592a/html5/thumbnails/16.jpg)
40
8. เลอก folder ทเราตองการน าโปรแกรมไปตดตง แลวคลก next
ภาพท 3-20 แสดงภาพ directory ทตดตง
9. โปรแกรมจะเรมท าการตดตงรอจนเสรจไมตองคลกอะไร
ภาพท 3-21 แสดภาพตดตงโปรแกรม
![Page 17: Å ¤ n ¦ µ ºÉ° µÎ« ¡´ r635).pdf · ข้างต้นดังกล่าวเมื่อเก็บ รวบรวมข้อมูลได้ครบถว้นแล้วจึงนามาจัดทาเอกสารใน](https://reader033.vdocuments.mx/reader033/viewer/2022041716/5e4b80f55b78892f7e3c592a/html5/thumbnails/17.jpg)
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 แสดงภาพหนาเวบไซตทใชในการดาวนโหลด
![Page 18: Å ¤ n ¦ µ ºÉ° µÎ« ¡´ r635).pdf · ข้างต้นดังกล่าวเมื่อเก็บ รวบรวมข้อมูลได้ครบถว้นแล้วจึงนามาจัดทาเอกสารใน](https://reader033.vdocuments.mx/reader033/viewer/2022041716/5e4b80f55b78892f7e3c592a/html5/thumbnails/18.jpg)
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 แสดงภาพท าการแตกไฟล
![Page 19: Å ¤ n ¦ µ ºÉ° µÎ« ¡´ r635).pdf · ข้างต้นดังกล่าวเมื่อเก็บ รวบรวมข้อมูลได้ครบถว้นแล้วจึงนามาจัดทาเอกสารใน](https://reader033.vdocuments.mx/reader033/viewer/2022041716/5e4b80f55b78892f7e3c592a/html5/thumbnails/19.jpg)
43
4. เขาไปทโฟลเดอร eclipse เลอก eclipse.exe เพอรนโปรแกรม
ภาพท 3-26 แสดงภาพไฟล e-clipse
5. รอการดาวนโหลดการเขาโปรแกรมเสรจสน
ภาพท 3-27 แสดงภาพหนาจอการเขาโปรแกรม
![Page 20: Å ¤ n ¦ µ ºÉ° µÎ« ¡´ r635).pdf · ข้างต้นดังกล่าวเมื่อเก็บ รวบรวมข้อมูลได้ครบถว้นแล้วจึงนามาจัดทาเอกสารใน](https://reader033.vdocuments.mx/reader033/viewer/2022041716/5e4b80f55b78892f7e3c592a/html5/thumbnails/20.jpg)
44
6. เลอกพนททตองการเกบงาน
ภาพท 3-28 แสดงภาพหนาจอเลอกพนททตองการเกบงาน
7.คลก Finish เมอตดตงเสรจ
ภาพท 3-29 แสดงภาพหนาจอยนดตอนรบเขาโปรแกรม
![Page 21: Å ¤ n ¦ µ ºÉ° µÎ« ¡´ r635).pdf · ข้างต้นดังกล่าวเมื่อเก็บ รวบรวมข้อมูลได้ครบถว้นแล้วจึงนามาจัดทาเอกสารใน](https://reader033.vdocuments.mx/reader033/viewer/2022041716/5e4b80f55b78892f7e3c592a/html5/thumbnails/21.jpg)
45
3.11 การตดตงและใชงาน GENYMOTION
1. เขาเวบไซต www.genymotion.com เพอสมครสมาชก
ภาพท 3-30 หนาเวบเขาสมครสมาชก
2. เมอสมครเสรจให Login เขาระบบดวย Username และ Password ของตนเอง
ภาพท 3-31 แสดงภาพหนาจอเขาระบบ
![Page 22: Å ¤ n ¦ µ ºÉ° µÎ« ¡´ r635).pdf · ข้างต้นดังกล่าวเมื่อเก็บ รวบรวมข้อมูลได้ครบถว้นแล้วจึงนามาจัดทาเอกสารใน](https://reader033.vdocuments.mx/reader033/viewer/2022041716/5e4b80f55b78892f7e3c592a/html5/thumbnails/22.jpg)
46
3. เขาเมน Product คลก Get Genymotion
ภาพท 3-32 แสดงภาพหนาจอเขาดาวนโหลด
4. คลกดาวนโหลดตวฟร
ภาพท 3-33 แสดงภาพหนาจอดาวนโหลด
![Page 23: Å ¤ n ¦ µ ºÉ° µÎ« ¡´ r635).pdf · ข้างต้นดังกล่าวเมื่อเก็บ รวบรวมข้อมูลได้ครบถว้นแล้วจึงนามาจัดทาเอกสารใน](https://reader033.vdocuments.mx/reader033/viewer/2022041716/5e4b80f55b78892f7e3c592a/html5/thumbnails/23.jpg)
47
5. คลก Get Genymotion
ภาพท 3-34 แสดงภาพหนาจอตวโปรแกรมทตองการดาวนโหลด
6. เวบไซตจะใหเลอกทจะจดเกบไฟล Genymotion-2.4.0-vbox เพอเซฟไฟลลงเครอง
ภาพท 3-35 แสดงภาพหนาจอการจดเกบไฟลโปรแกรม
![Page 24: Å ¤ n ¦ µ ºÉ° µÎ« ¡´ r635).pdf · ข้างต้นดังกล่าวเมื่อเก็บ รวบรวมข้อมูลได้ครบถว้นแล้วจึงนามาจัดทาเอกสารใน](https://reader033.vdocuments.mx/reader033/viewer/2022041716/5e4b80f55b78892f7e3c592a/html5/thumbnails/24.jpg)
48
7. ใหดบเบลคลกทตวตดตง Genymotion ทดาวนโหลดมา
ภาพท 3-36 แสดงภาพหนาจอการตดตง
8. คลก Next
ภาพท 3-37 แสดงภาพหนาจอการตดตง
![Page 25: Å ¤ n ¦ µ ºÉ° µÎ« ¡´ r635).pdf · ข้างต้นดังกล่าวเมื่อเก็บ รวบรวมข้อมูลได้ครบถว้นแล้วจึงนามาจัดทาเอกสารใน](https://reader033.vdocuments.mx/reader033/viewer/2022041716/5e4b80f55b78892f7e3c592a/html5/thumbnails/25.jpg)
49
9. มาถงขนตอนน ระบบจะใหตดตง Virtual Box ของ Oracle ให Next
ภาพท 3-38 แสดงภาพหนาจอการตดตง Virtual Box ของ Oracle
10. เมอตดตงเสรจจะมไอคอนของโปรแกรมทเกยวของดงภาพ
ภาพท 3-39 แสดงภาพหนาจอโปรแกรมทเกยวของ