ผลงานของนักศึกษาระดับปริญญาตรีคณะเทคโนโลยีสารสนเทศ สาขาไอซีที (ICT) มหาวิทยาลัยศรีปทุม บางเขน

1. แอพพลิเคชันการเรี ยนรู ้ สําหรับ iPad
(ITraining Application for iPad)
โดย
นายสราวุธ พุกพิกุล รหัสนักศึกษา 51024745
โครงงานนี9 เป็ นส่ วนหนึงของการศึกษาตามหลักสู ตรวิทยาศาสตร์ บณฑิต
ั
ภาควิชาเทคโนโลยีสารสนเทศและการสื อสาร คณะเทคโนโลยีสารสนเทศ
มหาวิทยาลัยศรี ปทุม
พ.ศ. 2555

2. ก
มหาวิทยาลัยศรี ปทุม
คณะเทคโนโลยีสารสนเทศ
โครงงาน
ของ
1. นายสราวุธ พุกพิกุล รหัส 51024745
เรื อง
แอพพลิเคชันการเรี ยนรู ้ สําหรับ iPad
(ITraining Application for iPad)
ได้รับตรวจสอบและอนุ มติให้เป็ นส่ วนหนึ งของการศึกษาตามหลักสู ตรวิทยาศาสตร์ บณฑิต
ั ั
สาขาเทคโนโลยีสารสนเทศและการสื อสาร
เมือวันที 23 เดือน กันยายน พ.ศ. 2555
ประธานกรรมการ
( )
กรรมการ
( )
อาจารย์ทีปรึ กษา
( )
กรรมการและเลขานุการ
( )

3. ข
บทคัดย่ อ โปรแกรมแอพพลิเคชันการเรี ยนรู ้ สําหรับ iPad
(ITraining Application for iPad)
โดย 1. นายสราวุธ พุกพิกุล 51024745
อาจารย์ ทีปรึกษา อาจารย์ ดร.วสุ วรรธน์ พงศ์ขจร
ในปั จจุบนนั9นเทคโนโลยีได้เข้ามาเป็ นส่ วนหนึ งในการใช้ชีวิตประจําวันเป็ นอย่างมากโดยจะ
ั
เห็นได้ตามผูคนในปั จุจบันที นําเทคโนโลยีมาใช้งานกันอย่างแพร่ หลาย โดยทีอุปกรณ์เหล่านั9นก็จะมีท9 ง
้ ั
SmartPhone , Tablet โดยทีเป็ นทีนิ ยมอย่างมากคือ iPhone และ iPad ของ บริ ษท Apple ทีมีการใช้งานที
ั
ง่ายและมี Application ให้เลือกใช้อย่างมากมาย จึงเป็ นสาเหตุทีทําให้เกิดการพัฒนา Application ที
สามารถอ่านหรื อทบทวนเนื9อหาการเรี ยนได้บน iPhone และ iPad ได้ง่ายและสะดวกเพียงแค่มีอุปกรณ์
ดังทีกล่าวไว้ขางต้น
้
แอพพลิเคชันการเรี ยนรู ้ สําหรับ iPad (ITraining Application for iPad) นี9 ได้ถกพัฒนาขึ9น โดย
ู
ผูใช้งานสามารถเข้าใช้งานได้เพียงแค่มี iPad โดยสามารถเข้าอ่านเนื9อหารายวิชา ทําตัวอย่างข้อสอบได้
้
่
ตลอดเวลา และสะดวกรวดเร็ วโดยเนื9 อหารายวิชาก็จะถูกเก็บไว้อยูในตัวเครื อง iPad ของเราจึงทําให้
สามารถอ่านเนื9อหาได้ตลอดเวลาเพียงแค่เข้าไปทีแอพพลิเคชันเท่านั9นเอง
ผูจดทําได้สนใจการศึกษาทางด้านแอพพลิเคชันบนอุปกรณ์ Apple จึงทําให้มีการได้เริ มพัฒนา
้ั
ระบบ โปรแกรมแอพพลิเคชันการเรี ยนรู ้ สําหรับ iPad (ITraining Application for iPad) ขึ9น เพือความ
สะดวกสบายในการใช้งานและเพือทําให้การใช้งานนั9นมีใช้ได้จริ งและมีประสิ ทธิภาพ

4. ค
กิตติกรรมประกาศ
การจัดทํา แอพพลิเคชันการเรี ยนรู ้ สําหรับ iPad (ITraining Application for iPad) นั9น จะต้อง
จําเป็ นในการใช้โปรแกรมในการพัฒนาหลากหลายโปรแกรมหลายหลายภาษาซึ งในการพัฒนานั9น
ได้รับความช่วยเหลือ แนะนําจากบุคคลอืนหลายคน เพือให้การพัฒนาเป็ นไปได้อย่างสมบูรณ์ ผูจดทํา ้ั
ขอขอบพระคุณมาใน ณ โอกาศนี9
ทางผูจดทําโครงงาน โปรแกรมแอพพลิเคชันการเรี ยนรู ้ สําหรับ iPad ต้องขอขอบพระคุณ
้ั
อาจารย์ อุดมศักดิV จันทรทาโพ อาจารย์ทีปรึ กษาโครงงาน และอาจารย์ ดร.วสุ วรรธน์ พงศ์ขจร อาจารย์ที
ปรึ กษาโครงงาน ทีให้คาแนะนําต่างๆและให้ขอมูลทีใช้สาหรับจัดทําและพัฒนาโปรแกรม และข้อมูล
ํ ้ ํ
การจัดทําเอกสารร่ วมไปทั9งให้คาแนะนําในการเข้าสอบและการพิเซนต์โครงงาน และขอขอบคุณผูทีมี
ํ ้
ส่ วนเกียวข้องกับโปรแกรมแอพพลิเคชันการเรี ยนรู ้ สําหรับ iPad สําเร็ จลุล่วงไปด้วยดี

5. ง
คํานํา
ปัจจุบนความก้าวหน้าทางเทคโนโลยีน9 นมีความคล่องตัวและมีวิวฒนาการไปอย่างรวดเร็ วและ
ั ั ั
มีบทบาทในการนํามาใช้ชีวิตประจําวันต่างๆในแต่ล่ะวันทีหลากหลายการใช้งานและสะดวกสบายต่อ
ั
การใช้อย่างมากจะเห็นได้ดวยการจากผลิต Smartphone และ Tablet ทีมีให้เลือกใช้กนอย่างแพร่ หลาย
้
อันมาจากเป็ นเพราะสามารถเลือกใช้ได้หลายรู ปแบบและ
ในส่ วนของ Application นั9นจะมีทีได้รับนิยมคือ Application ทีใช้สาหรับอ่านอันเนื องมาจาก
ํ
หนังสื อในปั จุจบันนั9นจะเห็นได้ว่าในแต่ล่ะนิตยสารหรื อหนังสื อต่างๆได้มีการพัฒนานํามาไว้บน
Smartphone หรื อ Tablet เป็ น Application ไว้สาหรับอ่านหนังสื อได้บน iPhone หรื อ iPad ดังนั9น
ํ
ผูจดทําเลยเลยทําการพัฒนานํา เนื9อหารายวิชาของมหาวิทยาลัย มาพัฒนาลงใน iPad เพือได้อ่านและ
้ั
ทบทวนเนื9อหาวิชาเรี ยนโดยให้ชือโปรแกรมว่า โปรแกรมแอพพลิเคชันการเรี ยนรู ้ สําหรับ iPad
(ITraining Application for iPad)
ผูจดทําหวังไว้อย่างยิงว่าโครงงานเรื อง แอพพลิเคชันการเรี ยนรู ้ สําหรับ iPad (ITraining
้ั
Application for iPad) นี9 จะเป็ นประโยนช์อย่างมากสําหรับผูทีกําลังพัฒนาหรื อสร้าง แอพพิเคชันสําหรับ
้
่
Appleและ หวังไว้วา แอพพลิเคชันนี9 จะเป็ นประโยนช์และช่วยให้ได้อศึกษารายวิชาของแต่รายวิชาได้
อย่างเต็มทีและเกิดประโยนช์อย่างสู งสุ ดหากเกิดข้อผิดพลาดประการใด ผูจดทําต้องขออภัยมาใน ณ ทีนี9
้ั
ด้วย
ผูจดทํา
้ั
กันยายน 2555

