โครงงาน

จดท าโดย

นางสาวฤทยมาตา ขวญเกต

นางสาวจรศยา เชดปร

เดกชายวรชย พกลขาว

โรงเรยนสตรอางทอง

สงกดส านกงานเขตพนทการศกษามธยมศกษาเขต 5

รายงานนเปนสวนประกอบของโครงงานคอมพวเตอรประเภทซอฟตแวร ระดบชน ม.1-3 เนองในงานมหกรรมความสามารถทางศลปหตถกรรม

วชาการและเทคโนโลยของนกเรยน ครงท 68 ปการศกษา 2561

โครงงาน What Sam Says?

ผจดท าโครงงาน 1. นางสาวฤทยมาตา ขวญเกต

2. นางสาวจรศยา เชดปร

3. เดกชายวรชย พกลขาว

ทปรกษาโครงงาน 1. นายกวนวชญ พมสาขา

2. นางปยาภรณ แสงนาค

โรงเรยน สตรอางทอง

บทคดยอ

โครงการ “What Sam Say?” จดท าขนเพอใชเปนเครองมอในการฝกออกเสยงภาษาองกฤษ ในรปแบบเกมบนหลายแพลตฟอรม โดยจะใหผใชพดค าศพทภาษาองกฤษทโจทยก าหนดให โดยเชอตอกบ Google Translate API แปลงเสยงพดเปนเสยงค าศพทภาษาองกฤษเทยบกบค าศพททถกตองภายในระยะเวลาทก าหนด

หลงจากน าโปรแกรมไปใชงานจรง แลวใหผใชประเมนผลการใชโปรแกรมโดยใชเครองมอ แบบประเมนความพงพอใจการใชระบบโครงงาน What Sam Say? พบวา ผใชสวนมความพงพอใจดานประโยชนของโครงงาน What Sam Say? อยในระดบมากทสด คดเปนรอยละ 69 ดานความยากงายในการใชระบบโครงงาน What Sam Say? อยในระดบมากทสด คดเปนรอยละ 43 ดานความสะดวกในการใชงานระบบแปลงเสยงเปนค าศพท อยในระดบมากทสด คดเปนรอยละ 41 ดานการน าไปใชฝกทกษะการออกเสยงภาษาองกฤษ อยในระดบมากทสด คดเปนรอยละ 69 ดานความสนกสนานทไดรบจากการเลน อยในระดบมากทสด คดเปนรอยละ 79 จงสรปไดวาโครงงาน What Sam Say? เปนโปรแกรมฝกทกษะการออกเสยงภาษาองกฤษในรปแบบเกม ทสามารถใชเปนเครองมอในการสงเสรมความสามารถดานภาษาองกฤษ สงผลใหเกดการเรยนร เพอพฒนาทกษะการใชภาษาองกฤษดานอน ๆ ตอไป

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

ขอขอบคณผอ านวยการมงคล บกสกล ผอ านวยการโรงเรยนสตรอางทอง ทสนบสนนใหนกเรยนในโรงเรยนเขารวมการแขงขนตาง ๆ และคอยใหก าลงใจในการท างาน

ขอขอบคณครกวนวชญ พมสาขา ,ครปยาภรณ แสงนาค และครนพวชญ พมสาขา ครทปรกษาโครงงาน ทใหแนวทางในการท าโครงงาน พรอมทงใหค าปรกษาแนะน า เกยวกบขอมลโครงงาน การวเคราะหและออกแบบระบบ การเขยนโปรแกรมคอมพวเตอร

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

คณะผจดท าโครงงาน

สารบญ

หนา

บทท 1 บทน า 1

บทท 2 เอกสารทเกยวของ 3

บทท 3 อปกรณและวธการด าเนนการ 6

บทท 4 ผลการด าเนนงาน 8

บทท 5 สรปผลการด าเนนงาน 13

บรรณานกรม 14

ภาคผนวก 15

บทท 1

บทน า

หลกการและเหตผล

ในป 2560 ทผานมา ประเทศไทยอยในอนดบท 53 จากการจดอนดบทกษะการใชภาษาองกฤษในประเทศทไมไดใชภาษาองกฤษเปนภาษาแม จ านวน 80 ประเทศทมการส ารวจทวโลก (ส านกงานจดอนดบทกษะการใชภาษาองกฤษEF (Education First), 2560) เปนปญหาทกระทรวงศกษาธการพยายามหาทางแกไขอยางเรงดวน เนองจากหลกสตรการสอนภาษาองกฤษในปจจบนเนนไวยากรณ แตกลบไมเนนสงทตองเอาไปใชจรง ๆ คอการพดและการออกเสยง ท าใหคนไทยไมกลาทจะใชภาษาองกฤษในการสอสารกบชาวตางชาต จนเสยโอกาสทางการศกษาและการท างานตาง ๆ

