กฤษดา ใจเย็น สนุกไปกับการเขียน ... ·...

76
สนุกไปกับการเขียนโปรแกรมเบื ้องต้นด้วย micro:bit กฤษดา ใจเย็น https://1drv.ms/p/s!AjyV7tgYBxHbhfk5RiQNXI2nC5OfRA

Transcript of กฤษดา ใจเย็น สนุกไปกับการเขียน ... ·...

Page 1: กฤษดา ใจเย็น สนุกไปกับการเขียน ... · 2020-01-23 · makeCode. ขั้นตอนการพัฒนาโปรแกรม.

สนกไปกบการเขยนโปรแกรมเบองตนดวย micro:bit กฤษดา ใจเยน

https://1drv.ms/p/s!AjyV7tgYBxHbhfk5RiQNXI2nC5OfRA

Page 2: กฤษดา ใจเย็น สนุกไปกับการเขียน ... · 2020-01-23 · makeCode. ขั้นตอนการพัฒนาโปรแกรม.
Page 3: กฤษดา ใจเย็น สนุกไปกับการเขียน ... · 2020-01-23 · makeCode. ขั้นตอนการพัฒนาโปรแกรม.

เมอเสยบเขากบคอมพวเตอร มองเปนแฟลชไดรฟ

Page 4: กฤษดา ใจเย็น สนุกไปกับการเขียน ... · 2020-01-23 · makeCode. ขั้นตอนการพัฒนาโปรแกรม.

ผาน USBคอมพวเตอร

ถาน AA 2 กอน 3V

คบดานขาง 3V คบทจดตอ 3V แหลงจายไฟขว USB ภายนอก

Page 5: กฤษดา ใจเย็น สนุกไปกับการเขียน ... · 2020-01-23 · makeCode. ขั้นตอนการพัฒนาโปรแกรม.

ใชปากคบทาโครงงานตางๆ งายๆ

Page 6: กฤษดา ใจเย็น สนุกไปกับการเขียน ... · 2020-01-23 · makeCode. ขั้นตอนการพัฒนาโปรแกรม.

ใชสกร 3 มม. เพอชวยนาไฟฟากได

Page 7: กฤษดา ใจเย็น สนุกไปกับการเขียน ... · 2020-01-23 · makeCode. ขั้นตอนการพัฒนาโปรแกรม.

มขาใหใชงานมากถง 21 ขา

Page 8: กฤษดา ใจเย็น สนุกไปกับการเขียน ... · 2020-01-23 · makeCode. ขั้นตอนการพัฒนาโปรแกรม.

ผานขวตอแบบสลอต

Page 9: กฤษดา ใจเย็น สนุกไปกับการเขียน ... · 2020-01-23 · makeCode. ขั้นตอนการพัฒนาโปรแกรม.

LED แบบ NeoPixel (P8)

ลาโพงเปยโซ (P0)

จดเชอมตอมาตรฐาน inex

จดเชอมตอแบบ IDC ตวเมย

ตวตานทานปรบคาได (P2) ทดสอบอานคาอะนาลอก

สวตช A และ B ตอตรงกบ micro:bit

จดตอขยาย I2C บส

คอนเนกเตอรเสยบ micro:bit

Page 10: กฤษดา ใจเย็น สนุกไปกับการเขียน ... · 2020-01-23 · makeCode. ขั้นตอนการพัฒนาโปรแกรม.

เขยนโคดกบ micro:bitใหเขาไปท microbit.orgเลอกหวขอ Let's Code

Page 11: กฤษดา ใจเย็น สนุกไปกับการเขียน ... · 2020-01-23 · makeCode. ขั้นตอนการพัฒนาโปรแกรม.
Page 12: กฤษดา ใจเย็น สนุกไปกับการเขียน ... · 2020-01-23 · makeCode. ขั้นตอนการพัฒนาโปรแกรม.
Page 13: กฤษดา ใจเย็น สนุกไปกับการเขียน ... · 2020-01-23 · makeCode. ขั้นตอนการพัฒนาโปรแกรม.

ซอฟตแวร MakeCode

byMicrosoft

Page 14: กฤษดา ใจเย็น สนุกไปกับการเขียน ... · 2020-01-23 · makeCode. ขั้นตอนการพัฒนาโปรแกรม.

ภาษา Python

