การพ ฒนาแอพพล เคช นบนอ ปกรณ ม อถ อ

หน ่ วยท ี ่ 10 การออกแบบและพัฒนาแอปพลิเคชันเกม •1. แอปพลิเคชันการสร้างเกม •2. ส ิ ่ งท ี ่ ตอ ้ งเตร ี ยม • ส ิ ่ งท ี ่ ตอ ้ งเตร ี ยมก ่ อนการสร ้ างแอปพล ิ เคชน ั เกม ดว ้ ยโปรแกรม Kodular มีดง ั น ้ ี •1. เครื่องคอมพิวเตอร์หรือโน้ตบุ๊ค •2. โทรศัพท์มือถือหรืออุปกรณ์พกพาอื่น ๆ ที่มีระบบปฏิบัติการ Android และแอป พลิเคชัน Line, Kodular Companion •3. ระบบอินเทอร์เน็ต

1

2 ค ม อการใช งานเว บแอปพล เคช น HandySense (ก) สารบ ญ 1. HandySense ค ออะไร ลงทะเบ ยน/เข าส ระบบ กรณ ล มรห สผ าน หน าหล ก หน าแรก องค ประกอบของการ ด การสร างฟาร ม การจ ดการข อม ลส วนต ว หน าฟาร ม องค ประกอบของการ ด การเพ มอ ปกรณ การแก ไขอ ปกรณ การต งค า หน าอ ปกรณ ค าเซนเซอร ของอ ปกรณ ต งค าการทางานสว ตช การแก ไขอ ปกรณ การต งค าอ ปกรณ การบ นท กข อความ การขยายและย อหน าจอ ข อม ลต ดต อ: ท มผ พ ฒนาทางเทคโนโลย :... 24

3 ค ม อการใช งานเว บแอปพล เคช น HandySense (ข) สารบ ญร ปภาพ ร ปท 1 แสดงหน าเว บไซต HandySense... 1 ร ปท 2 แสดงการเข าส ระบบจากเว บ HandySense... 2 ร ปท 3 แสดงการเข าส ระบบสาหร บผ ท ม แอคเคาท กรณ ล มรห สผ าน... 4 ร ปท 4 แสดงหน าหล กของเว บไซต HandySense... 4 ร ปท 5 แสดงองค ประกอบของการ ดฟาร ม... 5 ร ปท 6 แสดงการสร างฟาร ม... 6 ร ปท 7 แสดงข อม ลส วนต ว... 7 ร ปท 8 แสดงบ ญช การใช งาน... 7 ร ปท 9 แสดงการลงช อออกจากระบบ... 8 ร ปท 10 แสดงหน าฟาร ม... 8 ร ปท 11 แสดงองค ประกอบของการ ดอ ปกรณ... 9 ร ปท 12 แสดงข นตอนการเพ มอ ปกรณ... 9 ร ปท 13 แสดงข นตอนการแก ไขอ ปกรณ ร ปท 14 แสดงการต งค าฟาร ม ร ปท 15 แสดงการต งค าท วไปของฟาร ม ร ปท 16 แสดงการต งค าการแจ งเต อนฟาร ม ร ปท 17 แสดงการต งค าสมาช ก ร ปท 18 แสดงร ปส ทธ เจ าของ ร ปท 19 แสดงร ปส ทธ ผ ด แล ร ปท 20 แสดงร ปส ทธ พน กงาน ร ปท 21 แสดงหน าอ ปกรณ ร ปท 22 แสดงค าเซนเซอร ของอ ปกรณ ร ปท 23 แสดงการต งค าการทางานสว ตซ ร ปท 24 แสดงการเป ด/ป ดการทางานสว ตซ ร ปท 25 แสดงการต งเวลาการทางานสว ตช ร ปท 26 แสดงการต งค าการทางานอ ตโนม ต ร ปท 27 แสดงข นตอนการแก ไขอ ปกรณ ร ปท 28 แสดงการต งค าท วไปของอ ปกรณ... 22