ผพฒนาจงไดมแนวคดในการจดท าโครงการ What Sam Say? เพอใชเปนเครองมอในการฝกออกเสยงภาษาองกฤษในรปแบบเกมบนหลายแพลตฟอรม โดยจะใหผใชพดค าศพทภาษาองกฤษตามทโจทยก าหนดให เชอตอกบ Google Translate API แปลงเสยงพดเปนค าศพทภาษาองกฤษเทยบกบค าศพททถกตอง ภายในเวลาทก าหนด สงผลใหเกดการเรยนรเพอพฒนาทกษะการใชภาษาองกฤษดานอน ๆ ตอไป

วตถประสงคของโครงงาน

1. เพอสรางโปรแกรมฝกทกษะการออกเสยงภาษาองกฤษในรปแบบเกม 2. เพอใชเปนเครองมอในการสงเสรมความสามารถดานภาษาองกฤษ

สมมตฐาน

โครงงาน What Sam Say? สามารถใชเปนเครองมอในการฝกออกเสยงภาษาองกฤษในรปแบบเกม บนหลากหลายแพลตฟอรม

เปาหมายและขอบเขตของโครงงาน

สรางระบบเกมฝกออกเสยงภาษาองกฤษในรปแบบเกมส าหรบเดกในวยเรยน

ปญหาและประโยชนทเปนเหตผลใหควรพฒนาโปรแกรม

เนองจากทกษะการใชภาษาองกฤษของคนไทยอยในเกณฑต ามาก จงควรมการฝกพฒนาทกษะอยางเรงดวน เรมจากปลกฝงตงแตเดกในวยเรยน โดยพฒนาเปนสอการเรยนรเปนรปแบบเกมเพอใหเกดแรงจงใจทจะศกษา และเขาถงไดงาย

2

บทท 2

เอกสารทเกยวของ

Google Translate

กเกลแปลภาษา (องกฤษ: Google Translate) เปนบรการแปลภาษาหลายภาษาดวยเครองจกรโดยไมคดคาบรการของบรษทกเกล

กเกลแปลภาษามลกษณะไมเหมอนกบบรการแปลอน ๆ เชน Babel Fish, AOL, ยาฮ! ทใช SYSTRAN ขณะทกเกลใชซอฟตแวรการแปลของตนเอง

การบรการยงครอบคลมถงการแปลหนาเวบเพจทงหนาดวย ทวา การแปลถกจ ากดจ านวนยอหนาทใหแปลในแตละหนา (เชน การใชแทกขนบรรทดใหม <br>) แตถาเกดวา ขอความบนเวบเพจถกแบงโดยภาพเสนเปลาแนวนอน (ไมมการใชโคด <br>) เวบเพจทมเนอหามาก ๆ กอาจจะถกแปลได โดยทมค ามากกวาหนงพนค า

กเกลแปลภาษา มการจ ากดการแปล ซงไมเหมอนบรการอน ๆ ขณะทมนชวยใหผอานเขาใจเนอหาโดยทวไปของขอความภาษาตางประเทศ บรการนกไมไดใหการแปลทถกตองแมนย า และนอกจากนมนยงแปลขอความในบางครงผดความหมาย และผดหลกไวยากรณ

Microsoft Visual Studio

ไมโครซอฟท วชวลสตดโอ คอ Integrated Development Environment พฒนาขนโดยไมโครซอฟท ซงเปนเครองมอทชวยนกพฒนาซอฟตแวรพฒนาโปรแกรมคอมพวเตอร เวบไซต เวบแอปพลเคชน และ เวบเซอรวซ ระบบทรองรบการท างานนนมไมโครซอฟท วนโดวส พอคเกตพซ Smartphone และ เวบเบราวเซอร ในปจจบน วชวลสตดโอนนสามารถใชภาษาโปรแกรมทเปนภาษาดอตเนต ในโปรแกรมเดยวกน เชน VB.NET C++ C# J# เปนตน

Unity