Page 15: กฤษดา ใจเย็น สนุกไปกับการเขียน ... · 2020-01-23 · makeCode. ขั้นตอนการพัฒนาโปรแกรม.

https://codewith.mu/ micro Python ทางานแบบ Offline

Page 16: กฤษดา ใจเย็น สนุกไปกับการเขียน ... · 2020-01-23 · makeCode. ขั้นตอนการพัฒนาโปรแกรม.

ภาษา C กบ Arduino

Page 17: กฤษดา ใจเย็น สนุกไปกับการเขียน ... · 2020-01-23 · makeCode. ขั้นตอนการพัฒนาโปรแกรม.

makeCode ขนตอนการพฒนาโปรแกรม

ลากบลอกเพอสรางโคดโปรแกรม

ทดสอบผาน Simulator

ตอบอรด micro:bit ผาน USB

copy ไฟลไสไดรฟของ micro:bit

จาลองการทางาน

Page 18: กฤษดา ใจเย็น สนุกไปกับการเขียน ... · 2020-01-23 · makeCode. ขั้นตอนการพัฒนาโปรแกรม.

เลอนขอความ

Page 19: กฤษดา ใจเย็น สนุกไปกับการเขียน ... · 2020-01-23 · makeCode. ขั้นตอนการพัฒนาโปรแกรม.

ปรบเปลยนดวย JavaScript

เมอเปลยนกลบบลอกจะกลายเปนสเทา

Page 20: กฤษดา ใจเย็น สนุกไปกับการเขียน ... · 2020-01-23 · makeCode. ขั้นตอนการพัฒนาโปรแกรม.

ไฟกะพรบ

Page 21: กฤษดา ใจเย็น สนุกไปกับการเขียน ... · 2020-01-23 · makeCode. ขั้นตอนการพัฒนาโปรแกรม.

Pair device เพอเชอมตอ micro:bit ผาน webUSB (Google Chrome เทานน)

กดดาวนโหลด ไดทนท เพอสงไฟลไปยง nano:bitใชเพอการสอสารขอมลอนกรมไดดวยรองรบเฉพาะ Google Chrome และ Windows 10 เทานน

Page 22: กฤษดา ใจเย็น สนุกไปกับการเขียน ... · 2020-01-23 · makeCode. ขั้นตอนการพัฒนาโปรแกรม.

ตรวจสอบเหตการณกดปม A B

Page 23: กฤษดา ใจเย็น สนุกไปกับการเขียน ... · 2020-01-23 · makeCode. ขั้นตอนการพัฒนาโปรแกรม.

การเอยง แสดงตวเลข

Page 24: กฤษดา ใจเย็น สนุกไปกับการเขียน ... · 2020-01-23 · makeCode. ขั้นตอนการพัฒนาโปรแกรม.

สมคาตวเลขเมอมการเขยา

Page 25: กฤษดา ใจเย็น สนุกไปกับการเขียน ... · 2020-01-23 · makeCode. ขั้นตอนการพัฒนาโปรแกรม.

นบคาตวเลข เพมคาขนเรอยๆ

https://makecode.microbit.org/_49113v99qK15

Page 26: กฤษดา ใจเย็น สนุกไปกับการเขียน ... · 2020-01-23 · makeCode. ขั้นตอนการพัฒนาโปรแกรม.

นบคาตวเลข เพมคา/ลดคาดวยการกดปม

https://makecode.microbit.org/_Eyga9CYEJ867

Page 27: กฤษดา ใจเย็น สนุกไปกับการเขียน ... · 2020-01-23 · makeCode. ขั้นตอนการพัฒนาโปรแกรม.

https://makecode.microbit.org/ ergJ9h9a2Pk0

ใหคาเปนจรงเมอสวตชถกกด

ใชคาสง if ตรวจสอบเงอนไขจากการกดสวตช A B

Page 28: กฤษดา ใจเย็น สนุกไปกับการเขียน ... · 2020-01-23 · makeCode. ขั้นตอนการพัฒนาโปรแกรม.

นบคาขนเรอยๆ ถามากกวา 9 เคลยรเปน 0

https://makecode.microbit.org/_fkFak8ghjM7T

Page 29: กฤษดา ใจเย็น สนุกไปกับการเขียน ... · 2020-01-23 · makeCode. ขั้นตอนการพัฒนาโปรแกรม.

forever หลายตวทางานดวยกนไดMulti Tasking

