ภาคผนวก ก.

วิธีสมัคร Apple Developer

71

วิธีสมัคร Apple Developer

การสมัคร Apple Developer เป็นขั้นตอนในการสร้างใบรับลองในการท า App อธิบายง่าย

ๆ คือใช้ในการจัดการ Apps เช่น การสร้าง App ,การส่ง App , หรือการสร้างตัวทดสอบให้กับ

อุ ป ก ร ณ์ ส่ ว น นี้ จ ะ มี ค่ า ใ ช้ จ่ า ย 9 9 $/ปี ผู้ จั ด ท า ไ ด้ เ ข้ า ไ ป ศึ ก ษ า วิ ธี ก า ร ท า จ า ก

https://developer.apple.com/programs/ios/ โดยมีขั้นตอนการท าดังต่อไปนี้

1. ล าดับแรกเราต้องเข้าไปที่เวปไซด์ https://developer.apple.com/programs/ios และกดปุ่ม

Enroll now ดังรูปที่ ก-1

รูปที่ ก-1 หน้าจอแรก Apple Developer

2. จะแสดงหน้าจอที่ 2 Enrolling in Apple Developer Programs ขึ้นมาดังรูป ก-2 หน้าจอนี้จะอธิบายสิ่งที่ ต้องรู้เกี่ยวกับแอพพิเคชั่น โดยจะแบ่งออกเป็น 3 หัวข้อย่อย ดังนี้

72

รูปที่ ก-2 ค าอธิบายรูปแบบการลงทะเบียน

- Choose an enrollment type หัวข้อแรกจะกล่าวถึงการเลือกการลงทะเบียน โดยแบ่งเป็น

2 ประเภทย่อยด้วยกัน คือ 1) การลงทะเบียนแบบส่วนบุคล 2) การลงทะเบียนในรูปแบบบริษัท การร่วมทุน องค์กรไม่แสวงหาผลก าไรหรือ

หน่วยงานของรัฐ - submit your information หัวข้อที่ 2 จะอธิบายการกรอกรายละเอียดพื้นฐาน เช่นชื่อ ที่อยู่

หากต้องการลงทะเบียนในฐานะบริษัท หรือถ้าเป็นแบบองค์กร ต้องใส่ ชื่อนิติบุคล เข้าไปในรายละเอียดด้วย เพื่อให้ apple ได้ท าการตรวจสอบ

- Purchase and activate your program หัวข้อที่ 3 จะอธิบายว่าเมื่อ apple หลังจากที่ได้ท าการซื้อทาง Apple จะท าการตรวจสอบข้อมูลและส่งอีเมล์ยืนยันภายใน 24 ช.ม จากนั้นเมื่อท าการอ่านรายละเอียดจนครบถ้วน ให้กด Continue

3. Sign in or create an Apple ID ส่วนนี้จะอธิบาย การเข้าสู่ระบบหรือการสร้าง Apple ID จะแบ่งออกเป็น 2 หัวข้อคือ

– Sign in with your Apple ID หมายความว่าการเข้าสู่ระบบโดย Apple ID เดิมที่ผู้พัฒนามีอยู่แล้ว และ ใช้ร่วมกันกับบริการอ่ืนๆ ของ Apple เช่น iTunes, iCloud , App Stone ถ้าต้องการพัฒนา iOS หรือ Mac จ าเป็นต้องเพิ่มโปรแกรมอ่ืน ๆ เพิ่มเข้าไปด้วย

73

– Create an Apple ID การสร้าง Apple ID ใหม่ตัวเลือกนี้ใช้ในกรณีที่ยังไม่มี Apple ID หรือต้องการสร้าง Apple ID ใหม่ส าหรับใช้ท าธุรกรรมโดยเฉพาะ ในที่นี้จะเลือก ตัวที่ 2 นี้ และกด Continue ดังรูป ก-3

รูป ก-3 อธิบายการเข้าสู่ระบบ Apple ID

4. Are you enrolling as an individual or company หน้านี้จะถามว่าต้องการลงทะเบียนเป็นรายบุคลหรือเป็นบริษัท ในที่นี้เลือกเป็น Develop ธรรมดาต้องเลือกเป็น Individual ดังรูป ก-4

