App inventor 2 ให ป ม อย กลางจอ

From September 4 to 7, 2023, three members of the App Inventor community—Dr. Natalie Lao, Pedro Philippi Araújo, and Daeun Yoo—were invited to share their expertise on AI education at the inaugural UNESCO Digital Learning Week in Paris, France. A reboot of UNESCO’s Mobile Learning Week, Digital Learning Week is touted as the “new annual flagship event on digital learning and the transformation of education.”

2023 Teacher Excellence Awards Winners

Seven teachers—hailing from Malaysia, Italy, India, Brazil, and China—were recognized for their innovative use of App Inventor in educational settings. Hosted by the App Inventor Foundation, the Teacher Excellence Awards runs in conjunction with the yearly MIT App Inventor Summer Appathon.

In the training given by team members David Kim and Angie Zhou, students learned the basics of smartphone application development using the latest built-in components that can utilize generative AI, such as ChatBot and ImageBot, to create apps that talk to people or generate pictures from verbal content and more.

What if I told you that my job is to program a programming language that helps other people learn programming? Sounds meta but it’s true! I work as a software engineer on Google’s Blockly project, which is a free, open-source library for creating block-based programming languages.

เมอื่ เปด เวบ็ ไซต Thunkable.com ขน้ึ มาใหทาํ การคลิกสมัครตรงปุม Sign In บรเิ วณมุมบนดา นขวา ดังรปู

เมอ่ื ทา นกดปุม Sign In แลว ทานจะพบกับ หนาทีจ่ ะใหเ ราทําการสมัครดวยไอดีของ Google นะครบั ซึง่ ถา ใครมอี ีเมลของ Gmail แลวละก็ สามารถใชตัวน้ีไดเ ลยครบั

สรา งแอพพลเิ คชนั่ ดว ย THUNKABLE เบือ้ งตน 5

เครื่องมอื ตางๆ ในการพัฒนาแอพพลเิ คชน่ั

และนีค่ ือหนา หลกั ของเราในเวบ็ Thunkable ทีจ่ ะใหเ ราไดสรางแอพพลเิ คช่นั เปน ของเราเอง โดยที่ไมต องเขียน โคดโปรแกรมภาษาคอมพวิ เตอรใ หยงุ ยากเลยครับ ในหนาตางทแ่ี สดงตรงกลางก็จะมขี อความตอนรบั และบอกวาเรายงั ไมม ี โครงการใดๆ แลว บอกใหเราสรางโครงการใหมไดโ ดยกดปุม Create New App ใหเ รากด OK ไปกอนครบั แลว ลองศึกษาดู วา แตละสวนในหนา เว็บนคี้ อื อะไรบาง

1. Apps เปนเมนูเกีย่ วกับการสรางแอพพลเิ คช่ันโครงการใหม , การโหลดแอพพลิเคชั่นจากโปรแกรมอน่ื มาพฒั นาตอ , การบันทึกแอพพลเิ คชั่น และอ่นื ๆ

2. Test เปน เมนทู ใ่ี ชส าํ หรบั การทดสอบดูการทํางานของแอพพลิเคช่ันของเราในขณะทเี่ รากาํ ลงั ออกแบบ เรียกไดวา สามารถออกแบบพรอมกับดผู ลการออกแบบไดจากตวั โทรศัพทไ ปพรอมๆ กัน

3. Export เมอ่ื เราสรางแอพพลเิ คช่นั เรยี บรอยแลว เราสามารถใชเ มนูนใ้ี นการ Export File เพ่ือนําไปติดตง้ั ใน โทรศพั ทของเรา หรือไมก็สง ไปยงั แหลงท่ีรวบรวมแอพพลิเคชนั่ เพ่อื ขายหรือแจก

4. Help เมอื่ ตอ งการความชว ยเหลือ จะมเี มนูทเ่ี ชื่อมโยงไปสูแหลง ชมุ ชนท่ีใช Thunkable และ MIT App Inventor 5. Create New App ปุม สาํ หรบั สรา งแอพพลเิ คชัน่ โครงการใหม 6. Join our Community เชอ่ื มโยงไปสสู งั คมของ Thunkable และ MIT App Inventor 7. English เมนสู าํ หรับการเลือกภาษาทแ่ี สดงผลในเวบ็ ไซตน ้ีครบั ( ไมมภี าษาไทย ) 8. Account ไอดขี องผใู ชง านครับ 9. สว นหมายเลข 9. นี้ จะเปน พ้ืนท่ีที่โครงการแตล ะแอพพลิเคชั่นทเี่ ราสรางน้นั แสดงอยูครับ ในตอนแรกจะวางเปลา

