เอกสารประกอบการอบรม Adroidpdf

1

เอกสารประกอบการฝกอบรม
การออกแบบและพัฒนาสื่อเพื่อการเรียนการสอน
บนเครื่องคอมพิวเตอรแท็บเล็ต (ระบบปฏิบัติการ Android)
ระหวางวันที่ 16-18 สิงหาคม พ.ศ. 2555 เวลา 8.00 -16.00 น
ณ โรงแรมโฮมแลนด อําเภอเมือง จังหวัดเพชรบูรณ

ศูนยแมขายจังหวัด : ศูนยพัฒนาคุณภาพการเรียนการสอน
กลุมสาระการเรียนรูการงานอาชีพและเทคโนโลยี
โรงเรียนวังโปงพิทยาคม

สังกัดสํานักงานเขตพื้นที่การศึกษามัธยมศึกษา เขต 40
กระทรวงศึกษาธิการ
--------------------------------------------------------------------------------------------------------------------------
เอกสารประกอบการฝกอบรม การออกแบบและพัฒนาสื่อเพือการเรียนการสอน บนเครื่องคอมพิวเตอรแท็บเล็ต (ระบบปฏิบัตการ Android)
่ ิ
ศูนยแมขายจังหวัด : ศูนยพัฒนาคุณภาพการเรียนการสอนกลุมสาระการเรียนรูการงานอาชีพและเทคโนโลยี โรงเรียนวังโปงพิทยาคม

วันที่ 16-18 สิงหาคม พ.ศ. 2555 เวลา 8.00 -16.00 น

2

ระบบปฏิบัติการแอนดรอยด (Android Operating System)
หรือ แอนดรอยด (Android) กูเกิลแอนดรอยด (Google Android)

