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

1

-------------------------------------------------------------------------------------------------------------------------- เอกสารประกอบการฝกอบรม การออกแบบและพัฒนาส่ือเพือ่การเรียนการสอน บนเคร่ืองคอมพิวเตอรแท็บเล็ต (ระบบปฏิบัติการ Android) ศูนยแมขายจังหวัด : ศูนยพัฒนาคุณภาพการเรียนการสอนกลุมสาระการเรียนรูการงานอาชพีและเทคโนโลย ี โรงเรียนวังโปงพิทยาคม

วันที่ 16-18 สิงหาคม พ.ศ. 2555 เวลา 8.00 -16.00 น

เอกสารประกอบการฝกอบรม การออกแบบและพัฒนาสื่อเพื่อการเรียนการสอน

บนเคร่ืองคอมพิวเตอรแท็บเล็ต (ระบบปฏิบัติการ Android)

ระหวางวันท่ี 16-18 สิงหาคม พ.ศ. 2555 เวลา 8.00 -16.00 น

ณ โรงแรมโฮมแลนด อําเภอเมือง จังหวัดเพชรบูรณ

ศูนยแมขายจังหวัด : ศูนยพัฒนาคุณภาพการเรียนการสอน

กลุมสาระการเรียนรูการงานอาชีพและเทคโนโลยี

โรงเรียนวังโปงพิทยาคม

สังกัดสํานักงานเขตพ้ืนท่ีการศึกษามัธยมศึกษา เขต 40

กระทรวงศึกษาธิการ

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/)

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

4.0 Ice Cream Sandwich

2.6.32 2554

ท่ีมา http://www.it-guides.com/mobile-zone/android-mobile/1796-android-history

V1.5 Cupcake V1.6 Donut V2.0 Eclari

http://www.it-guides.com/mobile-zone/android-mobile/1796-android-history

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

Documents

upload file

mt app inventor

jnlp java

set global

media components

play set sound1

android operating

app inventor