ใบความรู้ที่ 7 application paint pot
3 likes4,234 views
Application: PaintPot เป็นแอพลิเคชันที่สามารถวาดภาพด้วยสีต่างๆ ลงบนพื้นที่วางที่กำหนดไว้ได้ ดังรูป
1 of 5
Downloaded 496 times
![ครูณัฐพล บัวอุไร [www.nattapon.com] 1
การสร้างแอพลิเคชันด้วย MIT AppInventor
ใบความรู้ที่ 7
เรื่อง Application PaintPot
Application: PaintPot เป็นแอพลิเคชันที่สามารถวาดภาพด้วยสีต่างๆ ลงบนพื้นที่วางที่กาหนดไว้
ได้ ดังรูป
1. สร้างโปรเจ็คใหม่
คลิกปุ่ม New Project
ตั้งชื่อโปรแกรม PaintPot
กดปุ่ม OK
2. สร้างหน้าต่างโปรแกรม
เปลี่ยนชื่อ Screen1 เป็น PaintPot ด้วยการคลิกที่พื้นหลังโปรแกรม
ไปตั้งค่าในหน้าต่าง Properties หัวข้อ Title ดังรูป
](https://image.slidesharecdn.com/7applicationpaintpot-140615113243-phpapp02/85/7-application-paint-pot-1-320.jpg)
![ครูณัฐพล บัวอุไร [www.nattapon.com] 2
การสร้างแอพลิเคชันด้วย MIT AppInventor
ลากคอมโพเน้นท์ Button มาวางบนหน้าจอ 3 ปุ่ม แล้วปรับแต่งให้มีลักษณะดังรูป (เป็นปุ่ม
สาหรับเลือกสีสาหรับวาดรูป)
เปลี่ยนชื่อคอมโพเน้นท์ในหน้าต่าง Components ดังรูป (เปลี่ยนชื่อเพื่อให้รู้ว่าปุ่มไหนคือสีอะไร)
เลือกคอมโพเน้นท์ในกลุ่ม Layout แล้วลากคอมโพเน้นท์ HorizontalArrangement มาวางบน
หน้าจอ (เพื่อจัดรูปแบบปุ่มตามแนวนอน)
ลากปุ่มทั้ง 3 ปุ่มไปใส่ในคอมโพเน้นท์ HorizontalArrangement จะได้ผลลัพธ์ดังรูป
](https://image.slidesharecdn.com/7applicationpaintpot-140615113243-phpapp02/85/7-application-paint-pot-2-320.jpg)
![ครูณัฐพล บัวอุไร [www.nattapon.com] 3
การสร้างแอพลิเคชันด้วย MIT AppInventor
เลือกคอมโพเน้นท์ในกลุ่ม Drawing and Animation แล้วลากคอมโพเน้นท์ Canvas มาวางบน
หน้าจอ
ปรับขนาดของ Canvas ให้ด้านกว้าง (Width) = Fill parent และด้านสูง (Height) = 300
pixels
ลากคอมโพเน้นท์ Button มาวางด้านล่าง Canvas แล้วเปลี่ยนชื่อเป็น Clear (เป็นปุ่มสาหรับ
เคลียร์พื้นที่วาดรูปในกรณีที่ต้องการวาดใหม่) และเปลี่ยนชื่อปุ่มในหน้าต่างคอมโพเน้นเป็น ButtonWipe
](https://image.slidesharecdn.com/7applicationpaintpot-140615113243-phpapp02/85/7-application-paint-pot-3-320.jpg)
![ครูณัฐพล บัวอุไร [www.nattapon.com] 4
การสร้างแอพลิเคชันด้วย MIT AppInventor
3. การเขียนคาสั่งควบคุมโปรแกรม
คลิกปุ่ม Blocks เพื่อเข้าสู่หน้าต่างเขียนคาสั่งควบคุมโปรแกรม
ลากบล็อกคาสั่งต่างๆ มาใส่ในหน้าต่าง Viewer โดยให้มีบล็อกต่างๆ ดังนี้
บล็อคคาสั่งตั้งต่างปุ่มสีและปุ่มเคลียร์
บล็อกคาสั่งสาหรับวาดเส้นสีบนพื้นที่ Canvas](https://image.slidesharecdn.com/7applicationpaintpot-140615113243-phpapp02/85/7-application-paint-pot-4-320.jpg)
![ครูณัฐพล บัวอุไร [www.nattapon.com] 5
การสร้างแอพลิเคชันด้วย MIT AppInventor
4. ทดสอบ Application
คลิกเมนู Connect เลือก Emulator
รอจนกระทั่งโปรแกรมเปิดขึ้นมาสาเร็จ ดังรูป ซึ่งนักเรียนสามารถคลิกปุ่มสีและวาดรูปตาม
ต้องการลงบนพื้นที่ Canvas ได้](https://image.slidesharecdn.com/7applicationpaintpot-140615113243-phpapp02/85/7-application-paint-pot-5-320.jpg)
Ad
Recommended
ใบความรู้ที่ 6 application talk to me
ใบความรู้ที่ 6 application talk to meNattaponApplication: Talk To Me เป็นแอพลิเคชันที่สามารถออกเสียงตามข้อความที่กำหนด
ใบความรู้ที่ 8 application paint pot2
ใบความรู้ที่ 8 application paint pot2NattaponApplication: PaintPot 2 เป็นการพัฒนาต่อยอดจาก PaintPot แอพลิเคชันแรก โดยในเวอร์ชันนี้จะมีการเพิ่มฟังก์ชันปรับลดขนาดจุดสี และการเพิ่มปุ่มถ่ายรูปเข้าสู่โปรแกรม
ใบความรู้ที่ 10 application calculator
ใบความรู้ที่ 10 application calculatorNattaponApplication: Calculator หรือแอพลิเคชันเครื่องคิดเลข เป็นแอพลิเคชันที่มีการทำงานเกี่ยวกับการคำนวณเบื้องต้น การเขียนคำสั่งเพื่อคำนวณอย่างง่าย เพื่อให้โปรแกรมสามารถบวก ลบ คูณ และหารได้
ใบความรู้ที่ 3 เริ่มต้นเกี่ยวกับ mit app inventor 2
ใบความรู้ที่ 3 เริ่มต้นเกี่ยวกับ mit app inventor 2Nattaponเริ่มต้นเกี่ยวกับ MIT App Inventor 2
App Inventor 2 คืออะไร
ความต้องการของระบบ
คู่มือการอบรมครู การพัฒนาสื่อการเรียนการสอน ด้วย MIT App Inventor
คู่มือการอบรมครู การพัฒนาสื่อการเรียนการสอน ด้วย MIT App InventorSomchart Phaeumnartการพัฒนาสื่อการเรียนการสอน ด้วย MIT App Inventor
สิ่งที่จะได้เรียนรู้ในบทเรียนนี้
1. MIT App Inventor คืออะไร
2. การตั้งค่าและเปิดใช้งานโปรแกรม MIT App Inventor
3. การใช้งานโปรแกรม MIT App Inventor และการทดสอบโปรแกรมผ่าน Emulator
4. การเขียนโปรแกรม แก้ไขโปรแกรมด้วย Block Editor
5. Workshop1 การสร้าง Apps เปลี่ยนสี
6. Workshop2 การสร้าง Apps ทายตัวเลข
7. Workshop3 การสร้าง Apps มีเสียง สัตว์โลกผู้น่ารัก
8. Workshop4 การสร้าง Apps หนังสือแนะนำสถานที่ท่องเที่ยว
9. Workshop5 การสร้าง Apps สื่อการเรียนการสอน
10. การดาวน์โหลดแอพไปใช้งาน
11. การแก้ไขปัญหาที่เกิดขึ้นระหว่างการสร้างแอพ
ระยะเวลาสำหรับการฝึกอบรม 20 ชม.
กลุ่มเป้าหมาย กลุ่มคนทั่วไป และผู้มีความรู้เบื่องต้นเกี่ยวกับคอมพิวเตอร์
ใบความรู้ที่ 1 การใช้งานโปรแกรม visual studio 2010 เบื้องต้น
ใบความรู้ที่ 1 การใช้งานโปรแกรม visual studio 2010 เบื้องต้นNattapon
การติดตั้งโปรแกรม Microsoft visual studio 2010
การติดตั้งโปรแกรม Microsoft visual studio 2010Nattapon
การพัฒนาแบบฝึกทักษะการปฏิบัติประกอบสื่อการสอนโปรแกรม App inventor เพื่อเพิ่มผ...
การพัฒนาแบบฝึกทักษะการปฏิบัติประกอบสื่อการสอนโปรแกรม App inventor เพื่อเพิ่มผ...Mjjeje Mintรายงานวิจัยนี้ศึกษาผลสัมฤทธิ์ทางการเรียนของนักเรียนในรายวิชาโปรแกรมสาเร็จรูปบนอุปกรณ์พกพา หลังการใช้สื่อการสอน app inventor โดยพบว่าคะแนนหลังเรียนสูงกว่าคะแนนก่อนเรียนและนักเรียนมีความพึงพอใจในระดับสูงต่อการเรียนการสอนด้วยแบบฝึกการปฏิบัติที่พัฒนาขึ้น ผลการวิจัยแสดงให้เห็นถึงประสิทธิภาพของการใช้สื่อการสอนในการเพิ่มผลสัมฤทธิ์ทางการเรียนได้อย่างมีนัยสำคัญ.
ݺߣ sketchup
ݺߣ sketchupsmittichai chaiyawongโปรแกรม SketchUp เป็นโปรแกรมที่ สามารถสร้างงานเขียนแบบหรือภาพจำลองต่างๆ โดยเริ่มจากการเขียนภาพเส้นสองมิติขึ้นมา แล้วเปลี่ยนเส้นร่างให้เป็นชิ้นงานสามมิติ
ความรู้เบื้องต้นเกี่ยวกับโปรแกรม Dreamweaver CS6
ความรู้เบื้องต้นเกี่ยวกับโปรแกรม Dreamweaver CS6Khon Kaen University- ประวัติความเป็นมาของโปรแกรม Adobe Dreamweaver CS6
- ความรู้เบื้องต้นเกี่ยวกับโปรแกรม Adobe Dreamweaver CS6
- เริ่มต้นการใช้งานโปรแกรม Adobe Dreamweaver CS6
- ส่วนประกอบของหน้าจอโปรแกรม Adobe Dreamweaver CS6
โปรแกรม Sketch up
โปรแกรม Sketch upChainarong Maharakเป็นส่วนหนึ่งของรายวิชาการวิเคราะห์และออกแบบระบบงานคอมพิวเตอร์(ECE305)
คณะครุศาสตร์ มหาวิทยาลัยราชภัฏราชนครินทร์
ภาคเรียนที่ 2 ปีการศึกษา 2559
งานนำเสนอ หน่วยที่ 1 เรื่อง 1 ความรู้เบื้องต้นเกี่ยวกับโปรแกรมประมวลผลคำ
งานนำเสนอ หน่วยที่ 1 เรื่อง 1 ความรู้เบื้องต้นเกี่ยวกับโปรแกรมประมวลผลคำsutham lrp
Word, excel, and power point tutorial in Tamil
Word, excel, and power point tutorial in TamilNiva tharanIt just a basic tutorial guidance for Microsoft Word, Excel and PowerPoint..... Based on GIT (General Information Technology) for grade A/L (Advance Level) students
การเขียนรายงานโครงงานคอมพิวเตอร์ บทที่ 4 เเละ บทที่ 5
การเขียนรายงานโครงงานคอมพิวเตอร์ บทที่ 4 เเละ บทที่ 5Janchai Pokmoonphonการเขียนรายงานโครงงานคอมพิวเตอร์ บทที่ 4 เเละ บทที่ 5
1. Bài 1_Giới thiệu photoshop.pptx
1. Bài 1_Giới thiệu photoshop.pptxDungNguyen69008Tài liệu giới thiệu các cơ bản về phần mềm Adobe Photoshop, bao gồm các công cụ và phương pháp tạo vùng chọn, làm việc với layer, text và bộ lọc. Các bài học cung cấp kiến thức từ giao diện chương trình đến thao tác thực hành với ảnh, chú trọng vào cách tạo và chỉnh sửa vùng chọn. Mục tiêu là giúp người học nắm vững các thao tác cơ bản và thực hành với dự án đầu tiên trong Photoshop.
ใบความรู้ที่ 4 เริ่มต้นสร้างแอพลิเคชันด้วย mit app inventor
ใบความรู้ที่ 4 เริ่มต้นสร้างแอพลิเคชันด้วย mit app inventorNattaponเริ่มต้นสร้างแอพลิเคชันด้วย MIT App Inventor
ใบความรู้ที่ 1 หลักการและขั้นตอนการพัฒนา application
ใบความรู้ที่ 1 หลักการและขั้นตอนการพัฒนา applicationNattaponหลักการพัฒนาซอฟต์แวร์
ขั้นตอนการพัฒนาซอฟต์แวร์
More Related Content
What's hot (20)
การติดตั้งโปรแกรม Microsoft visual studio 2010
การติดตั้งโปรแกรม Microsoft visual studio 2010Nattapon
การพัฒนาแบบฝึกทักษะการปฏิบัติประกอบสื่อการสอนโปรแกรม App inventor เพื่อเพิ่มผ...
การพัฒนาแบบฝึกทักษะการปฏิบัติประกอบสื่อการสอนโปรแกรม App inventor เพื่อเพิ่มผ...Mjjeje Mintรายงานวิจัยนี้ศึกษาผลสัมฤทธิ์ทางการเรียนของนักเรียนในรายวิชาโปรแกรมสาเร็จรูปบนอุปกรณ์พกพา หลังการใช้สื่อการสอน app inventor โดยพบว่าคะแนนหลังเรียนสูงกว่าคะแนนก่อนเรียนและนักเรียนมีความพึงพอใจในระดับสูงต่อการเรียนการสอนด้วยแบบฝึกการปฏิบัติที่พัฒนาขึ้น ผลการวิจัยแสดงให้เห็นถึงประสิทธิภาพของการใช้สื่อการสอนในการเพิ่มผลสัมฤทธิ์ทางการเรียนได้อย่างมีนัยสำคัญ.
ݺߣ sketchup
ݺߣ sketchupsmittichai chaiyawongโปรแกรม SketchUp เป็นโปรแกรมที่ สามารถสร้างงานเขียนแบบหรือภาพจำลองต่างๆ โดยเริ่มจากการเขียนภาพเส้นสองมิติขึ้นมา แล้วเปลี่ยนเส้นร่างให้เป็นชิ้นงานสามมิติ
ความรู้เบื้องต้นเกี่ยวกับโปรแกรม Dreamweaver CS6
ความรู้เบื้องต้นเกี่ยวกับโปรแกรม Dreamweaver CS6Khon Kaen University- ประวัติความเป็นมาของโปรแกรม Adobe Dreamweaver CS6
- ความรู้เบื้องต้นเกี่ยวกับโปรแกรม Adobe Dreamweaver CS6
- เริ่มต้นการใช้งานโปรแกรม Adobe Dreamweaver CS6
- ส่วนประกอบของหน้าจอโปรแกรม Adobe Dreamweaver CS6
โปรแกรม Sketch up
โปรแกรม Sketch upChainarong Maharakเป็นส่วนหนึ่งของรายวิชาการวิเคราะห์และออกแบบระบบงานคอมพิวเตอร์(ECE305)
คณะครุศาสตร์ มหาวิทยาลัยราชภัฏราชนครินทร์
ภาคเรียนที่ 2 ปีการศึกษา 2559
งานนำเสนอ หน่วยที่ 1 เรื่อง 1 ความรู้เบื้องต้นเกี่ยวกับโปรแกรมประมวลผลคำ
งานนำเสนอ หน่วยที่ 1 เรื่อง 1 ความรู้เบื้องต้นเกี่ยวกับโปรแกรมประมวลผลคำsutham lrp
Word, excel, and power point tutorial in Tamil
Word, excel, and power point tutorial in TamilNiva tharanIt just a basic tutorial guidance for Microsoft Word, Excel and PowerPoint..... Based on GIT (General Information Technology) for grade A/L (Advance Level) students
การเขียนรายงานโครงงานคอมพิวเตอร์ บทที่ 4 เเละ บทที่ 5
การเขียนรายงานโครงงานคอมพิวเตอร์ บทที่ 4 เเละ บทที่ 5Janchai Pokmoonphonการเขียนรายงานโครงงานคอมพิวเตอร์ บทที่ 4 เเละ บทที่ 5
1. Bài 1_Giới thiệu photoshop.pptx
1. Bài 1_Giới thiệu photoshop.pptxDungNguyen69008Tài liệu giới thiệu các cơ bản về phần mềm Adobe Photoshop, bao gồm các công cụ và phương pháp tạo vùng chọn, làm việc với layer, text và bộ lọc. Các bài học cung cấp kiến thức từ giao diện chương trình đến thao tác thực hành với ảnh, chú trọng vào cách tạo và chỉnh sửa vùng chọn. Mục tiêu là giúp người học nắm vững các thao tác cơ bản và thực hành với dự án đầu tiên trong Photoshop.
การติดตั้งโปรแกรม Microsoft visual studio 2010
การติดตั้งโปรแกรม Microsoft visual studio 2010Nattapon
การพัฒนาแบบฝึกทักษะการปฏิบัติประกอบสื่อการสอนโปรแกรม App inventor เพื่อเพิ่มผ...
การพัฒนาแบบฝึกทักษะการปฏิบัติประกอบสื่อการสอนโปรแกรม App inventor เพื่อเพิ่มผ...Mjjeje Mint
ความรู้เบื้องต้นเกี่ยวกับโปรแกรม Dreamweaver CS6
ความรู้เบื้องต้นเกี่ยวกับโปรแกรม Dreamweaver CS6Khon Kaen University
งานนำเสนอ หน่วยที่ 1 เรื่อง 1 ความรู้เบื้องต้นเกี่ยวกับโปรแกรมประมวลผลคำ
งานนำเสนอ หน่วยที่ 1 เรื่อง 1 ความรู้เบื้องต้นเกี่ยวกับโปรแกรมประมวลผลคำsutham lrp
Word, excel, and power point tutorial in Tamil
Word, excel, and power point tutorial in TamilNiva tharan
การเขียนรายงานโครงงานคอมพิวเตอร์ บทที่ 4 เเละ บทที่ 5
การเขียนรายงานโครงงานคอมพิวเตอร์ บทที่ 4 เเละ บทที่ 5Janchai Pokmoonphon
Viewers also liked (9)
ใบความรู้ที่ 4 เริ่มต้นสร้างแอพลิเคชันด้วย mit app inventor
ใบความรู้ที่ 4 เริ่มต้นสร้างแอพลิเคชันด้วย mit app inventorNattaponเริ่มต้นสร้างแอพลิเคชันด้วย MIT App Inventor
ใบความรู้ที่ 1 หลักการและขั้นตอนการพัฒนา application
ใบความรู้ที่ 1 หลักการและขั้นตอนการพัฒนา applicationNattaponหลักการพัฒนาซอฟต์แวร์
ขั้นตอนการพัฒนาซอฟต์แวร์
ใบความรู้ที่ 2 การวางแผนจัดทำ application
ใบความรู้ที่ 2 การวางแผนจัดทำ applicationNattaponขั้นตอนการเตรียมก่อนการจัดทำ Apps
ขั้นตอนการจัดทำ App
การสร้าง Apps for Android ด้วย MIT App Inventor
การสร้าง Apps for Android ด้วย MIT App InventorSomchart Phaeumnartการสร้าง Apps for Android ด้วย MIT App Inventor โดย อ.สมชาติ แผ่อำนาจ
Workshop การสร้าง Apps For Android สำหรับค่ายวิทยาศาสตร์นักเรียนห้องเรียนพิเศษวิทยาศาสตร์ เครือข่ายภาคเหนือตอนบน 6-9 ต.ค. 2556 ณ โรงเรียนแม่สะเรียง "บริพัตรศึกษา"
ใบความรู้ที่ 3 เรื่องการเพิ่มฟอร์มและคำสั่งเปิดฟอร์ม
ใบความรู้ที่ 3 เรื่องการเพิ่มฟอร์มและคำสั่งเปิดฟอร์มNattapon
ใบความรู้ที่ 4 เริ่มต้นสร้างแอพลิเคชันด้วย mit app inventor
ใบความรู้ที่ 4 เริ่มต้นสร้างแอพลิเคชันด้วย mit app inventorNattapon
ใบความรู้ที่ 1 หลักการและขั้นตอนการพัฒนา application
ใบความรู้ที่ 1 หลักการและขั้นตอนการพัฒนา applicationNattapon
การสร้าง Apps for Android ด้วย MIT App Inventor
การสร้าง Apps for Android ด้วย MIT App InventorSomchart Phaeumnart
ใบความรู้ที่ 3 เรื่องการเพิ่มฟอร์มและคำสั่งเปิดฟอร์ม
ใบความรู้ที่ 3 เรื่องการเพิ่มฟอร์มและคำสั่งเปิดฟอร์มNattapon
Ad
Similar to ใบความรู้ที่ 7 application paint pot (20)
ใบความรู้ที่ 1 การใช้งานโปรแกรม visual studio 2010 เบื้องต้น
ใบความรู้ที่ 1 การใช้งานโปรแกรม visual studio 2010 เบื้องต้นNattapon
Basic Android Development: Widget & Event Hadling
Basic Android Development: Widget & Event HadlingBanyapon Poolsawasแนวคิดการเขียนโปรแกรม ตัวอย่างที่ 1 การใช้ Operation รับค่าจาก EditText1 ไปกระทำกับEditText2 แล้วแสดงผลออกมาใน TextView หลังจากกด Button
http://www.daydev.com
สร้างสื่อ Augmented Reality ง่ายๆ ด้วย Vidinoti
สร้างสื่อ Augmented Reality ง่ายๆ ด้วย VidinotiDr.Kridsanapong Lertbumroongchaiฝากติดตามกด Like 👍 กด Love ❤️ กด Share ⤴️ ที่ https://www.facebook.com/TouchPoint.in.th/
-------------------------------------------------
ฝากกด Subscribe ช่อง YouTube TouchPoint ที่
https://www.youtube.com/c/TouchpointTH
-------------------------------------------------
เว็บไซต์
http://touchpoint.in.th/
-------------------------------------------------
หนังสือดิจิทัล
https://touchpoint.in.th/book/VidinotiAR/
ใบความรู้ที่ 1 การใช้งานโปรแกรม visual studio 2010 เบื้องต้น
ใบความรู้ที่ 1 การใช้งานโปรแกรม visual studio 2010 เบื้องต้นNattapon
Basic Android Development: Widget & Event Hadling
Basic Android Development: Widget & Event HadlingBanyapon Poolsawas
สร้างสื่อ Augmented Reality ง่ายๆ ด้วย Vidinoti
สร้างสื่อ Augmented Reality ง่ายๆ ด้วย VidinotiDr.Kridsanapong Lertbumroongchai
Ad
More from Nattapon (19)
About Python
About PythonNattaponPython is an easy to learn, high-level, interpretive and object-oriented programming language created by Guido van Rossum that can be used to create web applications, games, desktop applications, databases, systems programs, and AI programs. It has a simple syntax, huge number of libraries, and runs on Windows, Linux, and Mac OS X. Major companies like YouTube, BitTorrent, Reddit, Instagram, and Google use Python for their platforms and applications.
มาตรฐานการศึกษา โรงเรียนเตรียมอุดมศึกษาพัฒนาการ ปทุมธานี
มาตรฐานการศึกษา โรงเรียนเตรียมอุดมศึกษาพัฒนาการ ปทุมธานีNattaponมาตรฐานการศึกษา โรงเรียนเตรียมอุดมศึกษาพัฒนาการ ปทุมธานี
รายงานการวิจัยการพัฒนาบทเรียนคอมพิวเตอร์บนเครือข่ายอินเตอร์เน็ต (E-Learning) ...
รายงานการวิจัยการพัฒนาบทเรียนคอมพิวเตอร์บนเครือข่ายอินเตอร์เน็ต (E-Learning) ...Nattaponการพัฒนาบทเรียนคอมพิวเตอร์บนเครือข่ายอินเตอร์เน็ต (E-Learning) วิชาการเขียนโปรแกรมขั้นสูง (ภาษาซี) ของนักเรียนระดับชั้นมัธยมศึกษาปีที่ 5 โรงเรียนเตรียมอุดมศึกษาพัฒนาการ ปทุมธานี
รายงานการวิจัยวิเคราะห์ผู้เรียนเป็นรายบุคคล ม.5/8
รายงานการวิจัยวิเคราะห์ผู้เรียนเป็นรายบุคคล ม.5/8Nattaponรายงานการวิจัยวิเคราะห์ผู้เรียนเป็นรายบุคคล ม.5/8
รายงานการวิจัยในชั้นรียนรื่องการพัոาบทเรียนคอมพิวตอร์บนครือข่ายอิȨทอร์...
รายงานการวิจัยในชั้นรียนรื่องการพัոาบทเรียนคอมพิวตอร์บนครือข่ายอิȨทอร์...Nattaponรายงานการวิจัยในชั้นเรียนเรื่องการพัฒนาบทเรียนคอมพิวเตอร์บนเครือข่ายอินเทอร์เน็ต (E-Learning) วิชาภาษาคอมพิวเตอร์ ของนักเรียนระดับชั้นมัธยมศึกษาปีที่ 5 โรงเรียนเตรียมอุดมศึกษาพัฒนาการ ลำลูกกา
รายงานผลการประเมินตนเอง ภาคเรียนที่ 2 ปีการศึกษา 2556
รายงานผลการประเมินตนเอง ภาคเรียนที่ 2 ปีการศึกษา 2556Nattapon
รายงานผลการประเมินตนเอง ภาคเรียนที่ 1 ปีการศึกษา 2556
รายงานผลการประเมินตนเอง ภาคเรียนที่ 1 ปีการศึกษา 2556Nattapon
ใบความรู้ที่ 4 เรื่องการเขียนโปรแกรมคำนวณเลขอย่างง่าย
ใบความรู้ที่ 4 เรื่องการเขียนโปรแกรมคำนวณเลขอย่างง่ายNattapon
ใบความรู้ที่ 2 เรื่องการใช้ message box และฟังก์ชันเปิดปิดโปรแกรม
ใบความรู้ที่ 2 เรื่องการใช้ message box และฟังก์ชันเปิดปิดโปรแกรมNattapon
ใบความรู้ที่ 1 การใช้งานโปรแกรม visual studio 2010 เบื้องต้น
ใบความรู้ที่ 1 การใช้งานโปรแกรม visual studio 2010 เบื้องต้นNattapon
รายงานผลการประเมินตนเอง ภาคเรียนที่ 1 ปีการศึกษา 2555
รายงานผลการประเมินตนเอง ภาคเรียนที่ 1 ปีการศึกษา 2555Nattapon
รายงานผลการประเมินตนเอง ภาคเรียนที่ 2 ปีการศึกษา 2555
รายงานผลการประเมินตนเอง ภาคเรียนที่ 2 ปีการศึกษา 2555Nattapon
ผลการจัดการเรียนการสอนแบบโครงงาน เพื่อพัฒนาทักษะด้านการเขียนโปรแกรมคอมพิวเตอร์
ผลการจัดการเรียนการสอนแบบโครงงาน เพื่อพัฒนาทักษะด้านการเขียนโปรแกรมคอมพิวเตอร์Nattapon
การวิเคราะห์ผู้เรียน ชั้นมัธยมศึกษาปีที่ 4/4 โรงเรียนเตรียมอุดมศึกษาพัฒนาการ...
การวิเคราะห์ผู้เรียน ชั้นมัธยมศึกษาปีที่ 4/4 โรงเรียนเตรียมอุดมศึกษาพัฒนาการ...Nattapon
มาตรฐานการศึกษา โรงเรียนเตรียมอุดมศึกษาพัฒนาการ ปทุมธานี
มาตรฐานการศึกษา โรงเรียนเตรียมอุดมศึกษาพัฒนาการ ปทุมธานีNattapon
รายงานการวิจัยการพัฒนาบทเรียนคอมพิวเตอร์บนเครือข่ายอินเตอร์เน็ต (E-Learning) ...
รายงานการวิจัยการพัฒนาบทเรียนคอมพิวเตอร์บนเครือข่ายอินเตอร์เน็ต (E-Learning) ...Nattapon
รายงานการวิจัยวิเคราะห์ผู้เรียนเป็นรายบุคคล ม.5/8
รายงานการวิจัยวิเคราะห์ผู้เรียนเป็นรายบุคคล ม.5/8Nattapon
รายงานการวิจัยในชั้นรียนรื่องการพัոาบทเรียนคอมพิวตอร์บนครือข่ายอิȨทอร์...
รายงานการวิจัยในชั้นรียนรื่องการพัոาบทเรียนคอมพิวตอร์บนครือข่ายอิȨทอร์...Nattapon
รายงานผลการประเมินตนเอง ภาคเรียนที่ 2 ปีการศึกษา 2556
รายงานผลการประเมินตนเอง ภาคเรียนที่ 2 ปีการศึกษา 2556Nattapon
รายงานผลการประเมินตนเอง ภาคเรียนที่ 1 ปีการศึกษา 2556
รายงานผลการประเมินตนเอง ภาคเรียนที่ 1 ปีการศึกษา 2556Nattapon
ใบความรู้ที่ 4 เรื่องการเขียนโปรแกรมคำนวณเลขอย่างง่าย
ใบความรู้ที่ 4 เรื่องการเขียนโปรแกรมคำนวณเลขอย่างง่ายNattapon
ใบความรู้ที่ 2 เรื่องการใช้ message box และฟังก์ชันเปิดปิดโปรแกรม
ใบความรู้ที่ 2 เรื่องการใช้ message box และฟังก์ชันเปิดปิดโปรแกรมNattapon
ใบความรู้ที่ 1 การใช้งานโปรแกรม visual studio 2010 เบื้องต้น
ใบความรู้ที่ 1 การใช้งานโปรแกรม visual studio 2010 เบื้องต้นNattapon
รายงานผลการประเมินตนเอง ภาคเรียนที่ 1 ปีการศึกษา 2555
รายงานผลการประเมินตนเอง ภาคเรียนที่ 1 ปีการศึกษา 2555Nattapon
รายงานผลการประเมินตนเอง ภาคเรียนที่ 2 ปีการศึกษา 2555
รายงานผลการประเมินตนเอง ภาคเรียนที่ 2 ปีการศึกษา 2555Nattapon
ผลการจัดการเรียนการสอนแบบโครงงาน เพื่อพัฒนาทักษะด้านการเขียนโปรแกรมคอมพิวเตอร์
ผลการจัดการเรียนการสอนแบบโครงงาน เพื่อพัฒนาทักษะด้านการเขียนโปรแกรมคอมพิวเตอร์Nattapon
การวิเคราะห์ผู้เรียน ชั้นมัธยมศึกษาปีที่ 4/4 โรงเรียนเตรียมอุดมศึกษาพัฒนาการ...
การวิเคราะห์ผู้เรียน ชั้นมัธยมศึกษาปีที่ 4/4 โรงเรียนเตรียมอุดมศึกษาพัฒนาการ...Nattapon
ใบความรู้ที่ 7 application paint pot
- 1. ครูณัฐพล บัวอุไร [www.nattapon.com] 1 การสร้างแอพลิเคชันด้วย MIT AppInventor ใบความรู้ที่ 7 เรื่อง Application PaintPot Application: PaintPot เป็นแอพลิเคชันที่สามารถวาดภาพด้วยสีต่างๆ ลงบนพื้นที่วางที่กาหนดไว้ ได้ ดังรูป 1. สร้างโปรเจ็คใหม่ คลิกปุ่ม New Project ตั้งชื่อโปรแกรม PaintPot กดปุ่ม OK 2. สร้างหน้าต่างโปรแกรม เปลี่ยนชื่อ Screen1 เป็น PaintPot ด้วยการคลิกที่พื้นหลังโปรแกรม ไปตั้งค่าในหน้าต่าง Properties หัวข้อ Title ดังรูป
- 2. ครูณัฐพล บัวอุไร [www.nattapon.com] 2 การสร้างแอพลิเคชันด้วย MIT AppInventor ลากคอมโพเน้นท์ Button มาวางบนหน้าจอ 3 ปุ่ม แล้วปรับแต่งให้มีลักษณะดังรูป (เป็นปุ่ม สาหรับเลือกสีสาหรับวาดรูป) เปลี่ยนชื่อคอมโพเน้นท์ในหน้าต่าง Components ดังรูป (เปลี่ยนชื่อเพื่อให้รู้ว่าปุ่มไหนคือสีอะไร) เลือกคอมโพเน้นท์ในกลุ่ม Layout แล้วลากคอมโพเน้นท์ HorizontalArrangement มาวางบน หน้าจอ (เพื่อจัดรูปแบบปุ่มตามแนวนอน) ลากปุ่มทั้ง 3 ปุ่มไปใส่ในคอมโพเน้นท์ HorizontalArrangement จะได้ผลลัพธ์ดังรูป
- 3. ครูณัฐพล บัวอุไร [www.nattapon.com] 3 การสร้างแอพลิเคชันด้วย MIT AppInventor เลือกคอมโพเน้นท์ในกลุ่ม Drawing and Animation แล้วลากคอมโพเน้นท์ Canvas มาวางบน หน้าจอ ปรับขนาดของ Canvas ให้ด้านกว้าง (Width) = Fill parent และด้านสูง (Height) = 300 pixels ลากคอมโพเน้นท์ Button มาวางด้านล่าง Canvas แล้วเปลี่ยนชื่อเป็น Clear (เป็นปุ่มสาหรับ เคลียร์พื้นที่วาดรูปในกรณีที่ต้องการวาดใหม่) และเปลี่ยนชื่อปุ่มในหน้าต่างคอมโพเน้นเป็น ButtonWipe
- 4. ครูณัฐพล บัวอุไร [www.nattapon.com] 4 การสร้างแอพลิเคชันด้วย MIT AppInventor 3. การเขียนคาสั่งควบคุมโปรแกรม คลิกปุ่ม Blocks เพื่อเข้าสู่หน้าต่างเขียนคาสั่งควบคุมโปรแกรม ลากบล็อกคาสั่งต่างๆ มาใส่ในหน้าต่าง Viewer โดยให้มีบล็อกต่างๆ ดังนี้ บล็อคคาสั่งตั้งต่างปุ่มสีและปุ่มเคลียร์ บล็อกคาสั่งสาหรับวาดเส้นสีบนพื้นที่ Canvas
- 5. ครูณัฐพล บัวอุไร [www.nattapon.com] 5 การสร้างแอพลิเคชันด้วย MIT AppInventor 4. ทดสอบ Application คลิกเมนู Connect เลือก Emulator รอจนกระทั่งโปรแกรมเปิดขึ้นมาสาเร็จ ดังรูป ซึ่งนักเรียนสามารถคลิกปุ่มสีและวาดรูปตาม ต้องการลงบนพื้นที่ Canvas ได้