สรางแอพพลิเคชน่ั ดวย THUNKABLE เบอ้ื งตน 6

เพือ่ ใหไ ดเ หน็ ภาพชัดเจนพรอมๆ กับการศึกษา คมู อื น้ีไปดวย ขอใหท า นทาํ การสราง Project ขึน้ มากอน โดยการคลิกที่ปุม Create New App

เม่ือคลิกแลวระบบจะใหทาํ การตง้ั ชื่อ App ใหท านตง้ั ชอื่ ไดตามใจชอบ ในบทนี้จะขอตั้งชื่อเปน First_App ระบบจะไมอนุญาตใหตัวแรกของชอื่ เปน ตัวเลข และไมร องรับช่อื ภาษาไทย

ขอมลู เพมิ่ เตมิ ไดม กี ารกลา วถึงคําวา MIT App Inventor ในขอ 4. และขอ 6. จะขออธบิ ายคอื MIT App Inventor เปนเว็บท่เี ปดบรกิ ารใหส มคั ร

และใชเครอ่ื งมอื ในเว็บเพื่อสรา งแอพพลิเคชนั่ ไดอยา งไมมีคา ใชจา ย และตอมาทาง MIT App Inventor กไ็ ดมกี ารแตกสาขาเพ่ิมมาอกี หน่ึง เวบ็ คอื เวบ็ Thunkable.com เปนเวบ็ เพื่อใชส รา งแอพพลิเคชัน่ เหมอื นกับเว็บ MIT App Inventor ดังน้นั เคร่อื งมือและรปู แบบในการ สรา งจะมีความเหมอื นกนั แทบทกุ ประการ แตใ นเว็บ Thunkable.com จะมีความหลากหลายมากกวา และมีเครอื่ งมือบางตวั ทเ่ี พิ่มเขามา ทงั้ นี้ เพราะทาง Thunkable.com มีแผนจะมีการเกบ็ คา ใชจ ายจากการใชงานในอนาคตน่นั เอง ดังนนั้ ทานสามารถทจี่ ะใชงานไดท ั้งเว็บ Thunkable.com และเว็บ MIT App Inventor โดยพมิ พ http://appinventor.mit.edu/explore/ และใชไอดเี ดียวกนั จาก Google แตค าดการณวา MIT App Inventor จะยงั คงเปด ใหบ ริการฟรีตอไป

สรางแอพพลิเคช่ันดวย THUNKABLE เบอ้ื งตน 7 เม่ือกดปุม OK เสร็จแลว จะปรากฏหนาตาของตัวเว็บทจ่ี ะใชใ นการสรา งแอพพลิเคช่ัน ซงึ่ จะมีเครื่องมือให หลากหลายมากมาย อาจทําใหเ กิดความสบั สน แตไมไดย ากอยางท่คี ดิ ครบั เม่ือทานเรียนรเู คร่ืองมือไปสองสามอยาง ทา นจะ เขาใจระบบการใชง านและปรับแตง เพราะใชว ธิ กี ารเดยี วกัน

และนีค่ ือหนาตาของบรรดาเครือ่ งมือทเี่ ราจะในการสรา งแอพพลิเคชัน่ ซึง่ มีความหลากหลายเพียงพอทจี่ ะสรางเว็บ ทมี่ คี วามซบั ซอ นได ถึงแมจะทาํ งานบนเวบ็ ไซต แตระบบตา งๆ ท่ีใหม านน้ั คลายกบั เราโหลดโปรแกรมใหญๆ มาไวใ นเคร่อื ง กนั เลยทีเดียว

หนา ตาและสว นตา งๆ ของการสรา งใน Thunkable

สรา งแอพพลเิ คช่นั ดว ย THUNKABLE เบือ้ งตน 8

1. ปมุ สลับโหมดการทํางาน มสี องโหมดคือ Designer เปนโหมดที่ ออกแบบหนาตาของแอพพลเิ คชนั่ การทํางานในโหมดนี้ ก็คือ การนาํ เอาปมุ เอาภาพ เอาเครอ่ื งมือตางๆ มาจัดวา งในหนาจอ แอพพลิเคชน่ั อกี โหมดการทํางานอนั ทสี่ องคือ Blocks คอื โหมดการสรางคําสงั่ ใหป ุม ภาพ หรือเคร่ืองมือตางๆ นัน้ ทาํ งานตามทเ่ี ราตองการ

2. Palette คอื สว นที่เราจะนํามาใสใ นแอพพลิเคชน่ั ของเรา ไมวาจะเปน ปุม ภาพ ชองกรอกขอความ เสียง วีดโี อ เรา สามารถลากจากตรงนี้ไปวางไวใ นหนา แอพพลเิ คชนั่

3. หนา จอแอพพลิเคชนั่ สําหรับออกแบบ เปน รูปโทรศัพทจาํ ลอง สามารถต้ังคาใหเ ปน แนวตง้ั หรือแนวนอนได แต ภาพทเ่ี หน็ ในหนา จอจาํ ลองกับเปดในมือถือจะไมตรงกนั ตําแหนงจะคลาดเคลอ่ื น ดังน้ันเวลาออกแบบหากตองการ ใหม คี วามแมน ยาํ เราจะทําการเช่ือมตอ กบั โทรศัพทเพื่อดูการแสดงผลในโทรศัพทไ ปดวย (จะมกี ารสอนในบทตอๆ ไป )

4. ปุม สลับหนา จอ หากมีแคหนา เดยี วจะใชชื่อวา Screen1 แตหากมีการสรางใหแอพพลเิ คช่ันมหี ลายหนา ก็จะมปี ุม Add Screen เปน ปมุ ท่ีสอง หรือหากจะลบก็กด Remove Screen เปนปุมที่สาม

5. สว นประกอบตางๆ ( Components ) สว นประกอบตางๆ ท่ีเราลากมาวางไวใ นหนาจอแอพพลเิ คชนั่ จะมรี ายช่อื เรียงลงมาแสดงอยูในชอง Components เพ่ือใหเราเลือกจัดการ

6. คุณสมบตั ิ ( Properties ) เม่อื เราเลือกสวนประกอบใดๆ แลว เราสามารถกาํ หนดคุณสมบตั ใิ หกับสงิ่ นนั้ ไดในชอง Properties เชน กําหนดสี ขนาดกวาง สงู ตัวหนังสือ และอนื่ ๆ

เมือ่ เราไดเ รียนรูหนา ตาครา วๆ ของเว็บ Thunkable แลว กอนทเ่ี ราจะทดลองใชแ ละศึกษาในแตล ะเคร่ืองมือในบท ตอ ๆ ไป ผมจะแสดงใหเ ห็นภาพคราวๆ ของการสรางแอพพลิเคช่นั กอนวาแนวในการสรา งเปนแบบไหน หากเรายอ นไปดู ตรงสว นประกอบขอ 1 จะมีการอธิบายบอกไวว า การสรา งมีการแบง การทํางานออกเปนสองโหมด คือ โหมดการออกแบบ และโหมดของการสรางคําส่งั เพอื่ รองรบั การทาํ งานในเบือ้ งหลัง เรามาลองดูแนวการสรางจากตวั อยางแอพพลิเคชั่นอยา ง งายที่จะขอยกตวั อยางมาใหด ูนะครับ

สรา งแอพพลเิ คชั่นดวย THUNKABLE เบือ้ งตน 9

ตัวอยา ง แอพพลิเคช่นั กลา วทกั ทายทักทาย

ในโหมดการออกแบบ Designer ในโหมดการการเขยี นคําสัง่ Blocks

ผมไดวางสวนประกอบลงในหนาแอพพลเิ คชนั่ ไป 2 เม่ือออกแบบหนา ตาในสว น Designer เรียบรอยแลว สวนคอื ปายขอ ความ ( Label1 )และปมุ (Button1) กาํ หนดขนาดและสขี องท้ังสองสวนประกอบ จึงเปล่ยี นมาสโู หมดการสรางคําสั่ง Blocks ผมไดลาก

บล็อกคาํ สั่งมาวางดังนี้ บล็อกสีนาํ้ ตาล = เม่ือกดปุม Button1 ใหทาํ ….. บลอ็ กสเี ขียว = ทาํ ใหขอความใน Label1 เปน…. บลอ็ กสีมวง = ขอ ความ “ HELLO! ”