Unity เปนโปรแกรมสรางเกม(Game engine)แบบ Coss-platfrom ซงในโปรแกรมนโปรแกรมเดยวสามารถสรางเกมออกมาใหสามารถรองรบระบบตางๆไดไมวาจะเปน ระบบเดสทอป เชน PC Game , Mac OS หรอ Linux Video Game ระบบคอนโซล เชน PlayStation 3 , PlayStation 4 , PlayStation Vita , Xbox 360 , Xbox one , Wii U , และWii รวมถงระบบปฏบตการบนมอถอ Andriod, BlackBerry 10 , IOS และ windows phone 8 นอกจากนยงสามารถ สงออกเปน Web Player (รวมทง Facebook ), Adobe Flash ไดอกดวย

4

Node.JS

Node.js คอ JavaScript runtime สรางบน Chrome V8 JavaScript engine โดย Node.js ใช event-driven, non-blocking I/O model ท าใหมนเบาเครองและมประสทธภาพสง เมอน า Runtime Environment มาบวกกบ JavaScript Library ท าใหเราสามารถน ามาประยกตสราง Application ตางๆ ไดไมวาจะเปนระบบ Streaming, Online Chat, Web, Web Service, IOT และอนๆ

Node.js เปน Cross Platform Runtime Environment สามารถน าไปรนท างานไดทกระบบปฏบตการ ตวอยางเชน OS X, Window, Linux และอนๆ เขยนดวยภาษา JavaScript ม Library ทเปนสวนเสรมจ านวนมาก แยกเปน JavaScript Module ตางๆ ส าหรบท างานเฉพาะ ในแตละเรอง สามารถตดตงเพมเตมไดงายผาน npm (Node Package Manager)

5

บทท 3

อปกรณและวธการด าเนนการ

อปกรณเสรมและซอฟแวรทใชในการพฒนา

1. Unity 2. Microsoft Visual Studio 3. Google Translate 4. Node.JS

วธการด าเนนการ

1. ศกษาการเขยนโปรแกรมระบบฐานขอมล และเนอหาความรทเกยวของ

ศกษาวธการเขยนโปรแกรมโดยคนควาขอมลจากหนงสอและ เวบไซตตางๆ โดยใชโปรแกรม Microsoft Visual Studio เขยนโปรแกรมสรางระบบภายในเกม โดยขบเคลอนดวย Unity มการเกบคาตางๆ ลงในเครองของผใชงาน ใช NodeJS และไดน า Google Translate API มาประยกตใชงาน

2. ทดสอบความเปนไปไดของระบบ

ทดสอบการใชงานโปรแกรม Unity ซงเปนแพลตฟอรมส าหรบการสรางเกมโดยใช Microsoft Visual Studio ในการเขยนสครปควบคมค าสงตางๆ ภายในเกม และการใช NodeJS และสงคาไปยง Google Translate API และน าคาทไดกลบมาประมวลผลและแสดงเปนค าศพท

3. ก าหนดแนวทางและออกแบบโปรแกรม 3.1 วเคราะหและออกแบบระบบการท างานของโปรแกรม

4. พฒนาโปรแกรม

เรมพฒนาดวยโปรแกรม Microsoft Visual Studio ในการเขยน source code ภาษา C# รวมกบ Unity ในการออกแบบหนา User interface (UI) และเชอตอกบ NodeJS และ Google Translate API มาใชในการแปลงเสยงเปนค าศพท

5. น าโปรแกรมไปใชงานจรงและประเมนผลการท างาน

น าโปรแกรมไปเผยแพรในชนเรยน โดยใหท าการตดตงและเลนในหมวดค าศพทตางๆ แลวสงเกตการณพฒนาในการออกเสยง แลวใชแบบส ารวจเพอวดระดบความพงพอใจในการใชระบบโครงงาน What Sam Say?

หนาแรก เลอกหมวดการเลน เลอกหมวดการเลน

เลอกหมวดการเลน

เซรฟเวอร Node.JS Google Translate

6

บทท 4

ผลการด าเนนงาน

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

โปรแกรม What Sam Say? เปนเกมบนหลายแพตฟอรม พฒนาโปรแกรมโดยใชภาษา C# ผานโปรแกรม Unity ในการสรางอนเตอรเฟชแลวใช Node.JS ซงพฒนาโดยใชภาษา Javascript ในการเชอมตอเขากบ Google Translate API ในการแปลงเสยงพดเปนค าในภาษาองกฤษ และสงคาทไดกลบมา

