Clean description for human readable.
This commit is contained in:
oom
parent
2e951f99f4
commit
c83eea9b52
3 changed files with 101 additions and 103 deletions
|
|
@ -4,16 +4,13 @@ import Link from "next/link";
|
|||
import type { ChangeEvent } from 'react';
|
||||
import DependentDropdown, { DropdownData } from '@/components/utils/DependentDropdown';
|
||||
import {
|
||||
Bookmark,ToyBrick,FilePenLine,BicepsFlexed,Rocket,Workflow, Files,Blocks,FileQuestionMark,
|
||||
Bookmark, ToyBrick, FilePenLine, BicepsFlexed, Rocket, Workflow, Files, Blocks, FileQuestionMark,
|
||||
ExternalLink,
|
||||
FileText,
|
||||
Highlighter,
|
||||
MessagesSquare,
|
||||
} from "lucide-react";
|
||||
|
||||
|
||||
|
||||
|
||||
export default function HomePage() {
|
||||
const templateData: DropdownData = {
|
||||
T_X: ['T_no_warning', 'TF_no_warning_P2', 'TS_P2_IN'],
|
||||
|
|
@ -30,10 +27,10 @@ export default function HomePage() {
|
|||
<div style={{ padding: '2rem' }}>
|
||||
<div className="mx-auto max-w-4xl px-4 pb-16 pt-12 sm:px-6">
|
||||
<h1 className="font-display text-3xl tracking-tight text-ink sm:text-headline">
|
||||
eCourt Template
|
||||
DOCEDIT Template & Add-ins
|
||||
</h1>
|
||||
<p className="mt-2 text-body text-ink-soft">
|
||||
ระบบสร้างเทมเพลตเอกสารแบบใหม่ MS Word จากไฟล์ JSON และ Template docx
|
||||
ระบบเทมเพลตเพื่อสร้างเอกสาร MS Word และจัดการรุ่นของเอกสารผ่าน Word Add-ins ยุคใหม่ แบบอิสระ ที่สามารถ Integrate กับระบบความปลอดภัยของระบบอื่นๆได้
|
||||
</p>
|
||||
|
||||
<section className="mt-10">
|
||||
|
|
@ -49,40 +46,56 @@ export default function HomePage() {
|
|||
title: "DOCX Template",
|
||||
detail:
|
||||
"ออกแบบหน้าของเอกสารจาก Microsoft Word โดยไม่ต้องใช้เครื่องมือพิเศษ " +
|
||||
"สามารถนำเอกสารตัวเดิมมาใช้ออกแบบได้เลย " +
|
||||
"ไม่จำเป็นต้องมีความรู้ด้านการเขียนโปรแกรมหรือ XML ก็สามารถสร้างเทมเพลตได้",
|
||||
"สามารถนำเอกสารตัวเดิมมาใช้ออกแบบได้ทันที " +
|
||||
"ไม่จำเป็นต้องมีทักษะการเขียนโปรแกรมก็สามารถสร้างเทมเพลตได้ด้วยตัวเอง",
|
||||
},
|
||||
{
|
||||
icon: FilePenLine,
|
||||
title: "Fill Form",
|
||||
detail:
|
||||
"รอรับ Rich และ Plain Text Content Control " +
|
||||
"สามารถสร้างฟอร์มสำหรับกรอกข้อมูลพร้อมข้อมูลตั้งต้น " +
|
||||
"ผู้ใช้สามารถนำไปกรอกข้อมูลใน Word ได้เลย และสามารถเใช้โปรแกรมดึงข้อมูลกับมาเก็บในฐานข้อมูลได้",
|
||||
"สามารถสร้างฟอร์มสำหรับกรอกข้อมูลจากไฟล์ docx " +
|
||||
"สามารถใช้ API ดึงข้อมูลในฟอร์มกลับมาเพื่อนำไปใช้งานต่อ เช่นเก็บในฐานข้อมูลได้",
|
||||
},
|
||||
{
|
||||
icon: ToyBrick,
|
||||
title: "Integrate with Other System",
|
||||
title: "Integration",
|
||||
detail:
|
||||
"มี Web API สำหรับสร้างเอกสารจากเทมเพลต(DOCX) กับข้อมูล(JSON) " +
|
||||
"มี API Key เพื่อจำกัดการใช้งาน สามารถออกบัตรผ่านที่ลงลายเซ็นต์ด้วย HmacSha256" +
|
||||
"ระบบทำงานเป็นอิสระแบบ Microservice ใช้ API Key เพื่อจำกัดการใช้งาน สามารถออกบัตรผ่านที่ลงลายเซ็นต์ด้วย HmacSha256" +
|
||||
"เพื่อให้ผสาน(Integrate)กับระบบงานที่มีอยู่เดิม ได้อย่างปลอดภัย" +
|
||||
"เพื่อให้ผสานกับระบบงานอื่นๆ ได้อย่างปลอดภัย",
|
||||
},
|
||||
{
|
||||
icon: FileText,
|
||||
title: "Dynamic Document",
|
||||
title: "Dynamic Template",
|
||||
detail:
|
||||
"รองรับเทมเพลตที่ซับซ้อน ข้อมูลที่มีไม่แน่นอนอย่างอาเรย์ การแสดงผลตามเงื่อนไขแบบต่างๆ " +
|
||||
"รองรับเทมเพลตที่ซับซ้อน ข้อมูลที่มีจำนวนไม่แน่นอน การแสดงผลตามเงื่อนไขแบบต่างๆ " +
|
||||
"สามารถเขียนโปรแกรมเพิ่มลงในเทมเพลตได้ รองรับ FOR , IF แทรกโค้ด " +
|
||||
"ฟังก์ชั่นในตัวเพื่อรองรับการสร้าง Content Control Bookmark ฯลฯ",
|
||||
"ฟังก์ชั่นเพื่อสร้าง Content Control Bookmark ฯลฯ" +
|
||||
"มี API ช่วยนักพัฒนาสร้างเอกสารจากเทมเพลต(DOCX)และข้อมูล(JSON) "
|
||||
},
|
||||
{
|
||||
icon: Rocket,
|
||||
title: " High Performance",
|
||||
title: "Versioning",
|
||||
detail:
|
||||
"containerization ขยายระบบได้ง่าย, ระบบเทมเพลตใช้การ XML โดยตรง " +
|
||||
"การสร้าง template เป็นแบบ Multi-Thread รองรับ CPU หลายแกน " +
|
||||
"",
|
||||
"จัดการ Veresion(รุ่น)ของเอกสารร่วมกันได้ผ่าน Microsoft Word Add-ins " +
|
||||
"สามารถดึง Veresion ที่ต้องการกลับมาแก้ไขได้ ",
|
||||
},
|
||||
{
|
||||
icon: Rocket,
|
||||
title: "High Performance",
|
||||
detail:
|
||||
"containerization ขยายระบบได้ง่าย " +
|
||||
"การสร้าง template ทำงานแบบ Multi-Thread รองรับ CPU หลายแกน " +
|
||||
"เก็บไฟล์ใน Object Storage มีความทนทานและรับโหลดได้หนัก",
|
||||
},
|
||||
{
|
||||
icon: Rocket,
|
||||
title: "PDF Export",
|
||||
detail:
|
||||
"ทุกครั้งที่ Save Veresion จะสร้าง PDF อัตโนมัติในด้วย MS Word ทำให้ได้เค้าโครงของหน้าตรงกับเอกสารที่แก้ไข " +
|
||||
"โดยไม่เกิดปัญหาความผิดเพี้ยนของ PDF ที่ใช้ MS Office ต่างเวอร์ชั่นในการแปลง ประมวลผลที่ไคลเอนต์ลดการใช้ทรัพยากรที่เซิร์ฟเวอร์",
|
||||
|
||||
},
|
||||
].map(({ icon: Icon, title, detail }) => (
|
||||
<div
|
||||
|
|
@ -137,13 +150,15 @@ export default function HomePage() {
|
|||
<div>
|
||||
<h3 className="font-display text-subhead text-ink">Template & Data</h3>
|
||||
<p className="mt-1.5 text-sm leading-relaxed text-ink-soft">
|
||||
Template: <Link href="/tmpl/T_X.docx">T_X.docx</Link>,
|
||||
<b>Template: </b><Link href="/tmpl/T_X.docx">T_X.docx</Link>,
|
||||
<Link href="/tmpl/T12_X.docx">T12_X.docx</Link><br />
|
||||
Data: <Link href="tmpl/TF_no_warning_P2.json">TF_no_warning_P2.json</Link>,
|
||||
<b>Data: </b><Link href="tmpl/TF_no_warning_P2.json">TF_no_warning_P2.json</Link>,
|
||||
<Link href="/tmpl/T_no_warning.json">T_no_warning.json</Link>,
|
||||
<Link href="/tmpl/TS_P2_IN.json">TS_P2_IN.json</Link><br />
|
||||
<Link href="/tmpl/T12_b2_IN.json">T12_b2_IN.json</Link>,
|
||||
<Link href="/tmpl/T12_FD155_3s-long.json">T12_FD155_3s-long.json</Link>
|
||||
<br />
|
||||
นำไฟล์ไปทดสอบกับ <Link href="/api/swagger/" target="_top">API</Link>
|
||||
|
||||
</p>
|
||||
</div>
|
||||
|
|
@ -221,10 +236,12 @@ export default function HomePage() {
|
|||
<div>
|
||||
<h3 className="font-display text-subhead text-ink">วิธีการใช้งาน</h3>
|
||||
<p className="mt-1.5 text-sm leading-relaxed text-ink-soft">
|
||||
<Link href="https://www.youtube.com/watch?v=QxMitSk3S4E" className="focus-ring -m-1 inline-block rounded-md px-1 py-0.5 font-medium text-primary transition hover:underline">
|
||||
แนะนำเทมเพลตของ Docedit เบื้องต้น</Link><br />
|
||||
<Link href="https://www.youtube.com/watch?v=3emGNqRZgMs" className="focus-ring -m-1 inline-block rounded-md px-1 py-0.5 font-medium text-primary transition hover:underline">
|
||||
Sideload Office add-ins</Link>
|
||||
<a target="_blank" href="https://www.youtube.com/watch?v=QxMitSk3S4E" className="focus-ring -m-1 inline-block rounded-md px-1 py-0.5 font-medium text-primary transition hover:underline">
|
||||
แนะนำเทมเพลตของ Docedit เบื้องต้น</a><br />
|
||||
<a target="_blank" href="https://www.youtube.com/watch?v=kOBoVN-KQzU" className="focus-ring -m-1 inline-block rounded-md px-1 py-0.5 font-medium text-primary transition hover:underline">
|
||||
ติดตั้ง MS Word Add-ins</a>
|
||||
<a target="_blank" href="https://www.youtube.com/watch?v=P1-xe24nOUo" className="focus-ring -m-1 inline-block rounded-md px-1 py-0.5 font-medium text-primary transition hover:underline">
|
||||
ใช้งาน DOCEDIT Add-ins</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -246,18 +263,38 @@ export default function HomePage() {
|
|||
Word Add-ins<br />
|
||||
</h3>
|
||||
<p className="mt-1.5 text-sm leading-relaxed text-ink-soft">
|
||||
ดาวน์โหลด
|
||||
<Link href="/wordaddin/manifest.xml" className="focus-ring -m-1 inline-block rounded-md px-1 py-0.5 font-medium text-primary transition hover:underline">
|
||||
manifest.xml </Link>
|
||||
ไว้ที่ SharePoint แชร์เน็ตเวิร์ก หรือดาวน์โหลดสคริปต์ PowerShell(Dev Install)
|
||||
<Link href="/wordaddin/install-word-addins.ps1" className="focus-ring -m-1 inline-block rounded-md px-1 py-0.5 font-medium text-primary transition hover:underline">
|
||||
install-word-addins.ps1 </Link>
|
||||
แล้วใช้คำสั่ง PowerShell ด้านล่างเพื่อติดตั้ง Add-ins ใน Word<br />
|
||||
การติดตั้งสามารถติดตั้งได้หลายวิธี
|
||||
<ol>
|
||||
<li>1. ติดตั้งผ่าน Office Store (วิธีทั่วไปสำหรับผู้ใช้ทั่วไป)</li>
|
||||
<li>2. Sideloading ด้วยไฟล์ <Link target="_blank" href="/wordaddin/manifest.xml" className="focus-ring -m-1 inline-block rounded-md px-1 py-0.5 font-medium text-primary transition hover:underline">
|
||||
manifest.xml </Link>(Office 365) Insert>Add-ins>My Add-ins คลิ้ก "Upload My Add-in"</li>
|
||||
<li>3. Shared Folder Sideloading(Office 2019+) นำไฟล์ <Link target="_blank" href="/wordaddin/manifest.xml" className="focus-ring -m-1 inline-block rounded-md px-1 py-0.5 font-medium text-primary transition hover:underline">
|
||||
manifest.xml </Link> ไปทำตามวีดีโอ <a target="_blank" href="https://www.youtube.com/watch?v=kOBoVN-KQzU" className="focus-ring -m-1 inline-block rounded-md px-1 py-0.5 font-medium text-primary transition hover:underline">
|
||||
ติดตั้ง MS Word Add-ins</a> </li>
|
||||
<li>4. ใช้คำสั่ง reg.exe ร่วมกับ <Link target="_blank" href="/wordaddin/manifest.xml" className="focus-ring -m-1 inline-block rounded-md px-1 py-0.5 font-medium text-primary transition hover:underline">
|
||||
manifest.xml </Link> ไปทำตามวีดีโอ <a target="_blank" href="https://www.youtube.com/watch?v=kOBoVN-KQzU" className="focus-ring -m-1 inline-block rounded-md px-1 py-0.5 font-medium text-primary transition hover:underline">
|
||||
ติดตั้ง MS Word Add-ins</a> </li>
|
||||
<li>5. สคริปต์ PowerShell(Dev Install)
|
||||
<Link href="/wordaddin/install-word-addins.ps1" className="focus-ring -m-1 inline-block rounded-md px-1 py-0.5 font-medium text-primary transition hover:underline">
|
||||
install-word-addins.ps1</Link>
|
||||
แล้วเรียกคำสั่งด้านล่างเพื่อติดตั้ง<br />
|
||||
<br />
|
||||
<b className="whitespace-nowrap">Unblock-File .\install-word-addins.ps1</b><br />
|
||||
<b className="whitespace-nowrap">Set-ExecutionPolicy -Scope Process -ExecutionPolicy RemoteSigned -Force</b><br />
|
||||
<b className="whitespace-nowrap">.\install-word-addins.ps1 -Install</b><br /></li>
|
||||
</ol>
|
||||
<br />
|
||||
<b className="whitespace-nowrap">Unblock-File .\install-word-addins.ps1</b>
|
||||
<b className="whitespace-nowrap">Set-ExecutionPolicy -Scope Process -ExecutionPolicy RemoteSigned -Force</b>
|
||||
<b className="whitespace-nowrap">.\install-word-addins.ps1 -Install</b>
|
||||
|
||||
<b>หมายเหตุ:</b>
|
||||
<i>
|
||||
Add-ins เป็นรุ่นใหม่(Office.js) มีความเป็นไปได้ที่จะรองรับรุ่น Desktop(Windows/Mac), Web และ iPad
|
||||
ด้วยข้อกำหนดของ TOR ให้รองรับ Word 2019(Desktop) บนวินโดว์ 10 เป็นขั้นต่ำ ทำให้ถูกจำกัดที่ WordApi 1.3 เท่านั้น
|
||||
ฟึเจอร์บางอย่างบน Add-ins จะถูกจำกัดตามความสามารถตามรุ่นของ WordApi การทดสอบต่างๆตามที่กำหนดใน TOR
|
||||
<br />
|
||||
สำหรับ Microsoft Office เวอร์ชันขายขาดแบบเก่า (เช่น Office 2016, 2019 หรือ 2021) จะไม่มีปุ่มอัปโหลดไฟล์ XML
|
||||
บนหน้าต่างเมนูโดยตรงเหมือน Microsoft 365 หากต้องการติดตั้งไฟล์ manifest.xml ในรุ่นดังกล่าว
|
||||
จำเป็นต้องใช้วิธีแชร์โฟลเดอร์เครือข่าย (Shared Folder Sideloading)
|
||||
<br />
|
||||
</i>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue