Å ¤ n ¦ µ ºÉ° µÎ« ¡´ r635).pdf · ข้างต้นดังกล่าวเมื่อเก็บ...
Post on 05-Feb-2020
2 Views
Preview:
Transcript
บทท 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 แสดงภาพหนาจอโปรแกรมทเกยวของ
top related