วันจันทร์ที่ 12 กุมภาพันธ์ พ.ศ. 2561

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

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

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

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


ให้เติมคำศัพท์ลงในช่องว่าง 

 
แล้วไปคลิกที่ปุ่มตรวจคำตอบ 

ถ้าตอบผิด ผลการตรวจจะออกมาเป็นแบบนี้ครับ

ถ้าตอบถูกทุกข้อ ผลการตรวจจะออกมาประมาณนี้ครับ 

การสร้างแอปพลิเคชั่นทายคำศัพท์ ก็มีประมาณนี้ครับ ขอบคุณครับ *-*







วันเสาร์ที่ 23 ธันวาคม พ.ศ. 2560

Storage - App Inventor for Android

ไฟล์(File)

     องค์ประกอบที่ไม่สามารถมองเห็นได้สำหรับการจัดเก็บและเรียกไฟล์ ใช้คอมโพเนนต์นี้เพื่อเขียนหรืออ่านไฟล์บนอุปกรณ์ของคุณ พฤติกรรมเริ่มต้นคือการเขียนไฟล์ลงในไดเร็กทอรีข้อมูลส่วนตัวที่เชื่อมโยงกับแอปของคุณ Companion เขียนไฟล์ลงใน / sdcard/AppInventor / data เพื่อแก้จุดบกพร่องได้ง่าย หากเส้นทางของไฟล์เริ่มต้นด้วยเครื่องหมายทับ (/) ไฟล์จะถูกสร้างขึ้นเทียบกับ / sdcard ตัวอย่างเช่นการเขียนไฟล์ไปที่ /myFile.txt จะเขียนไฟล์ใน /sdcard/myFile.txt

Properties

ไม่มีเหตุการณ์ที่เกิดขึ้น

Events

     เหตุการณ์ที่ระบุว่ามีการอ่านเนื้อหาจากไฟล์แล้ว

Methods

ผนวกลงในไฟล์ (ข้อความอักษรชื่อไฟล์)

    ต่อท้ายข้อความที่ท้ายไฟล์ สร้างไฟล์หากไม่มีอยู่ ดูข้อความความช่วยเหลือภายใต้ SaveFile สำหรับข้อมูลเกี่ยวกับตำแหน่งที่เขียนแฟ้ม

ลบ (ไฟล์ชื่อไฟล์)

    ลบไฟล์ออกจากที่เก็บข้อมูล ใส่ชื่อไฟล์ด้วย / ลบไฟล์ที่ต้องการใน SD card (ตัวอย่างเช่น /myFile.txt จะลบไฟล์ /sdcard/myFile.txt) หากชื่อไฟล์ไม่ได้ขึ้นต้นด้วย a / จากนั้นไฟล์ที่อยู่ในพื้นที่เก็บส่วนตัวของโปรแกรมจะถูกลบออก การเริ่มต้นไฟล์ด้วย // เป็นข้อผิดพลาดเนื่องจากไฟล์เนื้อหาไม่สามารถลบได้

อ่านจาก (ไฟล์ชื่อไฟล์)

    อ่านข้อความจากไฟล์ที่จัดเก็บ ใส่ชื่อไฟล์ด้วย / อ่านจากไฟล์ที่ระบุใน SD card (ตัวอย่างเช่น /myFile.txt จะอ่านไฟล์ /sdcard/myFile.txt) เมื่อต้องการอ่านเนื้อหาที่บรรจุด้วยแอ็พพลิเคชัน (ใช้งานได้กับ Companion) ให้เริ่มต้นชื่อไฟล์ด้วย // (สอง slashes) หากชื่อไฟล์ไม่ได้เริ่มต้นด้วยเครื่องหมายทับจะมีการอ่านจากที่จัดเก็บส่วนตัวของแอ็พพลิเคชัน (สำหรับแอปแพคเกจ) และจาก / sdcard / AppInventor / data สำหรับ Companion