74

รูป ก-4 อธิบายรูปแบบการลงทะเบียน

5. Complete your personal profile หน้าจอนี้ต้องท าการกรอกข้อมูลส่วนตัวต้องกรอกเป็น

ภาษาอังกฤษ ดังรูป ก-5 และกด Continue เป็นอันเสร็จสิ้นขั้นตอนการสมัคร Apple ID

75

รูป ก-5 อธิบายขั้นตอนการสมัคร Apple ID

76

ภาคผนวก ข

Certificate apple developer

การสร้าง Certificate apple developer

77

การสร้าง cert นั้นเปรียบเสมือน การสร้างใบผ่านทางในการ Build งานของเรา โดยในการ

พัฒนาแอพพลิเคชั่นด้วย Flex จ าเป็นต้องมี ก่อนที่จะท าการสร้างงานได้นั้น จ าเป็นต้องมี file

นามสกุล *.cer และ *.p12 วิธีการท านั้น ผู้จัดท าได้หาข้อมูลมาจากอินเตอร์เน็ต อ้างอิงมาจาก

Obtaining developer files from Apple และ Converting a developer certificate into a P12 file การ

ขอใบรับรองการพัฒนา iPhone และการสร้างโปรไฟล์ส ารอง มีขั้นตอนดังต่อไปนี้

ก่อนอ่ืนเข้าไปยังเวปพัฒนา developer.apple.com/iphone/ (Dev iPhone) และกรอก

username และ password ที่ใช้สมัคร

1. หลังจากที่ท าการสมัครและจ่ายเงิน 99$ แล้ว Dev iPhone จะท าการส่ง ใบรับรอง

นักพัฒนาโปรแกรม iPhone มาให้ทาง Email พร้อม รหัสส าหรับเปิดใช้งาน

2. กลับไปที่ Dev iPhone เพื่อท าตามค าแนะน าการเปิดใช้งานโปรแกรมส าหรับนักพัฒนา

ข้อน้ีจะต้องใส่ รหัสที่ได้รับจาก Dev Iphone ทางอีเมล์

3. เมื่อ เปิดใช้งาน ผลงานจะถูกรับรองโดย Dev iPhone

4. การสร้าง Create a certificate (จะอธิบายในขั้นตอนต่อไป)

5. ในขั้นตอนนี้จะต้องท าการระบุหมายเลขของอุปกรณ์ ในที่นี้เราหมายถึง หมายเลขของ

UDID ของ iPhone

6. Create and install a provisioning profile and an iPhone development certificate ท าการ

สร้าง ติดต้ังโปรไฟล์ และ iPhone development certificate ท าตามขั้นตอน

7. เข้า iTunes เลือก File> Add ที่ Library แล้วเลือกไฟล์ development certificate (ซึ่งมี

mobile provision เป็นส่วนชื่อไฟล์) แล้ว sync iPhone กับ iTunes

8. ถ้ายังไม่ได้ดาวน์โหลดไฟล์ development certificate (ไฟล์.cer) ยังสามารถหาไฟล์ใบรับรองของ Portal เตรียมที่ iPhone ของ Apple เว็บไซต์ Dev iPhone (http://developer.apple.com/iphone/ )

9. ถัดไปจะแปลง certificate เพื่อได้ไฟล์ *.P12 ส าหรับค าแนะน าจะแสดงในรายละเอียดต่อไป

การสร้างใบรับรองส าหรับนักพัฒนาใน Windows

78

แอพพลิเคชั่นของเราได้ท าการพัฒนาจากฝั่งของ Windows จึงจะขออธิบายเฉพาะในส่วนนี้

ส าหรับการพัฒนาจากฝั่งของ Windows นั้นท าได้ง่ายกว่าฝั่งของ Mac ก่อนอ่ืนต้องท าการสร้าง

ใบรับรอง file CSR โดยใช้ OpenSSL

1. ท าการติดตั้งOpenSSLในคอมพิวเตอร์ก่อนอ่ืนให้ไปที่http://www.openssl.org /related

/binaries.html และ ต้องติดตั้ง Virual C + + 2008 ไฟล์ Redistributable ที่ระบุในหน้าดาวน์โหลดให้

เปิด SSL (ไม่จ าเป็นต้องติดตั้ง Virual C + + 2008)

2. ท าการเปิดเซสชั่น และ ซีดี น าไปวางที่ c:\OpenSSL\bin\)