และน่ีคือภาพหนา แอพพลเิ คช่นั จริงท่ไี ด เมื่อกดปุม กจ็ ะมีคําทักทายปรากฏในชองขอ ความสีขาว ดวย ตวั อยางคราวนีค้ งพอทําใหเ ห็นภาพ และหากเรา เรียนรูมากขนึ้ กจ็ ะสามารถสรา งแอพพลิเคชั่นที่ ตอบสนองตอ ความตองการไดมากขนึ้ โดยท่ไี ม จาํ เปนตอ งเขียนโคด ภาษาคอมพวิ เตอรใหยุงยาก

ขอมูลเพม่ิ เติม หากผใู ชมีความรูในเรอ่ื งภาษาคอมพิวเตอรก จ็ ะสามารถนําความรใู นเรื่องของการเขียนโปรแกรมมาสรา งคาํ สง่ั ใน Thunkable ได

อยา งงา ยดาย แตส วนตวั แลว ผเู ขยี นไมมคี วามรใู นดา นการเขยี นโปรแกรม แตไ ดศ กึ ษาการตอ บล็อกคําส่ังจากส่อื ตางๆ จนสามารถทาํ ตาม

และนาํ ไปประยกุ ตไ ดอยางงา ยดาย ดงั น้ันผทู ีไ่ มม ีความรดู า นภาษาคอมพิวเตอรเ หมือนผูเขยี นกค็ งไมย ากทีจ่ ะเรยี นรู

สรา งแอพพลิเคชนั่ ดว ย THUNKABLE เบือ้ งตน 10

บทท่ี 2 เรม่ิ ตนสรา งแอพพลิเคชั่นแรก ศึกษาเคร่ืองมืองา ยๆ โดยการสรา งแอพพลเิ คช่นั เล็กๆ

ในบทท่สี อง เราไดทําการสรางแอพพลเิ คชนั่ เปลา ๆ ไวต ัวหน่งึ ช่อื วา First_App ในบทนีเ้ ราจะมาพัฒนาใหเ จา First_App ตัวน้ี ใหเ ปนแอพพลเิ คช่ันทสี่ ามารถใชง านไดบนมอื ถือจริงๆ โดยเราจะใชสว นประกอบในแอพพลิเคช่ันไมมาก เพ่อื เปน การเร่ิมตน ( สําหรบั ใครทยี่ ังไมไดสมคั ร หรือสรา งแอพพลิเคชัน่ เปลา ๆ ไวรอ สามารถกลับไปดูในบทที่สองไดครบั ) สวนคนท่ีไดสมัครแลว ลอ็ คอนิ เขา เว็บไซตกจ็ ะเจอกับงานที่สรางคา งไว ใหคลกิ เปดเลยครับ

เมอื่ คลิกเขา ไปท่งี านของเราก็จะพบกบั หนา เปลาๆ โดยเราจะอยูท ่หี นาแรก (Screen1)

ขอมูลเพิ่มเตมิ การต้งั ช่ือแอพพลิเคชัน่ ใน Thunkable ไมส ามารถต้ังเปนภาษาไทยได ใชต วั เลขนําหนา ไมไ ด และควรตง้ั ชื่อใหตรงกับการทํางาน

ของแอพพลเิ คชนั่ เพราะเม่อื ทาํ การเผยแพรแ ลว ชอ่ื แอพพลิเคชนั่ จะเปน การส่ือท่ีตรงความหมายและคนหาไดง าย

สรางแอพพลเิ คช่ันดวย THUNKABLE เบื้องตน 11

WORKSHOP 1 : แอพใบหวย

การเรยี นรู

- การปรับแตงลักษณะของหนาแอพพลิเคช่นั - การใชป ุม (Button) เพือ่ สรา งเหตุการณ - การใชป า ยขอความ (Label)

ในการฝก ทําแอพพลิเคชนั่ นี้ ผมไดกําหนด แนวการทาํ งานของแอพพลิเคชั่นใบห วยไวค รา วๆ คือ จะทําแอพพลิเคชั่นทเี่ มื่อเรากดปมุ 1 ครงั้ กจ็ ะมี การสมุ ตวั เลขใหเ ราขนึ้ มา 3 ตัว แลวเมื่อเราตองการ จะปดแอพพลิเคชน่ั ก็ทาํ การกดปดอกี ปุมหน่งึ เมื่อไดแนวทางผมก็ออกแบบหนาตาพรอมกําหนดการทาํ งานบนดังภาพ

