แบบ ฟอร์ม โครง งาน 5 บท

โครงงานคอมพวิ เตอร์
เร่ือง การทาเพลง Heavy Rotation จากโปรแกรม Micro:bit

กล่มุ สาระการเรียนรู้ การงานอาชีพและเทคโนโลยีสารสนเทศ

จดั ทาโดย
1.นางสาวปริณดา ทราจารวตั ร เลขท่ี 18

2.นางสาววราภรณ์ เหลือสุข เลขท่ี 29

ช้ันมธั ยมศึกษาปี ที่ 4/1

รายวชิ า วทิ ยาการคานวณ
ปี การศึกษา 2563

โรงเรียนรามวทิ ยา รัชมังคลาภเิ ษก จังหวดั สุรินทร์
สานกั งานเขตพืน้ ที่การมธั ยมศึกษา เขต 33

เกยี่ วกบั โครงงาน

โครงงานคอมพวิ เตอร์

เร่ือง การทาเพลง Heavy Rotation จากโปรแกรม Micro bit
กลุ่มสาระการเรียนรู้ การงานอาชีพและเทคโนโลยสี ารสนเทศ
ผู้จัดทา 1.นางสาวปริณดา ทราจารวตั ร เลขท่ี 18

2.นางสาววราภรณ์ เหลือสุข เลขที่ 29

ครูทป่ี รึกษา 1. ครู จิดาภา นิราศโศรก
ตาแหน่ง ครู

สถานศึกษา โรงเรียนรามวิทยา รัชมงั คลาภิเษก จงั หวดั สุรินทร์
ปี การศึกษา สานกั งานเขตพ้นื ที่การมธั ยมศึกษา เขต 33
2563

กติ ตกิ รรมประกาศ

โครงงานน้ีสาเร็จข้ึนไดด้ ว้ ยความกรุณาของคณะอาจารยห์ มวดคอมพิวเตอร์
โรงเรียนรามวิทยา รัชมงั คลาภิเษก จงั หวดั สุรินทร์ ซ่ึงไดใ้ หค้ าปรึกษา ขอ้ ช้ีแนะ และความ
ช่วยเหลือจนกระทง่ั โครงงานสาเร็จไปดว้ ยดี ผจู้ ดั ทาขอกราบขอบพระคุณเป็นอยา่ งสูงมา ณ ท่ีน้ี

ทา้ ยสุดน้ีผจู้ ดั ทาหวงั เป็นอยา่ งยงิ่ วา่ โครงงานน้ีจะเป็นประโยชนต์ ่อการศึกษาของและเป็น
ท่ีน่าสนใจผสู้ นใจต่อไป

คณะผจู้ ดั ทา
นางสาวปริณดา ทราจารวตั ร
นางสาววราภรณ์ เหลือสุข

หวั ข้อโครงงาน ค
ประเภทของโครงงาน : การทาเพลง Heavy Rotation จากโปรแกรม Microbit
ผู้เสนอโครงงาน : โครงงานพฒั นาสื่อเพื่อการศึกษา
ครูท่ปี รึกษาโครงงาน : นาย จิรายสุ งาสวา่ ง เลขที่ 37และ นางสาวช้นั มธั ยมศึกษาปี ท่ี 6/13
ปี การศึกษา : ครู จิดาภา นิราศโศรก
: 2563

บทคดั ย่อ

การจดั ทาโครงงานในคร้ังน้ีเผอ่ื การเรียนรู้การสร้างเวบ็ ไซต์
และการเลือกใชค้ อมพวิ เตอร์ การศึกษาโปรแกรมคอมพิวเตอร์ที่ใชส้ ร้างเวบ็ ไซตแ์ ละใหค้ วามรู้เร่ือง
หลกั การทางานและการเลือกใชค้ อมพิวเตอร์โดยประยกุ ตใ์ ชโ้ ปรแกรมตา่ งๆ เช่น
Micro bit

สารบัญ หน้า

เรื่อง ข
เก่ียวกบั โครงงาน ค
กิตติกรรมประกาศ
บทคดั ยอ่
บทที่ 1 บทนา

- ที่มาและความสาคญั ของโครงงาน
- วตั ถุประสงค์
- ขอบเขตการศึกษาคน้ ควา้
- ประโยชน์ที่คาดวา่ จะไดร้ ับ
บทท่ี 2 เอกสารและโครงงานที่เก่ียวขอ้ ง
บทที่ 3 วิธีการจดั ทาโครงงาน
- วสั ดุและอุปกรณ์
- วธิ ีการจดั ทาโครงงาน
บทที่ 4 ผลการศึกษา
บทท่ี 5 สรุปผล และขอ้ เสนอแนะ
- สรุปผลการศึกษา
- ประโยชน์ที่ไดจ้ ากโครงงาน
- ขอ้ เสนอแนะ
บรรณานุกรม
ภาคผนวก
ขอ้ มูลผจู้ ดั ทา

บทท่ี 1
บทนา

ทม่ี าและความสาคญั ของโครงงาน
ปัจจุบนั มีการใชเ้ คร่ืองคอมพวิ เตอร์และสื่ออิเลก็ ทรอนิกส์มากข้ึน ผเู้ รียนรู้รุ่นใหมจ่ ะเป็น

ผเู้ รียนท่ีรักในการศึกษาคน้ ควา้ เรียนรู้ดว้ ยตนเอง มีความคิดริเร่ิมสร้างสรรคส์ ่ิงใหม่ๆจึงเป็นท่ี
ยอมรับวา่ เทคโนโลยสี ารสนเทศ ไดก้ ลายเป็นปัจจยั ท่ีสาคญั ในการพฒั นาประเทศ การจดั การศึกษา
จึงตอ้ งปรับเปล่ียน โดยการปรับเอาเทคโนโลยสี ารสนเทศเขา้ มาใชใ้ หเ้ กิด ประโยชน์ในทุกๆดา้ น

ดงั น้นั การศึกษาเกี่ยวกบั เรื่องคอมพวิ เตอร์จึงเป็นเร่ืองจาเป็นอยา่ งยง่ิ เพราะจะทาใหเ้ ราสามารถ
ที่จะคดั เลือกคอมพิวเตอร์ เพื่อประยกุ ตใ์ ชก้ บั งานไดอ้ ยา่ งมีประสิทธิภาพ
วัตถปุ ระสงค์

1. เรียนรู้วิธีการสร้างเวบ็ ไซต์
2. ศึกษาโปรแกรมคอมพิวเตอร์ที่ใชส้ ร้างเวบ็ ไซต์
3. ศึกษาหลกั การทางานและการเลือกใชค้ อมพิวเตอร์

ขอบเขตของการศึกษาค้นคว้า
สร้างเวบ็ ไซต์เพื่อให้ความรู้โดยการประยุกต์ใช้โปรแกรม Microbit

ประโยชน์ทค่ี าดว่าจะได้รับ
ทาใหไ้ ดร้ ู้ถึงหลกั การทางานของคอมพิวเตอร์ องคป์ ระกอบตา่ งๆ ของคอมพิวเตอร์

และการเลือกใชค้ อมพิวเตอร์ใหถ้ ูกกบั งานตา่ งๆในชีวิตประจาวนั

บทที่ 2
เอกสารและโครงงานทีเ่ กย่ี วข้อง

ในการจดั ทาโครงงานการคอมพิวเตอร์การพฒั นาเวบ็ ไซดเ์ พื่อการศึกษา
เรื่องการทาเพลง Heavy Rotation จากโปรแกรม Micro bit

เอกสารที่เกยี่ วข้อง
1.พ้ืนฐานmicrobit
2.สอนใชง้ าน micro: bit เบ้ืองตน้ By TESR Shop

