# สร้างไฟล์  HTML

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

วิธีใช้

### 1) จัดการโกดัง

#### เพิ่มโกดัง

1. พิมพ์ชื่อโกดังในช่อง **ชื่อโกดัง**
2. กดปุ่ม **เพิ่มโกดัง**
3. เลือกโกดังจาก dropdown
4. เลือกประเภทหมุดเป็น “โกดัง”
5. คลิกตำแหน่งบนแผนที่เพื่อปักหมุด

หมายเหตุ: ถ้ายังไม่ปักหมุด จะยังคำนวณระยะทางไม่ได้

#### ลบโกดัง

1. เลือกโกดังจาก dropdown
2. กด **ลบโกดัง**\
   (รถที่ผูกกับโกดังนี้จะถูกลบด้วย)

### 2) เพิ่มจุดหมายปลายทาง

1. เลือกประเภทหมุดเป็น **จุดหมายปลายทาง**
2. คลิกตำแหน่งบนแผนที่
3. ระบบจะสร้าง “จุดหมาย1, จุดหมาย2 …”
4. สามารถลากหมุดเพื่อปรับตำแหน่งได้

### 3) แก้ไข Service Time รายจุด

Service Time ในระบบนี้ = เวลาสูงสุดที่ยอมให้รถเดินทางไปถึง (คิดเฉพาะขาไป)

วิธีแก้:

1. เลือกจุดหมายจาก dropdown
2. ใส่เวลา (ชั่วโมง) เช่น 0.5 = 30 นาที
3. กด **อัปเดต**

ถ้าเวลาเดินทาง > Service Time → ระบบจะถือว่า “ไปไม่ทัน”

### 4) จัดการรถขนส่ง

#### เพิ่มรถ

1. เลือกโกดังต้นทาง
2. ใส่ชื่อรถ
3. ใส่ต้นทุนต่อกิโลเมตร
4. ใส่เวลาทำงานสูงสุด (ปัจจุบันยังไม่ใช้คุมรอบรวม)
5. กด **เพิ่มรถ**

#### ลบรถ

เลือกจาก dropdown แล้วกดลบ

ตารางด้านล่างจะแสดง:

* โกดัง
* จำนวนรถ
* รายชื่อรถ + ต้นทุน

### 5) คำนวณต้นทุน

กดปุ่ม **คำนวณต้นทุน**

ระบบจะ:

* คำนวณระยะทางจากโกดัง → จุดหมาย
* ใช้ความเร็วเฉลี่ย 120 กม./ชม.
* ตรวจว่าไปทัน Service Time หรือไม่
* เลือกรถที่ต้นทุนต่ำที่สุด
* สรุปต้นทุนรวมทั้งหมด
* แสดงจุดที่ไปไม่ทัน (ถ้ามี)

### หลักการที่ระบบใช้ตอนนี้

* คิดระยะทาง “ขาเดียว”
* ไม่คิดเวลาขากลับ
* ไม่รวม Service Time เข้ากับเวลาทำงานรถ
* รถ 1 คันสามารถรับได้หลายจุด (ยังไม่จำกัดชั่วโมงรวม)
* ใช้ LocalStorage บันทึกข้อมูล (ปิดเว็บแล้วเปิดใหม่ข้อมูลยังอยู่)

{% file src="/files/Bu43fXtH7ChKBEmdrw8M" %}

{% file src="/files/6SkzsGFYaB2b1nhUK1lD" %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://nattapong.gitbook.io/technology/html.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.