Contenu connexe
Similaire à เอกสารประกอบการอบรม Adroidpdf
Similaire à เอกสารประกอบการอบรม Adroidpdf (20)
Plus de Weerachat Martluplao
Plus de Weerachat Martluplao (20)
เอกสารประกอบการอบรม Adroidpdf
- 1. 1
เอกสารประกอบการฝกอบรม
การออกแบบและพัฒนาสื่อเพื่อการเรียนการสอน
บนเครื่องคอมพิวเตอรแท็บเล็ต (ระบบปฏิบัติการ Android)
ระหวางวันที่ 16-18 สิงหาคม พ.ศ. 2555 เวลา 8.00 -16.00 น
ณ โรงแรมโฮมแลนด อําเภอเมือง จังหวัดเพชรบูรณ
ศูนยแมขายจังหวัด : ศูนยพัฒนาคุณภาพการเรียนการสอน
กลุมสาระการเรียนรูการงานอาชีพและเทคโนโลยี
โรงเรียนวังโปงพิทยาคม
สังกัดสํานักงานเขตพื้นที่การศึกษามัธยมศึกษา เขต 40
กระทรวงศึกษาธิการ
--------------------------------------------------------------------------------------------------------------------------
เอกสารประกอบการฝกอบรม การออกแบบและพัฒนาสื่อเพือการเรียนการสอน บนเครื่องคอมพิวเตอรแท็บเล็ต (ระบบปฏิบัตการ Android)
่ ิ
ศูนยแมขายจังหวัด : ศูนยพัฒนาคุณภาพการเรียนการสอนกลุมสาระการเรียนรูการงานอาชีพและเทคโนโลยี โรงเรียนวังโปงพิทยาคม
วันที่ 16-18 สิงหาคม พ.ศ. 2555 เวลา 8.00 -16.00 น
- 2. 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/)
--------------------------------------------------------------------------------------------------------------------------
เอกสารประกอบการฝกอบรม การออกแบบและพัฒนาสื่อเพือการเรียนการสอน บนเครื่องคอมพิวเตอรแท็บเล็ต (ระบบปฏิบัตการ Android)
่ ิ
ศูนยแมขายจังหวัด : ศูนยพัฒนาคุณภาพการเรียนการสอนกลุมสาระการเรียนรูการงานอาชีพและเทคโนโลยี โรงเรียนวังโปงพิทยาคม
วันที่ 16-18 สิงหาคม พ.ศ. 2555 เวลา 8.00 -16.00 น
- 3. 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 เครื่องกอน
จึงจะสามารถติดตั้งได โดยแอนดรอยดประเภทนี้ถือเปนประเภทที่มีความสามารถมากที่สุด เทาที่อุปกรณเครื่อง
นั้น ๆ จะรองรับได เนื่องจากไดรับการปรับแตงใหเขากับอุปกรณนั้น ๆ จากผูใชงานจริง
สิทธิ์ในการใชงานระบบ เชนเดียวกับระบบปฏิบัติการทั่วไป ที่มีการจํากัดการใชงาน และการเขาถึงสวน
ตาง ๆภายในระบบ เพื่อความปลอดภัยของระบบ และผูใชงาน อุปกรณที่ติดตั้งระบบแอนดรอยดจึงมีการจํากัด
--------------------------------------------------------------------------------------------------------------------------
เอกสารประกอบการฝกอบรม การออกแบบและพัฒนาสื่อเพือการเรียนการสอน บนเครื่องคอมพิวเตอรแท็บเล็ต (ระบบปฏิบัตการ Android)
่ ิ
ศูนยแมขายจังหวัด : ศูนยพัฒนาคุณภาพการเรียนการสอนกลุมสาระการเรียนรูการงานอาชีพและเทคโนโลยี โรงเรียนวังโปงพิทยาคม
วันที่ 16-18 สิงหาคม พ.ศ. 2555 เวลา 8.00 -16.00 น
- 4. 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
--------------------------------------------------------------------------------------------------------------------------
เอกสารประกอบการฝกอบรม การออกแบบและพัฒนาสื่อเพือการเรียนการสอน บนเครื่องคอมพิวเตอรแท็บเล็ต (ระบบปฏิบัตการ Android)
่ ิ
ศูนยแมขายจังหวัด : ศูนยพัฒนาคุณภาพการเรียนการสอนกลุมสาระการเรียนรูการงานอาชีพและเทคโนโลยี โรงเรียนวังโปงพิทยาคม
วันที่ 16-18 สิงหาคม พ.ศ. 2555 เวลา 8.00 -16.00 น
- 5. 5
V2.2 Froyo V2.3 Gingerbread V3.0 Honeycomb
โครงสรางของแอนดรอยด
การทําความเขาใจโครงสรางของระบบปฏิบัติการแอนดรอยด ถือวาเปนสิ่งสําคัญเพราะถานักพัฒนา
โปรแกรม สามารถมองภาพโดยรวมของระบบไดทั้งหมด จะใหสามารถเขาใจถึงกระบวนการทํางานไดดียิ่งขึ้น และ
สามารถนําไปชวยในการออกแบบโปรแกรมที่ตองการพัฒนา เพื่อใหเกิดประสิทธิภาพในการทํางาน
จากโครงสรางของระบบปฏิบัติการแอนดรอยด จะสังเกตไดวา มีการแบงออกมาเปนสวนๆ ที่มีความ
เกี่ยวเนื่องกัน โดยสวนบนสุดจะเปนสวนที่ผูใชงานทําการติดตอโดยตรงซึ่งก็คือสวนของ (Applications) จากนั้นก็
จะลําดับลงมาเปนองคประกอบอื่นๆตามลําดับ และสุดทายจะเปนสวนที่ติดตอกับอุปกรณโดยผานทาง Linux
Kernel โครงสรางของแอนดรอยด พอที่จะอธิบายเปนสวนๆไดดังนี้
• Applications สวน Application หรือสวนของโปรแกรมที่มีมากับระบบปฏิบัติการ หรือเปนกลุมของ
โปรแกรมที่ผูใชงานไดทําการติดตั้งไว โดยผูใชงานสามารถเรียกใชโปรแกรมตางๆไดโดยตรง ซึ่งการทํางาน
ของแตละโปรแกรมจะเปนไปตามที่ผูพัฒนาโปรแกรมไดออกแบบและเขียนโคดโปรแกรมเอาไว
--------------------------------------------------------------------------------------------------------------------------
เอกสารประกอบการฝกอบรม การออกแบบและพัฒนาสื่อเพือการเรียนการสอน บนเครื่องคอมพิวเตอรแท็บเล็ต (ระบบปฏิบัตการ Android)
่ ิ
ศูนยแมขายจังหวัด : ศูนยพัฒนาคุณภาพการเรียนการสอนกลุมสาระการเรียนรูการงานอาชีพและเทคโนโลยี โรงเรียนวังโปงพิทยาคม
วันที่ 16-18 สิงหาคม พ.ศ. 2555 เวลา 8.00 -16.00 น
- 6. 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
--------------------------------------------------------------------------------------------------------------------------
เอกสารประกอบการฝกอบรม การออกแบบและพัฒนาสื่อเพือการเรียนการสอน บนเครื่องคอมพิวเตอรแท็บเล็ต (ระบบปฏิบัตการ Android)
่ ิ
ศูนยแมขายจังหวัด : ศูนยพัฒนาคุณภาพการเรียนการสอนกลุมสาระการเรียนรูการงานอาชีพและเทคโนโลยี โรงเรียนวังโปงพิทยาคม
วันที่ 16-18 สิงหาคม พ.ศ. 2555 เวลา 8.00 -16.00 น
- 7. 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) ได โดยไมจําเปนตองเปนนักพัฒนาโปรแกรมก็สามารถ
--------------------------------------------------------------------------------------------------------------------------
เอกสารประกอบการฝกอบรม การออกแบบและพัฒนาสื่อเพือการเรียนการสอน บนเครื่องคอมพิวเตอรแท็บเล็ต (ระบบปฏิบัตการ Android)
่ ิ
ศูนยแมขายจังหวัด : ศูนยพัฒนาคุณภาพการเรียนการสอนกลุมสาระการเรียนรูการงานอาชีพและเทคโนโลยี โรงเรียนวังโปงพิทยาคม
วันที่ 16-18 สิงหาคม พ.ศ. 2555 เวลา 8.00 -16.00 น
- 8. 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 ก็ ได ซึ่ งนํ ามาใช ทํา งานในเชิ งทดแทนคอมพิว เตอร มากกว าโทรศัพ ท
ขนาดหนาจอ แท็บเล็ตในทองตลาด ณ ตอนนี้มีหลายขนาดใหเลือกซื้อ ซึ่งก็ขึ้นอยูกับการใชงานหรือ
--------------------------------------------------------------------------------------------------------------------------
เอกสารประกอบการฝกอบรม การออกแบบและพัฒนาสื่อเพือการเรียนการสอน บนเครื่องคอมพิวเตอรแท็บเล็ต (ระบบปฏิบัตการ Android)
่ ิ
ศูนยแมขายจังหวัด : ศูนยพัฒนาคุณภาพการเรียนการสอนกลุมสาระการเรียนรูการงานอาชีพและเทคโนโลยี โรงเรียนวังโปงพิทยาคม
วันที่ 16-18 สิงหาคม พ.ศ. 2555 เวลา 8.00 -16.00 น
- 9. 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) มีอุปกรณเซ็นเซอรตรวจจับการเคลื่อนไหวเพื่อใหผูใชไดสะดวกในการ
ปรับเปลี่ยนมุมมองภายในตัวเครื่อง จําเปนอยางยิ่งที่จะตองมีซองที่แข็งแรง และปองกันฝุนละอองได หรืออาจจะ
--------------------------------------------------------------------------------------------------------------------------
เอกสารประกอบการฝกอบรม การออกแบบและพัฒนาสื่อเพือการเรียนการสอน บนเครื่องคอมพิวเตอรแท็บเล็ต (ระบบปฏิบัตการ Android)
่ ิ
ศูนยแมขายจังหวัด : ศูนยพัฒนาคุณภาพการเรียนการสอนกลุมสาระการเรียนรูการงานอาชีพและเทคโนโลยี โรงเรียนวังโปงพิทยาคม
วันที่ 16-18 สิงหาคม พ.ศ. 2555 เวลา 8.00 -16.00 น
- 10. 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 ทุกสิ่งที่อยูตรงหนาของคุณหรือบนหนาจอคอมพิวเตอร ชิ้นสวนและคุณสมบัติทาง
โปรแกรมตางๆ มีการจัดระเบียบเปนหมวดหมู สามารถใชงานไดเพียงแคลากและวางเทานั้น
--------------------------------------------------------------------------------------------------------------------------
เอกสารประกอบการฝกอบรม การออกแบบและพัฒนาสื่อเพือการเรียนการสอน บนเครื่องคอมพิวเตอรแท็บเล็ต (ระบบปฏิบัตการ Android)
่ ิ
ศูนยแมขายจังหวัด : ศูนยพัฒนาคุณภาพการเรียนการสอนกลุมสาระการเรียนรูการงานอาชีพและเทคโนโลยี โรงเรียนวังโปงพิทยาคม
วันที่ 16-18 สิงหาคม พ.ศ. 2555 เวลา 8.00 -16.00 น
- 11. 11
3. App Inventor เปนการออกแบบแอพพลิชั่นแบบระดับชั้น จากบนสูลาง เกิดขึ้นตามลําดับที่
ผูออกแบบไดกําหนดดวยตนเอง
4. App Inventor มีองคประกอบทางโปรแกรมระดับสูง แตมีความเรียบงายในการใชงาน
หลักการของ Google App Inventor คือจะมาพรอมกับเครื่องมือพัฒนาแอพพลิเคชันดวยวิธีเชื่อมโยง
สวนตางๆ หรือ blocks ของการทํางานเขาดวยกัน ผูใชเพียงแคคลิกเลือกสวนการทํางานที่ตองการ และกําหนด
ขอบเขตของการทํางานเทานั้น โดยสามารถสรางแอพพลิเคชัน ไดดวยการกรอก และคลิกเลือกรายการ และขอมูล
ตางๆ ที่อยูในรูปแบบของฟอรม (Form)
กอนพัฒนาแอพพลิเคชัน ผูใชจะตองมี user account ของ Gmail กอน ดังนั้นเพื่อความสะดวกใหทาน
สมัครอีเมลของ Gmail เพื่อทํางานเขาสูระบบการพัฒนาแอพพลิเคชันของ App Inventor
--------------------------------------------------------------------------------------------------------------------------
เอกสารประกอบการฝกอบรม การออกแบบและพัฒนาสื่อเพือการเรียนการสอน บนเครื่องคอมพิวเตอรแท็บเล็ต (ระบบปฏิบัตการ Android)
่ ิ
ศูนยแมขายจังหวัด : ศูนยพัฒนาคุณภาพการเรียนการสอนกลุมสาระการเรียนรูการงานอาชีพและเทคโนโลยี โรงเรียนวังโปงพิทยาคม
วันที่ 16-18 สิงหาคม พ.ศ. 2555 เวลา 8.00 -16.00 น
- 12. 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/
--------------------------------------------------------------------------------------------------------------------------
เอกสารประกอบการฝกอบรม การออกแบบและพัฒนาสื่อเพือการเรียนการสอน บนเครื่องคอมพิวเตอรแท็บเล็ต (ระบบปฏิบัตการ Android)
่ ิ
ศูนยแมขายจังหวัด : ศูนยพัฒนาคุณภาพการเรียนการสอนกลุมสาระการเรียนรูการงานอาชีพและเทคโนโลยี โรงเรียนวังโปงพิทยาคม
วันที่ 16-18 สิงหาคม พ.ศ. 2555 เวลา 8.00 -16.00 น
- 13. 13
คลิกที่ Use MIT App Inventor ทางขวามือของหนาจอ
ทําการ Login ดวย Gmail Account
เขาสูหนาจอ My Projects
- My Projects คือ หนาจอแสดงขอมูลแอพพิลแคชั่นทั้งหมดที่สรางขึ้น
- Design คือ สวนของการเขาไปออกแบบหนาจอแอพพลิเคชั้นของ App Inventor
- Learn คือ สวนสําหรับสอนการใชงานโปรแกรม
- New สรางแอพพลิเคชั้นใหม
- Delete ลบแอพพลิเคชั่น
- More Action สําหรับอัพโหลด และดาวนโหลดแอพพลิชั่น ที่มีการแลกเปลี่ยนเพื่อการพัฒนา
โปรแกรมรวมกัน
--------------------------------------------------------------------------------------------------------------------------
เอกสารประกอบการฝกอบรม การออกแบบและพัฒนาสื่อเพือการเรียนการสอน บนเครื่องคอมพิวเตอรแท็บเล็ต (ระบบปฏิบัตการ Android)
่ ิ
ศูนยแมขายจังหวัด : ศูนยพัฒนาคุณภาพการเรียนการสอนกลุมสาระการเรียนรูการงานอาชีพและเทคโนโลยี โรงเรียนวังโปงพิทยาคม
วันที่ 16-18 สิงหาคม พ.ศ. 2555 เวลา 8.00 -16.00 น
- 14. 14
4. เริ่มตนสรางชิ้นงาน
- คลิกที่ New ใสชื่อแอพพลิเคชั่น ที่ชอง Project Name เสร็จแลวคลิก OK จะเขาสูสวนของหนาจอ
Design ซึ่งประกอบดวย 4 สวนหลัก
Palette Viewer Components Properties
--------------------------------------------------------------------------------------------------------------------------
เอกสารประกอบการฝกอบรม การออกแบบและพัฒนาสื่อเพือการเรียนการสอน บนเครื่องคอมพิวเตอรแท็บเล็ต (ระบบปฏิบัตการ Android)
่ ิ
ศูนยแมขายจังหวัด : ศูนยพัฒนาคุณภาพการเรียนการสอนกลุมสาระการเรียนรูการงานอาชีพและเทคโนโลยี โรงเรียนวังโปงพิทยาคม
วันที่ 16-18 สิงหาคม พ.ศ. 2555 เวลา 8.00 -16.00 น
- 15. 15
Workshop โปรแกรมสีประจําวัน
1. เมื่อเปดโปรแกรม MT App Inventor ขึ้น คลิกคําสั่ง New เพื่อสรางโปรเจคใหม
2. เมื่อพิมพชื่อ Project คลิกปุม OK เพื่อตอบตกลง
3. ดานซายมือเลือก Palette Button เพื่อสรางปุม และ Label เพิ่มขอความ Title โปรแกรม
--------------------------------------------------------------------------------------------------------------------------
เอกสารประกอบการฝกอบรม การออกแบบและพัฒนาสื่อเพือการเรียนการสอน บนเครื่องคอมพิวเตอรแท็บเล็ต (ระบบปฏิบัตการ Android)
่ ิ
ศูนยแมขายจังหวัด : ศูนยพัฒนาคุณภาพการเรียนการสอนกลุมสาระการเรียนรูการงานอาชีพและเทคโนโลยี โรงเรียนวังโปงพิทยาคม
วันที่ 16-18 สิงหาคม พ.ศ. 2555 เวลา 8.00 -16.00 น
- 16. 16
4. ดานขวามือ เปน Properties ของ Object ที่บรรจุใน Palette (ที่เลือกมาใชงาน)
โดยพิมพขอความ “โปรแกรมสีประจําวัน” Title ดานลาง
5. กําหนดชื่อปุม Button ที่ Properties ดานขวามือ โดยพิมพขอความ “วันอาทิตย” ที่ Text
--------------------------------------------------------------------------------------------------------------------------
เอกสารประกอบการฝกอบรม การออกแบบและพัฒนาสื่อเพือการเรียนการสอน บนเครื่องคอมพิวเตอรแท็บเล็ต (ระบบปฏิบัตการ Android)
่ ิ
ศูนยแมขายจังหวัด : ศูนยพัฒนาคุณภาพการเรียนการสอนกลุมสาระการเรียนรูการงานอาชีพและเทคโนโลยี โรงเรียนวังโปงพิทยาคม
วันที่ 16-18 สิงหาคม พ.ศ. 2555 เวลา 8.00 -16.00 น
- 17. 17
6. ปฏิบัติตามขอ 3 – 5 เปลี่ยนชื่อวันตามลําดับ
7. เมื่อสราง Button ครบตามจํานวนวันแลว คลิกปุม Open the Blocks Editor เปดหนาตาง
และเริ่มการเขียนโปรแกรม
8. โปรแกรมจะทําการเปด AppInventorForAndroidCodeblocks.jnlp ผาน Java เลอก Open with คลิก OK
ื
เพื่อตกลง
--------------------------------------------------------------------------------------------------------------------------
เอกสารประกอบการฝกอบรม การออกแบบและพัฒนาสื่อเพือการเรียนการสอน บนเครื่องคอมพิวเตอรแท็บเล็ต (ระบบปฏิบัตการ Android)
่ ิ
ศูนยแมขายจังหวัด : ศูนยพัฒนาคุณภาพการเรียนการสอนกลุมสาระการเรียนรูการงานอาชีพและเทคโนโลยี โรงเรียนวังโปงพิทยาคม
วันที่ 16-18 สิงหาคม พ.ศ. 2555 เวลา 8.00 -16.00 น
- 18. 18
9. โปรแกรมจะเรียกการใชงาน application Java ขึ้นมาใชงาน
10. ปรากฏหนาตาง Blocks Edition เพื่อใชในการเขียนโปรแกรม
--------------------------------------------------------------------------------------------------------------------------
เอกสารประกอบการฝกอบรม การออกแบบและพัฒนาสื่อเพือการเรียนการสอน บนเครื่องคอมพิวเตอรแท็บเล็ต (ระบบปฏิบัตการ Android)
่ ิ
ศูนยแมขายจังหวัด : ศูนยพัฒนาคุณภาพการเรียนการสอนกลุมสาระการเรียนรูการงานอาชีพและเทคโนโลยี โรงเรียนวังโปงพิทยาคม
วันที่ 16-18 สิงหาคม พ.ศ. 2555 เวลา 8.00 -16.00 น
- 19. 19
1. เลือกแท็บ My Blocks จะปรากฏ Object ที่สรางขึ้น ในที่นี่จะเขียนโปรแกรมเพื่อกําหนดการทํางานของ
Button ตาง ๆ
12. คลิกที่ Button1 เพื่อกําหนดการทํางานของ Button
--------------------------------------------------------------------------------------------------------------------------
เอกสารประกอบการฝกอบรม การออกแบบและพัฒนาสื่อเพือการเรียนการสอน บนเครื่องคอมพิวเตอรแท็บเล็ต (ระบบปฏิบัตการ Android)
่ ิ
ศูนยแมขายจังหวัด : ศูนยพัฒนาคุณภาพการเรียนการสอนกลุมสาระการเรียนรูการงานอาชีพและเทคโนโลยี โรงเรียนวังโปงพิทยาคม
วันที่ 16-18 สิงหาคม พ.ศ. 2555 เวลา 8.00 -16.00 น
- 20. 20
13. คลิกเลือกบล็อกคําสั่งดานขวามือ ลากมาวางที่ Screen Editor เพื่อเริ่มเขียนโปรแกรม
14. คลิกที่ Button2 ตามลําดับ แลวเลือกบล็อกคําสั่ง Button2 ตามลําดับดานขวามือ
ลากมาวางที่ Screen Editor
15. หากตองการลบบล็อกคําสั่งที่ไมตองการทิ้ง เลือกบล็อกคําสั่งที่ตองการลบ ลาก(คลิกเมาสคางไว) ไปที่ถังขยะ
ดานขวามือลางของหนาจอ Editor
--------------------------------------------------------------------------------------------------------------------------
เอกสารประกอบการฝกอบรม การออกแบบและพัฒนาสื่อเพือการเรียนการสอน บนเครื่องคอมพิวเตอรแท็บเล็ต (ระบบปฏิบัตการ Android)
่ ิ
ศูนยแมขายจังหวัด : ศูนยพัฒนาคุณภาพการเรียนการสอนกลุมสาระการเรียนรูการงานอาชีพและเทคโนโลยี โรงเรียนวังโปงพิทยาคม
วันที่ 16-18 สิงหาคม พ.ศ. 2555 เวลา 8.00 -16.00 น
- 21. 21
16. เขียนโปรแกรมเพื่อกําหนดการทํางานให Screen ในการแสดงผล
17. คลิกเลือกบล็อกคําสั่ง set Screen1.BackgroundColor to เพื่อสั่งใหโปรแกรมแสดงสีพื้นหลังที่หนาจอ
--------------------------------------------------------------------------------------------------------------------------
เอกสารประกอบการฝกอบรม การออกแบบและพัฒนาสื่อเพือการเรียนการสอน บนเครื่องคอมพิวเตอรแท็บเล็ต (ระบบปฏิบัตการ Android)
่ ิ
ศูนยแมขายจังหวัด : ศูนยพัฒนาคุณภาพการเรียนการสอนกลุมสาระการเรียนรูการงานอาชีพและเทคโนโลยี โรงเรียนวังโปงพิทยาคม
วันที่ 16-18 สิงหาคม พ.ศ. 2555 เวลา 8.00 -16.00 น
- 22. 22
18. เลือกประจําวันเกิด จากแท็บ Built-In ดานซายมือ เลือก Colors ตามตองการ
19. คลิกเลือก ลากมาวาง Screen Editor ตอจากบล็อกคําสั่ง set Screen1.BackgroundColor เพื่อแสดงสี
ประจําวันเกิดตามภาพ
--------------------------------------------------------------------------------------------------------------------------
เอกสารประกอบการฝกอบรม การออกแบบและพัฒนาสื่อเพือการเรียนการสอน บนเครื่องคอมพิวเตอรแท็บเล็ต (ระบบปฏิบัตการ Android)
่ ิ
ศูนยแมขายจังหวัด : ศูนยพัฒนาคุณภาพการเรียนการสอนกลุมสาระการเรียนรูการงานอาชีพและเทคโนโลยี โรงเรียนวังโปงพิทยาคม
วันที่ 16-18 สิงหาคม พ.ศ. 2555 เวลา 8.00 -16.00 น
- 23. 23
20. เมื่อวางบล็อกสีเรียบรอยแลว เลือกปุม New emulator เพื่อทําการ เปด emulator ขึ้นมาใชงาน
21. โปรแกรมจะทําการเปด emulator ขึ้นมาใชงาน คลิก OK เพื่อตกลง
22. คลิกลากกุญแจไปดานขวา เพื่อปลดล็อคหนาจอ (เปนการจําลองการทํางานบนมือถือ หรือ Tablet ที่รันบน
ระบบปฏิบัติการ Android)
--------------------------------------------------------------------------------------------------------------------------
เอกสารประกอบการฝกอบรม การออกแบบและพัฒนาสื่อเพือการเรียนการสอน บนเครื่องคอมพิวเตอรแท็บเล็ต (ระบบปฏิบัตการ Android)
่ ิ
ศูนยแมขายจังหวัด : ศูนยพัฒนาคุณภาพการเรียนการสอนกลุมสาระการเรียนรูการงานอาชีพและเทคโนโลยี โรงเรียนวังโปงพิทยาคม
วันที่ 16-18 สิงหาคม พ.ศ. 2555 เวลา 8.00 -16.00 น
- 24. 24
23. คลิกเลือก Connect to Device จากนั้นเลือก emulator-5554 เพื่อทําการเชื่อมตอ emulator ในการ
แสดงผล และRun คําสั่งทั้งหมด
24. ขณะที่โปแกรมทําการเชื่อมตอ emulator และประมลผล (Run) คําสั่งนั้น รูปโทรศัพทจะเปนสีเหลือง
โปแกรมทําการเชื่อมตอ emulator และประมลผล (Run) คําสั่งสมบูรณ รูปโทรศัพทจะเปนสีเขียว
25. หลังจากการประมวลผลเสร็จสมบูรณ เมื่อคลิกเลือกปุมวันตาง ๆ จะปรากฏสีที่กําหนดขึ้นบนหนาจอแสดงผล
ดังภาพ
--------------------------------------------------------------------------------------------------------------------------
เอกสารประกอบการฝกอบรม การออกแบบและพัฒนาสื่อเพือการเรียนการสอน บนเครื่องคอมพิวเตอรแท็บเล็ต (ระบบปฏิบัตการ Android)
่ ิ
ศูนยแมขายจังหวัด : ศูนยพัฒนาคุณภาพการเรียนการสอนกลุมสาระการเรียนรูการงานอาชีพและเทคโนโลยี โรงเรียนวังโปงพิทยาคม
วันที่ 16-18 สิงหาคม พ.ศ. 2555 เวลา 8.00 -16.00 น
- 25. 25
26. การกําหนดเสียง ขณะคลิกปุมวันตาง ๆ โดยการเลือกกลุมคําสั่ง Media ดานขวามือ เลือกคําสั่ง Sound
27. ลากคําสั่ง Sound วางบนหนาตางออกแบบ (Design) จะปรากฏไอคอนคําสั่ง Sound ดานลาง
28. สวน Components ดานขวามือของ App Inventor Editor จะมีปุมคําสั่ง Sound1
--------------------------------------------------------------------------------------------------------------------------
เอกสารประกอบการฝกอบรม การออกแบบและพัฒนาสื่อเพือการเรียนการสอน บนเครื่องคอมพิวเตอรแท็บเล็ต (ระบบปฏิบัตการ Android)
่ ิ
ศูนยแมขายจังหวัด : ศูนยพัฒนาคุณภาพการเรียนการสอนกลุมสาระการเรียนรูการงานอาชีพและเทคโนโลยี โรงเรียนวังโปงพิทยาคม
วันที่ 16-18 สิงหาคม พ.ศ. 2555 เวลา 8.00 -16.00 น
- 26. 26
29. ไปที่กลุมคําสั่ง Media จะอยูสวนตอทาย Components คลิก Add เพื่อทําการเพิ่มไฟลเสียง
30. ทําการ Upload File โดยคลิกปุม Browse ไปยังตําแหนงที่เก็บไฟลเสียง จากนั้นคลิก OK
31. กําหนดความยาวของเสียง 500 หนวย ที่ Properties และเลือกเสียงที่ตองการ ใน Source คลิก OK
--------------------------------------------------------------------------------------------------------------------------
เอกสารประกอบการฝกอบรม การออกแบบและพัฒนาสื่อเพือการเรียนการสอน บนเครื่องคอมพิวเตอรแท็บเล็ต (ระบบปฏิบัตการ Android)
่ ิ
ศูนยแมขายจังหวัด : ศูนยพัฒนาคุณภาพการเรียนการสอนกลุมสาระการเรียนรูการงานอาชีพและเทคโนโลยี โรงเรียนวังโปงพิทยาคม
วันที่ 16-18 สิงหาคม พ.ศ. 2555 เวลา 8.00 -16.00 น
- 27. 27
32. ใน My Blocks จะปรากฏ Sound1 ขึ้น คลิกเลือก Sound1
33. คลิกเลือก call Sound1.Play เพื่อกําหนดใหสามารถเลนไฟลเสียงได
--------------------------------------------------------------------------------------------------------------------------
เอกสารประกอบการฝกอบรม การออกแบบและพัฒนาสื่อเพือการเรียนการสอน บนเครื่องคอมพิวเตอรแท็บเล็ต (ระบบปฏิบัตการ Android)
่ ิ
ศูนยแมขายจังหวัด : ศูนยพัฒนาคุณภาพการเรียนการสอนกลุมสาระการเรียนรูการงานอาชีพและเทคโนโลยี โรงเรียนวังโปงพิทยาคม
วันที่ 16-18 สิงหาคม พ.ศ. 2555 เวลา 8.00 -16.00 น
- 28. 28
34. คลิกลากบล็อกคําสั่ง call Sound1.Play มาตอบล็อกคําสั่ง set Screen1.BackgroundColor
35. นําบล็อกคําสั่ง call Sound1.Play วางใหครบทุก Button ตามภาพ
36. ในขณะนี้ emulator เปดใชงานอยูแลว ใหดําเนินการตามขั้นตอนที่ 23-24 เพื่อแสดงผลและทดสอบการ
ทํางาน ซึ่งในขั้นตอนนี้เมื่อคลิก Button วันตาง ๆ จะมีเสียงดังขึ้น
--------------------------------------------------------------------------------------------------------------------------
เอกสารประกอบการฝกอบรม การออกแบบและพัฒนาสื่อเพือการเรียนการสอน บนเครื่องคอมพิวเตอรแท็บเล็ต (ระบบปฏิบัตการ Android)
่ ิ
ศูนยแมขายจังหวัด : ศูนยพัฒนาคุณภาพการเรียนการสอนกลุมสาระการเรียนรูการงานอาชีพและเทคโนโลยี โรงเรียนวังโปงพิทยาคม
วันที่ 16-18 สิงหาคม พ.ศ. 2555 เวลา 8.00 -16.00 น