ต่อมาเราจะทำการหา id ของ Board ที่เราต้องการ Track ให้เราเรียกไปที่ api ของ Trello ตามลิงก์ด้านล่างโดยต้องเปลี่ยนค่าดังนี้ {{key}} เอาค่า API Key ที่ได้จากข้อที่ 1 มาแทนที่ {{token}} เอาค่า Token ที่ได้จากข้อที่ 2 มาแทนที่ GET {key}}&token={{token}} จากรูปตัวอย่างผมใช้ Postman ในการยิง API ไป ถ้าสำเร็จจะได้รายการ Board ทั้งหมดของเราให้เรา หา Board ที่ต้องการแล้ว copy id เอาไว้ ขั้นตอนนี้เราจะทำการ submit webhook เราเข้าไปที่ API ของ Trello โดยเราต้องสร้าง callbackURL ขึ้นมาก่อน ไปกันเลยย!!! 4. 1 Create Functions สำหรับ Trello Webhook สร้าง Functions สำหรับรับ webhook จาก Trello โดยผมจะทำการเก็บค่า Board และค่า Change ลง Firestore Trello webhook โดย Request ของ Trello จะมีรายละเอียดดังนี้ครับ Trello Webhook Request Example อธิบายคร่าวๆ ดังนี้ครับ model = ข้อมูล Board/List/Card ที่เรา Track อยู่ = ข้อมูลของ Object ที่เปลี่ยนแปลง action. display = ข้อมูลสำหรับใช้แสดงผลการเปลี่ยนแปลง MemberCreator = รหัส Member ที่ทำการเปลี่ยนแปลง = ประเภทของการเปลี่ยนแปลง = ID ของการเปลี่ยนแปลง mberCreator = ข้อมูลรายละเอียดของผู้ทำการเปลี่ยนแปลง หลังจากนั้นทำการ Deploy Functions แล้วนำ URL ไปใช้ในขั้นตอนถัดไปครับ 4.
การสร้างวัตถุ (Object) ด้วยเครื่องมือ Line Tool Line Tool คือเครื่องมือสำหรับวาดเส้นตรง โดยเราสามารถกำหนดสี ความหนา และลวดลาย ต่างๆโดยกำหนดได้ที่หน้าต่าง properties ขั้นตอนการสร้าง ดังนี้ ขั้นที่ 1 คลิกเลือกเครื่องมือที่ Tool Box ดังภาพ ขั้นที่ 2 กำหนดลักษณะของเส้นที่หน้าต่าง Properties กรณีหน้าต่างถูกปิด เปิดได้โดยคลิก Window > Properties > Properties ดังภาพ กำหนดลักษณะของเส้นตามต้องการ ( ตำแหน่งด้านล่างจอภาพ) ขั้นที่ 3 ใช้เมาส์ลากเส้น ปรับขนาด เปลี่ยนสี ตามต้องการ ตัวอย่างการประยุกต์ใช้งาน 1. ลากเส้นตามต้องการ 2. คลิกลูกศรสีดำ (Selection Tool) 3. คลิกเส้นที่ไม่ต้องการแล้วลบทิ้งโดยกดปุ่ม Delete ที่ Keyboard 4. เลือกภาพวัตถุ โดยดับเบิลคลิกหรือลากคลุมภาพวัตถุ 5.
สร้างเส้นตรงด้วยเครื่องมือ Line Tool
เครื่องมือ Line Toot เป็นเครื่องมือที่ใช้ในการวาดเส้นตรง และในขณะที่ทําการวาดเส้นอยู่นั้น จะปรากฎวงกลมเล็ก ๆ ที่เรียกว่า Snap to Objects ทําให้สามารถวาดเส้นแต่ละเส้นเข้าหากันจนเกิด ความต่อเนื่องขึ้นมาได้โดยอัตโนมัติ นอกจากนี้ เมื่อมีการวาดเส้นขึ้นมาเรียบร้อยแล้วยังสามารถ เปลี่ยนแปลงสี ขนาด และรูปร่างของเส้นในภายหลังได้อีกด้วย ขั้นตอนในการสร้างเส้นตรงด้วยเครื่องมือ Line Tool สามารถทําได้ตามขั้นตอน ดังนี้
2. กําหนดลักษณะของสีและรูปแบบ
Line Tool คือเครื่องมือสำหรับวาดเส้นตรง โดยเราสามารถกำหนดสี ความหนา และลวดลาย ต่างๆโดยกำหนดได้ที่หน้าต่าง properties ขั้นตอนการสร้าง ดังนี้
ขั้นที่ 1 คลิกเลือกเครื่องมือที่ Tool Box ดังภาพ
ขั้นที่ 2 กำหนดลักษณะของเส้นที่หน้าต่าง Properties
กรณีหน้าต่างถูกปิด เปิดได้โดยคลิก Window > Properties > Properties ดังภาพ
กำหนดลักษณะของเส้นตามต้องการ (ตำแหน่งด้านล่างจอภาพ)
ขั้นที่ 3 ใช้เมาส์ลากเส้น ปรับขนาด เปลี่ยนสี ตามต้องการ
ตัวอย่างการประยุกต์ใช้งาน
1. ลากเส้นตามต้องการ
3. คลิกเส้นที่ไม่ต้องการแล้วลบทิ้งโดยกดปุ่ม Delete ที่ Keyboard
4. เลือกภาพวัตถุ โดยดับเบิลคลิกหรือลากคลุมภาพวัตถุ
5. ตกแต่งเส้นโดยกำหนดที่
หน้าต่าง Properties
ตัวอย่างงานที่สร้างจาก Line Tool
แบบฝึกสร้างวัตถุด้วย Line Tool