การสร้างแอปพลิเคชั่นทายคำศัพท์

การออกแบบจอภาพการสร้างแอปพลิเคชั่นทายคำศัพท์ 


1. ภาพการออกแบบหน้าจอจากเว็บแอปอินเวนเตอร์  


2. ภาพการออกแบบบล็อกโปรแกรมจอจากเว็บแอปอินเวนเตอร์


 3. ภาพหน้าจอโปรแกรมจากโทรศัพท์ แสดงการใช้โปรแกรม




นายไชยวัฒน์ รอดมา เลขที่7 ปวส.2

ความคิดเห็น

แสดงความคิดเห็น

โพสต์ยอดนิยมจากบล็อกนี้

สรุปองค์ความรู้เกี่ยวกับ MIT App Inventor

รูปภาพ
เริ่มต้นเรามารู้จักกับ App Inventor กันก่อนนะครับ       App Inventor จะเป็นเหมือนเครื่องมือที่ช่วยในการสร้าง Application บนมือถึอที่ใช้ระบบปฏิบัติการ Android โดยที่เราไม่จำเป็นที่จะต้องรู้ โค้ดที่ใช้ในการเขียนโปรแกรม  ตัวเครื่องมือหรือ App Inventor จะมี บล๊อก ที่รวบรวมคำสั่งต่างๆ เอาไว้ เราก็เพียงแค่ลากบล๊อกเหล่านั้นมาเชื่อมต่อกัน ตามการทำงานที่เราได้ออกแบบไว้ อาจจะเข้าใจยากสักหน่อยสำหรับผู้เริ่มต้นนะครับ แต่เมื่อได้อ่านบทความที่จะเขียนไปเรื่อยๆ ก็จะเข้าใจได้เอง ก่อนที่เราจะสามารถใช้ App Inventor ได้นั้น เราจะต้องมีบัญชีของ Google ก่อนนะครับ การสมัครบัญชีของ Google เข้าไปที่เว็บไซต์ http://www.google.co.th กดลงชื่อเข้าสู่ระบบ ด้านขวามือ จากนั้นกดสมัครใช้งาน กรอกข้อมูลของเราลงไป เมื่อเสร็จขั้นตอนนี้เราก็จะมีบัญชีของ Google ไว้ใช้งานแล้วนะครับ เข้าไปที่เว็บไซต์   http://ai2.appinventor.mit.edu/   ลงชื่อเข้าใช้ จะได้หน้าจอดังภาพข้างล่าง กด new project เพื่อทำการสร้างโปรเจคใหม่ ส่วนของการออกแบบหน้าจอ ส่วนขอ...
อ่านเพิ่มเติม

โปรแกรม MIT App Inventor 2

รูปภาพ
ใบงานที่3 สรุปความรู้เกี่ยวกับ MiT App Inventer 2   จัดทำโดย นายไชยวัฒน์ รอดมา เลขที่ 7 รหัสนักศึกษา 5931280059 เริ่มต้นด้วยการเอาเครื่องมือมาวางบน Screen จากหน้า Screen จะประกอบด้วยเครื่งมือดังนี้ 1.Button 2.TextBox 3.TinyDB 4.TinyWebDB 5.Notifier 6.SpeechRecognizer 7.TextToSpeech หลังจากนั้น เป็นการเขียนโปรแกรมบน Blocks จากภาพเป็นการเอาจิ๊กซอมาต่อกันเป็นคำสั่งเพื่อให้แสดงผล โปรแกรมจะทำการ Compile ดังรูป จากนั้นจะขึ้น QRCode ให้เราสแกนเพื่อดาวน์โหลดใส่สมาร์ทโฟน  จากนั้นใช้โปรแกรม MIT AI2 Companion บนสมาร์ทโฟนสแกนQR Code เพื่อดาว์นโหลด เท่านี้เราก็จะได้ Application เรียบร้อยแล้ว
อ่านเพิ่มเติม