สื่��อการเรยนการสื่อนเด็ ก โด็ยใช้�สื่�วนผู้��ติ�ด็ติ�อผู้��ใช้�แบบความเป็�นจร�งเสื่ร�ม.Educational media for Children using

Augmented Reality Technology.

บทนำ�� คว�มเป็�นำม�และคว�มสำ��ค�ญของป็�ญห�  ป็"จจ#บ$นสื่��อการเรยนการสื่อนได็�มความหลากหลายมากมายหลายป็ระเภท ท$+งสื่��อท�มภาพ เสื่ยง สื่$มผู้$สื่ ป็ระกอบ สื่��อออนไลน-และออฟไลน- ซึ่0�งสื่��อการเรยนการสื่อนในท#กว$นน+มล�กเล�นติ�างๆ เพ��อด็0งด็�ด็ความสื่นใจ เพ��มความเข้�าใจ เสื่ร�มสื่ร�างพ$ฒนาการติ�างๆให�ก$บผู้��เรยนร� � จากเด็�มท�มค#ณคร�สื่อนก$บกระด็านด็5า โด็ยมสื่��อการเรยนเป็�นหน$งสื่�อท�มภาพป็ระกอบสื่องม�ติ� ซึ่0�งท5าให�ผู้��อ�านเก�ด็ความเบ��อหน�ายท�จะเรยนร� � ไม�มความน�าสื่นใจ จ5าเจ ไม�สื่ามารถสื่��อความให�เห นภาพได็�ช้$ด็เจน ด็$งน$+นผู้��จ$ด็ท5าจ0งได็�เล งเห นถ0งป็ระโยช้น-ในการการสื่ร�างสื่��อการเรยนการสื่อนเสื่ม�อนจร�งสื่5าหร$บเด็ กในล$กษณะภาพสื่ามม�ติ� โด็ยใช้�สื่�วนติ�ด็ติ�อผู้��ใช้�แบบความจร�งเสื่ร�ม เพ��อให�เก�ด็ความแป็ลกใหม�ให�ก$บสื่��อการเรยนการสื่อน ติามความติ�องการในป็"จจ#บ$น

คว�มม��งหม�ยและว�ตถุ�ป็ระสำงค�ของก�รศึ!กษ�1. เพ��อศึ0กษาทฤษฏีในการสื่ร�างสื่��อการเรยนการสื่อนเด็ ก โด็ยใช้�สื่�วนติ�ด็ติ�อผู้��ใช้�แบบความเป็�นจร�งเสื่ร�ม2. เพ��อพ$ฒนาโป็รแกรมสื่5าหร$บเป็�นสื่��อการเรยนการสื่อนสื่5าหร$บเด็ กท�อย��ในล$กษณะท�มสื่�วนติ�ด็ติ�อผู้��ใช้�แบบความเป็�นจร�งเสื่ร�ม และเป็�นล$กษณะสื่ามม�ติ�3. เพ��อป็ระย#กติ-แนวทางการใช้�สื่�วนติ�ด็ติ�อผู้��ใช้�แบบความเป็�นจร�งเสื่ร�ม ในการสื่ร�างสื่��อการเรยนการสื่อนให�มความน�าสื่นใจ มความแป็ลกใหม� เพ��มความเข้�าใจ เสื่ร�มสื่ร�างพ$ฒนาการ

ขอบเขตของก�รศึ!กษ� 1. ศึ0กษาและพ$ฒนาระบบสื่��อการเรยนการสื่อนเด็ ก โด็ยใช้�สื่�วนติ�ด็ติ�อผู้��ใช้�แบบความเป็�นจร�งเสื่ร�ม 2. ศึ0กษาและพ$ฒนาระบบในล$กษณะการน5าเสื่นอภาพสื่ามม�ติ� 3. พ$ฒนาระบบเพ��อท5าให�ผู้��ใช้�ร� �สื่0กสื่นใจและเข้�าใจในบทเรยน ช้�วยเสื่ร�มสื่ร�างพ$ฒนาการมากย��งข้0+น 4. ศึ0กษาทฤษฎีเก�ยวก$บการสื่ร�างภาพสื่ามม�ติ� การสื่ร�างโด็ยใช้�สื่�วนติ�ด็ติ�อผู้��ใช้�แบบความเป็�นจร�งเสื่ร�ม และสื่��อการเรยนการสื่อนบทเรยนติ�างๆข้องเด็ ก ท�จ5าเป็�นติ�องใช้� และความเป็�นไป็ได็�เก�ยวก$บการน5าทฤษฏีและองค-ความร� �ติ�างๆมาป็ระย#กติ-ใช้�เพ��อให�โครงงานมความสื่มบ�รณ-ย��งข้0+น