บันทึกไฟล์ (ข้อความ, ชื่อไฟล์, ข้อความ)

    บันทึกข้อความลงในไฟล์ ถ้าชื่อไฟล์เริ่มต้นด้วยเครื่องหมายทับ (/) ไฟล์จะถูกเขียนลงใน sdcard (ตัวอย่างเช่นการเขียนไปที่ /myFile.txt จะเขียนไฟล์ลงใน /sdcard/myFile.txt) หากชื่อไฟล์ไม่ได้เริ่มต้นด้วยเครื่องหมายทับจะมีการเขียนข้อมูลในไดเร็กทอรีข้อมูลส่วนตัวของโปรแกรมซึ่งจะไม่สามารถเข้าถึงโปรแกรมอื่น ๆ ทางโทรศัพท์ได้ มีข้อยกเว้นพิเศษสำหรับ AI Companion ซึ่งไฟล์เหล่านี้ถูกเขียนลงใน / sdcard / AppInventor / data เพื่ออำนวยความสะดวกในการแก้บั๊ก โปรดสังเกตว่าบล็อกนี้จะเขียนทับไฟล์หากมีอยู่แล้ว ถ้าคุณต้องการเพิ่มเนื้อหาลงในไฟล์ให้ใช้ส่วนต่อท้าย

การควบคุมตารางฟิวชัน

    คอมโพเนนต์ที่มองไม่เห็นซึ่งสื่อสารกับ Google Fusion Tables Fusion Tables ช่วยให้คุณจัดเก็บแบ่งใช้ค้นหาและแสดงข้อมูลตารางข้อมูลได้ คอมโพเนนต์นี้ช่วยให้คุณสามารถค้นหาสร้างและแก้ไขตารางเหล่านี้ได้ คอมโพเนนต์นี้ใช้ Fusion Tables API V2.0
    แอปพลิเคชันที่ใช้ Fusion Tables ต้องตรวจสอบกับเซิร์ฟเวอร์ของ Google มีสองวิธีที่สามารถทำได้ วิธีแรกใช้เฉพาะคีย์ A PI ที่คุณ (นักพัฒนาซอฟต์แวร์) ได้รับ ด้วยวิธีนี้ผู้ใช้ปลายทางต้องเข้าสู่ระบบเพื่อเข้าถึงตารางฟิวชั่น

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

การใช้คอมโพเนนต์ FusiontablesControl

การสร้าง Fusion Tables


คุณอาจต้องการสร้างตารางฟิวชันเพื่อทดสอบกับขณะที่คุณกำลังพัฒนาแอปพลิเคชันของคุณ นี่เป็นเรื่องง่ายเหมือนกับการสร้างเอกสาร Google ถ้าคุณคุ้นเคยกับกระบวนการดังกล่าว นี่คือขั้นตอน:

    1.บนเว็บให้ลงชื่อเข้าใช้บัญชี G mail หรือบริการอื่น ๆ ของ Google (เช่นไดรฟ์, You-tube) ไปที่ Google ไดรฟ์
    2.คลิกปุ่มใหม่และไปที่เพิ่มเติม หากคุณไม่เห็นตัวเลือก Google Fusion Tables ให้เลือก Connect more apps และเลื่อนหน้าเว็บของบริการต่างๆของ Google เพื่อค้นหาบริการ Fusion Tables และเชื่อมต่อกับ Google ไดรฟ์ของคุณ
    3.คุณอาจต้องการดูตัวอย่างบางส่วนและใช้บทแนะนำ (เช่นพิซซ่าปาร์ตี้กวดวิชา) เพื่อเรียนรู้พื้นฐาน
    4.คลิกปุ่มดูตารางของฉัน (ด้านบนขวาของหน้า) ซึ่งจะนำคุณไปยังหน้าเว็บของคุณเอง
    5.คุณควรเห็นรายการตารางหรือตารางที่คุณแชร์กับคุณ (อาจไม่มี)
    6.ใช้ปุ่มสร้างเพื่อสร้างตารางใหม่ ให้ชื่อคอลัมน์บางส่วนและบันทึก
    7.คลิกที่ปุ่มแชร์ (ด้านบนขวา) เพื่อแก้ไขสิทธิ์ของตาราง

การสร้างแอป Fusiontables

เมื่อคุณลากคอมโพเนนต์ FusiontablesControl ลงบน Designer อย่าลืมตั้งค่าคุณสมบัติ ApiKey ซึ่งว่างไว้ก่อน คุณควรคัดลอกข้อมูลนี้จากคอนโซลนักพัฒนาซอฟต์แวร์ของ Google และวางลงในฟิลด์พร็อพเพอร์ตี้