3. ท าการสร้าง Private key ส่วนตัว การตั้งรหัสผ่านส่วนตัวขึ้นมาเพื่อใช้พิมพ์ค าสั่งต่อไปนี้

OpenSSL genrsa ออก mykey.key 2048 และท าการบันทึก

4. การสร้างแฟ้ม CSR ใช้ค าสั่งดังต่อไปนี้

openssl req -new -key mykey.key -out CertificateSigningRequest.certSigningRequest -subj

"/emailAddress=yourAddress@example.com, CN=John Doe, C=US"

แทนที่อยู่ e-mail, CN(ใบรับรอง) และ C (ค่าประเทศ ไทยเป็น TH)

5. ท าการอัพโหลดไฟส์ไป CSR ที่เวปไซด์ http://www.openssl.org/related/binaries.html

79

ภาคผนวก ค

การสร้าง Application ให้สามารถใช้งานบน iPhone

การสร้าง Application ให้สามารถใช้งานบน iPhone

1. เข้าที่เวปไซด์ https://developer.apple.com/ หน้าจอแรกที่ปรากฏ Design. Code. Build.

Innovate.เป็นหน้าหลักของ Developers ทั้งหมดเรียกย่อ ๆ ว่า iOS Dev Center ดังรูป ค-1

80

รูปที่ ค-1 หน้าจอ Developer ส าหรับนักพัฒนา

2. เข้าที่ไอคอน iOS Dev Center จะปรากฏหน้าจอ Access additional resources in the iOS

Dev Center หน้าจอนี้จะแสดงรายละเอียดการพัฒนา iOS ,คู่มือการเขียนโปรแกรม,เคร่ืองมือ

ส าหรับนักพัฒนา iOS , วีดีโอการพัฒนา iOS ฯลฯ ดังรูป ค-2

81

รูป ค-2 หน้าจอส าหรับนักพัฒนา Developer ให้ใส่ Login

3. ท าการเข้า Log In เพื่อใส่ Apple ID และ Password แสดงดังรูป ค-3

รูป ค-3 หน้าจอส าหรับ Sign in with Apple Id

4. หลังจากที่ท าการ Log In เข้าสู่ iOS Dev Center แล้ว ให้ท าการเลือก IOS Provisioning Portal ดัง

รูป ค-4 จะแบ่งออกเป็น 4 หัวข้อด้วยกันคือ

- Certificates, Identifiers & Profiles

- iTunes Connect

- Apple Developer Forums

82

- Developer Support Center

รูป ค-4 หน้าจอส าหรับจัดการสิ่งต่าง ๆ ใน iOS Developer

5. ให้เข้าไปเพิ่ม Certificates ของเราที่ได้ท าการสมัคร ตัวอย่างดังภาพ

83

รูป ค-5 หน้าจอแสดง Certificates ของเจ้าของ Apple ID

6. แถบ Devices จะแสดงหน้าจอ Current Registered Devices ใช้ส าหรับเพิ่มอุปกรณ์ใช้สามารถใช้

ทดสอบโปรแกรมอนุญาตให้เฉพาะเคร่ืองที่ เพิ่มสิทธิ์ไปเท่านั้นถึงจะใช้ Mobile Applicationระบบ

ทะเบียนของนักศึกษาบนไอโฟน ได้

84

รูป ค-6 หน้าจอส าหรับการเพิ่มอุปกรณ์ที่ใช้ในการทดสอบ

7. แถบ App IDs ให้ Create App ID ดังภาพ

85

รูป ค-7 หน้าจอสร้าง Apple ID

ตัวอย่างหน้าที่สร้างเสร็จ และกด edit เข้ามาดู ส าคัญมากถ้าเราท าการสร้าง App ID แล้วจะ