ป็ระโยชนำ�ท%&ค�ดว��จะได*ร�บ 1. ผู้��จ$ด็ท5าได็�ร$บความร� �ในการพ$ฒนาระบบสื่��อการเรยนการสื่อนเด็ ก โด็ยใช้�สื่�วนติ�ด็ติ�อผู้��ใช้�แบบความเป็�นจร�งเสื่ร�ม 2. ผู้��จ$ด็ท5าได็�ร$บความร� �ทางด็�านการพ$ฒนาระบบท�น5าเสื่นอในล$กษณะภาพสื่ามม�ติ� 3. ท5าให�ผู้��ใช้�ร� �สื่0กสื่นใจและเข้�าใจในบทเรยน ช้�วยเสื่ร�มสื่ร�างพ$ฒนาการมากย��งข้0+น 4. เป็�นระบบติ�นแบบสื่5าหร$บผู้��ท�สื่นใจน5าแนวค�ด็น+ไป็พ$ฒนาป็ระย#กติ-ใช้�ในอนาคติ

พั�ฒนำ�ก�รของเด-ก

ช้�วงเวลาท�สื่5าค$ญท�สื่#ด็ในการเรยนร� �ข้องเด็ ก ค�อ ช้�วงอาย# แรกเก�ด็ – 6 ป็= เพราะการพ$ฒนาสื่มองข้องเด็ กในว$ยน+จะพ$ฒนาไป็ถ0ง 80 เป็อร-เซึ่ นติ-ข้องผู้��ใหญ� โด็ยควรจ$ด็ก�จกรรมการเรยนร� �ให�สื่อด็คล�องก$บพ$ฒนาการข้องเด็ ก โด็ยผู้�านการเล�น เพ��อให�เด็ กเรยนร� �อย�างมความสื่#ข้ จ$ด็สื่ภาพแวด็ล�อมท�เหมาะสื่ม

ก�รจ�ดก�รเร%ยนำร.*ให*เหม�ะสำมก�บพั�ฒนำ�ก�รของเด-ก            การจ$ด็ก�จกรรมการเรยนร� �สื่5าหร$บเด็ กควรค5าน0งถ0งสื่��งติ�างๆ ด็$งน+1. การเคล��อนไหวข้องร�างกาย  2. การร� �จ$กหาเหติ#ผู้ล ฝึ?กการสื่$งเกติ เป็รยบเทยบ การจ$ด็หมวด็หม��ข้องในช้ว�ติป็ระจ5าว$น3. ม�ติ�สื่$มพ$นธ์- การท�เด็ กได็�สื่$มผู้$สื่สื่��งติ�าง ๆ ท�เป็�นข้องจร�ง เรยนร� �จากป็ระสื่บการณ-ติรง การสื่$งเกติรายละเอยด็ข้องสื่��งติ�าง ๆ รอบติ$ว 4. การใช้�ภาษาสื่��อสื่ารโด็ยการป็ฏี�บ$ติ�จร�ง จากการพ�ด็ การฟ"งการอ�านและการเข้ยน 5. ให�เด็ กได็�ร� �จ$กฟ"งด็นติรแยกแยะเสื่ยงติ�าง ๆ ร�องเพลง เล�นเคร��องด็นติร 6. การมป็ฏี�สื่$มพ$นธ์-ก$บผู้��อ��น ฝึ?กการอย��ร �วมก$บผู้��อ��น