พื้นฐานmicrobit
การเขียนโปรแกรมคือการส่ังคาสงั่ ใหไ้ มโครบิตทางานตามสิ่งที่เราออกแบบไว้ เราสามารถส่ังใหไ้ มโครบิตทางานได้
อยา่ งง่ายดาย
เพยี งแคล่ ากคาสง่ั มาวา่ งต่อ ๆ กนั ในพ้นื ที่ทางาน คาสัง่ ต่างๆ จะถกู จดั เกบ็ ในบลอ็ คแต่ละหมวดอยา่ งมีระเบียบ และเรา
สามารถแยกแยะ
หมวดหม่ขู องคาสั่งตา่ งๆ ไดจ้ ากสีของคาสั่ง ในการพฒั นาโปรแกรมควบคมุ หุ่นยนตไ์ ดจ้ ะตอ้ งเรียนรู้ชุดคาสั่งพ้ืนฐานตา่ งๆ
ของโปรแกรม
micro:bit ที่จาเป็นในการเขยี นโปรแกรมควบคุมห่นยนต์

1. ข้นั ตอนการเขยี นโปรแกรม

2. บลอ็ กคาส่ัง Basic

ตวั อย่างการใช้คาส่ังแสดงผล (Basic)

3. บลอ็ กคาส่ังInput
อินพุต (Input) เป็นชุดคาสั่ง

ตวั อยา่ งการใชค้ าสง่ั อินพุต (Input)

4. บลอ็ กคาส่ัง Loop
ลปู (Loop) เป็นเครื่องมือทนุ่ แรงท่ีจะช่วยเราทางานเดิมๆ ซ้าๆ กนั ไดอ้ ยา่ งไมร่ ู้จกั เหน็ดเหนื่อยดงั น้นั การที่เราจะเขยี นโปรแ
ไดเ้ ราจะตอ้ ง
เขา้ ใจหลกั การทางานของการใชล้ ปู เป็นอยา่ งดี ชุดคาสัง่ ที่จะใชง้ านพ้ืนฐานมีดงั น้ี

ตวั อยา่ งการใชค้ าสง่ั ลูป (Loop) แบบท่ี 2

1. ลากคาส่งั ลากคาส่งั repeat 4 times ออกมาวา่ งใน
onstart
2. ลากคาสัง่ show icon 3 อนั มาวา่ งในลูปดงั ภาพดา้ นขวา
3. ดุผลลพั ธ์ท่ีอีมเู ลเตอร์วา่ ภาพเปล่ียนไปกี่คร้ังทดลอง
เปลี่ยน
ตวั เลขไปเรื่อยๆ แลว้ ดูผลลพั ธท์ ี่อีมเู ลเตอร์อีกทีวา่ ตรงกบั
ท่ี
ความแตกตา่ งระหวา่ งการใชค้ าสง่ั ลปู (Loop) กบั ไม่ใชค้ าสั่งลปู (Loop)

แบบที่ 1

ลองมาดูส่วนของ Flowchart แตล่ ะแบบประกอบ

แบบท่ี 1 แบบที่ 2

สอนใช้งาน micro: bit เบือ้ งต้น By TESR Shop

Micro:bit เป็นคอนโทรเลอร์ แบบ open source hardware ซ่ึงถกู สร้างข้ึนโดย
บริษทั ส่ือยกั ษใ์ หญ่ขององั กฤษ น้นั ก็คือ BBC (British Broadcasting
Company) โดยเร่ิมจากแคมเปญใหญ่ของ BBC ที่มีชื่อวา่ “BBC’s Make It
Digital campaign” ในวนั ที่ 12 มีนาคม ค.ศ.2015 โดยวตั ถปุ ระสงคท์ ่ีจะส่งมอบ
อปุ กรณ์ตวั น้ี จานวน 1 ลา้ นชิ้น เพ่อื นกั เรียนในประเทศองั กฤษเอง โยที่เจา้ บอร์ด micro:bit
สาเร็จเป็นรูปเป็นร่างท่ีใชก้ นั ณ ปัจจุบนั ในวนั ท่ี 6 กรกฎาคม ค.ศ.2015 แต่มีการส่งมอบของ
บอร์ดใหก้ บั นกั เรียนน้ีดนั ลา่ ชา้ และไดม้ ีการส่งบอร์ใหน้ กั เรียนใชจ้ ริงๆในเดือนกุมภาพนั ธ์ ค.ศ.
2016 ซ่ึงจุดเด่นของเจา้ micro:bit ท่ีจะสร้างความแตกต่างอยา่ งชดั เจนกบั บอร์ดคอนโทร
เลอร์แบบอ่ืนๆ ก็คงจะเป็นเรื่องเขียนโปรแกรมลงบนบอร์ดในลกั ษณะของ block แบบรูป
ดา้ นล่างน้ี