6. จ
สารบัญ
หน้ า
หน้าอนุ มติ
ั ก
บทคัดย่อ ข
กิตติกรรมประกาศ ค
คํานํา ง
สารบัญ จ
สารบัญรู ป ช
สารบัญตาราง ญ
บทที 1 บทนํา
1. ความเป็ นมาและความสาคัญของปั ญหา 1
2. วัตถุประสงค์การศึกษา 2
3. ขอบเขตการศึกษา 2
4. ประโยชน์ทีคาดว่าจะได้รับ 2
5. แผนการดําเนินงาน 3
6. เครื องมือทีคาดว่าจะต้องใช้ 4
บทที 2 แนวคิด ทฤษฎีและเอกสารทีเกียวข้อง
1. ทฤษฎีและเอกสารทีเกียวข้อง 5
2. เทคโนโลยีทีเกียวข้อง 6
บทที 3 การออกแบบระบบ
1. แผนภาพบริ บท (Context Diagram) 10
2. ออกแบบลําดับและผังของระบบ 13
3. การออกแบบการเชือมประสานกับผูใช้(User Interface)
้ 21

7. ฉ
สารบัญ(ต่ อ)
หน้ า
บทที 4 การพัฒนาโปรแกรม
1. อุปกรณ์และซอฟต์แวร์ ทีใช้ 29
2. สรุ ปการทํางานทั9งหมดของโปรแกรม 32
3. การออกแบบการเชือมประสานกับผูใช้งาน
้ 33
บทที 5 ปั ญหา ข้อเสนอแนะ และสรุ ปโครงงาน
1. ปั ญหา 37
2. ข้อเสนอแนะ 37
3. สรุ ปโครงงาน 37
บรรณานุกรม 38
ภาคผนวก 39
ประวัติผจดทาโครงงาน
ู้ ั 60

