แผนเว็บไซต์

PLAN.md ถูกเขียนทันทีที่การสร้างครั้งแรกของโปรเจกต์เสร็จสิ้น และตั้งใจให้อธิบายเว็บไซต์ตามสถานะปัจจุบันเสมอ ไม่ใช่บันทึกทุกสิ่งที่เคยเกิดขึ้น (นั่นคือหน้าที่ของแท็บเวอร์ชันและบันทึกการเปลี่ยนแปลง) หน้าแผนเว็บไซต์จะแปลไฟล์ Markdown นั้นให้เป็นส่วนติดต่อจริง ได้แก่ตารางสำหรับหน้า รายการสำหรับโมดูล เช็กลิสต์สำหรับคำถามที่ยังค้างอยู่ และข้อความธรรมดาสำหรับข้อเท็จจริงทางธุรกิจ แบรนด์ และการตัดสินใจ

ก่อนที่การสร้างใด ๆ จะเสร็จ ยังไม่มีอะไรให้อ่าน หน้าจอจะแสดง "ยังไม่มีแผน" อธิบายอย่างชัดเจนว่าแผนถูกเขียนโดยการสร้างครั้งแรกของโปรเจกต์ และมีลิงก์กลับไปยังหน้าของโปรเจกต์ แทนที่จะแสดงตารางว่างเปล่า

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

โมดูลที่เพิ่มภายหลังจากคิต (เพิ่มลงแผน) จะเข้าร่วมรายการโมดูลเป็น "วางแผนไว้" พร้อมลิงก์ "ดูในคิต" แม้ว่าข้อความแผนจะถูกเขียนก่อนที่โมดูลเหล่านั้นจะถูกเพิ่มก็ตาม

ใต้หัวข้อ จะมีหนึ่งบรรทัดบอกว่าแผนถูกปรับปรุงล่าสุดเมื่อใด: "อัปเดตแผนแล้ว 2 ต.ค. 15:04 น." เวลานั้นมาจากครั้งล่าสุดที่ aiKit วัดไฟล์จริงของเว็บไซต์ ซึ่งเกิดขึ้นหลังทุกการเปลี่ยนแปลง (การแก้ไขผ่านแชท การปักหมุด การเพิ่มจากคิต การกู้คืน การแก้ไขแผนด้วยมือ หรือการเผยแพร่จากเครื่องมือ AI อื่น)

ด้านบนสุด เมื่อมีแผนแล้ว: แถบแสดงเปอร์เซ็นต์ความคืบหน้ารวม และการ์ดสามใบด้านล่าง ได้แก่ หน้าที่สร้างแล้ว (จากจำนวนหน้าที่วางแผนไว้) โมดูลที่สร้างแล้ว (จากโมดูลที่เลือกไว้) และคำถามที่ตอบแล้ว (จากคำถามที่ยังเปิดอยู่ในแผน) การ์ดแต่ละใบเป็นปุ่มที่เลื่อนไปยังส่วนที่นับอยู่ ทั้งนี้ไม่มีการนับจากข้อความในแผนที่กรอกเอง หน้าจะนับว่าสร้างแล้วก็ต่อเมื่อ aiKit พบหน้านั้นในไฟล์จริงของเว็บไซต์ โมดูลจะนับว่าสร้างแล้วก็ต่อเมื่อมาจากรายงานการสร้างที่ยืนยันแล้วหรือพบโมดูลนั้นในไฟล์ และคำถามจะนับว่าตอบแล้วก็ต่อเมื่อมีการทำเครื่องหมายถูกที่บรรทัดนั้นในแผน หรือลูกค้าตอบในหน้าคำถามของตน