4 ค ม อการใช งานเว บแอปพล เคช น HandySense (ข) ร ปท 29 แสดงการต งค าการแจ งเต อนอ ปกรณ ร ปท 30 แสดงการบ นท กข อความ ร ปท 31 แสดงการต งค าขยายและย อหน าจอ... 23

5 ค ม อการใช งานเว บแอปพล เคช น HandySense 1 1. HandySense ค ออะไร ร ปท 1 แสดงหน าเว บไซต HandySense HandySense ค อ เว บไซต ระบบเกษตรอ จฉร ยะท แสดงค าข อม ลป จจ ยในการควบค มผลผล ตทางการเกษตร โดยใช เทคโนโลย เซนเซอร เข ามาช วยในกระบวนการเพาะปล กซ งช วยให เกษตรกรสามารถควบค มสภาวะ แวดล อมในการปล กได ต งแต เร มต นส งผลให สามารถควบค มค ณภาพและประเม นปร มาณผลผล ตรวมถ งช วย เร องการเพ มค ณค าของผลผล ตได โดยใช การควบค มกระบวนการเพาะปล กเพ อให ผลผล ตออกในช วงท ม ความ ต องการหร อผลผล ตขาดแคลนรวมถ งการช วยเกษตรกรน าองค ความร ท เก ดจากท กษะท ไม สามารถถ ายทอดให เข าใจได เน องจากเป นภ ม ป ญญาและเป นการท าเกษตรกรรมแบบว ถ ชาวบ านโดยการลองผ ดลองถ กหร อเป น องค ความร ท ส บทอดต อก น

6 ค ม อการใช งานเว บแอปพล เคช น HandySense 2 2. ลงทะเบ ยน/เข าส ระบบ กรณ เข าใช งานคร งแรก ระบบจะให ทาการลงทะเบ ยนหน า Login ผ าน ก อน จากน นสามารถเข าส ระบบได จาก Account ท สม ครไว ถ าหากย งไม เคยลงททะเบ ยนใหเคล กลงทะเบ ยน ก อน ร ปท 2 แสดงการเข าส ระบบจากเว บ NETPIE 2.1 กรณ ล มรห สผ าน กรณ ล มรห สผ าน (Forgot Password) ให ผ ใช งานทาตามข นตอนต อไปน 1. เม อเข าส หน า Login ให คล ก Forgot Your Password?

7 ค ม อการใช งานเว บแอปพล เคช น HandySense 3 2. เม อเข าส หน า Forgot Password ให กรอก Address ท ผ ใช งานลงทะเบ ยนไว 3. คล ก Reset Password จะได ร บข อความแจ งให ผ ใช งานร บ Password ใหม ใน ท ผ ใช งาน ลงทะเบ ยนไว 4. เข า ท ทาการลงทะเบ ยนไว แล วนารห สท ได กรอกท ช อง Password

8 ค ม อการใช งานเว บแอปพล เคช น HandySense 4 5. จากน นคล ก Sign In ผ ใช งานสามารถ Login โดยใช รห สผ านใหม ได ท นท ร ปท 3 แสดงการเข าส ระบบสาหร บผ ท ม แอคเคาท กรณ ล มรห สผ าน 3. หน าหล ก 3.1 หน าแรก เป นหน าท ผ ใช งานจะพบหล งจาก Login สาเร จ ภายในหน าน จะแสดงรายการการ ดของแต ละฟาร ม ร ปท 4 แสดงหน าหล กของเว บไซต HandySense

9 ค ม อการใช งานเว บแอปพล เคช น HandySense องค ประกอบของการ ด ร ปท 5 แสดงองค ประกอบของการ ดฟาร ม 3.3 การสร างฟาร ม การสร างฟาร มใหม หน าน สามารถทาได โดย 1. คล กป ม สร างฟาร ม 2. กรอกช อฟาร ม และรายละเอ ยดของฟาร ม 3. คล กป ม สร าง

10 ค ม อการใช งานเว บแอปพล เคช น HandySense 6 ร ปท 6 แสดงการสร างฟาร ม 3.4 การจ ดการข อม ลส วนต ว การจ ดการข อม ลส วนต วปรากฏอย ม มขวาด านบนของเว บไซต ประกอบด วย 3 ส วน ได แก ข อม ลส วนต ว บ ญช การใช งาน ลงช อออกจากระบบ รห สผ านได ข อม ลส วนต ว เป นส วนแสดงข อม ลส วนต วของผ ใช งาน โดยสามารถแก ไขช อและนามสก ล รวมถ งเปล ยน