Page 30: กฤษดา ใจเย็น สนุกไปกับการเขียน ... · 2020-01-23 · makeCode. ขั้นตอนการพัฒนาโปรแกรม.

Ex04 ระบบแจงเตอนอณหภมสงเกนดวยเสยง

ถาอณหภมสงเกน 29 องศา ใหมเสยงออกลาโพงขณะเดยวกนให หนาตาง Console และ LED 5x5 แสดงคาอณหภมอยางตอเนองไปดวย

Page 31: กฤษดา ใจเย็น สนุกไปกับการเขียน ... · 2020-01-23 · makeCode. ขั้นตอนการพัฒนาโปรแกรม.

Ex07 อานคาขอมลจากเซนเซอรวดความเรง acceleration

ตวอยางน ทดสอบอานคาความเอยงในแนวแกน x นาคามาแสดงท LED 5x5 โดยถาเปนซมเลเตอร จะเหนคาของตวเลข ax มการเปลยนแปลงในชวง -1023 ถง 1023

ใชเพออานคาความเรงตามแนวแกน XYZคาอยในชวง -1023 ถง 1023

Page 32: กฤษดา ใจเย็น สนุกไปกับการเขียน ... · 2020-01-23 · makeCode. ขั้นตอนการพัฒนาโปรแกรม.

Ex08 ทดสอบอานคาในแนวแกน x แปลงคาเพอแสดงคา 0-4 (เลขทศนยม)

จากระยะ -1023 ถง 1023 ถาตองการเปลยนแปลงคา ใหอยในชวง 0-4อาจเขยนเปนสมการคณตศาสตรงายๆ ดงนผลลพธ = (ax+1023) / 400โดยคา ax คอคาทอานไดจาก accelerationตวอยาง ถา ax เทากบ 0ผลลพธ = (0+1023)/400 = 2.56ผลลพธจานวนเตมคอ 2

การทดสอบ ทาการเอยง micro:bit ไปทางดานซายหรอดานขวา หนาจอจะแสดงตวเลขอยในชวง 0-4 (ในรปของเลขทศนยม)

Page 33: กฤษดา ใจเย็น สนุกไปกับการเขียน ... · 2020-01-23 · makeCode. ขั้นตอนการพัฒนาโปรแกรม.

Ex09 ทดสอบอานคาในแนวแกน x แปลงคาเพอแสดงคา 0-4 (เปนจานวนเตม)

คาสงเพมเตมทเกยวของ เพอปดเลขใหกลายเปนจานวนเตม

ถาคามากกวาหรอเทากบ 2.5 ปดขน

ปดคาขน

ปดคาลง

ถาคาเปนบวกปดขน คาเปนลบปดลง

Page 34: กฤษดา ใจเย็น สนุกไปกับการเขียน ... · 2020-01-23 · makeCode. ขั้นตอนการพัฒนาโปรแกรม.

Ex10 ทดสอบอานคาในแนวแกน x แปลงคาเพอแสดงท LED แนวนอน 5 ดวง

การทดสอบ เมอเอยงบอรดไปทางดานซาย LED จะตดทตาแหนงซายสด เมอเลอนบอรดไปทางขวา LED จะเลอนตาแหนงตดไปเรอยๆ โดยคาสง plot x จะกาหนดคาแกน y คงทไวทหมายเลข 2 สวนแกน x เปลยนแปลงตามการเอยง ทกๆ ครงกอนการแสดง LED จะให clear screen เพอดบ LED ทงหมดกอน จะไดไมม LED คงเหลอตดคางอยทหนาจอ

ให LED ตดในพกด x และ y ทกาหนด ให LED ทตดอยทงหมดดบ

คาสงทตองใชกบกจกรรมน

Page 35: กฤษดา ใจเย็น สนุกไปกับการเขียน ... · 2020-01-23 · makeCode. ขั้นตอนการพัฒนาโปรแกรม.

Ex11 แสดงผล LED ดวยพกดทง x และ y

การแสดง LED จดเดยวแตควบคมตาแหนงดวยคาความเอยงทงแกน x และแกน y โดยในทนจะสรางตวแปร x และ y ขนมาเพอเกบคาความเอยงทงสองแนวกอน เพอใหโคด plot x y ในบรรทดสดทายไมยาวเกนไปการทดสอบ สามารถเอยง micro:bit ซายขวา บนลาง เพอให LED เคลอนทไปยงตาแหนงทตองการได