ระบบปฏิบัติการแอนดรอยด (Android Operating
System) เปนชื่อเรียกชุดซอฟทแวร หรือแพลตฟอรม (Platform)
สําหรับอุปกรณอีเล็กทรอนิกสที่มีหนวยประมวลผลเปนสวนประกอบ
อาทิเชน คอมพิวเตอร, โทรศัพท (Telephone), โทรศัพทเคลื่อนที่
(Cell phone), อุปกรณเลนอินเตอรเน็ตขนาดพกพา (MID) เปนตน
Android (แอนดรอยด ) จึ ง เป น ระบบปฏิ บั ติ ก ารบน
โทรศัพทและอุปกรณเคลื่อนที่ ที่เริ่มแรกเดิมทีนั้นถูกพัฒนาโดยบริษัท
Android Inc. และตอมาก็ถูกซื้อโดย กูเกิล ในป 2005 โดยที่
Android นั้ น ถู ก พั ฒ นาโดยใช ร ากฐานดั ด แปลงมาจาก Linux
kernel ตอมา Google และ พันธมิตรบริษัทอื่นๆไดรวมตัวจัดตั้งอง
กรความรวมมือที่ชื่อวา Open Handset Alliance เพื่อตอยอด Android ใหประสบผลสําเร็จในเชิงพาณิช บริษัท
Android Inc. ที่ไดนําเอาระบบปฏิบัติการลีนุกซ (Linux) ซึ่งนิยมนําไปใชงานกับเครื่องแมขาย (Server) เปนหลัก
นํามาลดทอนขนาดตัว (แตไมลดทอนความสามารถ) เพื่อใหเหมาะสมแกการนําไปติดตั้งบนอุปกรณพกพา ที่มี
ขนาดพื้นที่จัดเก็บขอมูลที่จํากัด โดยหวังวา แอนดรอยด นั้นจะเปนหุนยนตตัวนอย ๆ ที่คอยชวยเหลืออํานวย
ความสะดวกแกผูที่พกพามัน ไปในทุกที่ ทุกเวลา
Open Handset Alliance เปนองกรความรวมมือจากหลายๆภาคสวนดานโทรคมนาคมและอุปกรณรอม
ไปถึงซอฟแวรที่รวมตัวกันเพื่อพัฒนาระบบปฏิบัติการ Android โดยมี Google เปนแกนนํา และมีบริษัทที่เขารวม
มากมายทั้ง Texas Instruments, Broadcom Corporation, Google, HTC, Intel, LG, Marvell Technology
Group, Motorola, Nvidia, Qualcomm, Samsung Electronics, Sprint Nextel และ T-Mobile โดยรวมกัน
พัฒนามาตราฐานของอุปกรณเคลื่อนที่แบบเปด ตอมา Open Handset Alliance ไดเปดตัวโปรเจคแรกนั้นก็คือ
Android mobile platform โดยใช Linux kernel version 2.6 เปนฐานการพัฒนา
ในชวงปลายป 2008 Open Handset Alliance ไดมีบริษัทมาเขารวมเปนสมาชิกอีกกวา 14 บริษัท คือ
PacketVideo, ARM Holdings, Atheros Communications, Asustek Computer Inc, Garmin Ltd,
Softbank, Sony Ericsson, Toshiba Corp, and Vodafone Group Plc.
(http://www.phet.in.th/2011/01/android-story-2-what-is-android/)

--------------------------------------------------------------------------------------------------------------------------
่ ิ


3

กูเกิลแอนดรอยด
กูเกิลแอนดรอยด เปนชื่อเรียกอยางเปนทางการของเจาแอนดรอยด เนื่องจากปจจุบันนี้ บริษัทกูเกิล
เปนผูที่ถือสิทธิบัตรในตราสัญญาลักษณ ชื่อ และ
รหัสตนฉบับ (Source Code) ของแอนดรอยด
ภายใตเงื่อนไขการพัฒนาแบบ GNL โดยเปดให
นักพัฒนา (Developer) สามารถนํารหัสตนฉบับ
ไปพัฒนาปรับแตงไดอยางเปดเผย (Open
source) ทําใหแอนดรอยดมีผูเขารวมพัฒนาเปน
จํานวนมาก และพัฒนาไปไดอยางรวดเร็ว แอนดรอยดเปดตัวอยางเปนทางการเมื่อวันที่ 5 พฤษภาคม พุทธศักราช
2550 ปจจุบันมีผูรวมพัฒนากวา 52 องคกร ประกอบดวยบริษัทซอฟทแวร บริษัทผูผลิตอุปกรณ บริษัทผูผลิต
ชิ้นสวนอิเล็คทรอนิกส บริษัทผูใหบริการเครือขาย และบริษัทที่เกี่ยวของกับการสื่อสาร ฯลฯ
ประเภทของชุดซอฟทแวร เนื่องจากแอนดรอยดนั้นเปดใหนักพัฒนาเขาไปชมรหัสตนฉบับได ทําใหมี
ผูพัฒนาจากหลายฝายนําเอารหัสตนฉบับมาปรับแตง และสรางแอนดรอยดในแบบฉบับของตนเองขึ้น เราจึงแบง
ประเภทของแอนดรอยดออกไดเปน 3 ประเภท ดังตอไปนี้
1. Android Open Source Project (AOSP) เปนแอน
ดรอยดประเภทแรกที่กูเกิลเปดใหสามารถ“ตนฉบับแบบเปด” ไป
ติดตั้งและใชงานในอุปกรณตางๆไดโดยไมตองเสียคาใชจายไดๆ
2. Open Handset Mobile (OHM) เปนแอนดรอยดที่
ไดรับการพัฒนารวมกับกลุมบริษัทผูผลิตอุปกรณพกพา ที่เขา
รวมกับกูเกิลในนาม Open Handset Alliances (OHA) ซึ่งบริษัท
เหลานี้จ ะพัฒนาแอนดรอยดในแบบฉบับ ของตนออกมา โดย
รูปรางหนาตาการแสดงผล และฟงคชั่นการใชงาน จะมีความเปน
เอกลักษณ และมีลิขสิทธิ์เปนของตน พรอมไดรับสิทธิ์ในการมีบริการเสริมตาง ๆ จากกูเกิล ที่เรียกวา Google
Mobile Service (GMS) ซึ่งเปนบริการเสริมที่ทําใหแอนดรอยดมีประสิทธิภาพ เปนไปตามจุดประสงคของแอน
ดรอยด แตการจะไดมาซึ่ง GMS นั้น ผูผลิตจะตองทําการทดสอบระบบ และขออนุญาตกับทางกูเกิลกอน จึงจะนํา
เครื่องออกสูตลาดได
3. Cooking หรือ Customize เปนแอนดรอยดที่นักพัฒนานําเอารหัสตนฉบับจากแหลงตาง ๆ มา
ปรับแตง ในแบบฉบับของตนเอง โดยจะตองทําการปลดลอคสิทธิ์การใชงานอุปกรณ หรือ Unlock เครื่องกอน
จึงจะสามารถติดตั้งได โดยแอนดรอยดประเภทนี้ถือเปนประเภทที่มีความสามารถมากที่สุด เทาที่อุปกรณเครื่อง
นั้น ๆ จะรองรับได เนื่องจากไดรับการปรับแตงใหเขากับอุปกรณนั้น ๆ จากผูใชงานจริง
สิทธิ์ในการใชงานระบบ เชนเดียวกับระบบปฏิบัติการทั่วไป ที่มีการจํากัดการใชงาน และการเขาถึงสวน
ตาง ๆภายในระบบ เพื่อความปลอดภัยของระบบ และผูใชงาน อุปกรณที่ติดตั้งระบบแอนดรอยดจึงมีการจํากัด

--------------------------------------------------------------------------------------------------------------------------
่ ิ


4

สิทธิ์ไว (เวนแตไดทําการปลดลอคสิทธิ์ หรือ root เครื่องแลว) สามารถแบงสิทธิ์ของผูใชในการเขาถึงระบบคราวๆ
ไดดังตอไปนี้
1. สิทธิ์ root สิทธการใชใชงานระดับราก ซึ่งถือวาเปนรากฐานของระบบ จึงมีความสามารถในการ
เขาถึงทุก ๆ สวนของระบบ
2. สิทธิ์ ADB (Android Develop Bridge) นักพัฒนาสามารถเขาถึงสวนตาง ๆ ของระบบไดผานสิทธิ์นี้
3. Application & System สิทธิ์ของโปรแกรมในการเขาถึงระบบ และสิทธิ์ของระบบในการเขาถึง
อุปกรณ โดยสิทธิ์เหลานี้ ตัวระบบจะเปนตัวจัดการมอบและถอนสิทธิ์ ตามเงื่อนไขที่กําหนดซึ่งจะถูกแบงยอย
ออกเปนหลายหัวขอ (http://developer.android.com/reference/android/Manifest.permission.html)
4. End-user ผูใชงานขั้นสุดทาย ซึ้งก็คือ คุณ และ คุณทั้งหลาย ที่ใชการเขาถึงสวนตาง ๆ ของระบบ
ผานชองทางสิทธิ์ที่โปรแกรมไดรับอีกที โดยจะถูกจํากัดไมใหเขาถึงในสวนที่เปนอันตรายตอแกนระบบและอุปกรณ
ที่มา : http://www.android.com, http://www.openhandsetalliance.com/, http://www.android.opensource.com
ตารางแสดงเวอรชั่นหรือรุนตางๆ ของ แอนดรอยด และชื่อในการพัฒนา
รุน ชื่อในการพัฒนา ลีนุกซ เวอรชั่น วันที่เปดตัว
1.0 5 พฤศจิกายน 2550
1.1 9 กุมภาพันธ 2552
1.5 Cupcake 2.6.27 30 เมษายน 2552
1.6 Donut 2.6.29 15 สิงหาคม 2552
2.0/2.1 Eclair 2.6.29 26 ตุลาคม 2552
2.2 Froyo 2.6.32 20 พฤษภาคม 2553
2.3 Gingerbread 2.6.32 6 ธันวาคม 2553
3.0/3.1 Honeycomb 2.6.32 22 กุมภาพันธ 2554
Ice Cream
4.0 2.6.32 2554
Sandwich
ที่มา http://www.it-guides.com/mobile-zone/android-mobile/1796-android-history

V1.5 Cupcake V1.6 Donut V2.0 Eclari
--------------------------------------------------------------------------------------------------------------------------
่ ิ


5

V2.2 Froyo V2.3 Gingerbread V3.0 Honeycomb
โครงสรางของแอนดรอยด
การทําความเขาใจโครงสรางของระบบปฏิบัติการแอนดรอยด ถือวาเปนสิ่งสําคัญเพราะถานักพัฒนา
โปรแกรม สามารถมองภาพโดยรวมของระบบไดทั้งหมด จะใหสามารถเขาใจถึงกระบวนการทํางานไดดียิ่งขึ้น และ
สามารถนําไปชวยในการออกแบบโปรแกรมที่ตองการพัฒนา เพื่อใหเกิดประสิทธิภาพในการทํางาน

จากโครงสรางของระบบปฏิบัติการแอนดรอยด จะสังเกตไดวา มีการแบงออกมาเปนสวนๆ ที่มีความ
เกี่ยวเนื่องกัน โดยสวนบนสุดจะเปนสวนที่ผูใชงานทําการติดตอโดยตรงซึ่งก็คือสวนของ (Applications) จากนั้นก็
จะลําดับลงมาเปนองคประกอบอื่นๆตามลําดับ และสุดทายจะเปนสวนที่ติดตอกับอุปกรณโดยผานทาง Linux
Kernel โครงสรางของแอนดรอยด พอที่จะอธิบายเปนสวนๆไดดังนี้

• Applications สวน Application หรือสวนของโปรแกรมที่มีมากับระบบปฏิบัติการ หรือเปนกลุมของ
โปรแกรมที่ผูใชงานไดทําการติดตั้งไว โดยผูใชงานสามารถเรียกใชโปรแกรมตางๆไดโดยตรง ซึ่งการทํางาน
ของแตละโปรแกรมจะเปนไปตามที่ผูพัฒนาโปรแกรมไดออกแบบและเขียนโคดโปรแกรมเอาไว

--------------------------------------------------------------------------------------------------------------------------
่ ิ


6

• Application Frameworkเปนสวนที่มีการพัฒนาขึ้นเพื่อใหนักพัฒนาสามารถพัฒนาโปรแกรมไดสะดวก
และมีประสิทธิภาพมากยิ่งขึ้น โดยนักพัฒนาไมจําเปนตองพัฒนาในสวนที่มีความยุงยากมากๆ เพียงแค
ทําการศึกษาถึงวิธีการเรียกใชงาน Application Framework ในสวนที่ตองการใชงาน แลวนํามาใชงาน
ซึ่งมีหลายกลุมดวยกัน ตัวอยางเชน
o Activities Manager เปนกลุมของชุดคําสั่งที่จัดการเกี่ยวกับวงจรการทํางานของหนาตาง
โปรแกรม(Activity)
o Content Providers เปนกลุมของชุดคําสั่ง ที่ใชในการเขาถึงขอมูลของโปรแกรมอื่น และ
สามารถแบงปนขอมูลใหโปรแกรมอื่นเขาถึงได
o View System เปนกลุมของชุดคําสั่งที่เกี่ยวกับการจัดการโครงสรางของหนาจอที่แสดงผลใน
สวนที่ติดตอกับผูใชงาน (User Interface)
o Telephony Manager เปนกลุมของชุดคําสั่งที่ใชในการเขาถึงขอมูลดานโทรศัพท เชนหมายเลข
โทรศัพท เปนตน
o Resource Manager เปนกลุมของชุดคําสั่งในการเขาถึงขอมูลที่เปน ขอความ, รูปภาพ
o Location Manager เปนกลุมของชุดคําสั่งที่เกี่ยวกับตําแหนงทางภูมิศาตร ที่ระบบปฏิบัติการ
ไดรับคาจากอุปกรณ
o Notification Manager เปนกลุมของชุดคําสั่งที่จะถูกเรียกใชเมื่อโปรแกรม ตองการแสดงผล
ใหกับผูใชงาน ผานทางแถบสถานะ(Status Bar) ของหนาจอ
• Libraries เปนสวนของชุดคําสั่งที่พัฒนาดวย C/C++ โดยแบงชุดคําสั่งออกเปนกลุมตามวัตถุประสงคของ
การใชงาน เชน Surface Manage จัดการเกี่ยวกับการแสดงผล, Media Framework จัดการเกี่ยวกับ
การการแสดงภาพและเสียง, Open GL | ES และ SGL จัดการเกี่ยวกับภาพ 3มิติ และ 2มิติ, SQLlite
จัดการเกี่ยวกับระบบฐานขอมูล เปนตน
• Android Runtime จะมี Darvik Virtual Machine ที่ถูกออกแบบมา เพื่อใหทํางานบนอุปกรณที่มี
หนวยความจํา(Memmory), หนวยประมวลผลกลาง(CPU) และพลังงาน(Battery)ที่จํากัด ซึ่งการทํางาน
ของ Darvik Virtual Machine จะทําการแปลงไฟลที่ตองการทํางาน ไปเปนไฟล .DEX กอนการทํางาน
เหตุผลก็เพื่อใหมีประสิทธิภาพเพิ่มขึ้นเมื่อใชงานกับ หนวยประมวลผลกลางที่มีความเร็วไมมาก สวนตอมา
คือ Core Libraries ที่เปนสวนรวบรวมคําสั่งและชุดคําสั่งสําคัญ โดยถูกเขียนดวยภาษาจาวา (Java
Language)
• Linux Kernel เปนสวนที่ทําหนาที่หัวใจสําคัญ ในจัดการกับบริการหลักของระบบปฏิบัติการ เชน เรื่อง
หนวยความจํา พลังงาน ติดตอกับอุปกรณตางๆ ความปลอดภัย เครือขาย โดยแอนดรอยดไดนําเอาสวนนี้
มาจากระบบปฏิบัติการลินุกซ รุน 2.6 (Linux 26. Kernel) ซึ่งไดมีการออกแบบมาเปนอยางดี

ที่มา http://www.sourcecode.in.th/articles.php?id=71

--------------------------------------------------------------------------------------------------------------------------
่ ิ


7

การพัฒนาแอพพลิเคชั่นแอนดรอยด
จากกระแสความแรงของระบบปฏิบัติการแอนดรอยด ที่มีในแอนดรอยดโฟน ณ ปจจุบันทําใหมีแอพ
พลิชั่นตางๆ ของแอนดรอยดออกมาจํานวนมาก ทั้งในสวนของโปรแกรมใชงาน และเกมสตางๆ ซึ่งนับไดวาเปน
จุดเดนหลักๆ ของแอนดรอยดเองเลยก็วาได และจากการใชงานโปรแกรม และเกมสตางๆ ก็สามารถที่จะเปน
แรงบันดาลใหกับหลายๆ ทานที่จะกาวไปเปน Developer หรือนักพัฒนาโปรแกรมทั้งแบบมือสมัครเลน และ
มืออาชีพตอไปไดอีกดวย
หนทางสูการเปนนักพัฒนาโปรแกรมนั้นก็ตองมีจุดเริ่มตนครับ จุดเริ่มตนแรกๆ นั้นมักจะเปนการเรียนรู
การเขียนโปรแกรม ซึ่งปจจุบันก็มักจะอางอิงกับรูปแบบคําสั่ง และลักษณะการเขียนของภาษาซีเปนหลัก เพราะ
สามารถตอยอดไปประยุกตใชกับภาษาอื่นๆ รวมไปถึงวาการพัฒนาโปรแกรมของระบบปฏิบัติการตางๆ จะอางอิง
กับภาษาซีดวย
นอกเหนือจากนี้แลวการใชงานชุดพัฒนาโปรแกรมของระบบปฏิบัติการณนั้นๆ ก็เปนขั้นตอนหนึ่งของของ
การพัฒนาโปรแกรม แนนอนวาสําหรับแอนดรอยดเองก็มีชุดพัฒนาโปรแกรมใหนักพัฒนาโปรแกรมไดใชงานกัน
โดยชื่อของชุดพัฒนาโปรแกรมของแอนดรอยดมีชื่อวา Android SDK โดย SDK ยอมาจาก Android Software
Development Kit ซึ่งเปนชุดโปรแกรมที่ทาง Google พัฒนาออกมาเพื่อแจกจายใหนักพัฒนาแอพพลิเคชั่น หรือ
ผูสนใจทั่วไปดาวนโหลดไปใชงานกันไดโดยไมมีคาใชจายใดๆ (ฟรีสําหรับการใชงานโปรแกรม) ซึ่งนี่ก็เปนหนึ่งใน
ปจจัยที่ทําใหแอพพลิเคชั่นบนแอนดรอยดนั้นเพิ่มขึ้นอยางรวดเร็ว ในชุด SDK นั้นจะมีโปรแกรมและไลบรารี่ตางๆ
ที่จําเปนตอการพัฒนาแอพพลิเคชั่นบนแอนดรอยด อยางเชน Emulator ซึ่งทําใหผูพัฒนาโปรแกรมสามารถสราง
แอพพลิ เ คชั่ น และนํ า มาทดลองใช งานบนอี มูเลเตอรกอ น โดยมี ส ภาวะแวดล อมเหมือ นกับ การนําไปใช งาน
โทรศัพทมือถือที่ใชระบบปฏิบัติการแอนดรอยดจริงๆ สามารถดาวนโหลด Android SDK มีใหเลือกทั้งบน
Windows, Mac และ Linux
ดาวนโหลดไดที่ http://developer.android.com/sdk/index.html
(http://blog.whatphone.net/android-sdk-app-dev.html)

เครื่องมือในการพัฒนา
ปจจุบันมีเครื่องมือจํานวนมากที่ใชสําหรับพัฒนาแอพพลิเคชั่น ขึ้นอยูกับความผูพัฒนาจะมีทักษะในการ
เขียนโปรแกรม หรือตองการพัฒนาแอพพลิเคชั่นในระดับขั้นที่สูงหรือเพื่อใชงานทั่วไป
1. พัฒนาโปรแกรมดวย Eclipse ซึ่งเปนโปรแกรมสําหรับการพัฒนาซอฟตแวรภาษาจาวา ผูที่จะใช
โปรแกรมนี้ก็ตองมีพื้น ฐานการเขี ย นโปรแกรมอยูในระดับ ดี เหมาะสําหรับ นักพัฒ นาโปรแกรมทั้งหลาย และ
จําเปนตองติดตั้ง JDK (Java Development Kit), Android SDK (Android Software Development Kit) ,
ADT (Android Development Tool) และ AVD (Android Visual Device) ตองติดตั้งทั้งหมดในเครื่อง
2. พัฒนาโปรแกรมดวย App Inventor เปนเครื่องมือตัวใหมที่ทําใหใครๆ ก็สามารถพัฒนา
แอพพลิเคชั่นบนมือถือแอนดรอยด (Android Phone) ได โดยไมจําเปนตองเปนนักพัฒนาโปรแกรมก็สามารถ
--------------------------------------------------------------------------------------------------------------------------
่ ิ


8

สรางแอพพลิเคชั่นได คุณสมบัติของ Android Dev Tool เปนแบบ Visually Design คือทําใหเราสามารถพัฒนา
แอพพลิเคชั่นบนแอนดรอยดไดโดยไมตอง coding นั้นเอง หลักการของ Google App Inventor คือจะมาพรอม
กับเครื่องมือพัฒนาแอพพลิเคชั่นดวยวิธีเชื่อมโยงสวนตางๆ หรือ blocks ของการทํางานเขาดวยกัน ผูใชเพียงแค
คลิกเลือกสวนการทํางานที่ตองการ และกําหนดขอบเขตของการทํางานเทานั้น โดยสามารถสรางแอพพลิเคชั่น ได
ดวยการกรอก และคลิกเลือกรายการ และขอมูลตางๆ ที่อยูในรูปแบบของฟอรม (Form)
3. พัฒนาดวย iBuildApp และ AppsBuilder หรือ TheappBuilder ซึ่งเปนบริการออนไลนที่มี
วิธีที่งายและราคาไมแพงในการสรางการทดสอบ ติดตามและปรับปรุงแอพพลิเคชั่นบน Android มีลักษณะเปน
Web App สนับสนุนรูปแบบขอความ, RSS feeds, ภาพ, เสียงและวิดีโอและอื่น ๆ อีกมาก สามารถสราง
แอพพลิเคชั่นฟรีสําหรับ องคกร บริษัท สถาบันการศึกษา หรือสวนบุคคลไดภายในไมกี่นาที มีเครื่องมือที่ใชงาน
งาย ตอการเขาใจและสะดวกเมื่อมีการสรางหรือปรับปรุงแอพพลิเคชั่นของ มีความเรียบงายและเวลาในการโหลด
อยางรวดเร็ว

แนวทางการออกแบบแอพพลิเคชั่นแอนดรอยด
การออกแบบและพัฒนาแอพพลิเคชั่นสําหรับอุปกรณเคลื่อนที่ นั้นผูพัฒนาจําเปนตองศึกษาคุณสมบัติ
ของอุปกรณในแตล ะประเภท ไมว าจะเปน ขนาดตัวเครื่อง ขนาดหนาจอ หนว ยประมวลผล หนว ยเก็บ ขอมูล
คุณสมบัติดานมัลลติมีเดีย และการเชื่อมตอแบบตางๆ ภายในเครื่อง เชน
1. ขนาด (Size) ขนาดของที่เหมาะสมนั้นควรจะมีขนาดไมเกินฝามือของผูใช รูปทรงเหมาะแกการ
พกพา น้ําหนักตองเบา โดยเฉพาะผูใชที่ตองใชงานอยูตลอดนั้นจะไดมีความคลองตัวเวลาใชงาน
น้ําหนัก ถือเปนปจจัยหลักที่ตองคํานึงถึงเนื่องจากโดยทั่วไปแลวเรามักจะถือใชงานเปนสวนใหญ เชน
แท็บเล็ตที่มีน้ําหนักประมาณ 700 กรัม สําหรับผูใหญเองจะถือไดไมนานเทาไรนัก และตองอาศัยการวางบนโตะ
สลับกับถือเปนระยะๆ แทน สําหรับการใชงานของเด็กควรมีน้ําที่เบาสามารถจับถือไดเปนเวลานาน
2. หน ว ยปร ะมวลผล (CPU) หน ว ยประมว ล ผล นั้ น มี ส ว นสํ า คั ญ เป น อย า งมากสํ า หรั บ
เครื่อง PDA เพราะมันจะเปรียบเสมือนกับสมองของคนเรา หนวยประมวลผลที่เร็วนั้นจะสามารถตอบสนองงานได
เร็วขึ้น และผิดพลาดนอยลง แตความสิ้นเปลืองพลังงาน (แบตเตอรี่) ก็จะมากขึ้นดวย
3. หนวยความจํา (Memory) หนวยความจําจะแสดงถึงเครื่องนั้นๆ สามารถรองรับโปรแกรมไดมาก
แคไหน และสามารถบันทึกขอมูลไดมากเพียงใดดวย เปนพื้นที่เก็บขอมูลภายใน มีใหเลือกดวยกันหลายรุน หลาย
ขนาด ไดแก 16GB/32GB/64GB แตราคาก็จะสูงขึ้นไปเรื่อยๆ อยางไรก็ตามแท็บเล็ตบางรุนจะมีสวนเก็บขอมูล
เพิ่มเติมเขามาหลายรูปแบบ ซึ่งก็ถือเปนตัวที่ตองคํานึงถึงดวยเหมือนกันเพราะเราไมจําเปนที่จะตองซื้อความจํา
เยอะๆ แตอาศัยเก็บขอมูลที่อื่นแทน ตัวอยาง เชน มีชองเสียบการด microSD สามารถเก็บขอมูลในการดแทนได
4. จอภาพ (Screen) Tablet PC นั้นตางจาก Desktop PC, Notebook PC และ Smartphone
ตรงที่ใชจอภาพแบบ Touchscreen ในการสั่งงานและปอนขอมูลเปนหลัก โดยอาจจะใช Virtual keyboards
หรือเปนแบบ Fringer Base สําหรับปอนขอมูลแทน Keyboard ปรกติ หรือใช handwriting recognition แปลง
การเขีย นลายเส น แทน Keyboard ก็ ได ซึ่ งนํ ามาใช ทํา งานในเชิ งทดแทนคอมพิว เตอร มากกว าโทรศัพ ท
ขนาดหนาจอ แท็บเล็ตในทองตลาด ณ ตอนนี้มีหลายขนาดใหเลือกซื้อ ซึ่งก็ขึ้นอยูกับการใชงานหรือ
--------------------------------------------------------------------------------------------------------------------------
่ ิ


9

ความชอบของแตละคน โดยผมจะขอแบงออกเปน 2 กลุมใหญดังตอไปนี้ คือ 7 นิ้ว ขนาดไมใหญมากพกพา
สะดวกเหมือนกับเราพกพ็อกเก็ตบุคสักหนึ่งเลม และ 10 นิ้ว จอใหญแสดงผลไดเยอะแตขนาดและน้ําหนักก็จะ
ใหญและสูงตามไปดวย
5. ระบบปฏิ บัติ การ (Operating System) ระบบปฏิ บัติการหลักที่ เรารู จักกัน ทั่ว ไปก็ คือ ซิ มเบีย น
ซึ่งสวนใหญจะใชในคายโนเกีย วินโดวสโมบาย จะใชกับโทรศัพทมือถือที่เปน PDA (Personal digital assistants)
ไอโอเอส (ios) ใชเฉพาะใน ไอโฟน ไอแพด และ ไอพอดทัช BlackBerry OS (BB) แอนดรอยด จากทาง google
เว็บโอเอส (webOS) มีโก (MeeGo) จากทางโนเกีย(nokia) PC2002 ซึ่งแตระบบจะมีคุณสมบัติและความสามารถ
ที่แตกตางกัน การใชงานแตละระบบจําเปนตองศึกษาใหละเอียด
ระบบปฏิบัติการหลักๆ อยู 4 ตัวในตลาดไดแก
5.1 iOS ระบบปฏิบัติการจาก Apple ซึ่งแท็บเล็ตที่ใชอยูก็คือ iPad และจุดเดนของ iOS เปนที่
ระบบการทํางานและจัดการหนวยความจําที่ดี เพราะถึงแม iPad 2 จะมีหนวยความจําแรมเพียงแค 512MB แต
การทํางานกลับไดดีไมตางจากแท็บเล็ตตัวอื่นๆ ที่มีหนวยความจํามากกวา สวนขอดอยเปนระบบปฏิบัติการตัว
เดียวที่ไมรองรับ Flash (ไมสามารถแสดงผลได) และการเชื่อมตอที่ตองทําผานซอฟทแวร iTune เทานั้น
5.2 Android ระบบปฏิบัติการจากคาย Google ที่ไดพัฒนาขึ้นมาใชสําหรับมือถือสมารทโฟน
ทาง Google ถึงไดพัฒนาระบบปฏิบัติการ Android เวอรชั่นใหมใหรองรับแท็บเล็ตที่มีหนาจอขนาดใหญกวามือ
ถือได
5.3 Windows ระบบปฏิบัติการจากคาย Microsoft หลายคนอาจจะชินและคุนเคยกับการใช
งาน Windows เปนทุนเดิมอยูแลว และยิ่งหนาจอเปนแบบสัมผัสอีกดวยก็ชวยใหแท็บเล็ตนาใชงานมากยิ่งขึ้น แต
อยางไรก็ตามตัว Windows 7 นั้นยังคงไมไดออกแบบมาใหใชสําหรับแท็บเล็ต บางสวนจึงอาจจะเล็กเกินไปที่จะใช
นิ้วสัมผัสได นอกจากนี้ระยะเวลาการใชงานก็คอนขางนอยเมื่อเทียบกับ iOS, Android และ BlackBerry Tablet
OS
5.4 BlackBerry Tablet OS ระบบปฏิบัติการจากคาย RIM เจาของมือถือสมารทโฟน BB
นั่นเอง โดยระบบปฏิบัติการตัวนี้จะพัฒนามาสําหรับ PlayBook โดยเฉพาะ การทํางานโดยรวมก็ถือไดวาลื่นไหล
ไมแพ iOS นอกจากนี้ยังออกแบบการใชงานโดยวิธีการสัมผัสตางๆ ชวยใหใชงานสะดวกยิ่งขึ้น จุดเดนอีกอยางก็คือ
การทํางานของ Multitasking หรือเปดแอพพลิเคชั่นหลายตัวพรอมกันสามารถทําไดดีกวาระบบปฏิบัติการตัวอื่นๆ
หรือเทียบเทา Windows ไดเลย แตอยางไรก็ตาม PlayBook จําเปนจะตองมีมือถือ BB ถึงจะสามารถใชงานสวน
เช็คอีเมลล, รายชื่อ, ปฏิทิน, BBM ได และยังไมรองรับภาษาไทยอีกดวย
6. การเชื่อมตอ (Connectivity) โดยพื้นฐานแลว จะตองสามารถเชื่อมตอกับเครื่องคอมพิวเตอรเพื่อทํา
การติดตั้ง Application หรือทําการสํารองขอมูลตางๆ ผาน Cradle หรือ สาย Sync ซึ่งสามารถชารจแบตเตอรี่ได
ด ว ย และการเชื่ อมตอในรู ป แบบของ Wireless LAN หรื อ Bluetooth ไดอี กดว ย ซึ่งปจ จุ บัน การเชื่อมต อ
อินเทอรเน็ต แท็บเล็ตสวนใหญจะแบงออกเปน 2 รุน ไดแก Wi-Fi และ 3G + Wi-Fi การเลือกตองดูลักษณะการใช
งานของผูใชเอง
7. อุปกรณเสริม (Accessory) มีอุปกรณเซ็นเซอรตรวจจับการเคลื่อนไหวเพื่อใหผูใชไดสะดวกในการ
ปรับเปลี่ยนมุมมองภายในตัวเครื่อง จําเปนอยางยิ่งที่จะตองมีซองที่แข็งแรง และปองกันฝุนละอองได หรืออาจจะ
--------------------------------------------------------------------------------------------------------------------------
่ ิ


10

ตองการติ ดตั้ งกล องถา ยภาพ ช องเสี ย บ สํ า หรับ iPad นั้น จะไมมีชองเสียบใดๆ ติดมากับ ตัว เครื่องตองซื้อ
อุปกรณเสริมเพิ่มเติมถึงจะสามารถใชงานได แตสําหรับแท็บเล็ต Android และ Windows สวนมากจะมีชองเสียบ
เพิ่มเติมติดมากับตัวเครื่อง ทําใหเราไมจําเปนจะตองเสียเงินซื้ออุปกรณเสริมเพิ่มเติมใดๆ ก็ถือเปนการประหยัด
คาใชจายในสวนหนึ่ง สําหรับชองเสียบตางๆ บนแท็บเล็ตนั้น เชน USB / Mini USB / micro USB /HDMI / mini
HDMI / micro HDMI /SD / SDHC / microSD
8. แอพพลิเคชั่น (Application) เปนสิ่งที่ชวยเพิ่มมิติและประโยชนในการใชงานของแท็บเล็ต สามารถ
ดาวนโหลดไดฟรีและเสียคาใชจาย การเลือกระบบปฏิบัติการจึงมีสวนสําคัญที่จะมีหรือไมมีแอพพลิเคชั่นสนับสนุน
ใหสามารถ เรียน หรือเลน ไดมากนอยเพียงใด การเลือกแอพพลิเคชั่น ขึ้นอยูกับการใชงาน หนวยความจํา ราคา
ภาษา และการรองรับระบบปฏิบัติการ หรือมีการอัพเดตขอมูลใหมอยูตลอดเวลา

การใชงานโปรแกรม App inventor
เครื่องมือพัฒนาแอพพลิเคชันระบบปฏิบัติการแอนดรอยดที่ชื่อวา App Inventor เปนเครื่องมือตัวใหมที่
ทําใหใครก็สามารถพัฒนาแอพพลิเคชันบนมือถือแอนดรอยด (Android Phone) ได โดยไมจําเปนตองเปน
นักพัฒนาโปรแกรมก็สามารถสรางแอพพลิเคชันได
คุณสมบัติของ Android Dev Tool เปนแบบ Visually Design คือทําใหเราสามารถพัฒนาแอพพลิเคชัน
บนแอนดรอยดได โดยไมตอง coding นั้นเอง

ทําไมตองเปน App Inventor
App Inventor ชวยใหคุณสามารถสรางโปรแกรม Android โดยไมตองเขียนโคดโปรแกรมหรือแทนการ
เขียนโคด คุณสามารถมองเห็นวิธีการออกแบบแอพพลิเคชั่นผานหนาจอ กําหนดองคประกอบของแอพพลิเคชั่น
แลวระบุลักษณะหรือเหตุการณการทํางานของแอพพลิเคชั่น โดยการกําหนดคาที่ตองการลงในบล็อก ทําใหคุณ
สามารถทําอะไรกับโทรศัพท Android ดวยบล็อกได เหมือนกันบการเขียนโปรแกรมดวยภาษาใดภาษาหนึ่ง เชน
การกําหนดตัวแปร การสรางเงื่อนไข ดําเนินงานการทําซ้ําและมีเงื่อนไข หรือแมแตการคํานวณ มีบล็อกแมกระทั่ง
การจัดเก็บขอมูลในฐานขอมูลและสรางการพูดคุยกับบริการเว็บ เชน Twitter หรือ Facebook ได

App Inventor เปนภาษาภาพที่มีอินเตอรเฟซ แบบลากและวาง แมกระทั่งคนที่ไมมีความรูดานการเขียน
โปรแกรม หรือไมรูภาษาคอมพิวเตอรใดเลย ก็พัฒนาแอพพลิเคชั่นของตนเองได ทั้งนี้เพราะ
1. App Inventor มีความผิดพลาดในกรณี ไวยากรณ หรือ No syntax เพราะเปนภาษาบล็อก ที่ไม
จําเปนตองจําคําสั่งและพิมพรหัสลงไป
2. ใน App Inventor ทุกสิ่งที่อยูตรงหนาของคุณหรือบนหนาจอคอมพิวเตอร ชิ้นสวนและคุณสมบัติทาง
โปรแกรมตางๆ มีการจัดระเบียบเปนหมวดหมู สามารถใชงานไดเพียงแคลากและวางเทานั้น

--------------------------------------------------------------------------------------------------------------------------
่ ิ


11

3. App Inventor เปนการออกแบบแอพพลิชั่นแบบระดับชั้น จากบนสูลาง เกิดขึ้นตามลําดับที่
ผูออกแบบไดกําหนดดวยตนเอง
4. App Inventor มีองคประกอบทางโปรแกรมระดับสูง แตมีความเรียบงายในการใชงาน
หลักการของ Google App Inventor คือจะมาพรอมกับเครื่องมือพัฒนาแอพพลิเคชันดวยวิธีเชื่อมโยง
สวนตางๆ หรือ blocks ของการทํางานเขาดวยกัน ผูใชเพียงแคคลิกเลือกสวนการทํางานที่ตองการ และกําหนด
ขอบเขตของการทํางานเทานั้น โดยสามารถสรางแอพพลิเคชัน ไดดวยการกรอก และคลิกเลือกรายการ และขอมูล
ตางๆ ที่อยูในรูปแบบของฟอรม (Form)
กอนพัฒนาแอพพลิเคชัน ผูใชจะตองมี user account ของ Gmail กอน ดังนั้นเพื่อความสะดวกใหทาน
สมัครอีเมลของ Gmail เพื่อทํางานเขาสูระบบการพัฒนาแอพพลิเคชันของ App Inventor

--------------------------------------------------------------------------------------------------------------------------
่ ิ


12

1. ความตองการของระบบ
ระบบปฎิบัติการ
• Macintosh: Mac OS X 10.5, 10.6 (Intel)
• Windows: Windows XP, Windows Vista, Windows 7
• GNU/Linux: Ubuntu 8+, Debian 5+

โปรแกรม Browser
• Mozilla Firefox 11.0
• Apple Safari 5.0 and higher
• Google Chrome 4.0 and higher
• Microsoft Internet Explorer 6 and higher

โปรแกรมอื่นๆ
• appinventor_setup_installer_v_1_2
• jdk-7u3-windows-i586

2. จัดเตรียมระบบ
1. ทําการติดตั้ง jdk-7u3-windows-i586ไปดาวโหลดไดที่ http://www.java.com/
2. ดาวนโหลดและติดตั้ง App Inventor เพื่อเปนเครื่องมือสําหรับ Emulator ในเครื่องคอมพิวเตอรของ
ทาน
- http://appinventor.googlelabs.com/learn/setup/setupwindows.html
- appinventor_setup_installer_v_1_2.exe

3. เขาสูระบบ
เมื่อทําการจัดเตรียมระบบเรียบรอยแลว ตอไปก็ทําการเขาสูระบบ App Inventor ไดโดยไปที่
http://www.appinventor.mit.edu/

--------------------------------------------------------------------------------------------------------------------------
่ ิ


13

คลิกที่ Use MIT App Inventor ทางขวามือของหนาจอ

ทําการ Login ดวย Gmail Account

เขาสูหนาจอ My Projects
- My Projects คือ หนาจอแสดงขอมูลแอพพิลแคชั่นทั้งหมดที่สรางขึ้น
- Design คือ สวนของการเขาไปออกแบบหนาจอแอพพลิเคชั้นของ App Inventor
- Learn คือ สวนสําหรับสอนการใชงานโปรแกรม
- New สรางแอพพลิเคชั้นใหม
- Delete ลบแอพพลิเคชั่น
- More Action สําหรับอัพโหลด และดาวนโหลดแอพพลิชั่น ที่มีการแลกเปลี่ยนเพื่อการพัฒนา
โปรแกรมรวมกัน

--------------------------------------------------------------------------------------------------------------------------
่ ิ


14

4. เริ่มตนสรางชิ้นงาน

- คลิกที่ New ใสชื่อแอพพลิเคชั่น ที่ชอง Project Name เสร็จแลวคลิก OK จะเขาสูสวนของหนาจอ
Design ซึ่งประกอบดวย 4 สวนหลัก

Palette Viewer Components Properties

--------------------------------------------------------------------------------------------------------------------------
่ ิ


15

Workshop โปรแกรมสีประจําวัน
1. เมื่อเปดโปรแกรม MT App Inventor ขึ้น คลิกคําสั่ง New เพื่อสรางโปรเจคใหม

2. เมื่อพิมพชื่อ Project คลิกปุม OK เพื่อตอบตกลง

3. ดานซายมือเลือก Palette Button เพื่อสรางปุม และ Label เพิ่มขอความ Title โปรแกรม

--------------------------------------------------------------------------------------------------------------------------
่ ิ


16

4. ดานขวามือ เปน Properties ของ Object ที่บรรจุใน Palette (ที่เลือกมาใชงาน)
โดยพิมพขอความ “โปรแกรมสีประจําวัน” Title ดานลาง

5. กําหนดชื่อปุม Button ที่ Properties ดานขวามือ โดยพิมพขอความ “วันอาทิตย” ที่ Text

--------------------------------------------------------------------------------------------------------------------------
่ ิ


17

6. ปฏิบัติตามขอ 3 – 5 เปลี่ยนชื่อวันตามลําดับ

7. เมื่อสราง Button ครบตามจํานวนวันแลว คลิกปุม Open the Blocks Editor เปดหนาตาง
และเริ่มการเขียนโปรแกรม

8. โปรแกรมจะทําการเปด AppInventorForAndroidCodeblocks.jnlp ผาน Java เลอก Open with คลิก OK
ื
เพื่อตกลง

--------------------------------------------------------------------------------------------------------------------------
่ ิ


18

9. โปรแกรมจะเรียกการใชงาน application Java ขึ้นมาใชงาน

10. ปรากฏหนาตาง Blocks Edition เพื่อใชในการเขียนโปรแกรม

--------------------------------------------------------------------------------------------------------------------------
่ ิ


19

1. เลือกแท็บ My Blocks จะปรากฏ Object ที่สรางขึ้น ในที่นี่จะเขียนโปรแกรมเพื่อกําหนดการทํางานของ
Button ตาง ๆ

12. คลิกที่ Button1 เพื่อกําหนดการทํางานของ Button

--------------------------------------------------------------------------------------------------------------------------
่ ิ


20

13. คลิกเลือกบล็อกคําสั่งดานขวามือ ลากมาวางที่ Screen Editor เพื่อเริ่มเขียนโปรแกรม

14. คลิกที่ Button2 ตามลําดับ แลวเลือกบล็อกคําสั่ง Button2 ตามลําดับดานขวามือ
ลากมาวางที่ Screen Editor

15. หากตองการลบบล็อกคําสั่งที่ไมตองการทิ้ง เลือกบล็อกคําสั่งที่ตองการลบ ลาก(คลิกเมาสคางไว) ไปที่ถังขยะ
ดานขวามือลางของหนาจอ Editor

--------------------------------------------------------------------------------------------------------------------------
่ ิ


21

16. เขียนโปรแกรมเพื่อกําหนดการทํางานให Screen ในการแสดงผล

17. คลิกเลือกบล็อกคําสั่ง set Screen1.BackgroundColor to เพื่อสั่งใหโปรแกรมแสดงสีพื้นหลังที่หนาจอ

--------------------------------------------------------------------------------------------------------------------------
่ ิ


22

18. เลือกประจําวันเกิด จากแท็บ Built-In ดานซายมือ เลือก Colors ตามตองการ

19. คลิกเลือก ลากมาวาง Screen Editor ตอจากบล็อกคําสั่ง set Screen1.BackgroundColor เพื่อแสดงสี
ประจําวันเกิดตามภาพ

--------------------------------------------------------------------------------------------------------------------------
่ ิ


23

20. เมื่อวางบล็อกสีเรียบรอยแลว เลือกปุม New emulator เพื่อทําการ เปด emulator ขึ้นมาใชงาน

21. โปรแกรมจะทําการเปด emulator ขึ้นมาใชงาน คลิก OK เพื่อตกลง

22. คลิกลากกุญแจไปดานขวา เพื่อปลดล็อคหนาจอ (เปนการจําลองการทํางานบนมือถือ หรือ Tablet ที่รันบน
ระบบปฏิบัติการ Android)

--------------------------------------------------------------------------------------------------------------------------
่ ิ


24

23. คลิกเลือก Connect to Device จากนั้นเลือก emulator-5554 เพื่อทําการเชื่อมตอ emulator ในการ
แสดงผล และRun คําสั่งทั้งหมด

24. ขณะที่โปแกรมทําการเชื่อมตอ emulator และประมลผล (Run) คําสั่งนั้น รูปโทรศัพทจะเปนสีเหลือง

โปแกรมทําการเชื่อมตอ emulator และประมลผล (Run) คําสั่งสมบูรณ รูปโทรศัพทจะเปนสีเขียว

25. หลังจากการประมวลผลเสร็จสมบูรณ เมื่อคลิกเลือกปุมวันตาง ๆ จะปรากฏสีที่กําหนดขึ้นบนหนาจอแสดงผล
ดังภาพ

--------------------------------------------------------------------------------------------------------------------------
่ ิ


25

26. การกําหนดเสียง ขณะคลิกปุมวันตาง ๆ โดยการเลือกกลุมคําสั่ง Media ดานขวามือ เลือกคําสั่ง Sound

27. ลากคําสั่ง Sound วางบนหนาตางออกแบบ (Design) จะปรากฏไอคอนคําสั่ง Sound ดานลาง

28. สวน Components ดานขวามือของ App Inventor Editor จะมีปุมคําสั่ง Sound1

--------------------------------------------------------------------------------------------------------------------------
่ ิ


26

29. ไปที่กลุมคําสั่ง Media จะอยูสวนตอทาย Components คลิก Add เพื่อทําการเพิ่มไฟลเสียง

30. ทําการ Upload File โดยคลิกปุม Browse ไปยังตําแหนงที่เก็บไฟลเสียง จากนั้นคลิก OK

31. กําหนดความยาวของเสียง 500 หนวย ที่ Properties และเลือกเสียงที่ตองการ ใน Source คลิก OK

--------------------------------------------------------------------------------------------------------------------------
่ ิ


27

32. ใน My Blocks จะปรากฏ Sound1 ขึ้น คลิกเลือก Sound1

33. คลิกเลือก call Sound1.Play เพื่อกําหนดใหสามารถเลนไฟลเสียงได

--------------------------------------------------------------------------------------------------------------------------
่ ิ


28

34. คลิกลากบล็อกคําสั่ง call Sound1.Play มาตอบล็อกคําสั่ง set Screen1.BackgroundColor

35. นําบล็อกคําสั่ง call Sound1.Play วางใหครบทุก Button ตามภาพ

36. ในขณะนี้ emulator เปดใชงานอยูแลว ใหดําเนินการตามขั้นตอนที่ 23-24 เพื่อแสดงผลและทดสอบการ
ทํางาน ซึ่งในขั้นตอนนี้เมื่อคลิก Button วันตาง ๆ จะมีเสียงดังขึ้น

--------------------------------------------------------------------------------------------------------------------------
่ ิ


29

Workshop โปรแกรมบวกเลข
เปนการฝกการใช Button และ Textbox โดยรับตัวเลข(Input) จาก Textbox มาคํานวณทาง
คณิตศาสตร ดวยการบวกเลข 2 จํานวน แสดงผลลัพธผาน Textbox โดยการกดที่ปุมผลบวก ดังนี้
1. เมื่อเปดโปรแกรม MT App Inventor ขึ้น คลิกคําสั่ง New เพื่อสราง Project ใหม
2. เมื่อพิมพชื่อ Project คลิกปุม OK เพื่อตอบตกลง

3. ดานขวามือ เปน Properties ของ Object พิมพขอความ “โปรแกรมบวกเลข” Title ดานลาง เพื่อกําหนดชื่อ
ของโปรแกรม

4. เลือก Screen Arrangement แบบ TableArrangement เพื่อจัดเรียง Object ใหเปนระเบียบ กําหนด
คุณสมบัติ เพื่อกําหนดพื้นที่ในการทํางาน ดังภาพ

--------------------------------------------------------------------------------------------------------------------------
่ ิ


30

5. เลือก Pallet ในการทํางานโปรแกรมนี้ นํามาวางบน Screen Design

6. นํามาวางในตําแหนงตามภาพ จะได Components ดังนี้

--------------------------------------------------------------------------------------------------------------------------
่ ิ


31

7. เปลี่ยนชื่อปุม Button 1, Button 2, Button 3 ในสวน Properties ชื่อ Text เปน number1, number2,
ผลรวม ตามลําดับ

8. ปรับขนาด FontSize ของ TextBox ใหมีขนาด 30 เพื่อขยายขนาดกลองรับขอความ และชองแสดงผลรวม

--------------------------------------------------------------------------------------------------------------------------
่ ิ


32

9. เมื่อสราง Button ครบตามจํานวนวันแลว คลิกปุม Open the Blocks Editor เปดหนาตาง
และเริ่มการเขียนโปรแกรม

10. โปรแกรมจะทําการเปด AppInventorForAndroidCodeblocks.jnlp ผาน Java เลือก Open with คลิก
OK เพื่อตกลง

11. โปรแกรมจะเรียกการใชงาน application Java ขึ้นมาใชงาน

--------------------------------------------------------------------------------------------------------------------------
่ ิ


33


13. เนื่องจากการทํางานโปรแกรมนี้มีการกําหนดตัวแปรใหกับ TextBox เพื่อทําการรับคามาเก็บไวในตัวแปร
กอนนํามาคํานวณทางคณิตศาสตร คลิกที่ Built-In หรือคลิกที่บริเวณที่วาง บนหนาตาง Block Editor
คลิก Definition เลือกคําสั่ง def variable as เพื่อกําหนดหรือประกาศตัวแปร

--------------------------------------------------------------------------------------------------------------------------
่ ิ


34

14. ทําการเปลี่ยนชื่อตัวแปรจาก variable (เปนคาเริ่มตนของการกําหนดตัวแปร) เปน num1 เพื่อการสะดวก
ในการเขียนโปรแกรม

15. เลือก number เปนการกําหนดประเภทของตัวแปรใหเปน ชนิดตัวเลข (number)

16. เปลี่ยนชื่อและกําหนดชนิดของตัวแปรตามลําดับ

17. เริ่มการเขียนโปรแกรมคําสั่ง เลือก My Blocks ที่สรางขึ้น จะปรากฏ Object ที่สรางขึ้น เลือก Button.Click
เพื่อทําการเขียนโปรแกรมยัง Button ตางๆ

--------------------------------------------------------------------------------------------------------------------------
่ ิ


35

18. เลือก Button3.Click และเลือก set global num1 to, set global num2 to เพื่อการเรียกใชงานตัวแปร
ตามลําดับ

19. เลือก TextBox1.Text, TextBox2 เปนการกําหนดคา ในที่นี้ใหกําหนด เปน Text เพื่อรับคามาเก็บไวที่ตัว
แปรชื่อ num1, num2 ตามลําดับ

--------------------------------------------------------------------------------------------------------------------------
่ ิ


36

20. เลือก set global result to ตามที่ไดประกาศตัวแปรไว โดยใชชื่อ result เพื่อเก็บคาผลลัพธ ตามภาพ

21. คลิกแทบ Built-In เลือก Math เลือกเครื่องหมายทางคณิตศาสตร (Operators) ในที่นี้ใช เครื่องหมายบวก

--------------------------------------------------------------------------------------------------------------------------
่ ิ


37

22. นํามาวางตอ บล็อก set global result to เพื่อทําการคํานวณ

23. นําบล็อก ตัวแปร num1 และ num2 วางระหวางเครื่องหมายบวก เพื่อทําการคํานวณ

24. นํา Object set TextBox3.Text to เพื่อแสดงผลลัพธและนํา ตัวแปรชื่อ global result
จาก My Block /My Definitions มาวางตอ ตามภาพ

--------------------------------------------------------------------------------------------------------------------------
่ ิ


38

25. จากนั้นทําการแสดงผล App ที่เขียนขึ้น สามารถเปลี่ยนลักษณะปุมกดเปนตัวเลข ดังภาพ

26. ทําการทดสอบโปรแกรม โดยกรอกตัวเลขที่ชอง number1 และ number2 จากนั้นกดปุมผลรวม โปรแกรม
จะทําการคํานวณใหโดยอัตโนมัติ ซึ่งเปนผลจากการเขียนโปรแกรมขางตน

--------------------------------------------------------------------------------------------------------------------------
่ ิ


39

Workshop โปรแกรมทดสอบเสียง
1. เมื่อเปดโปรแกรม MT App Inventor ขึ้น คลิกคําสั่ง New ใสชื่อ Project TestSound คลิก OK

2. เลือก Screen Arrangement แบบ TableArrangement ในสวนของ Palette

--------------------------------------------------------------------------------------------------------------------------
่ ิ


40

3. ปรากฏกรอบ TableArrangement ขึ้น

4. ปรับขนาดพื้นที่การแสดงผลในการวางวัตถุหรือ Button ในTableArrangement ที่ Properties
โดยใสจํานวน Columns=3 และ Rows=4

5. นํา Button มาวางบริเวณพื้นที่ TableArrangement ที่กําหนด

--------------------------------------------------------------------------------------------------------------------------
่ ิ


41

6. ปรับขนาดตัวอักษร (Font) = 50 และเปลี่ยนชื่อของ Button ตามลําดับ ดังภาพ

7. ไปที่กลุมคําสั่ง Media จะอยูสวนตอทาย Components คลิก Add เพื่อทําการเพิ่มไฟลเสียง

8. ทําการ Upload File โดยคลิกปุม Browse ไปยังตําแหนงที่เก็บไฟลเสียง จากนั้นคลิก OK

--------------------------------------------------------------------------------------------------------------------------
่ ิ


42

9. จะปรากฏไฟลเสียงที่เลือกมาเก็บไว เพื่อการใชงานตอไป

10. การกําหนดเสียง ขณะคลิกปุมวันตาง ๆ โดยการเลือกกลุมคําสั่ง Media ดานขวามือ เลือกคําสั่ง Sound

11. ลากคําสั่ง Sound วางบนหนาตางออกแบบ (Design) จะปรากฏไอคอนคําสั่ง Sound ดานลาง

--------------------------------------------------------------------------------------------------------------------------
่ ิ


43

12. คลิกปุม Open the Blocks Editor เปดหนาตาง และเริ่มการเขียนโปรแกรม

13. โปรแกรมจะทําการเปด AppInventorForAndroidCodeblocks.jnlp ผาน Java เลือก Open with คลิกOK


--------------------------------------------------------------------------------------------------------------------------
่ ิ


44

15. คลิก Button1 ใน My Blocks เลือก Button1.Click ลากมาวางที่ Screen Editor

16. คลิก Button 0-9 ใน My Blocks ลากมาวางที่ Screen

--------------------------------------------------------------------------------------------------------------------------
่ ิ


45

17. คลิก Screen1 ใน My Blocks เลือก Screen1.Initialize ลากมาวางที่ Screen Editor

18. คลิกเลือกบล็อกคําสั่ง set Screen1.Initialize to เพื่อกําหนดเสียงใหกับปุม Button ตาง ๆ

--------------------------------------------------------------------------------------------------------------------------
่ ิ


46

19. คลิก Sound1 ใน My Blocks เลือกบล็อกคําสั่ง set Sound1.Source ลากมาวางที่ Screen Editor

20. นําบล็อกคําสั่ง set Sound1.Source วางในบล็อกคําสั่ง Scren1.Initialize เพื่อการนําไฟลเสียงมาใชงาน

21. กําหนดชื่อไฟล mp3 โดยการพิมพชื่อไฟล ที่บล็อกคําสั่ง Text = 1.mp3 เพื่อการเรียกใชงานตอไป

--------------------------------------------------------------------------------------------------------------------------
่ ิ


47

22. ทําตามขั้นตอนที่ 21 ตามลําดับดังภาพ

23. คลิก Sound1 เลือกบล็อกคําสั่ง call Sound1.Play ลากมาวางที่ Screen Editor

--------------------------------------------------------------------------------------------------------------------------
่ ิ


48

24. เลือกบล็อกคําสั่ง call Sound1.Play ตอบล็อกคําสั่ง Set Sound1.Source to เมื่อคลิกที่ปุมจะปรากฏเสียง

25. เลือกบล็อกคําสั่ง call Sound1.Play ตอบล็อกคําสั่ง Set Sound1.Source ใน Button ตาง ๆ ตามลําดับ

26. เลือก AccelerometerSensor เพื่อกําหนดใหมีการสั่น เมื่อคลิกที่ปุมตัวเลข

--------------------------------------------------------------------------------------------------------------------------
่ ิ


49

27. จะปรากฏ AccelerometerSensor จะปรากฏ Icon คําสั่ง ดานลาง

28. และจะปรากฏ AccelerometerSensor ในสวน Components ดวย

--------------------------------------------------------------------------------------------------------------------------
่ ิ


50

29. เลือก Sound1 ใน My Blocks คลิกเลือกบล็อกคําสั่ง call Sound1.Vibrate millisecs ลางวาง Screen
Editor

30. นําบล็อกคําสั่ง call Sound1.Vibrate millisecs วางตอบล็อกคําสั่ง call Sound1.Play

31. คลิก Math ใน Built-In เลือก number เพื่อกําหนดหนวยของการสั่น

--------------------------------------------------------------------------------------------------------------------------
่ ิ


51

32. ลาก บล็อกคําสั่ง number วางตอบล็อกคําสั่ง call Sound1.Vibrate millisecs ดังภาพ

33. เปลี่ยนจํานวนหนวยของการสั่น = 500

34. คําสั่ง Package for Phone มุมขวาบน ของโปรแกรม App Inventor

35. เลือกคําสั่ง Package for Phone มุมขวาบน ของโปรแกรม App Inventor เปนทําการ Pack App และ
Export โดยเลือก Download to this Computer

36. นําไฟลที่ทําการ Pack แลวไปวางบนมือถือ หรือ Table ซึ่งมีนามสกุล *.apk โดยการ Coppy ไฟล
ไปติดตั้งตามลําดับ เพื่อเปนการแตกไฟล และใชงานตอไป

--------------------------------------------------------------------------------------------------------------------------
่ ิ


52

สรุปแบบฝกหัด
(App001 การสรางสีประจําวัน)

--------------------------------------------------------------------------------------------------------------------------
่ ิ


53

App002 (ธงชาติอาเซียน)

--------------------------------------------------------------------------------------------------------------------------
่ ิ


54

App003 (แบบทดสอบธงชาติ)

--------------------------------------------------------------------------------------------------------------------------
่ ิ


55

--------------------------------------------------------------------------------------------------------------------------
่ ิ


56

App004 (สุมตัวเลข)

--------------------------------------------------------------------------------------------------------------------------
่ ิ


57

App005 (การเขาสูเว็บไซต)

--------------------------------------------------------------------------------------------------------------------------
่ ิ


58

App006 (คิดเกรด สุมตัวเลข)

--------------------------------------------------------------------------------------------------------------------------
่ ิ


59

--------------------------------------------------------------------------------------------------------------------------
่ ิ


60

App007 (บทเรียน ก. ไก)


--------------------------------------------------------------------------------------------------------------------------
่ ิ


61

App008 (ใสไฟล VDO)

--------------------------------------------------------------------------------------------------------------------------
่ ิ


เอกสารประกอบการอบรม Adroidpdf

More Related Content

What's hot

Similar to เอกสารประกอบการอบรม Adroidpdf

More from Weerachat Martluplao

เอกสารประกอบการอบรม Adroidpdf