มีสองสาเหตุที่ทำให้แผนล้าหลัง และหน้าจอจะบอกว่าเป็นสาเหตุใด: การประมวลผล AI ที่เขียนแผนใหม่หลังการเปลี่ยนแปลงยังไม่เสร็จ ("แผนที่เขียนไว้ยังไม่ได้อัปเดตหลังการเปลี่ยนแปลงล่าสุด" พร้อมเหตุผล) หรือเว็บไซต์มีเวอร์ชันใหม่กว่าเวอร์ชันที่ใช้วัดแผนครั้งล่าสุด ("เว็บไซต์เปลี่ยนแปลงหลังจากอัปเดตแผนครั้งล่าสุด") ไม่ว่ากรณีใด จะมีปุ่ม "รีเฟรชแผน" ปรากฏขึ้น หน้านี้จะไม่รันเองเมื่อคุณเปิดหน้า (การเปิดหน้าไม่ใช้ AI) เอนจินจะรวมการเปลี่ยนแปลงแต่ละรายการเข้ากับแผนในเบื้องหลังอยู่แล้ว ปุ่มนี้มีไว้สำหรับกรณีที่การทำงานนั้นตามไม่ทัน การรีเฟรชแผนจะรวมการเปลี่ยนแปลงล่าสุดเข้ากับแผนที่เขียนไว้และวัดเว็บไซต์ใหม่ หากยังไม่สำเร็จ แบนเนอร์จะคงข้อความที่บอกว่าผิดพลาดอะไร และคุณกด "รีเฟรชแผน" อีกครั้งหรือแก้ไขแผนด้วยตนเองได้

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

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

กดหน้าใดก็ได้ (ในแผนผังเว็บไซต์หรือรายการหน้า) เพื่อเปิดรายละเอียดของหน้านั้นข้างแผน แถบที่อยู่จะเปลี่ยนเป็น ?page=/about เพื่อให้ลิงก์เปิดหน้าเดียวกันสำหรับทุกคนในทีม รายละเอียดจะแสดงว่าหน้านั้นปรากฏใน Google อย่างไร (ชื่อ ที่อยู่ คำอธิบาย) ส่วนและหัวข้อหลัก จำนวนคำ รูปภาพและจำนวนที่ไม่มีคำอธิบาย แบบฟอร์มและโมดูลของชุดเครื่องมือที่ทำงานให้ สถานะการอนุมัติของลูกค้า และการเปลี่ยนแปลงล่าสุด: เมื่อไร ใครขอ และขออะไร

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

ส่วนข้อมูลธุรกิจเปรียบเทียบหมายเลขโทรศัพท์ อีเมล ที่อยู่ และเวลาทำการในไฟล์ข้อมูลลูกค้ากับข้อความของหน้าที่สร้างแล้ว (หน้าแรกและหน้าติดต่อก่อน) แต่ละข้อมูลจะแสดง "อยู่บนเว็บไซต์" หรือ "ไม่พบบนเว็บไซต์" (พร้อมจำนวนหน้าที่ตรวจ เพราะเว็บไซต์อาจยังแสดงค่าเก่า) และมีลิงก์ "แก้ไขในไฟล์ข้อมูลลูกค้า" เพื่อให้ไฟล์ข้อมูลลูกค้าเป็นแหล่งข้อมูลหลักเสมอ

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

การ์ดของทุกส่วนมีปุ่มสองปุ่มเหมือนกัน "แก้ไข" จะเปิด Markdown ดิบของส่วนนั้นในช่องข้อความธรรมดา และบันทึกกลับลงใน PLAN.md ทันที นี่คือการเขียนข้อมูลจริงและมีผลทันที (ผ่าน API PUT ของโปรเจกต์) แต่จงใจไม่ทำให้เกิดการสร้างหรือการเผยแพร่ใหม่ มันเปลี่ยนเพียงเนื้อหาของเอกสารแผนเท่านั้น เหมือนกับการแก้ไขบันทึกอื่นๆ

"ขอให้เปลี่ยนแปลง" ออกแบบให้ต่างกันโดยตั้งใจ จะเปิดแบบฟอร์มขนาดเล็ก ("คุณต้องการให้เปลี่ยนอะไรใน <section>?") และเมื่อส่ง จะบันทึกเป็นคำขอจริงไปยังแท็บคำติชมของโปรเจกต์ โดยมีป้ายกำกับ "แผนเว็บไซต์ — <Section>: …" เหมือนกับคำขอปักหมุดหรือการแก้ไขด่วนทุกประการ พร้อมวงจรสถานะของตัวเอง และลิงก์ "ดูคำขอ" เมื่อส่งแล้ว ใช้ แก้ไข เมื่อคุณต้องการแก้หรือเขียนข้อความของแผนด้วยตนเอง ใช้ ขอให้เปลี่ยนแปลง เมื่อต้องการให้เว็บไซต์จริง (และแผนตามมา) ได้รับการอัปเดตให้ตรงกัน

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