Node.JS

What’s Sam Say?

สมค าศพท

ไมโครโฟน

ประมวลผลค า

ตรวจค าตอบ

Google Could Platform

ไมโครโฟน

ประมวลผลค า

Speech to Text

8

ในเกมจะใหผเลนท าการเลอกหมวดค าศพททตองการ เมอเรมเกมจะท าการสมภาพค าศพทออกมา ใหผเลนท าการเปดใชงานไมโครโฟนเพอพดค าศพทภาษาองกฤษตามภาพ เสยงจะถกแปลงเปนค าศพท ถาค าศพทและการออกเสยงถกตองตรงตามเฉลยกจะไดคะแนนในภาพนน แลวท าการสมภาพใหมออกมา จนกระทงครบ 10 ขอกจะท าการสรปคะแนน

9

ผลการประเมนการใชโปรแกรม What Sam Say?

หลงจากน าโปรแกรมไปใชงานจรง แลวท าการสมผใช 42 คนประเมนผลการใชโปรแกรมโดยการใชแบบประเมนออนไลน คอ “แบบประเมนความพงพอใจการใชระบบโครงงาน What Sam Say?” พบวาในดานขอมลทวไปนกเรยนเปนเพศชายรอยละ 40.5 เพศหญงรอยละ 59.5

การประเมนความพงพอใจหลงการใชโปรแกรม พบวา ผใชสวนใหญมความพอใจดานประโยชนของระบบโครงงาน What’s Sam Say? อยในระดบมากทสด คดเปนรอยละ 69 ดานความยากงายในการใชงานระบบโครงงาน What’s Sam Say? อยในระดบมากทสด คดเปนรอยละ 43 ดานความสะดวกในการใชระบบแปลงเสยงเปนค าศพท อยในระดบมากทสด คดเปนรอยละ 41 ดานการน าไปใชฝกทกษะการออกเสยงภาษาองกฤษ อยในระดบมากทสด คดเปนรอยละ 69 ดานความสนกสนานทไดรบจากการเลน อยในระดบมากทสด คดเปนรอยละ 79

จากขอเสนอแนะโดยสรปของผใชโปรแกรม มความเหนวา การแปลงเสยงเปนค าศพทยงไมเทยงตรงพอ ควรท าระบบการรบเสยงใหดขน

10

00

11

บทท 5

สรปผลการด าเนนงาน

สรปผลการพฒนาโครงงาน

จากผลการส ารวจความพงพอใจในการใชโปรแกรม พบวาผใชสวนใหญมความพงพอใจในทกดานอยในระดบมากทสด จงสรปไดวาโครงงาน What Sam Say? เปนโปรแกรมฝกทกษะการออกเสยงภาษาองกฤษในรปแบบเกม ทสามารถใชเปนเครองมอในการสงเสรมความสามารถดานภาษาองกฤษ สงผลใหเกดการเรยนรเพอพฒนาทกษะการใชภาษาองกฤษดานอนๆ ตอไป

อภปรายผล

จากผลการประเมนจะเหนไดวาความพงพอใจในทกๆดานอยในระดบมากทสดกจรง แตในดานความยากงายในการใชงานระบบโครงงาน What Sam Say? และดานความสะดวกในการใชระบบแปลงเสยงเปนค าศพท จะเหนไดวาผลการประเมนไมคอยสงมากนก และผประเมนบางคนประเมนอยในระดบ นอยและนอยทสด เปนผลมาจากระบบการแปลงเสยงเปนค าศพทใชงานไดสมบรณ บางครงเสยงไมขนเวลาพด หรอบางครงตองรอนานมากกวาจะมค าศพทขน ซงสาเหตดงกลาวมาจากปญหาของอนเตอรเนตมความลาชา และอปกรณไมโครโฟนทใชคณภาพไมดพอ

ขอเสนอแนะในการพฒนาโครงงานครงตอไป

ในการพฒนาครงตอไปอาจค าศพทในแตละหมวดใหมากขน ปรบปรงระบบใหใชงานไดงายและครบถวนตามค าแนะน าจากผประเมน

บรรณานกรม

UnityDocumentaion Scripting API เขาถงไดจากhttps://docs.unity3d.com/Script Reference/. (วนทคนขอมล : 16 มถนายน 2561)

Unity Tutorials เขาถงไดจาก https://unity3d.com/learn/tutorials/. (วนทคนขอมล 16 มถนายน 2561)