https://makecode.microbit.org/_Ym2W1WY90Fmt

Page 36: กฤษดา ใจเย็น สนุกไปกับการเขียน ... · 2020-01-23 · makeCode. ขั้นตอนการพัฒนาโปรแกรม.

Ex12 เกมตามหาแสงไฟ

การทางานของโปรแกรม

ตวอยางเกมสน จะใช LED 5x5 เปนหนาทหลก โดยใชคาสง plot สาหรบแสดงผล LED unplot สาหรบปดการแสดงผลในตาแหนงทระบ กอนอน โปรแกรมจะสมตวเลข 0 ถง 4 เพอระบพกดทง x และ y กอน จากนนจะใหแสดงผล LED ทเกดขนจากการเอยงของเรา โดยเพอใหเกดความตางระหวาง LED ของไฟกบของเรา LED ของเราจงจาเปนตองเปนลกษณะกะพรบ สงทเราตองทาคอ พยายามเอยงให LED ของเราไปทบตาแหนงของ LED ของไฟ โดยถาเกดการทบกน เงอนไขการตรวจสอบเปนจรง จะทาการปดไฟในตาแหนงนน และสมไฟในตาแหนงใหม ทาแบบนไปเรอยๆ

Page 37: กฤษดา ใจเย็น สนุกไปกับการเขียน ... · 2020-01-23 · makeCode. ขั้นตอนการพัฒนาโปรแกรม.

ใหคาแสงจาก LED 5x5

https://makecode.microbit.org/_Fxc9jmdT4iVX

แสดงหนายมเมอไดรบแสง

0-255micro:bit ใชคณสมบตเซมคอนดคเตอรของ

เมอไดรบแสงจะเปลยนเปนแรงดนไฟฟา

Page 38: กฤษดา ใจเย็น สนุกไปกับการเขียน ... · 2020-01-23 · makeCode. ขั้นตอนการพัฒนาโปรแกรม.

https://makecode.microbit.org/_Dxviq3JvhDXs

LED ไลตดทละดวงในแนวนอน

Page 39: กฤษดา ใจเย็น สนุกไปกับการเขียน ... · 2020-01-23 · makeCode. ขั้นตอนการพัฒนาโปรแกรม.

https://makecode.microbit.org/_a7a3vWDM9dWd

LED ไลตดทละดวงจนครบ 25 ดวง

Page 40: กฤษดา ใจเย็น สนุกไปกับการเขียน ... · 2020-01-23 · makeCode. ขั้นตอนการพัฒนาโปรแกรม.

แสดงคาอณหภมดวย Bargraph

การแสดงดวยตวเลขใชเวลานานในการเหนผลลพธplot bar graph ใชแสดงผลออกหนา Console ไดดวย

Page 41: กฤษดา ใจเย็น สนุกไปกับการเขียน ... · 2020-01-23 · makeCode. ขั้นตอนการพัฒนาโปรแกรม.

ดผลผานหนาตาง Console

โคดเดมกอนหนาน

ใช Show console Device ดคาอณหภม

Page 42: กฤษดา ใจเย็น สนุกไปกับการเขียน ... · 2020-01-23 · makeCode. ขั้นตอนการพัฒนาโปรแกรม.

วดอณหภมจาก CPU

วดคาแสงจากคณสมบต เซมคอนดคเตอรของ LED

อานคาขอมลหลายชด แสดงท console

Page 43: กฤษดา ใจเย็น สนุกไปกับการเขียน ... · 2020-01-23 · makeCode. ขั้นตอนการพัฒนาโปรแกรม.

กราฟแสดงคาอณหภม กบคาแสง

Page 44: กฤษดา ใจเย็น สนุกไปกับการเขียน ... · 2020-01-23 · makeCode. ขั้นตอนการพัฒนาโปรแกรม.

อานคาอะนาลอกจากตวตานทานปรบคาได

คาอะนาลอกทอานไดจากตวตานทานปรบคาได มขนาด 10 บต ดงนนคาทอานไดจะมชวงตงแต 0-1023สามารถทดลองหมนปรบคาเพอเหนการเปลยนแปลงท LED 5x5 ได

ตวตานทานปรบคาไดตอชอง P2