ลบทิ้ง ไม่ได้ดังนั้นหากห้ามสร้างเล่นต้องเป็นงานที่ออกใช้จริงเท่านั้น

รูป ค-8 หน้าจอหลังจากท าการสร้าง Apple ID

8. แถบต่อไป Provisioning เป็นส่วนของการสร้างงานให้เป็น *. Provisioning ที่ใช้ในการ

Build App ลง iPhone ดังภาพ รูป ค-9

86

รูป ค-9 แอพพลิเคชั่นทั้งหมดที่มีใน Apple ID

9. หน้าจอสรุปกระบวนการ Distribution Application โดยจะแบ่งออกเป็น 3 ขั้นตอน คือ

87

- Distribution Certificate เป็นขั้นตอนในการก าหนดอุปกรณ์และหมายเลข

Apple ID ที่ใช้ในการทดสอบ

- Provisioning Profile คือ File Provisionที่เราได้ท าการสร้างแล้ว รายละเอียดดู

ได้ จากภาคผนวก ข

- Build & Distribute ขั้นตอนในการจัดการไฟล์ให้อยู่ในรูปแบบที่สามารถ

น ามาใช้งาน เช่น การอัพโหลดงานขึ้น App Store หรือ น าลงเคร่ือง iPhone

รูป ค-10 กระบวนการ Distribution Application

88

ภาคผนวก ง.

วิธีการติดตั้งแอพพลิเคช่ัน

วิธีการติดตั้งแอพพลิเคช่ัน

ผู้พัฒนาได้ท าการพัตนา ระบบทะเบียนของนักศึกษาบนไอโฟนถ้าผู้ใช้ต้องการใช้งานต้อง

ท าการติดต้ัง ลงบน iPhone วิธีการดังต่อไปนี้

89

วิธีการติดตั้งแอพพลิเคชั่น

1. ท าการเปิดใช้โปรแกรม Adobe Flash Builder 4.6 ดังภาพ

รูปที่ ง-1 หน้าจอโปรแกรม Adobe Flash Builder 4.6

2. เลือกเมน ูExport Release Build

รูปที่ ง-2 หน้าจอ Flash Builder ขั้นตอนการ Builder

3. เลือก Project ที่ท าการ Build ก าหนด Path ที่จะลง แล้วคลิกปุ่ม Next

90

รูปที่ ง-3 หน้าจอในการเลือก Path ส าหรับเก็บตัวโปรเจค

4. หลังจากที่ท าการเลือก เสร็จตามรูปที่ 4-3 ระบบก็จะท าการ Build แอพพลิเคชั่น

รูปที่ ง-4 หน้าจอในการเลือก Path ส าหรับเก็บตัวโปรเจค

6. กด Browse เลือกไฟล์ .p12 และไฟล์โปรเจค ใส่รหัสที่ได้จากการสร้าง p12

91

รูปที่ ง-5 หน้าจอในขั้นตอนการ Build Application

7. หลังจากที่ท าการ Build ตามภาพที่ 4-5 เรียบร้อยแล้ว ให้เลือก finish

รูปที่ ง-6 หน้าจอในขั้นตอนการ Build Application

8. รอจนเสร็จเราจะได้ไฟล์ที่มีนามสกุล *.ipa เป็นไฟล์ที่ใช้ในการเอา Application

ลง iPhone

92

รูปที่ ง-7 หน้าจอในขั้นตอนการ Build Application

9. หลังจากที่ได้ File มาเรียบร้อยแล้ว ให้ท าการเอา File ดังภาพ 4-8 โยนลง iTunes

รูปที่ ง-8 หน้าจอขั้นตอนการได้ไฟล์ลงที่มาจากการ Build Application

93

ภาคผนวก จ. การติดตั้งโปรแกรม AppServ 2.5.10

ขั้นตอนการติดตั้ง 1. ดาวน์โหลดโปรแกรม AppServ 2. Double Click ไฟล์ appserv-win32-2.5.10

94

3. รอสักครู่จะปรากฏหน้าจอ Welcome ให้กดปุ่ม Next เพื่อไปยังหน้าต่อไป

4. กดปุ่ม I Agree เพื่อยอมรับข้อตกลงในการใช้ซอฟต์แวร์

95

5. ก าหนดโฟลเดอร์ส าหรับติดต้ังโปรแกรม AppServ จากนั้นกดปุ่ม Next

6. เลือกองค์ประกอบ (Components) ส าหรับการติดตั้ง แล้วกดปุ่ม Next

96

7. จะปรากฏหน้าจอส าหรับให้กรอกข้อมูลเซิฟเวอร์ของ (Server Information) ซึ่ง

ประกอบด้วย - ชื่อเซิฟเวอร์ หรือ ยูอาร์แอล (URL)

97

- อีเมล์ของผู้ดูแลเซิฟเวอร์ - พอร์ตส าหรับใช้งาน หรือติดต่อ

หลังจากก าหนดค่าดังนีแ้ล้ว ให้กดปุ่ม Next Server Name = localhost Administrator’s Email Address = abc1234@gmail.com Apache HTTP Port = 8080

8. หลังกรอก Server Information แล้ว ขั้นตอนต่อไปคือการก าหนดค่าส าหรับ MySQL Server ซึ่งต้องระบุ

- รหัสผ่าน (Password) ส าหรับ root - ชุดภาษา (Character Sets and Collations) ที่ใช้

98

หลังจากก าหนดค่าดังนีแ้ล้ว ให้กดปุ่ม Install Enter root password = 1234 Re-enter root password = 1234 Character Sets and Collations = UTF-8 Unicode

9. หลังก าหนดค่าส าหรับ MySQL Server แล้ว ตัวติดต้ังจะด าเนินการติดต้ังองค์ประกอบต่างๆ ลงในระบบ

99

10.เมื่อการติดตั้งเสร็จสิ้น ให้กดปุ่ม Finish

11.ระบบจะท าการสตาร์ท (Start) โปรแกรม Apache

100

12. เมื่อสตาร์ท Apache Http Server เสร็จ ให้ท าการเปิดโปรแกรมเว็บบราวเซอร์ และพิมพ์ค าว่า “http://localhost:8080” ลงไปในช่องรับยูอาร์แอล (Address Bar) หากโปรแกรม Apache ท างานได้เป็นปกติจะปรากฏข้อความในหน้าแรกตามภาพ

101

13. ส าหรับองค์ประกอบต่างๆ ของ AppServ จะถูกติดต้ังไว้ที่โฟลเดอร์ C:\AppServ

102

ภาคผนวก ฉ.

103

แบบสอบถามเพื่อประเมินความพึงพอใจของผู้ใช้ระบบ ชื่อปริญญานิพนธ์ การพัฒนาระบบทะเบียนของนักศึกษาบนไอโฟน ค าชี้แจง แบบสอบถามความคิดเห็นชุดนี้ จัดท าขึ้นเพื่อใช้สอบถามความคิดเห็นเกี่ยวกับการใช้งานโปรแกรมคอมพิวเตอร์ มีวัตถุประสงค์เพื่อประเมินหา ระดับความพึงพอใจของ “การพัฒนาระบบทะเบียนของนักศึกษาบนไอโฟน” ที่ได้พัฒนาขึ้น ซึ่งแบบสอบถามนี้ ได้แบ่งออกเป็น 2 ตอน ประกอบด้วย ตอนที่ 1 ข้อมูลทั่วไปของผู้ตอบแบบสอบถาม ตอนที่ 2 ข้อมูลความคิดเห็นเกี่ยวกับความพึงพอใจที่มีต่อระบบ ในฐานะที่ท่านเป็นผู้หนึ่งที่มีความเกี่ยวข้องกับการใช้ระบบที่พัฒนาขึ้นนี้ ขอได้โปรดพิจารณาและกรุณาตอบค าถามให้ครบทุกข้อตามความเป็นจริง เพราะค าตอบของท่านจะเป็นประโยชน์อย่างยิ่งต่อการพัฒนาโปรแกรมในคร้ังนี้ เพื่อที่ผู้พัฒนาจะได้น าข้อมูลไปวิเคราะห์และประเมินความพึงพอใจของโปรแกรมต่อไป ขอขอบพระคุณเป็นอย่างยิ่งที่ท่านได้กรุณาให้ความร่วมมือในการตอบแบบสอบถามในคร้ังนี้