บทบ�ทของผู้.*ป็กครองท%&สำ�งเสำร1มก�รเร%ยนำร.*ของเด-กป็ฐมว�ย1. เป็Aด็โอกาสื่ให�เด็ กได็�เรยนร� �สื่��งติ�าง ๆ ด็�วยการลงม�อกระท5าโด็ยผู้�านป็ระสื่าทสื่$มผู้$สื่ท$+ง 52. ให�เด็ กได็�มโอกาสื่พ�ด็ในสื่��งท�ค�ด็และได็�ลงม�อกระท5าในสื่��งท�ถ�กติ�อง3. ผู้��ป็กครองติ�องร$บฟ"งในสื่��งท�เด็ กพ�ด็ด็�วยความติ$+งใจและพยายามเข้�าใจเด็ ก          4. ให�เด็ กได็�สื่$มผู้$สื่ก$บธ์รรมช้าติ�เพ��อเป็Aด็โอกาสื่ในการเรยนร� �ข้องเด็ กได็�กว�างมากข้0+น

ป็ระโยชนำ�ของคอมพั1วเตอร�สำ��หร�บเด-กป็ฐมว�ย1. ซึ่อฟติ-แวร-ม$ลติ�มเด็ย ท�ช้�วยสื่อนในเร��องการน$บจะมเสื่ยง ภาพ

เคล��อนไหว นอกจากช้�วยให�เด็ กสื่น#กสื่นาน และการฝึ?กฝึนทางคณ�ติศึาสื่ติร-ด็�วยตินเองหร�อมผู้��ป็กครองร�วมด็�วย ย$งท5าให�โอกาสื่ท�เด็ กจะได็�ร$บแนวค�ด็ผู้�ด็ๆ ท�เป็�นพ�+นฐานข้องการพ$ฒนาป็"ญญาทางด็�านน+มน�อยมาก

2. จากการศึ0กษาการว�จ$ยการใช้�คอมพ�วเติอร-ก$บเด็ กอน#บาล พบว�า เด็ กมการใช้�ภาษามากข้0+นเม��อใช้�คอมพ�วเติอร- เช้�น โป็รแกรมพ�มพ-งาน ซึ่0�งมเสื่ยงป็ระกอบข้�อความพ�มพ- และมภาพท�เก�ยวข้�องป็รากฏีข้0+นบนหน�าจอคอมพ�วเติอร-

3. โป็รแกรมท�มการใสื่�เสื่ยงลงไป็ เม��อเด็ กกด็น�+วลงบน คย-บอร-ด็ เด็ กจะได็�ย�นเสื่ยงโน�ติเพลงอ$นไพเราะ ซึ่0�งอาจเป็�นเสื่ยงท�คอมพ�วเติอร-สื่ร�างข้0+น เพ��อเลยนแบบเป็=ยโน ท5าให�เด็ กได็�มโอกาสื่ค�นหาป็ระสื่บการณ-แป็ลกใหม� ท�ก�อให�เก�ด็ป็"ญญาทางด็นติรด็�วยตินเอง

ข*อแนำะนำ��ในำก�รนำ��เทคโนำโลย%ม�ใช*ก�บเด-กป็ฐมว�ย  1.  ติ�องพ�จารณาในหล$กข้องความสื่อด็คล�องก$บหล$กการสื่น$บสื่น#นพ$ฒนาการข้องเด็ ก  และสื่อด็คล�องก$บหล$กสื่�ติร  2.  การพ�จารณาด็�านความเหมาะสื่มข้องเทคโนโลยน$+น จะติ�องช้�วยพ$ฒนาการท$+งด็�านสื่ติ�ป็"ญญาและทางสื่$งคมควบค��ก$นไป็ 3.  ติ�องน5ามาใช้�โด็ยการบ�รณาการก$บเคร��องม�ออ��นๆ ในล$กษณะข้องการเป็�นสื่ภาพแวด็ล�อมการเรยนร� �  และใช้�เป็�นสื่��งสื่น$บสื่น#นการเรยนร� �ข้องเด็ ก   

4.  การน5าเทคโนโลยเข้�ามาใช้� จะติ�องก5าหนด็ว$ติถ#ป็ระสื่งค-ข้องการน5ามาใช้�ท�ช้$ด็เจน  5.  เด็ กติ�องเข้�าใจว�า  เทคโนโลยทางการศึ0กษาน$+น  เป็�นเคร��องม�อท�มค#ณค�าในการสื่ร�างเสื่ร�มการเรยนร� �ข้องเด็ ก  จ0งควรให�โอกาสื่เด็ กท#กคนได็�เข้�าถ0งเทคโนโลย และรวมท$+งการให�ความร� �ความเข้�าใจแก�ผู้��ป็กครอง