Page 45: กฤษดา ใจเย็น สนุกไปกับการเขียน ... · 2020-01-23 · makeCode. ขั้นตอนการพัฒนาโปรแกรม.

ตวตานทานปรบคาไดควบคมเสยง

ตวอยางนใหนาคาอะนาลอกทอานได (0-1023) คณดวย 3เพอใหคาอยในชวง 0-3069 นาคาเปนความถเสยงสงออกลาโพง

ลาโพงเปยโซ ตวตานทานปรบคาไดใช ringtone เพอกาหนดเสยงเปนความถ Hz และดงตอเนอง

Page 46: กฤษดา ใจเย็น สนุกไปกับการเขียน ... · 2020-01-23 · makeCode. ขั้นตอนการพัฒนาโปรแกรม.

ปรบเสยงดวยตวตานทานปรบคาได หยดทางานเมอกดปม A

ใช rset(ms) เพอหยดเสยง

https://makecode.microbit.org/_h4eALF6EcVwP

Page 47: กฤษดา ใจเย็น สนุกไปกับการเขียน ... · 2020-01-23 · makeCode. ขั้นตอนการพัฒนาโปรแกรม.

การเพม Extension NeoPixel

Author: AdaFruitขอบคณผทา Extension ใหเราใช

Page 48: กฤษดา ใจเย็น สนุกไปกับการเขียน ... · 2020-01-23 · makeCode. ขั้นตอนการพัฒนาโปรแกรม.

ไฟกะพรบแดง เขยวท LED ทง 8 ดวง

ขาทเชอมตอจานวน LED

ความสวาง (สงสด 255)

https://makecode.microbit.org/_DUWDsHPd51DV

Page 49: กฤษดา ใจเย็น สนุกไปกับการเขียน ... · 2020-01-23 · makeCode. ขั้นตอนการพัฒนาโปรแกรม.

LED NeoPixel ไลตดเปนสรง

https://makecode.microbit.org/_RTJ3ujLTb7V7

Page 50: กฤษดา ใจเย็น สนุกไปกับการเขียน ... · 2020-01-23 · makeCode. ขั้นตอนการพัฒนาโปรแกรม.

อานคาอะนาลอกจาก P2 แสดงบารกราฟดวย NeoPixel

https://makecode.microbit.org/_6mwFsy5861Az

Page 51: กฤษดา ใจเย็น สนุกไปกับการเขียน ... · 2020-01-23 · makeCode. ขั้นตอนการพัฒนาโปรแกรม.

Color Wheel วงลอส

คาส0-359

ความอมส0-100

ความสวาง0-100

Page 52: กฤษดา ใจเย็น สนุกไปกับการเขียน ... · 2020-01-23 · makeCode. ขั้นตอนการพัฒนาโปรแกรม.

ปรบการแสดงส ดวยการใชคา hue

https://makecode.microbit.org/_UVygp0ivohuD

ตาแหนงหลอดไฟ 0-7

มาจาก

คาสไลลาดบ

Page 53: กฤษดา ใจเย็น สนุกไปกับการเขียน ... · 2020-01-23 · makeCode. ขั้นตอนการพัฒนาโปรแกรม.

รบสงขอมลตวอกษร ผานการสอสารไรสาย radio

ถาอยใน Group เดยวกน จะสามารถสอสารกนได

https://makecode.microbit.org/_WHPD85cq9d32

Page 54: กฤษดา ใจเย็น สนุกไปกับการเขียน ... · 2020-01-23 · makeCode. ขั้นตอนการพัฒนาโปรแกรม.

รบสงขอมลตวเลข แสดงเสยงออกทลาโพงเปยโซ

https://makecode.microbit.org/_givHXPhFRRPu

Page 55: กฤษดา ใจเย็น สนุกไปกับการเขียน ... · 2020-01-23 · makeCode. ขั้นตอนการพัฒนาโปรแกรม.

iOS apps ดาวนโหลดโคดผาน Bluetoothทางานบน Iphone หรอ Ipad

ดาวนโหลดผาน Bluetoothม Utility เสรมใหใชงานเยอะ

ใชเปนรโมตบลทธไดดวย

Page 56: กฤษดา ใจเย็น สนุกไปกับการเขียน ... · 2020-01-23 · makeCode. ขั้นตอนการพัฒนาโปรแกรม.

