วันพฤหัสบดีที่ 8 กุมภาพันธ์ พ.ศ. 2561

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

นาย บุณยพฤกษ์ ทองรัตน์ เลขที่ 9

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

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


6.2. ภาพการออกแบบบล็อกโปรแกรมจอจากเว็บแอปอินเวนเตอร์การใช้แอปพลิเคชั่นทายคำศัพท์

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

-เเสดงหน้าตาของไอคอนบนโทรศัพท์มือถือ

-เเสดงหน้าตาของโปรเเกรม
 -เมื่อใส่คำตอบที่ถูกต้องจะเเสดงคำว่า "ถูกต้อง"
 -ถ้าหากใส่คำตอบผิดจะเเสดง"ผิด"
 -เมื่อคลิ๊กที่ปุ่ม"ผู้จัดทำ"จะเเสดงชื่อผู้จัดทำ

จัดทำโดย นายบุณยพฤกษ์ ทองรัตน์ เลขที่ 9

วันอังคารที่ 31 ตุลาคม พ.ศ. 2560

การประยุกต์ใช้ Webviewer เเละ Barcodescaner

ใบงานที่ 2 การประยุกต์ใช้ Webviwer เเละ BarcodeScanner

จัดทำโดย นายบุณยฟฤกษ์  ทองรัตน์ เลขที่ 9 รหัสนักศึกษา 5931280063



เริ่มต้นมาด้วยการวางObjectไว้บนsceen




โดยObjectที่เราจะว่างลงไปนั้นมีดังนี้

         
            1.WebViwer



           2.Button



           3.BarcodeScanner


        

   4.Label







หลังจากนั้นเขียนโปรเเกรมในฟังก์ชั่น Blocks







จากนั้นทำการจับคู่โทรศัพท์ที่ต้องการโหลดเเอพพลิชั่น
โดยการคลิ๊กที่ AI Companion เเล้วรอ Process จนเสร็จ





เมื่อจับคู่เสร็จเเล้วให้ทำการสเเกนQRCode เพื่อDownload Applcation
โดยกดเลือกการ Download โดยใช้เเบบ QRCode





โดยการDownload ผ่าน Application MIT AI2 Companion



เมื่อเข้ามาใน Application เลือกสเเกนผ่าน QRCode


ใส่สเเกน QRCode นี้เพื่อ Download



เมื่อ Download Application เสร็จเเล้วจะได้ดังนี้หากไม่ได้กำหนดไอคอนของ Application


เมื่อเข้ามาข้างในหน้าตาโปรเเกรมจะเป็นดังนี้
เเล้วกดที่ปุ่ม Scan เพื่อสเกน

จะได้หน้าสเเกน QRCode ขึ้นมาดังภาพ

จะเข้ามาหน้าเว็บที่เราทำการสเเกน QRCode 





เท่านี้เราก็ได้ Application เพื่อเอาไว้ ScanQRCode เเล้ว ^_^