Reverse Engineering
Reverse Engineering คืออะไร?
Reverse Engineering คือเครื่องมือแปลงรูปภาพเป็นโค้ดและรูปภาพเป็นไวร์เฟรมด้วย bounding-box ของ Kaiju Hub AI อัปโหลดรูปภาพใดก็ได้ — ภาพหน้าจอ, design mockup หรือภาพถ่ายของ UI — และใช้ bounding box เพื่อระบุและกำหนดว่าแต่ละองค์ประกอบบนรูปภาพควรทำอะไร แปลงผลลัพธ์เป็นโค้ดที่ใช้งานได้หรือเลย์เอาต์ไวร์เฟรม
การสร้างโปรเจกต์ Reverse
คลิกปุ่ม + โปรเจกต์วิศวกรรมย้อนกลับใหม่ เพื่อสร้างโปรเจกต์ใหม่ ตั้งชื่อและคำอธิบายเพื่อจัดระเบียบงานวิศวกรรมย้อนกลับของคุณ
วิธีการทำงาน
อัปโหลดรูปภาพ
อัปโหลดภาพหน้าจอ, design mockup หรือรูปภาพ UI ใดก็ได้ลงในเครื่องมือ Reverse Engineering
วาดหรือตรวจจับ Bounding Box อัตโนมัติ
วาด bounding box รอบองค์ประกอบ UI ด้วยตนเอง หรือใช้ AI auto-boxing เพื่อตรวจจับองค์ประกอบอัตโนมัติ แต่ละกรอบเน้นคอมโพเนนต์ที่แตกต่างบนรูปภาพ
กำหนดพฤติกรรมองค์ประกอบ
สำหรับแต่ละ bounding box ให้กำหนดว่าควรเกิดอะไรขึ้น — ตัวอย่างเช่น การคลิกปุ่มจะเปิด modal, ลิงก์นำทางไปยังส่วนอื่น หรือการ์ดแสดงเนื้อหาเฉพาะ
สร้างโค้ดหรือไวร์เฟรม
แปลงรูปภาพที่ใส่คำอธิบายเป็นโค้ดคอมโพเนนต์ที่ใช้งานได้ในเฟรมเวิร์กเป้าหมาย หรือส่งออกเป็นเลย์เอาต์ไวร์เฟรมสำหรับแก้ไขเพิ่มเติมในเครื่องมือ Wireframe
ฟีเจอร์หลัก
อัปโหลดรูปภาพ
ลากและวางหรือเรียกดูเพื่ออัปโหลดรูปภาพใดก็ได้ — ภาพหน้าจอ, mockup, ภาพถ่ายร่างวาดมือ หรือ UI ของแอปที่มีอยู่
การกำหนด Bounding Box
วาด bounding box ที่แม่นยำรอบองค์ประกอบ UI แต่ละรายการเพื่อแยกสำหรับการสร้างโค้ดหรือการกำหนดพฤติกรรม
AI Auto-Boxing
ให้ AI ตรวจจับและกำหนดกรอบองค์ประกอบ UI ในรูปภาพอัตโนมัติ ประหยัดเวลาในเลย์เอาต์ที่ซับซ้อนที่มีคอมโพเนนต์จำนวนมาก
การกำหนดพฤติกรรม
กำหนดพฤติกรรมให้องค์ประกอบที่กำหนดกรอบ — กำหนดว่าการคลิก วางเมาส์ หรือโต้ตอบกับแต่ละองค์ประกอบควรทำอะไรในโค้ดที่สร้าง
เอาต์พุตคู่
สร้างโค้ดที่ใช้งานได้ (ในเฟรมเวิร์กเป้าหมาย) หรือเลย์เอาต์ไวร์เฟรมที่สามารถปรับแต่งเพิ่มเติมในเครื่องมือ Wireframe