Android ไมแนะนาดาวนโหลดโคดผาน Bluetoothทดสอบแลวไมเสถยร

ใชเวลาดาวนโหลดนานไมม Utility เสรมใหใชงาน

OTG เปนคาตอบ

Page 57: กฤษดา ใจเย็น สนุกไปกับการเขียน ... · 2020-01-23 · makeCode. ขั้นตอนการพัฒนาโปรแกรม.

Android ดาวนโหลดโคดผาน OTG

OTG สาหรบ micro USB

OTG สาหรบ type C

เชอมตอ micro:bit เขากบโทรศพท

Firmware ของ micro:bit จะตอง เวอรชน 0249 ขนไป

Page 58: กฤษดา ใจเย็น สนุกไปกับการเขียน ... · 2020-01-23 · makeCode. ขั้นตอนการพัฒนาโปรแกรม.

micro:bit การตรวจสอบเวอรชน Firmware

ปจจบนเวอรชนลาสดคอ 0253

ดาวนโหลดไดจากทน

http://bit.ly/2vj62BZ

Page 59: กฤษดา ใจเย็น สนุกไปกับการเขียน ... · 2020-01-23 · makeCode. ขั้นตอนการพัฒนาโปรแกรม.

micro:bit การอพเดต Firmware

1. กดปม Reset คางไว

2. เสยบสายเขากบคอมพวเตอร

3. จะพบไดรฟชอ MAINTENANCE

4. คดลอกไฟล0253_kl26z_microbit_0x8000.hexใสลงในไดรฟ

http://bit.ly/2vj62BZ

Page 60: กฤษดา ใจเย็น สนุกไปกับการเขียน ... · 2020-01-23 · makeCode. ขั้นตอนการพัฒนาโปรแกรม.

เขยนโคด กดดาวนโหลด

ไดไฟลทตองการเกบไวในเครอง

คดลอกใสในไดรฟของ micro:bit

Android ดาวนโหลดผาน OTG Copy File

Page 61: กฤษดา ใจเย็น สนุกไปกับการเขียน ... · 2020-01-23 · makeCode. ขั้นตอนการพัฒนาโปรแกรม.

Android ดาวนโหลดผาน OTG Pair device WebUSB

งายทสดสาหรบการเขยนโคด

Page 62: กฤษดา ใจเย็น สนุกไปกับการเขียน ... · 2020-01-23 · makeCode. ขั้นตอนการพัฒนาโปรแกรม.

makeCode เวอรชน Offline

1. จะตอง Online ครงแรกกอน

2. โหลดรปภาพตางๆ ใหครบ

Page 63: กฤษดา ใจเย็น สนุกไปกับการเขียน ... · 2020-01-23 · makeCode. ขั้นตอนการพัฒนาโปรแกรม.

makeCode เวอรชน Offline 4. Bookmark หนานไว

เมอเปดหนานอกครง ขณะไมตออนเตอรเนต จะยงคงใชไดเหมอนเดม

Page 64: กฤษดา ใจเย็น สนุกไปกับการเขียน ... · 2020-01-23 · makeCode. ขั้นตอนการพัฒนาโปรแกรม.

makeCode windows 10 ตดตงผาน Microsoft Store

1. พมพคนหา micro:bit

สาหรบผใชงาน Windows 10 ทม Microsoft Store ตดตงมาเรยบรอยแลว สามารถตดตง micro:bit ผาน Microsoft Store ไดเลย

2. เลอก Install เพอตดตง

iCON ท Windows 10

Page 65: กฤษดา ใจเย็น สนุกไปกับการเขียน ... · 2020-01-23 · makeCode. ขั้นตอนการพัฒนาโปรแกรม.

makeCode Offline จากตนตารบ

https://makecode.microbit.org/offline-app

ทาง MakeCode ตนตารบกทารนออฟไลนออกมาเอง แตรองรบ Windows เฉพาะ 64 บต เทานนโดยเรยกวา MakeCode Offline App ตอนนยงเปนเวอรชน PRE-RELEASE อย โดยสามารถดาวนโหลดผานลงก

iCON สาหรบ MakeCode

เทาทลองเลน ยงไมสมบรณมากนก

Page 66: กฤษดา ใจเย็น สนุกไปกับการเขียน ... · 2020-01-23 · makeCode. ขั้นตอนการพัฒนาโปรแกรม.

makeCode Version Offline จรงๆ