หากต้องการรับคีย์ API โปรดทำตามคำแนะนำต่อไปนี้

    1.ไปที่ Google Developers Console และเข้าสู่ระบบถ้าจำเป็น
    2.ภายใต้ APIs & auth ให้เลือกรายการ APIs จากเมนูด้านซ้าย
    3.เลือก Fusion Tables API จากรายการที่มีให้และเปิดใช้งาน
    4.ที่แถบด้านซ้ายเลือกรายการข้อมูลประจำตัว
    5.ภายใต้การเข้าถึง API สาธารณะให้คลิกสร้างคีย์ใหม่เลือกคีย์ Android และคลิกสร้างเพื่อสร้างคีย์ API

คีย์ API ของคุณจะปรากฏในบานหน้าต่างด้านข้าง "การเข้าถึง API สาธารณะ" คุณต้องระบุคีย์นั้นเป็นค่าสำหรับพร็อพเพอร์ตี้ คีย์Api ในแอป Fusion Tables

เมื่อคุณมีคีย์ API แล้วให้ตั้งค่า Query property เป็นแบบสอบถาม SQL Fusiontables ที่ถูกต้องและเรียก SendQuery เพื่อดำเนินการสืบค้นข้อมูล App Inventor จะส่งข้อความค้นหาไปยังเซิร์ฟเวอร์ Fusion Tables และบล็อก GotResult จะเริ่มทำงานเมื่อผลการค้นหาถูกส่งกลับจากเซิร์ฟเวอร์ ผลการค้นหาจะถูกส่งกลับในรูปแบบ CSV และสามารถแปลงเป็นรูปแบบรายการได้โดยใช้คอลัมน์ "list from csv table" หรือ "list from csv row"

หากต้องการตั้งค่าการตรวจสอบสิทธิ์บริการสำหรับตารางฟิวชันให้ทำตามขั้นตอนเพิ่มเติมต่อไปนี้:

    1.ในคอนโซล Google APIs ภายใต้ APIs & auth ให้เลือกรายการ APIs จากเมนูด้านซ้าย
    2.คลิกปุ่มสร้างรหัสลูกค้าใหม่ เลือกตัวเลือกบัญชีบริการและคลิกสร้าง Client ID
    3.ไฟล์ที่เรียกว่า KeyFile (ลงท้ายด้วยนามสกุล. p12) จะดาวน์โหลดลงในคอมพิวเตอร์ของคุณโดยอัตโนมัติ เก็บไว้ในที่ที่คุณจะจดจำ เมื่อการสร้างสมบูรณ์คุณจะได้รับตารางข้อมูลบัญชีบริการของคุณ
    4.ในหน้าต่าง Designer ของ App Inventor ให้เลือก FusionTablesControl ในบานหน้าต่างคุณสมบัติเพิ่ม ServiceAccountEmail (จากตารางในคอนโซล) อัปโหลด KeyFile และตรวจสอบ UseServiceAuthentication กล่อง
    5.แชร์ตารางฟิวชันกับ ServiceAccountEmail ของคุณและกำหนดสิทธิ์ในการแก้ไขเช่นเดียวกับที่คุณแชร์เอกสาร Google อื่น ๆ กับที่อยู่อีเมล

คุณสมบัติ

คีย์Api

    คีย์ Google API ของคุณ ดูด้านบนสำหรับรายละเอียดเกี่ยวกับการขอรับคีย์ API

ไฟล์สำคัญ

    ระบุเส้นทางของแฟ้มคีย์ส่วนตัว ไฟล์คีย์นี้ใช้เพื่อเข้าถึง FusionTables API ผ่าน Service Authentication

สอบถาม

    ข้อความค้นหาที่ส่งไปยัง Fusion Tables API

    สำหรับรูปแบบและตัวอย่างการค้นหาตามกฎหมายโปรดดูคู่มืออ้างอิง Fusion Tables API v2.0

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

อีเมลบัญชีบริการ

    ที่อยู่อีเมลสำหรับบัญชีบริการที่ใช้สำหรับการรับรองความถูกต้องของบริการ

ใช้การรับรองความถูกต้องของบริการ

    ระบุว่าควรใช้บัญชีบริการเพื่อรับรองความถูกต้องหรือไม่

เหตุการณ์ที่เกิดขึ้น

ได้ผล(ผลข้อความ)
    บ่งชี้ว่าแบบสอบถาม Fusion Tables ดำเนินการเสร็จสิ้นแล้วและส่งคืนพร้อมกับผลลัพธ์ ผลการค้นหาโดยทั่วไปจะถูกส่งกลับในรูปแบบ CSV และสามารถแปลงเป็นรูปแบบรายการได้โดยใช้รายการ "list from csv table" หรือ "list from csv row"
วิธีการ