11 ค ม อการใช งานเว บแอปพล เคช น HandySense 7 ร ปท 7 แสดงข อม ลส วนต ว บ ญช การใช งาน เป นส วนแสดงจานวนข อม ลท ม การใช งาน โดยแบ งส เป น 2 ส ได แก ส เข ยว ค อ โปรเจกต HandySense ส แดง ค อ โปรเจกต อ น ๆ ร ปท 8 แสดงบ ญช การใช งาน

12 ค ม อการใช งานเว บแอปพล เคช น HandySense การลงช อออกจากระบบ เม อผ ใช งานต องการออกจากระบบ ให ทาตามข นตอนต อไปน ร ปท 9 แสดงการลงช อออกจากระบบ 4. หน าฟาร ม ภายในหน าน จะแสดงข อม ลต าง ๆ ของฟาร ม ได แก ช อฟาร มและรายละเอ ยดของฟาร ม การ ด overview ของอ ปกรณ จานวนอ ปกรณ ภายในฟาร ม ช อสมาช กในฟาร ม ป มเพ มอ ปกรณ ต งค าฟาร ม การกรองและการค นหาอ ปกรณ ร ปท 10 แสดงหน าฟาร ม

13 ค ม อการใช งานเว บแอปพล เคช น HandySense องค ประกอบของการ ด ร ปท 11 แสดงองค ประกอบของการ ดอ ปกรณ 4.2 การเพ มอ ปกรณ ม ข นตอนการเพ ม ด งน 1. คล กป ม เพ มอ ปกรณ ร ปท 12 แสดงข นตอนการเพ มอ ปกรณ 2. คล กป ม สร างอ ปกรณ

14 ค ม อการใช งานเว บแอปพล เคช น HandySense นาอ ปกรณ ของผ ใช งานเช อมต อก บคอมพ วเตอร ด วยสาย USB จากน นคล กป ม เล อก อ ปกรณ เพ อเล อกอ ปกรณ ท ต องการเช อมต อ 4. เล อกเคร อข ายอ นเทอร เน ตสาหร บอ ปกรณ และกรอก Password จากน นคล กป ม ถ ดไป

15 ค ม อการใช งานเว บแอปพล เคช น HandySense ต งค าอ ปกรณ กรอกช ออ ปกรณ และรายละเอ ยดอ ปกรณ จากน นคล กป ม ถ ดไป 6. คล กป ม เสร จส น จากน นจะเห นการ ดอ ปกรณ ปรากฏข น

16 ค ม อการใช งานเว บแอปพล เคช น HandySense การแก ไขอ ปกรณ เม อต องการแก ไขข อม ลของอ ปกรณ จะม ข นตอนด งน 1. คล กป ม เช อมต ออ ปกรณ ร ปท 13 แสดงข นตอนการแก ไขอ ปกรณ 2. นาอ ปกรณ ของผ ใช งาน เช อมต อก บคอมพ วเตอร ด วยสาย USB จากน น คล กป ม เล อกอ ปกรณ เพ อเล อกอ ปกรณ ท ต องการเช อมต อ

17 ค ม อการใช งานเว บแอปพล เคช น HandySense เล อกเคร อข ายอ นเทอร เน ตสาหร บอ ปกรณ และ กรอก Password จากน น คล กป ม ถ ดไป 4. ต งค าอ ปกรณ กรอกช ออ ปกรณ และ รายละเอ ยดอ ปกรณ จากน น คล กป ม ถ ดไป 5. คล กป ม เสร จส น จากน นจะเห นการ ดอ ปกรณ ปรากฏข น