http://cdn.kittenbot.cn/makecode/win/Makecode Setup 3.5.0.exe

ขอดของเวอรชนน

เวอรชนนตองยกความดใหกบ kittenbot.cc ททาซอฟตแวรตวนขนมา โดยสามารถเขาไปดาวนโหลด MakeCode แบบ Offline ไดท

1. ทางานไดแบบ Offline ไมตองตออนเตอรเนต

2. สามารถดาวนโหลดโคดใส micro:bit ไดทนท โดยไมตองใชวธการ copy

3. สามารถ ดงคาขอมลจาก Serial Port (การสอสารอนกรมระหวาง micro:bit กบคอมพวเตอรผานสาย USB ) มาแสดงในรปแบบตวเลขและกราฟ แทนการแสดงผลขอมลดวย LED 5x5 อนนสะดวกมาก อยากใหลองครบ

Page 67: กฤษดา ใจเย็น สนุกไปกับการเขียน ... · 2020-01-23 · makeCode. ขั้นตอนการพัฒนาโปรแกรม.

makeCode Online เวอรชน BETA

https://makecode.microbit.org/beta

กอนจะออกรนใหม ทาง MakeCode กจะทารน BETA มาใหทดสอบกนกอน โดยเพมความสามารถตางๆ ขนหลายอยาง ตามลงกนไดเลย

ฟงกชน สงคา Parameters ใหฟงกชนได

แสดงหนาตวเองซอนหลงได

จดการลบ เปด คดลอก Project มากมายททาไวได

ตวชวยสอน แนะนาใหทาตามทละขน

แกไขบลอกเซอรโวมอเตอรใหม ใหยดหยนมากขน

Event ของ Radio ดงตวแปรขอมล มาไดทนท

ฟงกชนเปลยนตวเลขเปนขอความ

สวนทปรบเปลยนใหมหลกๆ

Page 68: กฤษดา ใจเย็น สนุกไปกับการเขียน ... · 2020-01-23 · makeCode. ขั้นตอนการพัฒนาโปรแกรม.

ชดคาสง

แสดงตวเลข ถามากกวา 1 หลกใหเลอน

พลอตหลอด LED ตามตาแหนงทตองการ

แสดง ICON โดยเลอก Icon จากทมอย

แสดงขอความ ถามากกวา 1 ตวอกษรใหเลอน

เคลยรหนาจอ ปดการแสดงผล LED ทงหมดเรมตนทางาน เมอจายไฟ

ครงแรกจะทาทนกอน

ลป ทจะวนทาซาไปเรอยๆ และทางานอยเบองหลง

หนวงเวลา โดยจะหยดคางตามคาเวลาทกาหนด หนวยเปนมลลวนาท

แสดงลกศร แสดงสญลกษณลกศร 8 ทศ

Page 69: กฤษดา ใจเย็น สนุกไปกับการเขียน ... · 2020-01-23 · makeCode. ขั้นตอนการพัฒนาโปรแกรม.

ชดคาสง

กระตนใหทางานเมอกดสวตช

กระตนใหทางานเมอขยบบอรดแบบตางๆ

กระตนเมอสาผสทขาเทยบกบกราวด

กระตนเมอสาผสทขาแลวปลอย เทยบกบกราวด

ใหผลเปนจรงเมอสาผสขา

ใหผลเปนจรงเมอขยบบอรดแบบตางๆ

ใหผลเปนจรงเมอกดสวตช

ใหคาอณหภม (ของ CPU )

ใหคาแสงจาก LED 5x5

อานคาทศทางจากเขมทศ

อานคาความเรงตามแนวแกน XYZ

แสดงคาเวลานบจากเปดเครอง (มลลวนาท)

แสดงคาเวลานบจากเปดเครอง (ไมโครวนาท)

อานคาสนามแมเหลกตามแนวแกน XYZ

อานคาองศาของการเอยงบอรด

เรยกใชงานฟงกชนปรบแตงเขมทศ

กาหนดยานวดความเรง 1g 2g 4g 8g

Page 70: กฤษดา ใจเย็น สนุกไปกับการเขียน ... · 2020-01-23 · makeCode. ขั้นตอนการพัฒนาโปรแกรม.

ชดคาสง

กดปมสรางตวแปร เมอสรางแลวจะมไอคอนตวแปรใหใชงาน กาหนดคาตวแปร