ชื่อ นายอนุรักษ์ แย้มหงษ์ รหัสนักศึกษา 5317600013 นิสิตสาขาวิชาเทคโนโลยีสารสนเทศ คณะวิทยาศาสตร์ มหาวิทยาลัยราชภัฏบ้านสมเด็จเจ้าพระยา

อาจารย์ที่ปรึกษาหลัก รศ. ดร.วิเชียร เปรมชัยสวัสดิ์

อาจารย์ที่ปรึกษาร่วม ผศ.ดร.วฤษาย์ ร่มสายหยุด

104

ตอนที่ 1

ข้อมูลทั่วไปของผู้ตอบแบบสอบถาม

ค าชี้แจง โปรดท าเคร่ืองหมาย ลงในช่อง และกรอกข้อมูลที่ตรงกับความเป็นจริง

1. เพศ ชาย

หญิง

2. สถานะของผู้ตอบแบบสอบถามต่อระบบ ครู/อาจารย์

เจ้าหน้าที่

นักศึกษา

105

ตอนที่ 2

ข้อมูลเกี่ยวกับระดับความพึงพอใจของผู้ใชโ้ปรแกรม

ค าชี้แจง 1. แบบสอบถามความคิดเห็นตอนที่ 2 นี้ เป็นการสอบถามข้อมูลความคิดเห็นของผู้ตอบ

แบบสอบถามภายหลังจากที่ได้ทดลองใช้ระบบที่พัฒนาขึ้น ซึ่งแบบสอบถามแบ่งออกเป็น 2 ด้าน คือ 1.1 ด้านโปรแกรมส าเร็จรูปบนโทรศัพท์เคลื่อนที่ (สมาร์ทโฟน) 1.2 ด้านระบบฐานข้อมูล

2. ในการตอบแบบสอบถามตอนที่ 2 นี้ ขอความกรุณาให้ท่านด าเนินการดังนี้ ท าเคร่ืองหมาย ลงในช่องในแบบสอบถามที่ตรงกับระดับความคิดเห็นของท่าน

มากที่สุด โดยตัวเลขของระดับความพึงพอใจแต่ละด้านมีความหมายดังนี้

5 หมายถึง ความเหมาะสม/ความพึงพอใจในระดับมากที่สุด 4 หมายถึง ความเหมาะสม/ความพึงพอใจในระดับมาก 3 หมายถึง ความเหมาะสม/ความพึงพอใจในระดับปานกลาง 2 หมายถึง ความเหมาะสม/ความพึงพอใจในระดับน้อย 1 หมายถึง ความเหมาะสม/ความพึงพอใจในระดับน้อยที่สุด

ตัวอย่างการประเมิน

รายการประเมิน ระดับความพึงพอใจ

5 4 3 2 1 การออกแบบหน้าจอมีความเป็นมาตรฐานเดียวกัน

106

1. แบบสอบถามความพึงพอใจด้านโปรแกรมส าเร็จรูปบนโทรศัพท์เคลื่อนท่ี (สมาร์ทโฟน)

รายการประเมิน ระดับความพึงพอใจ

5 4 3 2 1 1. ความสามารถของระบบในด้านการเข้าใช้งาน 2. ความสามารถของระบบในด้านรูปแบบการน าเสนอ

2. แบบสอบถามความพึงพอใจด้านานระบบฐานข้อมูล

รายการประเมิน ระดับความพึงพอใจ

5 4 3 2 1 1. ความถูกต้องในการค้นหาข้อมูล 2. ความถูกต้องของผลลัพธ์ที่ได้จากการประมวลผลในโปรแกรม

3. ความถูกต้องของการผลลัพธ์ในรูปแบบรายงาน

ข้อเสนอแนะ

………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………

ขอขอบพระคุณเป็นอย่างสูงในการให้ข้อมูลที่เป็นจริงจากท่าน