Unity.Answer เขาถงไดจาก https://answers.unity.com/. (วนทคนขอมล 16 มถนายน 2561)

Google Cloud Platform เขาถงไดจาก https://cloud.google.com/docs/. (วนทคนขอมล 23 มถนายน 2561)

THAIPROGRAMMER NodeJS เขาถงไดจาก https://thaiprogrammer.org/. (วนทคนขอมล 23 มถนายน 2561)

ภาคผนวก

คมอการใชโปรแกรม What Sam Say?

สามารถเขาไปดาวนโหลดโปรแกรมไดผาน URL http://www.sa.ac.th/app/sam จากนนท าการตดตงโปรแกรมใหสมบรณ

หนาแรก

เมอเปดโปรแกรมขนมา ใหผใชท าการกดทปม PLAY ครงเพอเขาสหนาเลอกหมวดการเลน

15

00

หนาเลอกหมวดการเลน

ผใชงานสามารถเลอกเลนหมวดการเลนไดตามตองการจากหนาน โดยการกดทรปหมวดการเลนเพอเขาสหนาเลอกหมวดหม หรอ หนาเลอกบทเรยน

หนาเลอกหมวดหม

ผใชสามารถเลอกหมวดหมการเลนจากหนาน โดยการกดทไอคอนหมวดหมทตองการเลน เพอไปหนาเลนเกม

16

00

หนาเลนเกม

เมอเขาสหนาเลนเกม ระบบจะท าการสมรปภาพในหมวดหมทเลอกขนมาทงหมด 10 ค า โดยจะใหผใชท าการทายวารปภาพนนคออะไร แลวใหผใชกดปม SPEAK เพอเรมท าการบนทกเสยงแลวใหผใชพดค าศพทภาษาองกฤษททาย หลงจากพดจบใหกดซ าอกครง เพอหยดท าการบนทกเสยง จากนนระบบจะประมวลผลและแสดงค าทผใชไดพดออกมา หากผใชพดถกตรงตามเฉลย คะแนนจะเพมขนและจะผานไปยงขอตอไป หรอหากผใชพดค าศพทผดพลาด สามารถพดใหมได 3 ครง จากนนจะถอวาผดแลวไปขอตอไป โดยคะแนนจะไมเพม หรอหากผใชไมสามารถทายค าศพทค านนได สามารถกดขามเพอขามไปยงขอตอไปไดเลย โดยเมอครบ 10 ขอระบบจะพาผใชไปยงหนาแสดงคะแนน

17

00

หนาเลอกบทเรยน

ผใชสามารถเลอกบทเรยนไดในหนาน โดยกดทไอคอนบทเรยนทตองการจะเรยน เพอไปหนาบทเรยน

หนาบทเรยน

ในหนานจะมค าศพทพรอมค าแปลใหผใชศกษา และยงสามารถกดทค าศพทเพอฟงการอานออกเสยงไดดวย เมอผใชศกษาถงหนาสดทายจะมปม exercise ปรากฏขนผใชสามารถกดเพอไปยงหนาแบบทดสอบ

18

00

หนาแบบทดสอบ

เมอเขาสหนาแบบทดสอบ ระบบจะท าการสมรปภาพในบทเรยนทเลอกขนมาทงหมด 5 รป โดยจะใหผใชท าการตอบค าถามใหสอดคลองกบรป แลวใหผใชกดปม SPEAK เพอเรมท าการบนทกเสยงแลวใหผใชพดค าศพทภาษาองกฤษตอบค าถามนน หลงจากพดจบใหกดซ าอกครง เพอหยดท าการบนทกเสยง จากนนระบบจะประมวลผลและแสดงค าทผใชไดพดออกมา หากผใชพดถกตรงตามเฉลย คะแนนจะเพมขนและจะผานไปยงขอตอไป หรอหากผใชพดค าศพทผดพลาด สามารถพดใหมได 3 ครง จากนนจะถอวาผดแลวไปขอตอไป โดยคะแนนจะไมเพม โดยเมอครบ 5 ขอระบบจะพาผใชไปยงหนาแสดงคะแนน

19

00

หนาแสดงคะแนน

เมอเลนจบเกม จะเขาสหนาแสดงคะแนน ซงจะแสดงคะแนนทผใชไดท าไว และสามารถกดปมเพอกลบไปยงหนาแรก

20

00