และยงั สามารถโปรแกรมขอ้ มูลไดห้ ลายแบบมากกกกกก (ก.ไก่ ลา้ นตวั ไปเลย) โดยสามารถ
โปรแกรมไดท้ ้งั แบบ online ,offline ,Bluetooth แตบ่ ทความน้ีจะเจาะเฉพาะท่ี
เขียนอยบู่ นเวบ็ บราวเซอร์ก่อนนะ เพราะในเวบ็ บราวเซอร์น้ี จะมีวธิ ีการใชง้ านบอร์ดในหลาย
รูปแบบ นามาประยกุ ตใ์ ชไ้ ดเ้ ยอะมากๆ เอาละ!!เราจะมาโปรแกรมขอ้ มลู ในเวบ็ บราวเซอร์ที่มีช่ือ
วา่ https://microbit.org ซ่ึงเมื่อเปิ ดlinkตวั น้ีข้นึ มาจะเจอหนา้ ตาเวบ็ เป็นแบบรูป
ดา้ นล่างเลย

พอเขา้ มาที่เวบ็ น้ีแลว้ จะเห็นวา่ ในหนา้ เวบ็ มีบทความเกี่ยวกบั micro: bit เตม็ ไปหมดเลย
ต้งั แต่โปรเจคเลก็ ๆใหเ้ ราลองหดั ทา ไปจนถึงข้นั ตอนการสอน แต่ท้งั เวบ็ อาจจะเป็นภาษาองั กฤษนะ
คะ ใครที่ไมค่ อ่ ยถนดั ภาษาอาจจะงงๆในตอนแรก(แอดเอง5555) กถ็ ือวา่ ไดฝ้ ึกภาษาไปดว้ ยเลย
ทีนี่เราจะเริ่มการโปรแกรม block จริงๆแลว้ นะคะ ทาตามข้นั ตอนดา้ นลา่ งนะคะเพ่ือเขา้ สู่หนา้
เวบ็ สาหรับโปรแกรม Click เลือกหวั ขอ้ Let’s code ที่หนา้ เวบ็ บราวเซอร์ของ

microbit.org => หาหวั ขอ้ ท่ีมีชื่อวา่ “MakeCode Editor” click คาวา่ let’s
code ใหห้ วั ขอ้ น้นั => หาหวั ขอ้ ที่มีชื่อวา่ My Projects click คาวา่ “New
Project” ใตห้ วั ขอ้ น้นั => เขา้ สู่หนา้ เวบ็ สาหรับการโปรแกรมขอ้ มูลแบบ block

หลงั จากที่เขา้ เขา้ หนา้ เวบ็ มาแลว้ จะเห็นหนา้ เวบ็ หนา้ ตาน่ารัก สีสนั สดใส เหมาะกบั คนน่ารักเช่นเรา
แลว้ นะคะ เดี๋ยวจะอธิบายวา่ แตส่ ่วนของหนา้ เวบ็ น้ีนะคะ วา่ มีอะไรใหเ้ ราเล่นไดบ้ า้ ง ใชง้ าน
ประมาณไหน รูปดา้ นล่างจะอธิบายส่วนประกอบของหนา้ เวบ็ น้ีนะคะ

1.แถบชนิดหวั ขอ้ command

แถบน้ีจะมีหัวขอ้ ของ command แตล่ ะชนิดใหเ้ ราไดเ้ ลือกใช้ โดยที่เราสามารถ
เพม่ิ ตวั แถบเครื่องมือเหลา่ น้ีได้ โดยมีบริษทั หรือนกั พฒั นาใจดีหลายๆเจา้ ทาเคร่ืองมือเหล่าน้ีเอาไว้
ให้ ซ่ึงเราก็สามารถโหลดมาเพอื่ เม่ือในหนา้ projectของเราได้

2.command ในรูปแบบ block