ทำแบบสอบถาม ()

    เลิก กลุ่มนี้เลิกใช้งานเมื่อสิ้นปี 2555 ใช้ ส่งแบบสอบถามแทน

ลืมเข้าสู่ระบบ ()

    ลืมข้อมูลรับรองการเข้าสู่ระบบของผู้ใช้ปลายทาง ไม่มีผลต่อการรับรองความถูกต้องของบริการ

รับแถว (ตารางข้อความสมบูรณ์)

    เรียกแถวทั้งหมดจากตารางฟิวชั่นที่ระบุ ฟิลด์ ตาราง (จำเป็น) คือรหัสของ Fusion Table ช่องคอลัมน์เป็นรายการคอลัมน์ที่คั่นด้วยจุลภาคเพื่อดึงข้อมูล

รับแถวที่มีเงื่อนไข (ตารางข้อความ คอลัมน์ข้อความเงื่อนไขข้อความ)

    เรียกแถวทั้งหมดจากตารางฟิวชันที่ตรงกับเงื่อนไขบางประการ ฟิลด์ ตาราง(จำเป็น) คือรหัสของ Fusion Table ช่องคอลัมน์เป็นรายการคอลัมน์ที่คั่นด้วยจุลภาคเพื่อดึงข้อมูล ฟิลด์เงื่อนไขระบุว่าแถวใดที่จะดึงข้อมูลจากตาราง (ตัวอย่างเช่นแถวที่ค่าของคอลัมน์โดยเฉพาะไม่ใช่ null)

แทรกแถว (ตาราง,ข้อความ,คอลัมน์ข้อความค่าข้อความ)

    แทรกแถวลงในตารางฟิวชั่นที่ระบุ ฟิลด์ ตารางคือรหัสของ Fusion Table ฟิลด์คอลัมน์เป็นรายการที่คั่นด้วยจุลภาคของคอลัมน์ซึ่งจะแทรกค่า ฟิลด์ค่ากำหนดค่าที่จะแทรกลงในแต่ละคอลัมน์

ส่ง / สอบถาม ()

    ส่งแบบสอบถามไปยังเซิร์ฟเวอร์ Fusion Tables

TinyDB


TinyDB เป็นองค์ประกอบที่ไม่สามารถมองเห็นได้ซึ่งจะจัดเก็บข้อมูลสำหรับแอป


แอปที่สร้างด้วย App Inventor จะเริ่มต้นทำงานทุกครั้งที่ทำงาน ซึ่งหมายความว่าหากแอปกำหนดค่าของตัวแปรและผู้ใช้ออกจากแอปค่าของตัวแปรจะไม่สามารถจดจำได้ในครั้งถัดไปที่แอปทำงาน ในทางกลับกัน TinyDB เป็นที่จัดเก็บข้อมูลถาวรสำหรับแอป ข้อมูลที่เก็บไว้ใน TinyDB จะพร้อมใช้งานในแต่ละครั้งที่มีการเรียกใช้แอป ตัวอย่างอาจเป็นเกมที่ช่วยให้ได้คะแนนสูงและเรียกค้นทุกครั้งที่มีการเล่นเกม

รายการข้อมูลคือสตริงที่จัดเก็บอยู่ใต้แท็ก ในการจัดเก็บรายการข้อมูลคุณต้องระบุแท็กที่ควรเก็บไว้ใต้ จากนั้นคุณสามารถดึงข้อมูลที่เก็บไว้ใต้แท็กที่กำหนด

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

เมื่อคุณพัฒนาแอปพลิเคชันโดยใช้ AI Companion แอปทั้งหมดที่ใช้ Companion นั้นจะแชร์ TinyDB เดียวกัน การแชร์นั้นจะหายไปเมื่อแอปพลิเคชันถูกบรรจุและติดตั้งบนโทรศัพท์ ในระหว่างการพัฒนาคุณควรระมัดระวังในการล้างข้อมูลแอปของ Companion ทุกครั้งที่คุณเริ่มต้นทำงานกับแอปใหม่

Properties

ไม่มี

Events

ไม่มี

Methods


ลบทั้งหมด()

    ล้างข้อมูลทั้งหมดใน TinyDB

เครียแท็ก (แท็กข้อความ)

    ล้างรายการที่มีแท็กที่ระบุ

รับแท็ก ใด ๆ ()

    ส่งคืนรายการของแท็กทั้งหมดใน TinyDB