18 ค ม อการใช งานเว บแอปพล เคช น HandySense การต งค า การต งค าจะแบ งเป น 2 ส วน ได แก 1) การต งค าฟาร ม 2) การต งค าสมาช ก ร ปท 14 แสดงการต งค าฟาร ม การต งค าฟาร ม ค อ ส วนต งค าข อม ลต าง ๆ ของฟาร ม จะแบ งการต งค าเป น 2 ส วน ได แก 1. การต งค าท วไป ค อ ส วนต งค าช อฟาร ม และรายละเอ ยดของฟาร ม ร ปท 15 แสดงการต งค าท วไปของฟาร ม 2. ต งค าการแจ งเต อน ค อ ส วนต งค าการแจ งเต อนฟาร ม สามารถกรอก Line Token และ สามารถเป ด/ป ดการแจ งเต อนของฟาร มผ าน Line Notify ได ร ปท 16 แสดงการต งค าการแจ งเต อนฟาร ม

19 ค ม อการใช งานเว บแอปพล เคช น HandySense การต งค าสมาช ก ค อ ส วนต งค าสมาช ก สามารถเพ ม-ลบสมาช ก และกรอกสถานะส ทธ ของผ ใช งาน ร ปท 17 แสดงการต งค าสมาช ก สถานะส ทธ ของผ ใช งาน ม 3 แบบ ได แก 1. ส ทธ เจ าของ สามารถมองเห น สร างและแก ไขข อม ลท กอย างภายในโปรเจกต ร ปท 18 แสดงร ปส ทธ เจ าของ 2. ส ทธ ผ ด แล สามารถมองเห นโปรเจกต สร าง แก ไข และลบอ ปกรณ ของฟาร ม รวมถ ง สามารถแก ไขการต งค าอ ปกรณ ของฟาร ม

20 ค ม อการใช งานเว บแอปพล เคช น HandySense 16 ร ปท 19 แสดงร ปส ทธ ผ ด แล 3. ส ทธ พน กงาน สามารถมองเห นโปรเจกต และแก ไขการต งค าอ ปกรณ ของฟาร มได ร ปท 20 แสดงร ปส ทธ พน กงาน 5. หน าอ ปกรณ ภายในหน าหน าอ ปกรณ จะแสดงข อม ลต าง ๆ ของอ ปกรณ ได แก ช ออ ปกรณ และรายละเอ ยดของอ ปกรณ สถานะของอ ปกรณ ค าเซนเซอร ของอ ปกรณ ประว ต ค าเซนเซอร ของอ ปกรณ เวลาอ ปเดตข อม ลล าส ด ต งค าการทางานสว ตช ป มแก ไขอ ปกรณ ต งค าฟาร ม บ นท กโน ต การขยาย / ย อหน าจอ

21 ค ม อการใช งานเว บแอปพล เคช น HandySense 17 ร ปท 21 แสดงหน าอ ปกรณ

22 ค ม อการใช งานเว บแอปพล เคช น HandySense ค าเซนเซอร ของอ ปกรณ ค อ ส วนท แสดงเซนเซอร ต าง ๆ ของอ ปกรณ ได แก ค าอ ณหภ ม ค าความช นอากาศ ค าความช นด น ค าปร มาณแสง ค าเซนเซอร เหล าน จะช วยให เกษตรกรควบค มการเจร ญเต บโตของพ ชให อย ในสภาวะท เหมาะสมตลอดช วงอาย ร ปท 22 แสดงค าเซนเซอร ของอ ปกรณ 5.2 ต งค าการทางานสว ตช ค อ ส วนแสดงการต งค าสว ตช ต าง ๆ ได แก ร ปท 23 แสดงการต งค าการทางานสว ตซ

23 ค ม อการใช งานเว บแอปพล เคช น HandySense การเป ด/ป ดการทางานของสว ตช เม อต องการเป ดหร อป ดสว ตช ของอ ปกรณ สามารถ เล อกท ส วนน เพ อเป ดป ดการท างานของสว ตช ได ร ปท 24 แสดงการเป ด/ป ดการทางานสว ตซ การต งเวลาการทางานอ ตโนม ต ของสว ตช เม อต องการต งเวลาการทางานอ ตโนม ต ของ สว ตช สามารถเล อกท ส วนน เพ อต งช วงเวลาให สว ตช ทางานตามเวลาท กาหนดไว ร ปท 25 แสดงการต งเวลาการทางานสว ตช