ออกแบบสำ4&อสำ��หร�บใช*เพั4&อก�รศึ!กษ�สื่��อการสื่อน ค�อ การน5าว$สื่ด็# เคร��องม�อและว�ธ์การมา

ป็ระกอบในการถ�ายทอด็ความร� �และเน�+อหาไป็ย$งผู้��เรยน เพ��อให�ผู้��เรยนเก�ด็ความร� �ในสื่��งท�คร�ได็�ถ�ายทอด็ ติรงติามเน�+อหา ช้�วยให�ผู้��เรยนเรยนร� �ได็�ง�ายย��งข้0+น และช้�วยป็ระหย$ด็เวลา

การสื่อนน$บว�ามป็ระโยช้น-มากเพราะสื่��อการสื่อนเป็รยบเป็�นก#ญแจสื่5าค$ญท�จะช้�วยให�ผู้��เรยนได็�เข้�าใจในเน�+อหาและได็�เห นภาพได็�อย�างช้$ด็เจนย��งข้0+น มากกว�าท�บ#คลากรจะสื่อนโด็ยการมาบรรยายหร�อสื่อนติามเน�+อหา โด็ยไม�มอ#ป็กรณ-ช้�วยสื่อนเลย

ป็ระโยชนำ�ของสำ4&อก�รสำอนำ

           1. เป็Aด็โอกาสื่ให�ผู้��เรยนได็�เรยนร� �จากว$ติถ#ท�เป็�นร�ป็ธ์รรม กระติ#�นให�สื่ร�างแนวความค�ด็ด็�วยตินเอง       2. ผู้��เรยนเก�ด็ความสื่นใจในเร��องท�จะเรยนมากข้0+น       3. ช้�วยให�ผู้��เรยนเก�ด็การเรยนร� �ท�ง�ายติ�อการจด็จ5า       4. สื่�งเสื่ร�มให�ผู้��เรยนท5าก�จกรรมติ�าง ๆ ด็�วยตินเอง       5. น5าป็ระสื่บการณ-นอกห�องเรยนมาให�น$กเรยนศึ0กษาในห�องเรยนได็�

ก�รป็ระย�กต�ใช*ก�บโครงง�นำ   เด็ กควรร� �จ$กติ$วเลข้ได็�ติ$+งแติ� 1-10 หร�อบางทอาจถ0ง 20 สื่ามารถน$บเลข้ได็� อย�างน�อย 1-7 และร� �ระยะเวลาท�แติกติ�างก$นข้องแติ�ละว$น (อ�างอ�งจากหน$งสื่�อ ห$วใจแห�งการศึ0กษาสื่5าหร$บเด็ กว$ย 1-5 ข้วบ ข้องด็ร.ธ์รรมน�ญ นวลใจ,ป็= พ.ศึ.2541 : หน�า138-139)

เด็ กช้�วงป็ฐมว$ย ซึ่0�งเป็�นช้�วงเวลาท�ด็ท�สื่#ด็สื่5าหร$บการเสื่ร�มสื่ร�างพ$ฒนาการข้องมน#ษย- อกท$+งย$งเป็�นช้�วงแห�ง การวางรากฐานทางสื่ติ�ป็"ญญา ผู้��ป็กครองจ0งควรจ$ด็ก�จกกรมให�สื่มองได็�ร$บการกระติ#�นอย�างเหมาะสื่ม และติ�อเน��อง เป็�นการเติรยมความพร�อมท$+งทางร�างกาย สื่ติ�ป็"ญญา และอารมณ-

จ5านวนและติ$วเลข้ เด็ กป็ฐมว$ยหากได็�เรยนร� �จากการป็ฏี�บ$ติ�โด็ยการใช้�สื่��อข้องจร�งจะสื่�งผู้ลให�มท$กษะการร$บร� �เช้�งจ5านวนเน��องจากธ์รรมช้าติ�ได็�สื่ร�างให�สื่มองข้องเด็ กมบร�เวณท�เก�ยวข้�อง ก$บการร$บร� �เช้�งจ5านวน สื่�วนข้องสื่มองอย�างน�อย 3 บร�เวณ โด็ยสื่มองท$+ง 3 สื่�วนจะท5างานร�วมก$น พ$ฒนาการด็�านการร$บร� �เช้�งจ5านวนและคณ�ติศึาสื่ติร-เร��มติ$+งแติ�ป็ฐมว$ยและพ$ฒนาเร��อยไป็จนถ0งว$ยผู้��ใหญ�

เทคโนำโลย%ท%&ใช*ในำโครงง�นำ

1.Augmented Reality Technology การพ$ฒนาเทคโนโลยท�ผู้สื่านเอาโลกแห�งความเป็�นจร�ง

(Reality) และความเสื่ม�อนจร�ง (Virtual) เข้�าด็�วยก$น ผู้�านซึ่อฟติ-แวร-และอ#ป็กรณ-เช้��อมติ�อติ�างๆ เช้�น Webcam ซึ่0�งภาพเสื่ม�อนจร�งน$+นจะแสื่ด็งผู้ลผู้�านหน�าจอคอมพ�วเติอร-บน Monitor, บน Projector โด็ยภาพเสื่ม�อนจร�งท�ป็รากฏีข้0+นจะมป็ฏี�สื่$มพ$นธ์- (Interactive) ก$บผู้��ช้มได็�ท$นท อาจมล$กษณะท$+งท�เป็�นภาพน��งสื่ามม�ติ�, ภาพเคล��อนไหว หร�ออาจจะเป็�นสื่��อท�มเสื่ยงป็ระกอบ

ต�วอย��งก�รนำ�� Augmented Reality Technology ไป็ใช*

หล�กก�รท%&เก%&ยวข*องก�บ Augmented Reality Technology

- ระบบ Motion Detection ค�อ ระบบท�มไว�สื่5าหร$บติรวจสื่อบการเคล��อนไหวข้องว$ติถ# เพ��อใช้�ใน จ$บการเคล��อนไหว แบ�งเทคน�คได็� 2 ป็ระเภทค�อ background subtraction และ optical flow

- image processing  ค�อ เป็�นการป็ระย#กติ-ใช้�งานการป็ระมวลผู้ลสื่$ญญาณบนสื่$ญญาณ 2 ม�ติ� เช้�น ภาพน��ง (ภาพถ�าย) หร�อภาพวด็ท$ศึน- (วด็�โอ) นอกเหน�อจาก เทคน�คจากการป็ระมวลผู้ลสื่$ญญาณแล�ว การป็ระมวลผู้ลภาพก มเทคน�คและแนวความค�ด็ท�เฉพาะ เช้�น connectivity และ rotation invariance ซึ่0�งจะมความหมายก$บสื่$ญญาณ 2 ม�ติ�เท�าน$+น

ข�5นำตอนำว1เคร�ะห�ภ�พั ของ Marker based AR สื่ามารถแบ�งได็�เป็�น 3 ข้$+นติอน ได็�แก� Image Analysis, Pose Estimation และ 3D Graphic Rendering

Image Analysis / Marker Detection

ข้$+นติอนน+เป็�นข้$+นติอนการค�นหา Marker จากภาพท�ได็�จากกล�อง จะติ�องท5าการด็0งข้�อม�ลท�จ5าเป็�นข้อง Marker เช้�น ข้นาด็ข้อง Marker (ในหน�วย Cm.) และร�ป็แบบข้อง Marker เป็�นติ�น

กระบวนการ Image Analysis

Pose Estimation

เป็�นข้$+นติอนข้องการค5านวณค�าติ5าแหน�งเช้�ง 3 ม�ติ� (3D Pose) ข้อง Marker เม��อเทยบก$บกล�องวด็โอ ค�าน+จะถ�กแสื่ด็งในร�ป็เมติร�กซึ่-ข้นาด็ 4x4 (TCM) ท�ระบ#ความสื่$มพ$นธ์-ระหว�าง Camera Coordinated Frame และ Marker Coordinated Frame

3D rendering

สื่�วนน+เป็�นสื่�วนสื่#ด็ท�ายท�จะท5าให�กระบวนการ Augmented Reality ครบถ�วนสื่มบ�รณ- ซึ่0�งก ค�อ การเพ��ม (Augment) ข้�อม�ลท�ติ�องการซึ่0�งโด็ยท$�วไป็แล�วจะเป็�นโมเด็ล 3 ม�ติ� (3D Model) ลงไป็ในภาพท�ได็�จากกล�องวด็โอ ณ ติ5าแหน�งข้อง Marker

ข�5นำตอนำว1เคร�ะห�ภ�พั ของ Marker based AR สื่ามารถแบ�งได็�เป็�น 3 ข้$+นติอน ได็�แก� Image Analysis, Pose Estimation และ 3D Graphic Rendering

ข*อด%จ�กก�รนำ��ระบบ AR ม�ใช*1. เป็�นการสื่ร�างป็ระสื่บการณ-ท�แป็ลกใหม�ให�แก�ผู้��บร�โภค ถ�อเป็�น

อกทางเล�อกหน0�งในการเข้�าถ0งกล#�มล�กค�าท�เป็�นคนร# �นใหม�ท�ช้อบและสื่นใจเทคโนโลย

2. ผู้��ใช้�บร�การสื่ามารถค�นหาติ5าแหน�งและรายละเอยด็ข้องสื่�นค�าท�ตินติ�องการได็�อย�างถ�กติ�อง ช้$ด็เจน

3. บร�ษ$ทสื่ามารถสื่ร�าง Campaign ติ�างๆ เพ��อสื่ร�างความสื่นใจในติ$วสื่�นค�า จ0งสื่ามารถด็0งด็�ด็ล�กค�าและเพ��มยอด็ข้ายได็�เพ��มมากข้0+น

4. เพ��มโอกาสื่ข้องการค�าทาง Internet (E-commerce) เน��องจากการผู้��ซึ่�+อสื่ามารถเห นภาพจ5าลองข้องตินและสื่�นค�าก�อนท5าการสื่$�งซึ่�+อสื่�นค�า จ0งเป็�นการเป็Aด็ติลาด็ให�มผู้��ใช้�บร�การช้�องทางน+เพ��มมากข้0+น ซึ่0�งท$+งน+ย$งสื่�งผู้ลติ�อไป็ย$งผู้��ท�ติ�องการลงท#นท5าธ์#รก�จ โด็ยช้�วยลด็ค�าใช้�จ�ายในการลงท#น เน��องจากไม�จ5าเป็�นติ�องมหน�าร�านเพ��อให�บร�การ จ0งไม�ติ�องเสื่ยค�าเช้�าสื่ถานท� ค�าน5+า ค�าไฟฟDา ฯลฯ

5. เพ��มความน�าสื่นใจให�ก$บผู้��ใช้� โด็ยเฉพาะเด็ ก เพราะเด็ กจะได็�มสื่�วนร�วม เช้�น การยกหน$งสื่�อสื่�องไป็ท�กล�อง เพ��อให�เห นภาพสื่ามม�ติ� เป็�นการป็ล�กฝึ"งน�สื่$ยร$กการอ�านให�ก$บเด็ กมากย��งข้0+น

ข*อเสำ%ยจ�กก�รนำ��ระบบ AR ม�ใช*1. ไม�เหมาะก$บกล#�มคนท�อาจไม�ได็�มความร� �ด็�านเทคโนโลยมาก

น$ก 2. เข้�าถ0งผู้��บร�โภคในกล#�มท�จ5าก$ด็ โด็ยผู้��ใช้�บร�การติ�องมฐานะท�

ค�อนข้�างด็ เน��องจากการใช้�เทคโนโลย AR ติ�องอาศึ$ยอ#ป็กรณ-อ�เล กทรอน�กสื่-หลายอย�าง

3. การท�มกล#�มผู้��บร�โภคจ5าก$ด็ ท5าให�อาจไม�ค#�มก$บการลงท#นข้องบร�ษ$ทในการวางระบบเคร�อข้�ายติ�างรวมท$+งการท5าฐานข้�อม�ลติ�างๆ

4. ย$งข้าด็การสื่น$บสื่น#นจากภาคร$ฐบาล เน��องจากในการใช้�งาน อย�างเช้�น โทรศึ$พท-ม�อถ�อติ�องใช้�ระบบ 3G ซึ่0�งระบบด็$งกล�าวย$งไม�ครอบคล#มพ�+นท�ให�บร�การสื่�วนใหญ�

2.Adobe Flash

เป็�นโป็รแกรมท�ใช้�ในการเข้ยนสื่��อม$ลติ�มเด็ย ซึ่0�งม$นมความสื่ามารถในการรองร$บ ภาพแบบเวกเติอร- และ ภาพแบบแรสื่เติอร- และมภาษาสื่คร�ป็ติ-ท�เอาไว�ใช้�เข้ยนโด็ยเฉพาะเรยกว�า แอ กช้$นสื่คร�ป็ติ-(ActionScript) และย$งสื่ามารถเล�นเสื่ยงและวด็�โอ แบบสื่เติร�โอได็�

3.Actionscript

ActionScript เป็�นภาษาด็�านโป็รแกรมม��ง โด็ยเป็�นการเข้ยนสื่ค�ป็ติ- เพ��อควบค#มการท5างาน ด็�านติ�างๆ ข้องช้�+นงานท�สื่ร�างข้0+น เป็�นเหม�อนติ$วเช้��อมระหว�างสื่��งท�ผู้��ใช้�เข้�าใจก$บสื่��งท� Flash เข้�าใจ งานท�สื่ร�างจากโป็รแกรม Flash และมการเข้ยน ActionScript ควบค#มจะไม�ใช้�Animation ธ์รรมด็าอกติ�อไป็ แติ�จะเป็�นงานท�สื่ามารถโติ�ติอบก$บผู้��ใช้�ก$บได็�อย�างเติ มร�ป็แบบ

4.โมเดลสำ�มม1ต1

โมเด็ลสื่ามม�ติ� หร�อ 3D modeling หมายถ0งกระบวนการทางคณ�ติศึาสื่ติร-ในการสื่ร�างแบบจ5าลอง โด็ยจะใช้�แบบจ5าลองทางคณ�ติศึาสื่ติร- เพ��อให�เก�ด็ความสื่มจร�ง

5.FLARToolkit

เป็�นไลบาร�ท�จ5าลองข้องภาพเสื่ม�อนคอมพ�วเติอร-กราฟAกโด็ยแสื่ด็งผู้ลผู้�าน Browser ซึ่0�งจะใช้� Webcam เป็�นติ$วจ$บเคร��องหมาย (Marker)

6.ARToolKit Marker Generators

ใช้�ในการสื่ร�างเคร��องหมาย(marker) ให�เป็�นร�ป็แบบไฟล-ท�ARToolkit สื่ามารถน5าไป็ใช้�ติรวจจ$บและใช้�ในการข้ยายโมเด็ลสื่ามม�ติ�

ก�รว1เคร�ะห� และออกแบบสื่ามารถสื่ร#ป็ความติ�องการข้องโป็รแกรม ได็�ด็$งน+• สื่ามารถร$บภาพจากกล�องเว บแคมได็�• สื่ามารถติรวจจ$บเคร��องหมาย (Marker) ได็�• สื่ามารถแสื่ด็งผู้ลล$พธ์-ในล$กษณะภาพสื่ามม�ติ�ได็�ถ�กติ�อง• ท5าให�ผู้��ใช้�เก�ด็ความติ�องการท�จะลองใช้�โป็รแกรมด็�วยตินเอง ม

ความอยากร� � อยากลอง เก�ด็ท$กษะการเรยนร� �ด็�วยตินเอง • ท5าให�ผู้��ใช้�มความร� �เร��องการน$บเลข้ 1-10 ได็�ร� �จ$กจ5านวน 1-10• ท5าให�ผู้��ใช้�มความร� �เร��องจ5านวน 1-10 ท$+งภาษาไทย ภาษา

อ$งกฤษและภาษาจน

แผู้นำภ�พัย.สำเคสำ

ร�ยละเอ%ยดของแต�ละย.สำเคสำUser case Name :

เป็Aด็กล�อง ID : 1

Brief Description :

เป็Aด็กล�องเพ��อท5าการใช้�งานระบบ

Primary Actor :

ผู้��ใช้�

Related Use case :

-

Pre-conditions :

-

Post-conditions :

-

Relationships :

Association: - Include: - Extend: - Generalization: -