8. ช
สารบัญภาพ
รู ปที หน้ า
2.1 ภาพแสดงตัวอย่างหน้าจอของโปรแกรมXcode 6
2.2 ภาพแสดงตัวอย่างหน้าจอของโปรแกรม Visio 8
3.1 แสดงแผนภาพบริ บท (Context Diagram) 10
3.2 แผนภาพกระแสข้อมูล (Dataflow Diagram 12
3.3 แสดงผังงานระบบ 13
3.4 แสดงผังงานการเข้าใช้ระบบ 14
3.5 แสดงผังงานการสมัครสมาชิก 15
3.6 แสดงผังงานโปรแกรมเมนู 16
3.7 แสดงผังงานรายละเอียดการใช้งานระบบ 17
3.8 แสดงผังงานหมวดหมู่รายวิชา 18
3.9 แสดงผังงานรายวิชา 19
3.10 แสดงผังงานค้นหารายวิชา 20
3.11 แสดง Login Application 21
3.12 แสดง Register Application 22
3.13 แสดง Book Mark Application 23
3.14 แสดง Category Application 24
3.15 แสดง Books Application 25
3.16 แสดง Read Application 26
3.17 แสดง Test Application 27
3.18 แสดง How to use Application 28
4.1 แสกงหน้า Login 34
4.2 แสดงหน้า Category 34
4.3 แสดงหน้า books 35
4.4 แสดงหน้า Read Book 35
4.5 แสดงหน้า Test 36
4.6 แสดงหน้า How to Use 36

9. ซ
สารบัญภาพ (ต่ อ)
รู ปที หน้ า
ก.1 แสดงหน้าต่าง Download iTunes 41
ก.2 แสดงหน้าต่าง Install iTunes 41
ก.3 แสดงหน้าต่าง Introduction 42
ก.4 แสดงหน้าต่าง Read Me 42
ก.5 แสดงหน้าต่าง License 43
ก.6 แสดงหน้าต่าง ยอมรับเงือนไข 43
ก.7 แสดงหน้าต่าง Install 44
ก.8 แสดงหน้าต่างยืนยันตัวตน 44
ก.9 แสดงสถานะการ Install 45
ก.10 แสดงหน้าต่างผลการลงโปรแกรมเสร็ จสมบูรณ์ 45
ก.11 แสดงหน้า App 46
ก.12 แสดงหน้า Sync Application 46
ก.13 แสดงหน้า Login 47
ก.14 แสดงหน้า Register 47
ก.15 แสดงหน้า Book Mark 48
ก.16 แสดงหน้า Category 48
ก.17 แสดงหน้า Books 49
ก.18 แสดงหน้า Readbook 49
ก.19 แสดงหน้า Test 50
ก.20 แสดงหน้า How to Use 50
ข.1 แสดง icon Drive DVD ทีมีไฟล์ OS X 51
ข.2 แสดง หน้าต่างของแผ่น OS X 51
ข.3 แสดงหน้า Option Install 52
ข.4 แสดงข้อมูลหน้า Xcode Tools 52
ข.5 แสดงข้อมูลหน้ากําลังติดตั9งหลังจากดัมเบิ9ลคลิกเลือกทีไฟล์ Xcode Tools 53

10. ฌ
สารบัญภาพ (ต่ อ)
รู ปที หน้ า
ข.6 แสดงเงือนไขการใช้งาน 53
ข.7 แสดงหน้ายืนยันการติดตั9ง 54
ข.8 แสดงหน้าต่าง Hard Disk 54
ข.9 แสดงหน้า Location 55
ข.10 แสดงหน้า Install 55
ข.11 แสดงหน้าสถานะการ Install 56
ข.12 แสดงหน้า Install successful 56
ข.13 แสดงหน้าเงือนไขการติดตั9ง 57
ข.14 แสดงหน้าก่อนการติดตั9ง 57
ข.15 แสดงหน้าจอเลือก Hard Drive 58
ข.16 แสดงหน้าจอสถานะการติดตั9ง 58
ข.17 แสดงหน้าจอสถานะหลังการติดตั9งเสร็ จสมบูรณ์ 59

11. ญ
สารบัญตาราง
ตารางที หน้ า
1.1 ตารางแสดงแผนการดาเนินงาน 3
4.1 ตารางแสดงรายชือซอฟต์แวร์ ท9 งหมดทีใช้
ั 29
4.2 ตารางแสดงรายชือฮาร์ ดแวร์ ท9 งหมดทีใช้
ั 31
4.3 ตารางแสดงรายละเอียดการของ Login 32
4.4 ตารางแสดงรายละเอียดการสมัครสมาชิก 32
4.5 ตารางแสดงหมวดหมู่รายวิชาและรายวิชา 33
4.6 ตารางแสดงข้อมูลการทําข้อสอบ 33

12. บทที 1
บทนํา
1.1 ความเป็ นมาและความสํ าคัญของปัญหา
ปัจจุบนการเรี ยนการสอนในมหาวิทยาลัย จะเป็ นการสอนในลักษณะบรรยายในห้องเรี ยน
ั
โดยมีสือการนําเสนอการสอน ควบคู่กบการบรรยายการสอน อาจจะมีการทดสอบก่อนการเรี ยนและ
ั
หลังเรี ยน โดยการทดสอบนั9น จะต้องผ่านสื อการนําเสนอของอาจารย์ผสอน เพือในนักศึกษาตอบโจทย์
ู้
จากสื อการนําเสนอ และรวบรวมคําตอบนั9น ไว้เป็ นคะแนนเก็บของนักศึกษา ถ้านักศึกษาทีต้องการเก็บ
สื อการนําเสนอทีอาจารย์ได้ใช้บรรยาย ก็จะต้องนําอุปกรณ์จดเก็บข้อมูล มาบันทึกข้อมูลการเรี ยนการ
ั
สอน จึงจะได้ขอมูลการสอนนั9นมา เพือจะนําไปทบทวนบทเรี ยน หรื อบางวิชาทีได้จดทําเอกสาร
้ ั
ประกอบการสอนควบคู่กบการบรรยายการสอน นักศึกษาจําเป็ นต้องซื9 อเอกสารประกอบการสอน เพือ
ั
นํามาเรี ยนในวิชานั9นๆ
ดังนั9นการพัฒนานําเอกสารสื อการเรี ยนการสอนทั9งหมดมารวบรวมไว้ใน Application จะ
ทําให้เพิมความสะดวกสบายและง่ายต่อการเรี ยนรู ้เพราะเราสามารถจะเปิ ดเอกสารทบทวนบทเรี ยน
เมือใดก็ได้และยังสามารถจัดเก็บเอกสารการสอนเพือเอาไว้ทบทวนบทเรี ยนไว้ในเครื องทีมีApplication
ได้ดวย
้
ดังนั9นนักศึกษาก็ไม่จาเป็ นต้องนําอุปกรณ์บนทึกข้อมูล เพือไปจัดเก็บข้อมูลการสอนแล้ว
ํ ั
แล้วยังสามารถจัดเก็บเอกสารการสอนไว้ได้หลายวิชา และยังไม่ตองซื9 อเอกสารประกอบการเรี ยนอีก
้
ด้วย ผูจดทําจึงได้นาเสนอ application ในการช่วยพัฒนาสื อการเรี ยนการสอนให้สมบูรณ์และมี
้ั ํ
ประสิ ทธิภาพต่อการใช้งานได้จริ งและก้าวทันเทคโนโลยีดว
้

13. 2
1.2 วัตถุประสงค์ การศึกษา
1.2.1 เพือนํา Application เข้ามาพัฒนาสื อการเรี ยนการสอน
1.2.2 เพิมความสามารถในการเรี ยนรู ้ทีง่ายขึ9น
1.2.3 ทําให้เกิดความสะดวกต่อการเรี ยนมากขึ9น
1.3 ขอบเขตการศึกษา
1.3.1 ระบบผูใช้งาน
้
1.3.1.1 สามารถเข้าใช้ระบบด้วยการ Login
1.3.1.2 เมือได้ทาการ Login สามารถเข้าใช้ระบบได้
ํ
1.3.1.3 สามารถ ทําการสมัครสมาชิกได้ทีหน้า Login
1.3.1.4 สามารถทําการเลือกหมวดหมู่รายวิชาทีต้องการศึกษาได้ในหน้าหมวดหมู่
รายวิชา
1.3.1.5 สามารถเลือกรายวิชาทีต้องการศึกษาทีหน้ารายวิชา
1.3.1.6 สามารณค้นหารายวิชาได้
1.3.1.7 สามารถบันทึกรายวิชามาเก็บไว้ในตัวเครื องได้
1.3.1.7.1 เมือทําการบันทึกรายวิชานั9นมาไว้ทีเครื องแล้ว จะสามารถเข้าไปดู
เนื9 อหาของรายวิชานั9นๆ
1.3.1.8 สามารถลบรายวิชาทีไม่ตองการหรื อรายวิชาทีได้ศึกษาไปแล้ว
้
1.3.1.9 สามารณเข้าไปทําข้อสอบของแต่ล่ะวิชาได้
1.3.1.10 สามารถดูรายละเอียดการใช้งานระบบได้
1.3.2 ผูดูแลและพัฒนาระบบ
้
1.3.2.2 สามารถทําการแก้ไขและปรับปรุ งเนื9อหาภายในระบบได้โดยการเข้าไป
ปรับปรุ งใน Web Service
1.4 ประโยชน์ ทีคาดว่าจะได้ รับ
1.4.1 การได้ระบบโปรแกรม Center E-Learning ทีพัฒนาด้วยระบบคอมพิวเตอร์
1.4.2 เพิมความสามารถในการเรี ยนการสอนและการทบทวนบทเรี ยน ได้ทุกสถานที
1.4.3 เป็ นสื อกลางของการเรี ยนการสอน

14. 3
1.5 แผนการดําเนินงาน
1.5.1 ศึกษาทฤษฎีและเทคโนโลยีทีใช้
1.5.2 เก็บรวบรวมข้อมูล
1.5.3 วิเคราะห์ขอมูล
้
1.5.4 ออกแบบระบบงาน
1.5.5 พัฒนาระบบงาน
1.5.5.1 การเขียนโปรแกรม
1.5.5.2 การทดสอบระบบ
1.5.6 ทดสอบระบบApplication
1.5.7 จัดทําเอกสารประกอบ
ตารางการดําเนินงาน
ตารางที 1.1 ตารางแสดงแผนการดําเนิ นการ
ระยะเวลา
กิจกรรม
พฤษภาคม 2555
กุมภาพันธ์2555
กรกฎาคม2555
มิถุนายน 2555
สิ งหาคม 2555
กันยายน2555
เมษายน 2555
มกราคม2555
มีนาคม 2555
1. ศึกษาทฤษฎี
2. รวบรวมข้อมูล
3. วิเคราะห์ขอมูล
้
4. ออกแบบโปรแกรม
5. พัฒนาทดสอบ
6. ทดสอบติดตั9งระบบ
7. จัดทําเอกสาร

15. 4
1.6 เครื องมือทีคาดว่ าจะต้ องใช้
1.6.1 อุปกรณ์
1.6.1.1 Computer Notebook 1เครื อง
1.6.1.2 Macbook 1 เครื อง
1.6.1.3 อุปกรณ์เชือมต่อ Internet
1.6.1.4 เครื อง Printer
1.6.1.5 iPad
1.6.2 ซอฟต์แวร์
1.6.2.1 XCode
1.6.2.2 Adobe Photoshop
1.6.2.3 Interface Builder
1.6.2.4 iPad Simulator
1.6.2.5 Adobe Dreamweaver
1.6.2.6 Microsoft office 2007
1.6.2.7 Microsoft Visio 2007

16. บทที 2
แนวคิด ทฤษฎีและเอกสารทีเกียวข้ อง
2.1 ทฤษฎีและเอกสารทีเกียวข้ อง
Application ในเทคโนโลยีสารสนเทศเป็ นการใช้เทคโนโลยีระบบหรื อผลิตภัณฑ์คาศัพท์ ํ
Application เป็ นคําย่อของ Application Program หรื อโปรแกรมประยุกต์ ซึ งโปรแกรมประยุกต์เป็ น
โปรแกรมทีได้รับการออกแบบให้ทางานด้วยหน้าทีทีเจาะจงโดยตรงสําหรับผูใช้
ํ ้ หรื อในบางกรณี
สําหรับโปรแกรมประยุกต์อืน ๆ ตัวอย่างของโปรแกรมประยุกต์ เช่น โปรแกรมประมวลผลคํา (Word
Processing เช่น MS Word) ฐานข้อมูล Web Browser เป็ นต้นโปรแกรมประยุกต์ใช้บริ การจาก
ระบบปฏิบติการและโปรแกรมประยุกต์อืน ๆส่ วนการขอและวิธีการตามแบบแผนของการติดต่อกับ
ั
โปรแกรมอืนด้วยการใช้โปรแกรมประยุกต์อืน เรี ยกว่า Application Program Interface (API)
Application Program คือซอฟต์แวร์ หรื อโปรแกรมทีถูกเขียนขึ9นเพือการทํางานเฉพาะอย่าง
ทีเราต้องการ เช่น งานส่ วนตัว งานทางด้านธุรกิจ งานทางด้านวิทยาศาสตร์ โปรแกรมทางธุรกิจ เกมส์
ต่างๆ ระบบฐานข้อมูล ตลอดจนตัวแปลภาษาเราอาจเรี ยกโปรแกรมประเภทนี9 ว่า User's Program
โปรแกรมประเภทนี9 โดยส่ วนใหญ่มกใช้ภาษาระดับสู งในการพัฒนา เช่นภาษา C, C++, COBOL,
ั
PASCAL, BASIC ฯลฯ ตัวอย่างของโปรแกรมทีพัฒนาขึ9นใช้ในทางธุ รกิจเช่น โปรแกรมระบบบัญชี
จ่ายเงินเดือน (Payroll Program) โปรแกรมระบบเช่าซื9 อ (Hire Purchase) โปรแกรมระบบสิ นค้าคงหลัง
(Stock Program) ฯลฯซึ งแต่ละโปรแกรมก็จะมีเงือนไขหรื อแบบฟอร์ มทีแตกต่างกันตามความต้องการ
หรื อกฏเกณฑ์ของแต่ละหน่วยงานทีใช้ซึงโปรแกรมประเภทนี9เราสามารถดัดแปลงแก้ไขเพิมเติม
(Modifications) ในบางส่ วนของโปรแกรมเองได้ เพือให้ตรงกับความต้องการของผูใช้งานโปรแกรม
้
โปรแกรมเหล่านี9เป็ นตัวกําหนดแนวทางในการใช้ทรัพยากรระบบ เพือทํางานต่างๆให้แก่ผใช้
ู้
หลากหลายประเภท ซึ งอาจเป็ นได้ท9 งบุคคล โปรแกรมหรื อเครื องคอมพิวเตอร์ เช่นตัวแปรภาษาต้องใช้
ั
ทรัพยากรระบบในการแปลโปรแกรมภาษาระดับสู งให้เป็ นภาษาเครื องแก่โปรแกรมเมอร์ ดังนั9น
ระบบปฏิบติการต้องควบคุมและประสานงานในการใช้ทรัพยากรระบบของผูใช้ให้เป็ นไปอย่างถูกต้อง
ั ้

17. 6
2.2 เทคโนโลยีทีเกียวข้ อง
2.2.1 Xcode
Xcode เป็ นเครื องมือของนักพัฒนา Apple เอาไว้สร้างแอปพลิเคชันสําหรับเครื อง
็
Mac, iPhone และ iPadถ้าเทียบกับเครื องมือพัฒนาของฝังไมโครซอฟท์กคือ Visual Studio
Xcode IDE คือ สภาพแวดล้อมในการพัฒนาแอปพลิเคชันประกอบด้วยพื9นทีทํางาน
สําหรับเขียน Code , พื9นทีสําหรับออกแบบหน้าจอ User Interface เรี ยกว่า Interface Builder, มีคอมไพล์
เลอร์ทีมีประสิ ทธิ ภาพสู งชือว่า LLVM Compiler 2.0 สามารถคอมไพล์โค้ดได้เร็ วกว่า GCC ถึง 2 เท่า
สร้างแอปพลิเคชันให้ทางานได้เร็ วขึ9น
ํ มีระบบตรวจสอบโค้ดทีมีประสิ ทธิ ภาพแก้ไขโค้ดทีผิดให้
อัตโนมัติ, มี Version Editor ทีตรวจสอบ Source Code ทั9ง 2 เวอร์ ชนแบบเทียบกันหน้าต่อหน้าให้เห็น
ั
บรรทัดทีแตกต่างกันได้อย่างมีประสิ ทธิภาพ, มี Debugger Engine ทีชือว่า LLDB สามารถ Track Code
ได้ขณะทีโปรแกรมกําลังรันทดสอบอยู,่ มี Source Control ในการควบคุมเวอร์ ชนของ Project ได้
ั
Instruments เป็ นเครื องมือทีใช้ตรวจสอบประสิ ทธิภาพของแอปพลิเคชันทีพัฒนา
เสร็ จแล้วโดยวัดการใช้งาน Memory, CPU Time, Overhead ต่างๆ
SDK สําหรับ Mac OS X และ iOSคือ Class Library สําหรับใช้พฒนาแอปพลิเคชัน
ั
แบ่งเป็ น Mac OS X และ iOS
Xcode มีหน้าต่างหลัก เรี ยกว่า Workspace Window เป็ นพื9นทีจัดการ Source Code,
User Interface และข้อมูลต่างๆ และมีหน้าต่างรอง เรี ยกว่า Organizer Window ใช้จดการ Project และ
ั
แสดง Document ทีเกียวข้องในหน้า Workspace Window จะแบ่งเป็ นส่ วนๆในแต่ละส่ วนจะมีชือเรี ยก
ตามรู ป
รู ปที 2.1 ภาพแสดงตัวอย่างหน้าจอของโปรแกรมXcode

18. 7
2.2.2 Adobe Photoshop
Adobe Photoshop คือโปรแกรมใช้สาหรับการตกแต่งภาพแก้ไขภาพ ย่อขนาด
ํ
เปลียนประเภทไฟล์ หรื อหลายๆ คนอาจเคยได้ยนคําว่า Retouch ภาพซึ งก็มีความหมายในแนวเดียวกัน
ิ
โปรแกรม Photoshop นี9ถือได้ว่าเป็ นโปรแกรมทีดีทีสุ ด และน่ าใช้ ทีสุ ดสําหรับการแก้ ไขภาพก็วาได้ ่
เรี ยกว่า ถ้าพูดถึงการแก้ไขรู ปภาพดิจิตอล ต้องพูดถึงโปรแกรม Adobe Photoshop เลยทีเดียวเราสามารถ
เรี ยนรู ้วิธีการใช้โปรแกรม Adobe Photoshop นี9ได้ดวยตัวเองรับรอง คุณสามารถทีจะทําการแก้ไขภาพ
้
ตกแต่งภาพ ซ้อนภาพในรู ปแบบต่างๆได้อย่างง่ายดาย พร้อมกันนี9 ทีขาดไม่ได้ก็คือการใส่ ขอความ ้
ประกอบลงในภาพของเรา และเนื องด้วย Adobe Photoshop มีการพัฒนาโปรแกรมมาอย่างต่อเนื อง ทํา
ให้เราจําเป็ นต้องศึกษาคําสังต่างๆให้เข้าใจ แต่ทีสําคัญเมือคุณเรียนรู้ การใช้ คาสังในเวอร์ ชันเก่า คุณก็
ํ
ยังคงสามารถนําไปประยุกต์ ใช้ กบเวอร์ ชันใหม่ ๆ
ั
2.2.3 Microsoft Word 2007
Microsoft Word 2007 โปรแกรมสําหรับพิมพ์งานเอกสารทีมีผใช้งานมากทีสุ ดใน
ู้
โลกตัวหนึงจากบริ ษท Microsoft ซึ งเป็ นบริ ษททีผลิตโปรแกรมต่างๆ มากมายอาจสื บเนืองมาจากความ
ั ั
นิยมในการใช้งานโปรแกรม Windows ซึ งเป็ นระบบปฏิบติการทีเราใช้งานกันในทุกๆ เครื อง
ั
คอมพิวเตอร์ (เกือบทั9งโลก) ดังนั9นจึงทําให้ Microsoft Word เป็ นอีกหนึงโปรแกรมทีเราใช้งานกันอยู่
เป็ นมาตราฐานเช่นเดียวกัน Microsoft Word เป็ นหนึงโปรแกรมของโปรแกรม Suite (รวมมิตร) ซึ ง
ประกอบด้วยโปรแกรมหลักๆ คือ
• Microsoft Word - งานเอกสาร
• Microsoft Excel - งานตาราง คํานวณ
• Microsoft PowerPoint - งานนําเสนอข้อมูล
• Microsoft Access –งานระบบฐานข้อมูล
• Microsoft Visio – งานออกแบบ
การทํางานของทุกๆ โปรแกรมในตระกูล Microsoft Office สามารถเชือมโยงกันได้
อย่างง่ายดายทําให้เรานิ ยมซื9 อและใช้งานโปรแกรมทั9งหมดในตระกูล Microsoft Office

19. 8
2.2.4 MicrosoftVisio 2007
MicrosoftVisioเป็ นโปรแกรมทีถูกสร้างขึ9นมาเพือช่วยในการสร้างFlow Chart หรื อ
Diagram ของงานในสาขาต่างๆ ให้ทาได้ง่ายขึ9น ลักษณะทีสําคัญอย่างหนึงของการสร้าง Flow Chart
ํ
บน Visio คือ มีรูปไดอะแกรมพื9นฐานต่างๆ จัดเตรี ยมไว้ให้
ซอฟต์แวร์ Visio เป็ นซอฟต์แวร์ทีช่วยสร้างกราฟฟิ กและแผนภูมิได้ง่ายดายอย่างมี
ั
ประสิ ทธิภาพเพืออํานวยความสะดวกให้กบองค์กรทีต้องใช้กราฟฟิ ก แผนภูมิ แผนผัง และตารางต่างๆ
ในการนําเสนองานรวมทั9งการสร้างบนเว็บไซต์Visio เป็ นเครื องมือทีเสริ มการทํางานของ Microsoft
Office ในการช่วยให้สร้างแผนภูมิ แผนผัง ตารางแสดงโครงสร้างองค์กร แผนภูมิทางการตลาด
ตารางเวลา และอืนๆ ได้อย่างง่ายดายรวมทั9งช่วยเพิมประสิ ทธิภาพในการสื อสารโดยช่วยให้แต่ละ
แผนกสามารถดูแผนภูมิหรื อตารางในรู ปแบบไฟล์ทีแตกต่างกันตามต้องการได้ เช่น ไฟล์ทีส่ งทางอี-
เมล์, ระบบอินทราเน็ต และ อินเทอร์เน็ต เป็ นต้นและยังช่วยให้ผจดทําเอกสารสร้างภาพกราฟฟิ กใหม่ๆ
ู้ ั
ั
แปลกๆ ได้สะดวกเพือเพิมสี สัน ความชัดเจนให้กบข้อมูลต่างๆ ได้เป็ นอย่างดีและทีสําคัญก็คือ Visio
2000 ช่วยประหยัดเวลาในการสร้างเอกสารหรื อไฟล์เหล่านี9ได้ถึงหนึงเท่าตัว
รู ปที 2.2 ภาพแสดงตัวอย่างหน้าจอของโปรแกรม Visio

20. 9
2.2.5 PHP
่
PHP เป็ นภาษาจําพวก scripting language คําสังต่างๆจะเก็บอยูในไฟล์ทีเรี ยกว่า
สคริ ปต์ (script) และเวลาใช้งานต้องอาศัยตัวแปรชุดคําสัง ตัวอย่างของภาษาสคริ ปก็เช่น JavaScript,
Perl เป็ นต้น
ลักษณะของ PHP ทีแตกต่างจากภาษาสคริ ปต์แบบอืนๆ คือ PHP ได้รับการพัฒนา
และออกแบบมา เพือใช้งานในการสร้างเอกสารแบบ HTML โดยสามารถสอดแทรกหรื อแก้ไขเนื9 อหา
ได้โดยอัตโนมัติ ดังนั9นจึงกล่าวว่า PHP เป็ นภาษาทีเรี ยกว่า server-side หรื อ HTML-embedded
scripting language เป็ นเครื องมือทีสําคัญชนิ ดหนึงทีช่วยให้เราสามารถสร้างเอกสารแบบ Dynamic
HTML ได้อย่างมีประสิ ทธิ ภาพและมีลูกเล่นมากขึ9นภาษา PHP มีจุดเด่นดังนี9
2.2.5.1 ภาษา PHP สามารณรันบนระบบปฎิบติการได้หลายชนิ ด
ั
2.2.5.2 รองรับการทํางานของเซิ ร์ฟเวอร์ จาลอง (Web Server) ได้มากมาย
ํ
2.2.5.3 เป็ นโปรแกรม Freeware คือไม่จาเป็ นต้องซื9 อโปรแกรมมาใช้งานแต่สามา
ํ
รณดาวน์โหลดได้จากอินเตอร์ เน็ตเพราะโปรแกรมมีลกษณะ Open Source
ั
2.2.5.4 มีการประมวลผลภาพได้เป็ นอย่างดี
2.2.6 Objective – C
ภาษาอ็อบเจกทีฟ-ซี (อังกฤษ: Objective-C หรื อ ObjC) เป็ นภาษาโปรแกรมเชิงวัตถุ
และมีสมบัติการสะท้อน โดยแรกเริ ม ภาษาอ็อบเจกทีฟ-ซี พัฒนาขึ9นจากภาษาซี โดยยังคงคุณลักษณะ
ของภาษาซีไว้ครบทุกประการเพียงแต่เพิมระบบส่ งข้อความ (messaging) แบบเดียวกับภาษาสมอลล์
ทอล์กเข้าไปเท่านั9น (Objective-C runtime) ปั จจุบนภาษาอ็อบเจกทีฟ-ซี มีคุณสมบัติอืนๆเพิมเติมจากการ
ั
พัฒนาภาษาอ็อบเจกทีฟ-ซี 2.0 โดยบริ ษทแอปเปิ ล ปั จจุบนภาษาอ็อบเจกทีฟ-ซี ถูกใช้มากใน Cocoa
ั ั
(API) ใน Mac OS X, GNUstep (API) และ Cocotron (API) เป็ นต้น ซึ งระบบเหล่านี9 ได้รับการ
พัฒนาขึ9นโดยมีพ9ืนฐานจากมาตรฐาน OpenStep (API)ใน Nextstep(Operating system)โดยมีภาษา
ภาษาอ็อบเจกทีฟ-ซี เป็ นภาษาหลัก ปั จจุบน Mac OS Xใช้ Cocoa เป็ นเฟรมเวิร์กสําหรับสร้างโปรแกรม
ั
ประยุกต์ โดย ไลบรารี และ/หรื อ API เหล่านี9เป็ นเพียงส่ วนเพิมขยาย (Software extension) เท่านั9น
โปรแกรมทีใช้ภาษาอ็อบเจกทีฟ-ซี ทวไปทีไม่ได้ใช้ส่วนเพิมขยายเหล่านี9 ก็ยงสามารถคอมไพล์ได้ เช่น
ั ั
อาจใช้แต่gccซึ งรองรับภาษาอ็อบเจกทีฟ-ซี

21. บทที 3
การออกแบบระบบ
3.1 การออกแบบขบวนการเก็บแล้ วใช้ ข้อมูล
3.1.1 แผนภาพบริ บท (Context Diagram)
ขั9นตอนการทํางานของ Context Diagram ส่ วนทีแสดง จุดเริ มต้นหรื อแหล่งกําเนิด
ข้อมูล และเป็ นจุดทีผูใช้โปรแกรม ITraining ซึ งภาพบริ บทนี9จะเป็ นตัวกําหนดขอบเขตของระบบ
้
ITraining ดังรู ปที 3.1
รู ปที 3.1 แสดงแผนภาพบริ บท (Context Diagram)

22. 11
3.1.2 แผนภาพกระแสข้อมูล (Dataflow Diagram)
กระบวนการทํางานของแผนภาพกระแสข้อมูล (Dataflow Diagram) จะเป็ นแผนภาพ
ทีช่วย แสดงให้เห็นการไหลของข้อมูลระหว่างกระบวนการต่างๆ ในลักษณะของรู ปภาพ ซึ งมีประ
โยนช์ในด้านรายละเอียดขั9นตอนการปฏิบติงานและการจัดทําโครงสร้างตารางข้อมูลต่างๆ ทีเกียวเนือง
ั
กันทั9งหมด ทีใช้ใน (ITraining Application for iPad) โดยการแสดงผลแบบรู ปภาพนั9นจะสามารถทําให้
เข้าใจได้ง่ายขึ9น โดยการทํางานของแผนภาพกระแสข้อมูลนี9 จะมีการแบ่งการทํางานของ (ITraining
Application for iPad) ออกเป็ นกระบวนการต่างๆดังทีแสดงในรู ปที
3.1.2.1 กระบวนการที 1.0 Login
กระบวนการนี9เป็ นกระบวนการในการ Login เข้าสู่ ระบบของ (ITraining
Application for iPad) ซึ งจะมีการติดต่อกับ ข้อมูลของสมาชิกภายใน Websevice โดยจะติดต่อโดยการ
ไปเซ็ดค่าในข้อมูลของสมาชิก แล้วจะทําการส่ งค่ามาว่าถูกต้องหรื อป่ าว เพือให้ใช้งานหน้า Application
ในหน้าต่อไป
3.1.2.2 กระบวนการที 2.0 Register
การบวนการนี9 เป็ นกระบวนการของการสมัครสมาชิก โดยจะมีการกรอก
ข้อมูลทีจําเป็ นของสมาชิก แล้วจะมาเก็บค่าไว้ทีหน้าข้องมูลของสมาชิกภายใน websevice โดยทีจะมี
การรับส่ งข้อมูลสมาชิกกับมาเมือทําการเพิมข้อมูลไปแล้ว เพือให้เข้าใช้งานในหน้า Login ได้เพือเข้าสู่
Application
3.1.2.3 กระบวนการที 3.0 Book
คือกระบวนการทีเข้าใช้หน้าหมวดหมู่หนังสื อและรวมไปถึงหน้ารายวิชา
ต่างๆภายใน Application โดยจะมีการรับส่ งข้อมูลทีเข้าชมใน หน้าของCategory และ book ทีถูกเก็บไว้
ใน Websevice
3.1.2.4 กระบวนการที 4.0 Test
เป็ นกระบวนการทีเข้าใช้การทําข้อสอบแบบตัวเลือก โดยจะมีการติดต่อ
ข้อมูลไปทีหน้าข้อมูลของข้อสอบทีถูกเก็บไว้ที websevice โดยจะมีการอัพเดตข้อมูลทีฝัง websevice
เมือทําการเลือกคําตอบเสร็ จเรี ยบร้อยแล้ว จะมีขอมูลคะแนนส่ งกลับมาทีหน้า Score
้

23. 12
รู ปที 3.2 แผนภาพกระแสข้อมูล (Dataflow Diagram)

24. 13
3.2 ออกแบบลําดับและผังของระบบ
3.2.1 ผังงานระบบ (System Flowchart)
รู ปที 3.3 แสดงผังงานระบบ

25. 14
3.2.2 ผังงานการเข้าใช้ระบบ (Login Flowchart)
รู ปที 3.4 แสดงผังงานการเข้าใช้ระบบ

26. 15
3.2.3 ผังงานการสมัครสมาชิก (Register Flowchart)
รู ปที 3.5 แสดงผังงานการสมัครสมาชิก

27. 16
3.2.4 ผังงานโปรแกรมเมนู (Menu Flowchart)
รู ปที 3.6 แสดงผังงานโปรแกรมเมนู

28. 17
3.2.4.1 ผังงานรายละเอียดการใช้งานระบบ
รู ปที 3.7 แสดงผังงานรายละเอียดการใช้งานระบบ

29. 18
3.2.4.2 ผังงานหมวดหมู่รายวิชา (Category Flowchart)
รู ปที 3.8 แสดงผังงานหมวดหมู่รายวิชา

30. 19
3.2.4.3 ผังงานรายวิชา (Courses Flowchart)
รู ปที 3.9 แสดงผังงานรายวิชา

31. 20
3.2.4.4 ผังงานค้นหารายวิชา (Search Flowchart)
รู ปที 3.10 แสดงผังงานค้นหารายวิชา

32. 21
3.3 การออกแบบการเชือมประสานกับผู้ใช้ (User Interface)
การออกแบบส่ วนต่อประสานกับผูใช้น9 ัน เป็ นการออกแบบส่ วนของโปรแกรมทีเกียวข้องกับ
้
การมองเห็น ได้ยน หรื อการสัมผัสของผูใช้ โดยโปรแกรมจะสร้างขึ9นเพือรับและแสดงข้อมูล
ิ ้
สารสนเทศกับผูใช้ การออกแบบจอภาพนั9นเป็ นการแสดงรายละเอียดให้ผใช้งานทราบถึงการทํางาน
้ ็
ของระบบทีผูใช้เลือกรายการจากหน้าจอข้อมูลหลักจะเป็ นสิ งทีผูใช้ตองการทํางาน จะมีการออกแบบ
้ ้ ้
ดังต่อไปนี9
Code Input 1
Name Login Application
เสี ยง ไม่มี
รู ปภาพ ไม่มี
วิดีโอ ไม่มี
Text Title ITraining
ภาพเคลือนไหว ไม่มี
Push Box User , Password

33. 22
Process / Action จําค่าทีสมัครสมาชิก
Link ปุ่ ม Login เข้าหน้า Application / เข้าสู่ หน้าสมัครสมาชิก
รู ปที 3.11 แสดง Login Application
Code Input 2
Name Register Member
เสี ยง ไม่มี
รู ปภาพ ไม่มี
วิดีโอ ไม่มี
Text Title Register
ภาพเคลือนไหว ไม่มี
Push Box Name,Last Name,User Name,Password,Confirm Password,Email
Process / Action เมือกดปุ่ ม Register ระบบจะทําการจัดเก็บข้อมูลไปไว้ที Websevice
Link ปุ่ มสมัครสมาชิกเพือเข้าสู ้หน้า Login
รู ปที 3.12 แสดง Register Application

34. 23
Code Output 1
Name Book Mark Application
เสี ยง ไม่มี
รู ปภาพ ภาพหนังสื อและ Titel
วิดีโอ ไม่มี
Text Title Book Mark
ภาพเคลือนไหว ไม่มี
Push Box ช่องค้นหาหนังสื อ
Process / Action เมือพิมพ์ ชือหนังสื อและกดค้นหาจะไปทีหน้าหนังสื อทีค้นหา
Link ปุ่ มค้นหาหนังสื อทีต้องการค้นหา
รู ปที 3.13 แสดง Book Mark Application

35. 24
Code Output 2
Name Category Application
เสี ยง ไม่มี
รู ปภาพ ภาพหมวดหมู่หนังสื อ
วิดีโอ ไม่มี
Text Title Category
ภาพเคลือนไหว ไม่มี
Push Box ช่องค้นหาหนังสื อ
Process / Action เมือพิมพ์ ชือหนังสื อและกดค้นหาจะไปทีหน้าหนังสื อทีค้นหา
Link ปุ่ มค้นหาหนังสื อทีต้องการค้นหา , เลือกหมวดหมู่แล้วจะเข้าไปที
หมวดหมู่น9 นๆ
ั
รู ปที 3.14 แสดง Category Application

36. 25
Code Output 3
Name Book Application
เสี ยง ไม่มี
รู ปภาพ ภาพหน้าปกหนังสื อและ ภาพ Title
วิดีโอ ไม่มี
Text Title รายการหนังสื อ
ภาพเคลือนไหว ไม่มี
Push Box ช่องค้นหาหนังสื อ
Process / Action เมือพิมพ์ ชือหนังสื อและกดค้นหาจะไปทีหน้าหนังสื อทีค้นหา
Link ปุ่ มค้นหาหนังสื อทีต้องการค้นหาและเมือเลือกรายวิชาแล้วจะเข้าไป
เจอเนื9 อหารายวิชาทีเลือกเข้ามา
รู ปที 3.15 แสดง Books Application

37. 26
Code Output 4
Name Read Application
เสี ยง ไม่มี
รู ปภาพ ภาพ Title
วิดีโอ ไม่มี
Text Title ชือรายวิชา
ภาพเคลือนไหว ไม่มี
Push Box ไม่มี
Process / Action เมือกดปุ่ ม Add or Remove Bookmark จะทําการเพิมหรื อลบเข้าไป
ไว้ทีหน้า Bookmark
Link back กลับไปหน้า Books
รู ปที 3.16 แสดง Read Application

38. 27
Code Output 5
Name Test Application
เสี ยง ไม่มี
รู ปภาพ ภาพหนังสื อ
วิดีโอ ไม่มี
Text Title ชือรายวิชาทีทําข้อสอบ
ภาพเคลือนไหว ไม่มี
Push Box ไม่มี
Process / Action เมือกดปุ่ ม คําตอบจะมีการเปลียนหน้าข้อสอบถัดไป
Link เมือเลือกคําตอบจะเปลียนข้อสอบข้อถัดไป
รู ปที 3.17 แสดง Test Application

39. 28
Code Output 6
Name How to use Application
เสี ยง ไม่มี
รู ปภาพ ภาพหนังสื อ
วิดีโอ ไม่มี
Text Title How to use
ภาพเคลือนไหว ไม่มี
Push Box ไม่มี
Process / Action ไม่มี
Link ปุ่ ม Tabbar ข้างล่างทีสามารณเลือกหน้าต่างๆได้
รู ปที 3.18 แสดง How to use Application

40. บทที 4
การพัฒนาโปรแกรม
4.1 อุปกรณ์ และซอฟต์ แวร์ ทีใช้
ตารางที 4.1 แสดงรายชือซอฟต์แวร์ ท9 งหมดทีใช้ได้จริ ง
ั
ชื อซอฟต์ แวร์ นํามาเพือใช้ งาน เลือกเพราะ
Mac OSX เป็ นระบบปฎิบติการของ เป็ นระบบปฏิบติการทีลํ9าหน้าทีสุ ดในโลก ซึ งถูก
ั ั
เครื อง Macbook Pro สร้างมาบนระบบ UNIX ทีเชือถือได้ และ
ออกแบบมาให้เรี ยบง่ายและเรี ยนรู ้ได้ง่าย ทําให้
Mac เป็ นอะไรทีสร้างสรรค์, ปลอดภัย, และใช้
ร่ วมกับอุปกรณ์ต่างๆได้
Microsoft Office จัดทําและรู ปแบบและ มีระบบอัตโนมัติต่างๆ ทีช่วยในการทํางาน
2007 สร้างเอกสารของ สะดวกขึ9น เช่น การตรวจคําสะกด การ
โครงงาน ตรวจสอบไวยากรณ์ การใส่ ขอความอัตโนมัติ
้
เป็ นต้น
Adobe สร้างเว็บเพจแบบเสมือน สามารถจัดวางข้อความ รู ปภาพ ตาราง ฟอร์ ม
Dreamweaver จริ ง ของค่าย Adobe ซึ ง วิดีโอ รวมถึงองค์ประกอบอืน ๆ ภายในเว็บเพจ
ช่วยให้ผทีต้องการสร้าง ได้อย่างสวยงามตามทีผูใช้ตองการ โดยไม่ตอง
ู้ ้ ้ ้
เว็บเพจ ่
ใช้ภาษาสคริ ปต์ทียุงยากซับซ้อนเหมือนก่อน
Dreamweaver มีท9 งในระบบปฏิบติการ แมคอิน
ั ั
ทอช และไมโครซอฟท์วินโดวส์ Dreamweaver
ยังสามารถทํางานบนระบบปฏิบติการแบบยูนิกซ์
ั
ผ่านโปรแกรมจําลองอย่าง WINE ได้ เวอร์ ชน ั
ล่าสุ ดของโปรแกรมตัวนี9 คือ Adobe
Dreamweaver CS5.5

41. 30
ชื อซอฟต์ แวร์ นํามาเพือใช้ งาน เลือกเพราะ
Xcode เป็ นเครื องมือของ เป็ นพัฒนาแอปพลิเคชัน ประกอบด้วยพื9นที
นักพัฒนา Apple เอาไว้ ทํางานสําหรับเขียน code , พื9นทีสําหรับ
สร้างแอปพลิเคชัน ออกแบบหน้าจอ user interface เรี ยกว่า Interface
สําหรับเครื อง Mac, builder, มีคอมไพล์เลอร์ทีมีประสิ ทธิ ภาพสู ง ชือ
iPhone และ iPad ว่า LLVM Compiler 2.0 สามารถคอมไพล์โค้ด
ได้เร็ วกว่า GCC ถึง 2 เท่า สร้างแอปพลิเคชันให้
ทํางานได้เร็ วขึ9น มีระบบตรวจสอบโค้ดทีมี
ประสิ ทธิภาพ แก้ไขโค้ดทีผิดให้อตโนมัติ
ั
Interface Builder ั
กําหนดโค๊ดให้กบวัตถุ ไฟล์คลาส .h และ .m เป็ นเพียงเหมือนพิมพ์เขียว
ใดๆ ต้องทําผ่าน Object ของคลาส เวลาจะใช้งานก็ตองสร้างคลาสจริ งๆ
้
แต่ไฟล์คลาสทีเราสร้าง ขึ9นมาก่อน เหมือนวัตถุชิ9นหนึง ทีฝรังเรี ยกว่า
ไว้ ยังไม่เป็ นวัตถุ เราต้อง Object การสร้างก็มีหลักๆ 2 แบบ คือสร้าง
ทําให้มนเป็ น Object ถึง ขณะทีรันโปรแกรมจริ ง กับตอนทีออกแบบ
ั
จะใช้ได้ โปรแกรมอยู่ เช่น ตอนทีเอาคอนโทรลไปใส่ ใน
หน้าต่างโปรแกรมนันแหละ คือ การสร้างตัว
วัตถุข9 ึนมา

42. 31
ตารางที 4.2 แสดงรายชือฮาร์ ดแวร์ ท9 งหมดทีใช้ได้จริ ง
ั
ชื อซอฟต์ แวร์ นํามาเพือใช้ งาน เลือกเพราะ
Macbook Pro เพือพัฒนาระบบต่างๆของ มีความเสถียรจาก CPU : Intel Core
โครงงานไปอย่างมี i5-3210M (2.50 GHz, 3
ประสิ ทธิภาพอันเนืองมาจาก VGA : Intel HD Graphics 4000
มีความเสถียร RAM : 4 GB DDR3
HDD : 500 GB 5400 RPM
SIZE : 13.3 inch WXGA
(1280x800) LED
และมีระบบปฏิบติการทีลํ9าหน้าทีสุ ด
ั
ในโลก ซึ งถูกสร้างมาบนระบบ
UNIX ทีเชือถือได้ และออกแบบมา
ให้เรี ยบง่ายและเรี ยนรู ้ได้ง่าย
Laser Printer TX111 ใช้สาหรับพิมพ์เอกสาร
ํ เป็ นเครื องพิมพ์ทีใช้เทคโนโลยี
เดียวกับเครื องถ่ายเอกสาร คือยิง
เลเซอร์ ไปสร้างภาพบนกระดาษใน
การสร้างรู ปภาพ หรื อตัวอักษร ซึ ง
ผลลัพธ์ทีออกมาจะมีคุณภาพสู งมาก
และราคาเครื องพิมพ์ก็มีราคาสู งมาก
ด้วยเช่นกัน ซึ งเครื องพิมพ์เลเซอร์ จะ
ทํางานได้เร็ วกว่าเครื องพิมพ์แบบพ่น
หมึก และคุณภาพของผลลัพธ์ท9 งด้าน ั
ความคมชัดและรายละเอียดทํา
ออกมาได้ดีกว่าแบบพ่นหมึกมากๆ

43. 32
4.2 สรุปการทํางานทัKงหมดของโปรแกรม
ตารางที 4.3 แสดงตารางรายละเอียดการทํางานของ Login
Process 1.0 Login
ชื อ คําอธิบายการทํางาน หมายเหตุ
Login เป็ นขั9นตอนของการทํางานโดยจะมีการรับค่า User
Password ทีได้ทาการสมัครไว้ ซึงจะมีการตรวจสอบ
ํ
ความถูกต้องของ User และ Password ว่าตรงกับข้อมูล
่
ใน Websevice ที9เก็บค่าของ User ไว้วามีความถูกต้อง
หรื อไม่เมือมีความถูกต้องก็จะมีการเข้าใช้งาน
โปรแกรมได้
ตารางที 4.4 แสดงตารางรายละเอียดการสมัครสมาชิก
Process 2.0 Register
ชื อ คําอธิบายการทํางาน หมายเหตุ
Register ในขั9นตอนนี9 จะมีการสมัครสมาชิก โดยจะมีการรับค่า
User , Password , Confirm Password , Email และจะมี
การเก็บค่า ไปไว้ที Web service โดยจะมีการเซ็คค่าของ
่
Password และ Confirm Password ด้วยว่ามีคาทีตรงกัน
หรื อไหม

44. 33
ตารางที 4.5 แสดงตารางหมวดหมู่รายวิชาและรายวิชา
Process 3.0 Book
ชื อ คําอธิบายการทํางาน หมายเหตุ
Book ในขั9นตอนนี9 จะเป็ นการเข้าใช้หน้าหมวดหมู่หนังสื อ
และรวมไปถึงหน้ารายวิชาต่างๆภายใน Application
โดยจะมีการรับส่ งข้อมูลทีเข้าชมใน หน้าของCategory
และ book ทีถูกเก็บไว้ใน Websevice
ตารางที 4.6 แสดงข้อมูลการทําข้อสอบ
Process 4.0 Test
ชื อ คําอธิบายการทํางาน หมายเหตุ
Test เป็ นขั9นตอนทีUser จะเข้าใช้การทําข้อสอบโดยข้อสอบ
จะเป็ นในรู ปแบบตัวเลือก โดยจะมีการติดต่อข้อมูลไป
ทีหน้าข้อมูลของข้อสอบทีถูกเก็บไว้ที websevice โดย
จะมีการอัพเดตข้อมูลทีฝัง websevice เมือทําการเลือก
คําตอบเสร็ จเรี ยบร้อยแล้ว จะมีขอมูลคะแนนส่ งกลับมา
้
ทีหน้า Score
4.3 การออกแบบการเชือมประสานกับผู้ใช้ งาน
การออกแบบส่ วนต่อประสานระหว่างผูใช้น9 นเป็ นการออกแบบส่ วนของโปรแกรมทีเกียวข้อง
้ ั
กับการมองเห็นได้ยนหรื อการสัมผัสของผูใช้โดยโปรแกรมจะสร้างขึ9นเพือรับและแสดงข้อมูล
ิ ้
สารสนเทศกับผูใช้ การออกแบบจอภาพนั9นเป็ นการแสดงรายละเอียดให้ผใช้งานทราบถึงการทํางาน
้ ู้
ของระบบทีผูใช้เลือกรายงานจากข้อมูลหลักจะเป็ นสิ งทีผูใช้ตองการทํางานจะมีการออกแบบดังต่อไปนี9
้ ้ ้

45. 34
หน้าเข้าสู ้ระบบการใช้งาน จะเป็ นหน้าทีต้องระบุ User , Password ทีได้ทาการสมัครไว้เพือใน
ํ
การเข้าใช้งาน Application
รู ปที 4.1 แสกงหน้า Login
หน้าหมวดหมู่รายวิชาทีเราสามารณเลือกได้วาจะเข้าใช้ทีหมวดหมู่ไหน
่
รู ปที 4.2 แสดงหน้า Category

46. 35
หน้ารายวิชาทีเราสามารณเลือกเข้าใช้งานได้
รู ปที 4.3 แสดงหน้า books
หน้าเนื9อหารายวิชาทีเราเข้ามาศึกษาได้ของแต่ล่ะวิชา
รู ปที 4.4 แสดงหน้า Read Book

47. 36
หน้าข้อสอบของแต่ล่ะวิชาทีเราสามารณเลือกทําได้ของแต่รายวิชาได้
รู ปที 4.5 แสดงหน้า Test
หน้ารายระเอียดการใช้งานระบบ ทีแสดงการวิธีใช้งานของระบบไว้เพือศึกษา
รู ปที 4.6 แสดงหน้า How to Use

48. บทที 5
ปัญหา ข้ อเสนอแนะ และสรุ ปโครงงาน
5.1 ปัญหา
5.1.1 แหล่งข้อมูลในการค้นหาโค้ดและตัวอย่างโปรแกรมในส่ วนต่างๆทีเป็ นภาษาไทยมีนอย ้
ซึงส่ วนใหญ่จะเป็ นภาษาอังกฤษและจะมีราคาสู งในส่ วนของหนังสื อทีเกียวกับ การเขียนโปนแกรม
5.1.2 ความจํากัดในการเขียนโปรแกรม โดยจะต้องเขียนโปรแกรมได้เฉพาะโปรแกรม Xcode
และจัตองเป็ นระบบปฎิบติการ iOS เท่านั9น
้ ั
5.1.3 การ Link ไปยัง Web server นั9นใช้เวลานาน เพราะ Domain ทีใช้น9 นเป็ นของฟรี ซึงอยูที
ั ่
ต่างประเทศ จึงทําให้การรับส่ งข้อมูลระหว่าง Websevice กับ Application นั9นใชเวลานานพอสมควร
5.1.4 การทํา Application นั9นให้เป็ นไฟล์ .ipa นั9น จะต้องเสี ยค่าใช้จ่ายให้ทาง Apple เพือทําการ
ติดตั9งทีตัวเครื อง iPad นั9นมีราคาค่อนข้างสู ง
5,2 ข้ อเสนอแนะ
5.2.1 เพือฟังก์ชนทีง่ายและมีความหลากหลาย เพือให้ทีความสะดวกและรวดเร็ วกับผูใช้งาน
ั ้
มากยิงขึ9น
5.2.2 ควรเพิมการออกแบบทีมีความสวยงามหรื อดูง่ายขึ9น เพือดึงดูดผูใช้งาน
้
5.2.3 ควรเพิมเทคโนโลยีใหม่และอัพเดพเพือ สามารณตอบสนองการใช้งานแก่ผใช้งานใหม่ๆ
ู้
5.2.5 ผูทีจะนําไปพัฒนาระบบจะต้องมีความรู ้ทางด้าน ภาษา objective c เพือใช้ในการพัฒนา
้
Application ได้ต่อไป
5.3 สรุปโครงงาน
การออกแบบและพัฒนาระบบ ITraining สําหรับ iPad นั9น เมือมีการพัฒนาระบบเสร็จสิ9 น
เรี ยบร้อยแล้วนั9น จะทําให้สามารณตอบสนองการใช้งานได้ คือสามารณทําการศึกษาเนื9อหาการเรี ยน
และทําข้อสอบของแต่ละวิชาได้ง่ายเพียงมีโปรแกรมภายในตัวเครื อง iPad ซึ งระแบบทีพัฒนานั9นก็จะ
ํ
เป็ นไปตามขอบเขตทีได้กาหนดไว้

49. 38
บรรณานุกรม
ภาษาไทย
http://www.macfeteria.com/tutorial/
http://adayd3sign.wordpress.com/iphone-tutorials/
http://idevthai.com/xcode4/
http://programminginios.blogspot.com/2012/06/basic-xcode-programming-table-view.html
http://www.aspgod.com/xcode/ios-tutorial-uiwebview-and-uinavigationcontroller-on-
xcode.html
ภาษาอังกฤษ
Beginning Xcode (Programmer to Programmer) James Bucanek
Programming in Objective-C, Fourth Edition Stephen G. Kochan
http://stackoverflow.com/questions
http://xcodebook.com/
http://www.youtube.com/watch?v=LtJl799MFA0
http://slashusr.wordpress.com/2012/07/27/os-x-mountain-lion-need-to-reinstall-xcode-
command-line-tools/
http://www.youtube.com/watch?v=yMjvql0hk38

50. 39
ภาคผนวก