………………………………………………………………………………………………………………………….. ขน้ั ตอนที่ 1 กาํ หนดหนาแอพพลิเคชน่ั

A ใหท า นกดเลอื กสวนประกอบ ( Components ) ของ Sceen1 กอนนะครบั แลวชอ งสําหรับกําหนด คณุ สมบตั ิจะปรากฏในชองทางขวา ( Properties )

1 กําหนดการวางวตั ถใุ นแนวนอนใหเ ปนตรงกลาง ( Align Horizontal = Center ) 2 กําหนดการวางวตั ถุในแนวตงั้ ใหชดิ ขอบดา นบน ( Align Vertical = Top ) 3 เลือกสีพน้ื หลงั ตามใจชอบเลยครับ ในตวั อยางเปน สีนํา้ เงนิ Indigo 4 กาํ หนดใหแ อพพลเิ คช่ันของเราเปน แบบแนวตั้งหรือแนวนอน ในตวั อยา งเปน แนวตงั้ ( Portrait )

หมายเหตุ : สําหรับการปรบั แตงในชองอนื่ ๆ จะมกี ารสอนใน workshop ตอ ๆไปนะครบั ใครจะลองศกึ ษาแลว ปรับเองกอนกไ็ มห ามครับ

สรางแอพพลเิ คช่นั ดว ย THUNKABLE เบือ้ งตน 12 ขนั้ ตอนที่ 2 วาง Component (สวนประกอบ)

การนําสวนประกอบตางๆ มาใสใ นหนาแอพพลิเคชน่ั ของเรา ใหท า นหากลุมเครื่องมือ User Interface ซ่ึงจะอยู ทางดานซายมือ แลวกดตรงเมนู Label คา งไว ลากมาปลอยตรงกลางหนาจอแอพพลเิ คชนั่

เสรจ็ แลว ลาก Button มาวางตอ ขา งลาง ดังภาพ

สรางแอพพลเิ คชน่ั ดวย THUNKABLE เบื้องตน 13

หากเราลากสวนประกอบตางๆ มาวาง เร่อื ยๆ มันจะตอๆ กันลงมาเปนชน้ั ๆ แตหาก เราตอ งการใหสวนประกอบ วางเรยี งตอกนั ใน แนวนอน ตองใชกรอบแบบแนวนอน โดยกดตรง กลุม Layout ( ลกู ศรสีเหลือง ) แลว จะมกี รอบการ วางสว นประกอบตางๆ 5 รูปแบบ

Horizontal Arrangement เปน กรอบการวางเรยี งตอกันในแนวนอน Horizontal Scroll Arrangement เปนกรอบการวางเรยี งตอ กนั ในแนวนอนมแี ถบ เลอ่ื น Table Arrangement เปน กรอบการวางเรยี งตอในชอ งตาราง กําหนดจํานวนชองได Vertical Arrangement เปน กรอบการวางเรียงตอกนั ในแนวตั้ง Vertical Scroll Arrangement เปนกรอบการวางเรียงตอกันในแนวต้งั มแี ถบเลอ่ื น

ใน Workshop นี้ เราจะใช Horizontal Arrangement มาเปนกรอบเพ่ือวาง Label 3 อัน เรยี งตอ กนั ในแนวนอน ใหท ําการลากจากเมนูดานซายมาวางไวตอกับปุม ไดเลยครับ

สรา งแอพพลิเคช่นั ดวย THUNKABLE เบอ้ื งตน 14 เมอื่ ทา นไดกรอบการวางแนวนอน ( Horizontal Arrangement ) แลวใหลากปา ยขอความ ( Label )มาวางตอ กัน 4 ปมุ โดยกลับไปที่กลุม User Interface แลว ลาก Label มาวางเรยี งตอ กนั 4 อัน เพือ่ จะใหแสดงตัวเลขหวย