Flow of Events : 1. เข้�าสื่��โป็รแกรม

2.แสื่ด็งข้�อความถามความอน#ญาติเป็Aด็กล�องข้องผู้��ใช้�: 2.1 ถ�าเล�อกให�อน#ญาติเป็Aด็กล�องได็�2.2 ถ�าเล�อกไม�ให�อน#ญาติเป็Aด็กล�อง 2.2.1 โป็รแกรมจะแสื่ด็งข้�อความถามความ

อน#ญาติเป็Aด็กล�องอกคร$+ง3.กล�องข้องผู้��ใช้� ถ�กเป็Aด็ใช้�งาน

Exception Conditions : -

ร�ยละเอ%ยดของแต�ละย.สำเคสำUser case Name :

เล�นสื่��อ ID : 2

Brief Description :

ผู้��ใช้�ท5าการเล�นสื่��อป็ระกอบโป็รแกรม

Primary Actor :

ผู้��ใช้�

Related Use case :

-

Pre-conditions :

ติ�องมหน$งสื่�อท�ใช้�ป็ระกอบก$บโป็รแกรม

Post-conditions :

-

Relationships :

Association: - Include: การป็ระมวลผู้ลภาพ(ย�สื่เคสื่ ID:3) Extend: - Generalization: -

Flow of Events :1.น5าเคร��องหมาย(Marker)จากหน$งสื่�อมาสื่�องใน

พ�ก$ด็กล�อง2.โป็รแกรมท5าการป็ระมวลผู้ล Detect

เคร��องหมาย(Marker)น$+น3.โป็รแกรมแสื่ด็งภาพผู้ลล$พธ์-ผู้�านทางหน�าจอ

Exception Conditions :2.เคร��องหมาย(Marker)อย��ในสื่ภาพไม�สื่มบ�รณ- 2.1 โป็รแกรมไม�สื่ามารถท5า การ Detect

เคร��องหมาย(Marker)น$+นได็�

ร�ยละเอ%ยดของแต�ละย.สำเคสำUser case Name :

การป็ระมวลผู้ลภาพ ID : 3

Brief Description :

การป็ระมวลผู้ลติรวจสื่อบระบ#เคร��องหมาย(Marker)

Primary Actor :

ผู้��ใช้�

Related Use case :

-

Pre-conditions :

-

Post-conditions :

-

Relationships :

Association: - Include: - Extend: - Generalization: -

Flow of Events :1.ระบ#พ�ก$ด็จ#ด็สื่นใจท�

เคร��องหมาย(Marker)

2.ท5าการป็ระมวลผู้ลติรวจสื่อบระบ#เคร��องหมาย(Marker)น$+นException Conditions : -

ร�ยละเอ%ยดของแต�ละย.สำเคสำUser case Name :

ร$บภาพเข้�าระบบ ID : 4

Brief Description :

ท5าการร$บภาพเข้�ามาในระบบผู้�านกล�องเว บแคม

Primary Actor :

อ#ป็กรณ-ร$บภาพ(กล�อง)

Related Use case :

-

Pre-conditions :

-

Post-conditions :

ออกจากโป็รแกรม

Relationships :

Association: - Include: - Extend: - Generalization: -

Flow of Events :1. กล�องเว บแคมจ$บภาพ

2.สื่�งภาพเข้�าสื่��ระบบException Conditions : -

โครงสื่ร�างข้องบทเรยน

หน$งสื่�อสื่อนน$บเลข้ 1-10 หน�าข้วาม�อข้องท#กหน�าจะแสื่ด็งจ5านวนเลข้ สื่�วนหน�าทางซึ่�ายข้องหน$งสื่�อ จะเป็�น code ท�เอาไว�สื่�องก$บกล�อง webcam และ จะป็รากฏีเป็�นภาพสื่��งข้องอย��บนหน�าจอคอมพ�วเติอร- ติามจ5านวนติ$วเลข้น$+นๆ เช้�น เลข้ 1 เม��อเอา code ไป็สื่�องก$บกล�อง webcam ก จะป็รากฏีเป็�นสื่��งข้องจ5านวน 1 ช้�+น ซึ่0�งมความหมายถ0ง จ5านวน 1 น$�นเอง

THE END.