หาก AI ขั้นตอนนี้ล้มเหลว แผนที่เขียนไว้จะคงเดิมโดยไม่ถูกเขียนทับครึ่งๆ กลางๆ ความล้มเหลวจะถูกบันทึกไว้ และหน้าจอจะแสดงปุ่มรีเฟรชแผน (ดูด้านบน) แทนที่จะแสดงแผนที่ล้าสมัยโดยไม่บอกให้ทราบ

แถบข้างแผนจะรวมการดำเนินการต่างๆ (บนโทรศัพท์ แถบนี้จะกลายเป็นปุ่ม "คัดลอกลิงก์ลูกค้า" เต็มความกว้างอยู่ใต้แถบความคืบหน้า และการดำเนินการอื่นๆ จะถูกพับไว้ใต้ "การดำเนินการเพิ่มเติม (3)") "แชร์กับลูกค้า" จะคัดลอกลิงก์แบบอ่านอย่างเดียว (aikit.ai/p/<project>/plan) ไม่มีเครื่องมือสำหรับทีมงาน ไม่มีปุ่มแก้ไข และไม่มีข้อมูลภายในใดๆ "เปิดเว็บไซต์จริง" เป็นลิงก์ตรงไปยังเว็บไซต์ที่เผยแพร่แล้ว หรือแถบจะแสดงข้อความ "ยังไม่เผยแพร่" อย่างชัดเจนหากยังไม่เผยแพร่ "ไฟล์" แสดงจำนวนไฟล์จริงพร้อมรายการที่ขยายดูได้ของเส้นทางและขนาดของทุกไฟล์ "ดาวน์โหลดแผน" จะดาวน์โหลด PLAN.md ฉบับปัจจุบันจริงเป็นไฟล์ .md ที่ตรงทุกไบต์กับสิ่งที่หน้าจอกำลังอ่าน ไม่ใช่บทสรุปที่สร้างขึ้นใหม่

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

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

สิ่งที่ทีมงานทำเครื่องหมายไว้สำหรับตัวเองจะถูกลบออกบนเซิร์ฟเวอร์ก่อนส่งหน้าไป ในทุกส่วน ได้แก่ บรรทัดที่มี "(internal)", "[internal]" หรือ "(staff only)" บรรทัดที่ขึ้นต้นด้วย "Internal:" หรือ "Staff only:" ส่วนใดก็ตามที่หัวข้อระบุว่า Internal หรือ Staff only และคอมเมนต์ที่ซ่อนอยู่ บรรทัดเหล่านี้จะไม่ไปถึงเบราว์เซอร์ของลูกค้าเลย แม้แต่ในข้อมูลเครือข่ายของหน้า

ทุกหน้าที่สร้างแล้วจะมีปุ่มอนุมัติ ลูกค้าพิมพ์ชื่อของตน (และหมายเหตุเพิ่มเติมได้ตามต้องการ) แล้วอนุมัติ การอนุมัติจะผูกกับเนื้อหาของหน้านั้นทุกตัวอักษร ดังนั้นหากหน้าเปลี่ยนในภายหลัง จะแสดงข้อความ "มีการเปลี่ยนแปลงหลังจากที่คุณอนุมัติ" และขออนุมัติอีกครั้ง มีเพียงผู้ที่ใช้รหัสเข้าใช้งานของลูกค้าเท่านั้นที่อนุมัติได้ หากคุณเปิดลิงก์ลูกค้าขณะเข้าสู่ระบบในฐานะทีมงาน คุณจะเห็นสถานะการอนุมัติของแต่ละหน้า แต่จะไม่มีปุ่มอนุมัติ เพื่อไม่ให้ใครอนุมัติแทนลูกค้าได้ ในแผนเว็บไซต์ของทีมงาน หน้าที่ลูกค้าอนุมัติแล้วจะแสดง "ลูกค้าอนุมัติแล้ว" และหน้าที่มีการเปลี่ยนแปลงจะแสดง "มีการเปลี่ยนแปลงหลังอนุมัติ"

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