24 ค ม อการใช งานเว บแอปพล เคช น HandySense การต งค าการท างานอ ตโนม ต เม อต องการต งเวลาการท างานสว ตช ของอ ปกรณ แบบ อ ตโนม ต สามารถเล อกท ส วนน สว ตช จะท างานเป ด-ป ดอ ตโนม ต ตามค าต าส ดและ ค าส งส ด ตามท กาหนดค าไว ร ปท 26 แสดงการต งค าการทางานอ ตโนม ต 5.3 การแก ไขอ ปกรณ เม อต องการแก ไขข อม ลของอ ปกรณ จะม ข นตอนด งน 1. คล กป ม เช อมต ออ ปกรณ ร ปท 27 แสดงข นตอนการแก ไขอ ปกรณ

25 ค ม อการใช งานเว บแอปพล เคช น HandySense นาอ ปกรณ ของผ ใช งาน เช อมต อก บคอมพ วเตอร ด วยสาย USB จากน น คล กป ม เล อกอ ปกรณ เพ อเล อกอ ปกรณ ท ต องการเช อมต อ 3. เล อกเคร อข ายอ นเทอร เน ตสาหร บอ ปกรณ และ กรอก Password จากน น คล กป ม ถ ดไป 4. ต งค าอ ปกรณ กรอกช ออ ปกรณ และ รายละเอ ยดอ ปกรณ จากน น คล กป ม ถ ดไป

26 ค ม อการใช งานเว บแอปพล เคช น HandySense คล กป ม เสร จส น จากน นจะเห นการ ดอ ปกรณ ปรากฏข น 5.4 การต งค าอ ปกรณ ค อ ส วนต งค าข อม ลต าง ๆ ของอ ปกรณ จะแบ งการต งค าเป น 2 ส วน ได แก ต งค าท วไป ค อ ส วนต งค าช ออ ปกรณ และรายละเอ ยดของอ ปกรณ ร ปท 28 แสดงการต งค าท วไปของอ ปกรณ ต งค าการแจ งเต อน ค อ ส วนต งค าการแจ งเต อนอ ปกรณ สามารถเป ด-ป ดการแจ ง เต อนสถานะของอ ปกรณ รวมถ งสามารถเป ด-ป ดการแจ งเต อน การทางานของสว ตช แต ละต วได ร ปท 29 แสดงการต งค าการแจ งเต อนอ ปกรณ

27 ค ม อการใช งานเว บแอปพล เคช น HandySense การบ นท กข อความ เม อต องการบ นท กข อความสามารถกดท ป ม สม ดบ นท ก เพ อเข าไปบ นท กข อความ หร อ บ นท ก ข อม ลของอ ปกรณ ร ปท 30 แสดงการบ นท กข อความ 5.6 การขยายและย อหน าจอ เม อต องการด ข อม ลเต มหน าจอสามารถกดท ป ม ขยายหน าจอ และเม อต องการกล บส หน าจอปกต สามารถกดท ป ม ย อหน าจอ ร ปท 31 แสดงการต งค าขยายและย อหน าจอ

28 ค ม อการใช งานเว บแอปพล เคช น HandySense 24 ข อม ลต ดต อ: ศ นย เทคโนโลย อ เล กทรอน กส และคอมพ วเตอร แห งชาต (ศอ.) เบอร โทรศ พท : ต อ2353,2366 Facebook: HandySense Community ท มผ พ ฒนาทางเทคโนโลย : นาย นร ชพ นธ เป นผลด (น กว จ ย) - ระบบการจ ดการฟาร มท แม นยา - IOT เทคโนโลย เซนเซอร สาหร บการว ดและควบค มป จจ ยเพ อการเกษตร - เทคโนโลย เซนเซอร การเกษตร นาย พ ฒ พงศ ส ขร ตน (ผ ช วยน กว จ ย) - ว ศวกรรมซอฟต แวร (Software Engineer) นาย ป ยะ ชาต ไทยเจร ญ (ผ ช วยน กว จ ย) - ระบบฝ งต ว (Embedded System)