Command แบบ block จะใชใ้ นลกั ษณะท่ีเราลาก block ตา่ งๆ มาต่อกนั
โดยท่ีแต่ละ block จะมีลกั ษณะการใชง้ านที่แตกต่างกนั ซ่ึงหากไม่เขา้ ใจการทางานก็สามารถ
ลากบลอ็ กท่ีสงสัยออกมาแลว้ เอาcursorของเราไปช้ีคา้ งไวท้ ่ี block น้นั จะมีคาอธิบายการ
ทางาน block ตวั น้นั ๆโผลข่ ้ึนมา ตามภาพดา้ นลา่ งคะ

3.ภาพ Simulation จาลองแสดงการทางานของบอร์ด

ตวั ภาพท่ีเห็นหนา้ ตาเหมือนบอร์ด micro:bit ตวั น้ีจะทาการจาลองการทางานของโปรแกรม
เมื่อเรามีการโปรแกรม block โดยสามารถดูการจาลองต่างๆไดด้ ว้ ยการกดที่เครื่องหมาย play
ใตภ้ าพบอร์ดจาลองน้ี

4.ต้งั ช่ือไฟล์
เราสามารถต้งั ชื่อไฟล์ project และในคร้ังถดั ไป เมื่อเราตอ้ งการท่ีจะเปิ ด block

ท่ีเราต่อเอาไวใ้ นไฟลช์ ่ือน้ีก็สามารถทาได้ โดยเจา้ ตวั เวบ็ จะทาการบนั ทึกไฟลข์ องเราเอาไวใ้ ห้
สามารถเปิ ดใชง้ านไดท้ นั ที เหมือนกบั ภาพตวั อยา่ งดา้ นล่าง

5. download ไฟล.์ hex
หลงั จากท่ีเราต้งั ชื่อไฟลเ์ สร็จ และทาการต่อ block ของเราเป็นที่เรียบร้อยแลว้ ใหท้ า

การ click ท่ีแถบ download ไดเ้ ลย ตวั เวบ็ จะทาการสร้างไฟลท์ ี่เป็นนามสกลุ .hex
เพ่ือใหเ้ ราสามารถนาไฟลต์ วั น้ีไปใส่ในบอร์ด micro:bit

มาถึงตรงน้ีผอู้ ่านก็น่าจะพอเขา้ ส่วนต่างๆของหนา้ เวบ็ น้ีไดบ้ า้ งแลว้ เนอะ เด๋ียวเราจะมาอธิบายการ
flash โปรแกรมท่ีเรา download มาลงบอร์ดกนั
โดยข้นั ตอนมีดงั น้ี
เปิ ดไฟล.์ hex ท่ีไดจ้ ากการ download โปรเจคของเรา => เสียบบอร์ด micro:bit เขา้
กบั PC ผา่ นสายmicro USB => ลากไฟลท์ ่ี download มาลงไปท่ี drive
micro:bit => รอจนกวา่ การ download เสร็จสิ้น
6.เปิ ดไฟล์ .hex ที่ไดจ้ ากการ download โปรเจคของเรา

7.เสียบบอร์ด micro:bit เขา้ กบั PC ผา่ นสายmicro USB

8.ลากไฟลท์ ่ี download มา ลงไปที่ drive micro:bit
9.รอจนกวา่ การ download เสร็จสิ้น

บทท่ี 3
วธิ ีการจัดทาโครงงาน

วสั ดุและอปุ กรณ์
วสั ดุและอปุ การณ์ท่ีใชใ้ นการจดั ทาโครงงานไดแ้ ก่
1. โปรแกรม Micro bit
2. Google sites
3. Youtube

