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

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

ชือ นายกฤษฎาพงษ์ คำมี เลขที่ 5

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

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

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









ผู้จัดทำโดย นายกฤษฎาพงษ์ คำมี

ความคิดเห็น

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

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

5.Sensor Components - App Inventor for Android

Sensor Components - App Inventor for Android    มีเนื้อหาดังนี้    1.AccelerometerSensor     2.BarcodeScanner     3.Clock     4.GyroscopeSensor     5.LocationSensor     6.NearField     7.OrientationSensor     8.Pedometer     9.ProximitySensor   1.AccelerometerSensor               ส่วนประกอบที่ไม่สามารถมองเห็นได้ซึ่งสามารถตรวจจับการสั่นและวัดความเร่งในสามมิติโดยใช้หน่วย SI (m / s2) ส่วนประกอบคือ:     xAccel: 0 เมื่อโทรศัพท์อยู่ในที่ราบบนพื้นผิวเรียบบวกเมื่อเอียงโทรศัพท์ไปทางขวา (เช่นด้านซ้ายจะยกขึ้น) และลบเมื่อเอียงโทรศัพท์ไปทางซ้าย (เช่นขนาดที่เหมาะสมคือ ยก)     yAccel: 0 เมื่อโทรศัพท์นิ่งอยู่บนพื้นผิวเรียบเป็นบวกเมื่อด้านล่างยกขึ้นและลบเมื่อยกส่วนบน     zAccel: เท่ากับ -9.8 (แรงโน้มถ่วงของโลกเป็นเมตรต่อวิ...
อ่านเพิ่มเติม

การประยุกต์ใช้ Web viewer และ BarcodeScaner

รูปภาพ
ใบงานที่ 2 การประยุกต์ใช้Web viewer และ BarcodeScanner การประยุกต์ใช้ Web viewer และ BarcodeScanner ดังนี้ 1.  เมื่อเรา เข้าเว็บไซต์ ai2appinventor แล้วให้ทำการ New Project ขึ้นมาใหม่ 2. เมื่อทำการ New Project แล้วให้ตั้งชื่อตามที่ต้องการ แต่ควรจะสื่อความหมายในสิ่งที่เรากำลังจะทำ เช่นในครั้งนี้เราจะทำแอปพิเคชั่นเกี่ยวกับการสแกนบาร์โค้ด ก็ควรตั้งให้ใกล้เคียงที่สุด เช่น BarcodeScanner Scanner เป็นต้น 3.เมื่อเราสร้าง New Project ขึ้นใหม่เสร็จเรียบร้อยแล้วจะขึ้นหน้า Screen 1 เราสามารถที่จะเปลี่ยนชื่อในจุดนี้ได้ตามที่เราต้องการ จากนั้นให้เราลาก Button และ Label มาวางไว้ที่ Screen 1  แล้วปรับการจัดวางให้เหมาะสมสวยงาม แล้วเปลี่ยนชื่อ Button การเปลี่ยนชื่อ Button                                 4.  ที่แถบเครื่องมือ เลือกที่ Sensors แล้วลาก BarcodeScanner มาวางไว้ที่ Screen 1 เมื่อนำเครื่องมือมาวางครบที่ต้องการแล้ว ที่หน้าจอ Screen1 จะมี 1 Button กับอีก 1 Label...
อ่านเพิ่มเติม
รูปภาพ
ใบงานที่ 3 สรุปความรู้เกี่ยวกับ  MIT App Inventor 2 โปรแกรมนี้จะสร้าง Project  ใหม่อยู่เสมอ เริ่มต้นด้วย 1.New Project ขึ้นมาใหม่ 2.หลังจากนั้นจะปรากฏกล่องข้อความให้เรากรอกชื่อ Project ที่เราจะสร้างชิ้นงานใหม่ ที่ Project name จากหน้า Screen จะประกอบด้วยเครื่งมือดังนี้ 1.Button 2.TextBox 3.TinyDB 4.TinyWebDB 5.Notifier 6.SpeechRecognizer 7.TextToSpeech จากนั้นนำอุปกรณ์ที่แนะนำขั้นต้นมาวางที่ Screen จากนั้นนำ Button และ Label มาวางดังรูป แล้วเปลี่ยนโหมดการเขียนโปรแกรมไปที่ Block หลังจากนั้น เป็นการเขียนโปรแกรมบน Blocks 4. หน้าตาของโค้ดเมื่อทำการเขียนเรีบร้อย จากนั้นทำการทดลองแอปพลิเคชั่น ด้วยการ Build  ทำการสแกนแล้วดาวน์โหลดแอปพลิเคชั่น จากนั้นทดลองใช้ ทดลองกรอกข้อความลงใน Textbox  เมื่อกดปุ่ม text for Button1 จะมี PopUp แสดงขึ้นมา เมื่อกดปุ่ม text for Button2 จะเก็บข้อความไว้ที่ tinywebDB เมื่อกดปุ่ม กดพูด จะมีเสียงพูดตามที่เราพิมพ์ เมื่...
อ่านเพิ่มเติม