รับคุณค่า ใด ๆ (แท็กข้อความ valueIfTagNotThere ใด ๆ )

    เรียกค่าที่เก็บอยู่ใต้แท็กที่ระบุ หากไม่มีแท็กดังกล่าวให้ส่งคืน valueIfTagNotThere

มูลค่าร้านค้า (แท็กข้อความค่าใด ๆ ไปยังสตอเรจ)

    จัดเก็บค่าภายใต้แท็กที่ระบุ ที่จัดเก็บยังคงอยู่ในโทรศัพท์เมื่อเริ่มต้นแอปพลิเคชันใหม่

TinyWebDB

คอมโพเนนต์ที่ไม่สามารถมองเห็นได้ซึ่งสื่อสารกับบริการเว็บเพื่อเก็บและเรียกค้นข้อมูล
ดูการสร้างบริการ TinyWebDB แบบกำหนดเอง

Properties

URL บริการ

    URL ไปยังฐานข้อมูลที่คอมโพเนนต์ควรสื่อสาร
เหตุการณ์ที่เกิดขึ้น

Events


รับค่า (tag FromWebDB ข้อความให้ค่าจาก FromWebDB)

    บ่งชี้ว่าการร้องขอเซิร์ฟเวอร์ รับคุณค้า ประสบความสำเร็จ

ค่าที่เก็บไว้ ()

    เหตุการณ์ที่ระบุว่าการร้องขอเซิร์ฟเวอร์ มูลค่าร้านค่า ประสบความสำเร็จ

ข้อผิดพลาดของบริการเว็บ()

    บ่งชี้ว่าการสื่อสารกับเว็บเซอร์วิสมีข้อผิดพลาด

Methods

รับคุณค่า (แท็กข้อความ)

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

มูลค่าร้านค้า (แท็กข้อความค่าใด ๆ ไปยังสตอเรจ)

    ส่งการร้องขอไปยังบริการเว็บเพื่อเก็บค่าที่กำหนดภายใต้แท็กที่ระบุ

























วันอาทิตย์ที่ 12 พฤศจิกายน พ.ศ. 2560

ใบงานที่ 3 สรุปความรู้เกี่ยวกับ MIT App Inventor 2

จัดทำโดย นาย ปริญญา จันทร์เรือง เลขที่ 10 รหัสนักศึกษา 5931280064

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



องค์ประกอบแรก
1. Tiny DB1
คือฟังชั่นการรับข้อมูลการอ่าน แต่ไม่ได้ประมวล
2. Notifier1

คือ การรับข้อมูลที่ผู้เขียนป้อนมาประมวลผล และ แสดงในรูปแบบการเตือน
3. TinyWebDB1
คือ การรับข้อมูลจากผู้เขียนโปรแกรมมาอ่าน และประมวลผล
4. TextToSpeech1

คือ การรับข้อมูลผู้เขียนมาป้อนเป็นตัวหนังสือ โดยฟังชั่นนี้เป็นตัวอ่านออกเสียง
5. SpeedchRecognizer1

คือ การรับข้อมูลจากเสียงพูดมาเป็นข้อมูลในการป้อนเป็นตัวหนังสือ Text Box

กำหนดเงื่อนไข
1. แทบ icon ที่ Designer

ประกอบไปด้วย
1. Screen 1 คือ หน้าต่างออกแบบ จำลองจากหน้าจออุปกรณ์เคลื่อนที่
2. TextBox 1 คือ กล่องรับ/ส่ง ข้อมูลที่ป้อน
3. ok 1 คือ ปุ่มควบคุมการทำงานของ TinyDB1


4. ok 2 คือ การควบคุมการทำงานของ TinyWebDB1




5. ok 3 คือ ปุ่มควบคุมการทำงานของ TextToSpeech1



6. ok 4 คือ ปุ่มควบคุมการทำงานของ SpeechRecognizer1



จากนั้นทำการทดลองแอฟพลิเคชั่นด้วยการ คลิกเข้าไปที่ Build แล้วเลือกที่ App ( provide QR code for .apk) เป็นการทำออกมาเป็นบาร์โค้ดนั้นเอง


พอสแกนบาร์โค้ดเสร็จแล้วจะทำการ Dowload อัตโนมัติ พอเสร็จแล้วก็จะขึ้นหน้าตาแบบนี้

แค่นี้ก็เป็นการที่เสร็จสิ้นแล้วครับ ขอจบการสรุปความรู้เกี่ยวกับ MIT App Inventor 2 
 ขอขอบคุณครับ