แตแ บบที่วางไวค ราวๆ เราตอ งการใหแ สดงตัวเลขแค 3 ตัว ใหป รากฏในแตละชอ งนน่ี า แปลวา เกินมา 1 Label ดงั น้ัน เราตอ งทําการลบสวนประกอบที่เปน Label ออก 1 อัน ( เพราะเราจะใบหวย 3 ตวั ตรงๆ )

เราจะลบ Label ตรงลกู ศรสเี หลืองชีอ้ อก 1 อัน โดย 1 เรากดเลอื ก Label 5 ตรงชอง Components แลว กด Delete ตรงปุมลาง ระบบจะถามวา ตกลงไหม กด OK แลวเรา กจ็ ะเหลือเพยี ง 3 Label

ขอมูลเพิ่มเตมิ เราสามารถใช Label เปน ที่วางขอ ความตา งๆ ได หรอื อาจสรา งคําส่งั ให Label แสดงขอความหรือตวั เลขจากสว นอนื่ ๆ ได

เชนเดยี วกัน ใน Workshop น้ี เราจะให Label แสดงขอความท่ีไดจ ากการสมุ

สรา งแอพพลิเคชน่ั ดว ย THUNKABLE เบ้อื งตน 15 เสร็จแลว ใหล ากเอา Button มาวางไวดา นลา ง Horizontal Arrangement อกี 1 หนง่ึ ปุม สําหรับใชเปน ปุมปด แอพพลิเคชน่ั

สว นประกอบ ( Component ) ทเ่ี รานาํ มาวางนั้น ระบบจะตั้งชื่อใหเ ราอตั โนมตั ิ แตชื่อทต่ี ้ังมาทาํ ใหส ับสน เวลาท่เี ราตอบล็อกคําสงั่ เราจะไมร ูวา สวนไหนทาํ หนาท่ี อะไร ดังน้ันเราจงึ ควรเปลีย่ นช่อื สวนประกอบท่ีเราจะ สรา งคําสั่ง โดยการคลกิ เลือกสว นประกอบในชอ ง Component แลวกดปุม Rename ดา นลางเพอ่ื เปล่ียนชื่อ ควรตั้งช่อื ตามตวั อยางกอนนะครบั เมือ่ ทา นชาํ นาญใน ระดับหน่ึงแลว จงึ คอยเปลี่ยนชอื่ ตามท่ีทา นตองการ

สรา งแอพพลิเคชั่นดว ย THUNKABLE เบอ้ื งตน 16 ในขั้นตอนนเ้ี ราจะมากาํ หนดคณุ สมบตั ิใหกับสวนประกอบแตล ะอยางกันนะครบั เรมิ่ ท่ี ปา ยขอความ TITLE โดยการคลกิ TITLE ในชอง Components แลว จะปรากฏชองคุณสมบตั ิของ TITLE ดานขวา ใหกาํ หนดตามภาพท่ีเหน็ เลย นะครับ

Background Color = None ( พนื้ หลังโปรง ไมมีสี ) Font Bold =  ( ทาํ ตัวหนงั สือใหเปนตัวหนา ) Font Size = 30 ( ขนาดของตัวหนงั สอื เทากับ 30 พอยท ) Height = Automatic ( ความสงู ของ Label TITLE นี้ เราใหเ ปน อัตโนมตั ิ ) Width = Fill parent ( กําหนดความกวา งใหก วางเต็มพื้นทซ่ี ายขวา ) Text = แอพพลเิ คชั่นใบห วย ( ขอความที่จะปรากฏบน Label TITLE ) Text Alignment = Center ( จดั วางขอความใหอ ยูกึง่ กลาง ) Text Color = Yellow ( สตี ัวหนังสือใหเปน สเี หลือง หรอื ที่ทา นชอบครบั ) สว นอน่ื ๆ ใน Properties ที่ไมไ ดว งสแี ดงไวใ หคงลักษณะเดมิ ไวน ะครบั คอ ยๆ เรียนรูไปทีละสวน

ขอมูลเพ่มิ เติม ในตอนตน ๆ จะอธบิ ายการใชงานอยางละเอยี ด เพือ่ สรา งความเขาใจ และใน Workshop ตอ ๆ ไป จะมีความกระชับมากขน้ึ เพราะ

เนื้อหาหรือการปรบั แตง ท่ไี ดกลา วไวอยา งละเอียดในตอนตนๆ น้ัน ทา นไดศ กึ ษาและเรียนรูการใชงานอยางละเอยี ด