วิธีการจดั ทาโครงงาน
1. คดิ หวั ขอ้ โครงงานเพื่อนาเสนอครูที่ปรึกษาโครงงาน
2. ศึกษาและคน้ ควา้ ขอ้ มลู ที่เก่ียวขอ้ งกบั เร่ืองท่ีน่าสนใจ คอื เร่ืองการทาเพลง Heavy
Rotation จากโปรแกรม Micro bit ศึกษาคน้ ควา้ เพิ่มเติมเพียงใดจากเวบ็ ไซดต์ า่ งๆ และ
จดั เกบ็ ขอ้ มลู เพือ่ จดั ทาเน้ือหาต่อไป
3. ศึกษาการการทาเพลง Heavy Rotation จากโปรแกรม Micro bitจากเอกสารละเวบ็
ไซดต์ ่างๆ ที่เสนอเทคนิค วธิ ีการสร้าง
4. จดั ทาโครงร่างโครงงานคอมพวิ เตอร์เพอ่ื เสนอครูท่ีปรึกษา
5. จดั ทาโครงงานคอมพวิ เตอร์การพฒั นาเวบ็ ไซด์ เรื่อง หลกั การทางานและการเลือกใช้
คอมพวิ เตอร์ โดยสร้าง บทเรียนท่ีสนใจตามแบบเสนอโครงร่างที่เสนอ

บทท่ี 4
ผลการศึกษา

การจดั ทาโครงงานคอมพิวเตอร์พฒั นาส่ือเพ่ือการศึกษา เร่ืองการทาเพลง Heavy Rotation
จากโปรแกรม Micro bit

วตั ถุประสงคเ์ พื่อเผยแพร่ความรู้เกี่ยวกบั การสร้างเวบ็ ไวตแ์ ลว้ ใหค้ วามรูเรื่องการทาเพลง
Heavy Rotation จากโปรแกรม Micro bit

บทท่ี 5
สรุปผลและข้อเสนอแนะ

การจดั ทาโครงงานคอมพวิ เตอร์ส่ือเพอื่ การศึกษาเร่ืองการทาเพลง Heavy Rotation จาก
โปรแกรม Micro bit สามารถสรุปผลการดาเนินงานโครงงานและขอ้ เสนอแนะ ดงั น้ี
การดาเนินการจัดทาโครงงาน
วตั ถปุ ระสงคข์ องโครงงาน
1.เพ่อื ใหค้ วามรู้แก่ผทู้ ี่สนใจเกี่ยวกบั การสร้างเวบ็ ไซต์ วสั ดุ อุปกรณ์ เครื่องมือหรือโปรแกรมท่ีใช้
ในการพฒั นาโครงงาน
2.ซอฟตแ์ วร์

โปรแกรม Micro bit
Google sites
Youtube

สรุปผลการศึกษา
การดาเนินงานโครงงานน้ีบรรลวุ ตั ถุประสงคท์ ี่ไดก้ าหนดไวค้ ือเพื่อเป็นสื่อการเรียนรู้แก่ผทู้ ี่สนใจ
เก่ียวกบั การทาเพลง Heavy Rotation จากโปรแกรม Micro bit สร้างความสนใจช่วยพฒั นาให้
ความรู้ของผเู้ รียน มีความเขา้ ใจ การจดั ทาโครงงานชิ้นน้ีข้ึนมาเพ่อื อยากใหเ้ ป็นส่วนหน่ึงในการใช้
โปรแกรมใหเ้ ก่งยง่ิ ข้ึนของผูท้ ี่สนใจ

ข้อเสนอแนะ
1.ควรมีการเพมิ่ เน้ือหาที่มีความหลากหลายมากกวา่ น้ี
2.ควรทาสื่อใหม้ ีความน่าสนใจมากกวา่ น้ี

บรรณานุกรม

-พ้นื ฐานmicrobithttps://sites.google.com/site/jidapaniratsoke/naeanamakecode
-สอนใชง้ าน micro: bit เบ้ืองตน้ By TESR Shop
https://tesracademy.wordpress.com/2019/11/04/%E0%B8%AA%E0%B8%AD%E0%B8%99%E
0%B9%83%E0%B8%8A%E0%B9%89%E0%B8%87%E0%B8%B2%E0%B8%99-micro-bit-
%E0%B9%80%E0%B8%9A%E0%B8%B7%E0%B9%89%E0%B8%AD%E0%B8%87%E0%B
8%95%E0%B9%89%E0%B8%99-by-tesr-shop/
-โปรแกรม Micro bit https://makecode.microbit.org/

ภาคผนวก