เพมคา/ลดคา

Page 71: กฤษดา ใจเย็น สนุกไปกับการเขียน ... · 2020-01-23 · makeCode. ขั้นตอนการพัฒนาโปรแกรม.

ชดคาสง เกยวกบการวนลป

วนลปทาซาตามจานวนครง

วนลปไปเรอยๆ จนกระทงเงอนไขเปนเทจ

วนลปทาซาตามจานวนครงเรมจาก 0 ถงคาทกาหนด คาทกาหนดเปนตวแปรทนามาใชได

วนลปดงคาขอมลทอยใน List ออกมา

Page 72: กฤษดา ใจเย็น สนุกไปกับการเขียน ... · 2020-01-23 · makeCode. ขั้นตอนการพัฒนาโปรแกรม.

ชดคาสง

คนคาผลจาก บวก ลบ คณ หาร ยกกาลง

สมคาตวเลขจากชวงทกาหนด

สมผลลพธ จรงกบเทจ

คนคาเศษ จากผลการหาร

คนคานอยสด จาก 2 คา

คนคามากสดจาก 2 คา

คนคาบวกจากคาทระบ

คาสงคณตศาสตร พเศษคนคาชวงตวเลข จากชดตวเลขเดมทระบ

คนคา ตวเลข จากชวงตวเลขทถกจากดไว

Page 73: กฤษดา ใจเย็น สนุกไปกับการเขียน ... · 2020-01-23 · makeCode. ขั้นตอนการพัฒนาโปรแกรม.

ชดคาสง ถาเงอนไขเปนจรง ทาคาสงในชอง then ทตามมา

ปรบเปลยนรปแบบ if else if ไดดวย

คาสง if : else if ถาเงอนไขแรกไมเปนจรง ตรวจสอบเงอนไขตอไป

else ถาไมตรงกบเงอนไขกอนหนาใหทาทน

ปม + สามารถกดเพมเงอนไขelse หรอ else if ไดอก

ปม - สามารถกดลบเงอนไขelse หรอ else if ไดเมอไมตองการ

Page 74: กฤษดา ใจเย็น สนุกไปกับการเขียน ... · 2020-01-23 · makeCode. ขั้นตอนการพัฒนาโปรแกรม.

ชดคาสง

เปรยบเทยบคา ใหผลลพธ จรงกบเทจ

เทากบไมเทากบนอยกวานอยกวาหรอเทากบมากกวามากกวาหรอเทากบ

ทงสองเงอนไขเปนจรงทงค ผลลพธเปนจรง

เงอนไขอนใดอนหนงเปนจรง ผลลพธเปนจรง

ถาเปนจรงใหคาเปนเทจ ถาเปนเทจใหคาเปนจรง

Comparison : การเปรยบเทยบ Boolean : การจดการลอจก

Page 75: กฤษดา ใจเย็น สนุกไปกับการเขียน ... · 2020-01-23 · makeCode. ขั้นตอนการพัฒนาโปรแกรม.

ชดคาสง Radio

สงคาตวเลขออกอากาศ

สอสารระหวาง micro:bit ดวยบลทธ

สงคาขอความออกอากาศ

สงคาชดขอมลออกอากาศเมอขอมลตวเลขถกสงมาจะกระตนใหทางาน ขอมลเกบในตวแปรชอ reveivedNumber

เมอชดขอมลถกสงมาจะกระตนใหทางาน ขอมลเกบในตวแปรชอ name และ value

เมอขอความถกสงมาจะกระตนใหทางาน ขอมลเกบในตวแปรชอ reveivedString กาหนดชองสญญาณสาหรบรบสง 0-255

กาลงคากาลงสง

Page 76: กฤษดา ใจเย็น สนุกไปกับการเขียน ... · 2020-01-23 · makeCode. ขั้นตอนการพัฒนาโปรแกรม.

¡ÄÉ´Ò ã¨àÂç¹บรษท อนโนเวตฟ เอกเพอรเมนต จากด108 «ÍÂÊØ¢ØÁÇÔ· 101/2 ¶.ÊØ¢ØÁÇÔ·á¢Ç§ºÒ§¹Ò ࢵºÒ§¹Ò ¡ÃØ§à·¾Ï 10260â·ÃÈѾ· 027477001-4 â·ÃÊÒà 02-7477005

Email : [email protected]