Professional Documents
Culture Documents
คู่มือผู้ใช้งานระบบหลังบ้าน Bangkok-PORTAL
คู่มือผู้ใช้งานระบบหลังบ้าน Bangkok-PORTAL
(BANGKOK-PORTAL)
สำหรับ
โครงการเพิ่มประสิทธิภาพระบบ web portal
กรุงเทพมหานคร
โดย
บริษทั สยาม อีคอมเมิรซ เทคโนโลยีส จำกัด
1
หัวขอ หนา
1. ตั้งคาเว็บไซต...................................................................................................................................4-25
2. ระบบโลโกเว็บไซต........................................................................................................................26-27
3. ระบบเมนูดานบน.........................................................................................................................28-31
4. ระบบเมนูหลัก..............................................................................................................................32-35
5. ระบบรูปภาพสไลด ......................................................................................................................36-39
6. ระบบจัดการ BOX........................................................................................................................40-42
7. ระบบขาวสาร ..............................................................................................................................43-45
8. ระบบคำถามที่พบบอย.................................................................................................................46-49
9. ระบบภาพกิจกรรม ......................................................................................................................50-52
13. ระบบแบนเนอรลิงค......................................................................................................................63-65
2
หนา Log in ใหพิมพ User name และ Password ของทาน
รูปตัวอยางหนา Administrator
3
หลังจากทำการ Log in เพื่อเขาใชงานระบบ
1. คลิกที่ “ตั้งคาเว็บไซต”
เพื่อทำการเลือกรูปแบบ Template ดังภาพที่ปรากฏ
รูปหนาจอแสดงเมนูการเขาใชงานตางๆ
4
1.1 การเลือกรูปแบบ “Template”
ทำการคลิกที่ “เปลี่ยน Template” ดังรูป เพื่อทำการแกไขหรือเลือกรูปแบบ Template
รูปหนาจอแสดงเมนูการเขาใชงานตางๆ
5
รูปหนาจอแสดงผล Template
6
โดยแตละ Template เลือกสีของรูปแบบ Template ได 5 สี ดังนี้
1. สีฟา
2. สีสม
3. สีเขียว
4. สีชมพู
5. สีมวง
7
ทำการคลิก “ดูตัวอยาง” เพื่อดูการแสดงผลตัวอยางรูปแบบ Template
8
ทำการเลือก Template กด “เลือกแบบนี้” ดังภาพที่ปรากฏ
รูปหนาจอแสดงการเขาใชงาน
9
1.2 เมนู “ตั้งคาเว็บไซต” ระบบจะแสดงผลดังภาพที่ปรากฏ
10
ระบบจะทำการโหลดดังภาพที่ปรากฏ
11
1.3 เมนู “รูปภาพสไสลดทุกหนา” ระบบจะแสดงผลดังภาพที่ปรากฏ
12
- ทำการอัพโหลดไฟลภาพที่ตองการหรือเลือกไฟลตัวอยางไดจากระบบ
- หลังจากนั้นทำการกดบันทึก ระบบจะทำการโหลดไปยังภาพที่ปรากฏ
ระบบจะทำการโหลดดังภาพที่ปรากฏ
13
1.4 เมนู “โคด HTML & CSS” ระบบจะแสดงผลดังภาพที่ปรากฏ
เมื่อทำการคลิก เมนู “โคด HTML & CSS” ระบบจะแสดงผลเพื่อทำการแกไข ในรูปแบบ Light Box ดัง
ภาพที่ปรากฏ
14
- ทำการใสโคด HTML & CSS ตามหัวขอที่ระบบกำหนด
- หลังจากนัน้ ทำการกดบันทึก
15
1.5 เมนู “ขอความดานลาง” ระบบจะแสดงผลดังภาพที่ปรากฏ
16
- ปรับแกไขขอความดานลาง (Footer) ของเว็บไซต ทั้ง TH/EN
- แกไขเบอรติดตอ
- หลังจากนั้นทำการกดบันทึก ระบบจะทำการโหลดไปยังภาพที่ปรากฏ
ระบบจะทำการโหลดดังภาพที่ปรากฏ
17
1.6 เมนู “สังคมออนไลน” ระบบจะแสดงผลดังภาพที่ปรากฏ
18
ระบบจะทำการโหลดดังภาพที่ปรากฏ
19
1.7 เมนู “สถิติเว็บไซต” ระบบจะแสดงผลดังภาพที่ปรากฏ
- แสดงรายการผูเขาชมเว็บไซต และพฤติกรรมของผูเยี่ยมชมเว็บไซต
20
1.8 เมนู “ชองคนหา” ระบบจะแสดงผลดังภาพที่ปรากฏ
21
1.9 เมนู “Google Analytics” ระบบจะแสดงผลดังภาพที่ปรากฏ
22
1.10 เมนู “เปลี่ยนรหัสผาน” ระบบจะแสดงผลดังภาพที่ปรากฏ
- การเปลี่ยนรหัสผานสำหรับ User
- หลังจากนัน้ ทำการกดบันทึก
23
1.11 เมนู “เปลี่ยนอีเมล” ระบบจะแสดงผลดังภาพที่ปรากฏ
- การเปลี่ยนอีเมลสำหรับ User
- หลังจากนั้นทำการกดบันทึก
24
1.12 เมนู “ไปยังหนาเว็บไซต” ระบบจะแสดงผลดังภาพที่ปรากฏ
25
2. โลโกเว็บไซต
- ทำการอัพโหลดรูปโลโกตามขนาดไฟลตามที่ระบบกำหนด
- หลังจากนัน้ ทำการกดบันทึก
26
การแสดงผลหนาเว็บไซต
27
3. เมนูดานบน
- คลิก เพิ่มขอมูล เพื่อทำการเพิ่มเมนู และเลือกประเภทของเนื้อหาวาจะเปนรูปแบบใด ดังภาพที่
ปรากฏ
28
- ทำการกรอกชื่อเมนู-รายละเอียด ทั้ง TH/EN ตามที่ระบบกำหนด
- หลังจากนั้นทำการกดบันทึก
29
คลิก “จัดการขอมูล” ระบบจะแสดงผลดังภาพที่ปรากฏ
- คลิก เพื่อทำการแกไขขอมูล
- คลิก เพื่อทำการลบขอมูล
- คลิก เมื่อตองการเรียงลำดับเมนู
- คลิก เพื่อทำการเพิ่มขาว
- คลิก เพื่อทการบันทึก
30
การแสดงผลหนาเว็บไซต
31
4. เมนูหลัก
- คลิก เพิ่มขอมูล เพื่อทำการเพิ่มเมนูหลัก และเลือกประเภทของเนื้อหาวาจะเปนรูปแบบใด ดังภาพที่
ปรากฏ
32
- ทำการกรอกชื่อเมนู-รายละเอียด ทั้ง TH/EN ตามที่ระบบกำหนด
- หลังจากนั้นทำการกดบันทึก
33
คลิก “จัดการขอมูล” ระบบจะแสดงผลดังภาพที่ปรากฏ
- คลิก เพื่อทำการแกไขขอมูล
- คลิก เพื่อทำการลบขอมูล
- คลิก เมื่อตองการเรียงลำดับเมนู
- คลิก เพื่อทำการเพิ่มขาว
- คลิก เพื่อทการบันทึก
34
การแสดงผลหนาเว็บไซต
35
5. รูปภาพสไลด
- คลิก เพิ่มขอมูล เพื่อทำการแกไขรูปภาพสไลด และเลือกประเภทของเนื้อหาวาจะเปนรูปแบบใด ดัง
ภาพที่ปรากฏ
36
- ทำการกรอกรายละเอียด ทั้ง TH/EN ตามที่ระบบกำหนด
- ทำการ Browse File รูปภาพสไสลด ตามขนาดไฟลที่ระบบกำหนด
- ทำการระบุ URL Link ของ รูปภาพสไสลด (หากมี)
- ระบุการเปดของ ปุมวาจะใหเปนแบบ Redirect/New Window
- ทำการตั้งวันที่แสดงของ รูปภาพสไสลด
- หลังจากนั้นทำการกดบันทึก
การแสดงผลหนาเว็บไซต
37
คลิก “จัดการขอมูล” ระบบจะแสดงผลดังภาพที่ปรากฏ
- คลิก เพื่อทำการแกไขขอมูล
- คลิก เพื่อทำการลบขอมูล
- คลิก เมื่อตองการเรียงลำดับเมนู
- คลิก เพื่อทำการเพิ่มขาว
- คลิก เพื่อทการบันทึก
38
การแสดงผลหนาเว็บไซต
39
6. จัดการ BOX
- คลิก เพื่อทำการแกไขขอมูล
- คลิก เพื่อทำการลบขอมูล
40
- คลิก เพื่อทำการเพิ่มขาว
- คลิก เพื่อทการบันทึก
- คลิก เมื่อตองการเรียงลำดับเมนู
- หากทำการแกไขเรียบรอยแลวทำการกด ปุม บันทึกจัดเรียง เพื่อนำขึ้นระบบ
41
การแสดงผลหนาระบบสำหรับหัวขอที่ไดทำการเลือกไวเพื่อใหแสดงในหนาแรก
42
7. ขาวสาร
คลิก เพิ่มขอมูล เพื่อทำการแกไขขาวสาร ดังภาพที่ปรากฏ
43
- ทำการระบุวันที่
- ทำการกรอกหัวขอขาวทั้ง TH/EN
- ทำการ Browse File รูปภาพสไสลด ตามขนาดไฟลที่ระบบกำหนด
- ทำการกรอกรายละเอียด ทั้ง TH/EN ตามที่ระบบกำหนด
- ทำการตั้งวันที่แสดง
- เปด/ปด ความคิดเห็น/ใหคะแนน
- หลังจากนั้นทำการกดบันทึก
44
- คลิก เพื่อทำการแกไขขอมูล
- คลิก เพื่อทำการลบขอมูล
- คลิก เมื่อตองการเรียงลำดับเมนู
- คลิก เพื่อทำการเพิ่มขาว
- คลิก เพื่อทการบันทึก
- หากทำการแกไขเรียบรอยแลวทำการกด ปุม บันทึกจัดเรียง เพื่อนำขึ้นระบบ
การแสดงผลหนาเว็บไซต
45
8. คำถามที่พบบอย
46
- ทำการกรอกหัวขอคำถามทั้ง TH/EN
- ทำการกรอกรายละเอียด ทั้ง TH/EN ตามที่ระบบกำหนด
- ทำการตั้งวันที่แสดง
- หลังจากนั้นทำการกดบันทึก
47
การแสดงผลหนาเว็บไซต
48
- คลิก เพื่อทำการแกไขขอมูล
- คลิก เพื่อทำการลบขอมูล
- คลิก เมื่อตองการเรียงลำดับเมนู
- คลิก เพื่อทำการเพิ่ม
- คลิก เพื่อทการบันทึก
- หากทำการแกไขเรียบรอยแลวทำการกด ปุม บันทึกจัดเรียง เพื่อนำขึ้นระบบ
49
9. ภาพกิจกรรม
50
- ทำการระบุว ว/ด/ป
- ทำการกรอกชื่อภาพทั้ง TH/EN
- ทำการอัพโหลดไฟลรูปภาพ ตามขนาดไฟลที่ระบบกำหนด
- ทำการตั้งวันที่แสดง
- หลังจากนั้นทำการกดบันทึก
การแสดงผลหนาเว็บไซต
51
- คลิก เพื่อทำการแกไขขอมูล
- คลิก เพื่อทำการลบขอมูล
- คลิก เมื่อตองการเรียงลำดับเมนู
- คลิก เพื่อทำการเพิ่ม
- คลิก เพื่อทการบันทึก
- หากทำการแกไขเรียบรอยแลวทำการกด ปุม บันทึกจัดเรียง เพื่อนำขึ้นระบบ
การแสดงผลหนาเว็บไซต
52
10. ปฏิทินกิจกรรม
53
- ทำการระบุว ว/ด/ป
- ทำการกรอกชื่อภาพทั้ง TH/EN
- ทำการอัพโหลดไฟลรูปภาพ ตามขนาดไฟลที่ระบบกำหนด
- ทำการใสรายละเอียดทั้ง TH/EN
- ทำการตั้งวันที่แสดง
- ทำการ เปด/ปด - ความคิดเห็น/ใหคะแนน
- หลังจากนั้นทำการกดบันทึก
54
การแสดงผลหนาเว็บไซต
- คลิก เพื่อทำการแกไขขอมูล
- คลิก เมื่อตองการเรียงลำดับเมนู
- คลิก เพื่อทำการเพิ่ม
- คลิก เพื่อทการบันทึก
- หากทำการแกไขเรียบรอยแลวทำการกด ปุม บันทึกจัดเรียง เพื่อนำขึ้นระบบ
การแสดงผลหนาเว็บไซต
56
11. วีดีทัศน
57
- ทำการระบุว ว/ด/ป
- ทำการกรอกชื่อภาพทั้ง TH/EN
- ทำการอัพโหลดไฟลรูปภาพ ตามขนาดไฟลที่ระบบกำหนด
- ทำการใสรายละเอียดทั้ง TH/EN
- ทำการตั้งวันที่แสดง
- หลังจากนั้นทำการกดบันทึก
การแสดงผลหนาเว็บไซต
58
- คลิก เพื่อทำการแกไขขอมูล
- คลิก เพื่อทำการลบขอมูล
- คลิก เมื่อตองการเรียงลำดับเมนู
- คลิก เพื่อทำการเพิ่ม
- คลิก เพื่อทการบันทึก
- หากทำการแกไขเรียบรอยแลวทำการกด ปุม บันทึกจัดเรียง เพื่อนำขึ้นระบบ
การแสดงผลหนาเว็บไซต
59
12. ดาวนโหลด
- ทำการระบุว ว/ด/ป
- ทำการกรอกชื่อภาพทั้ง TH/EN
- ทำการอัพโหลดไฟลรูปภาพ ตามขนาดไฟลที่ระบบกำหนด
- ทำการใสรายละเอียดทั้ง TH/EN
- ทำการตั้งวันที่แสดง
- หลังจากนั้นทำการกดบันทึก
60
การแสดงผลหนาเว็บไซต
- คลิก เพื่อทำการแกไขขอมูล
- คลิก เพื่อทำการลบขอมูล
- คลิก เมื่อตองการเรียงลำดับเมนู
- คลิก เพื่อทำการเพิ่ม
- คลิก เพื่อทการบันทึก
- หากทำการแกไขเรียบรอยแลวทำการกด ปุม บันทึกจัดเรียง เพื่อนำขึ้นระบบ
61
การแสดงผลหนาเว็บไซต
62
13. แบนเนอรลิงค
- ทำการกรอกชื่อ
- ทำการอัพโหลดไฟลรูปภาพ ตามขนาดไฟลที่ระบบกำหนด
- ระบุ URL Link ทั้ง TH/EN
63
- ทำการตั้งวันที่แสดง
- หลังจากนั้นทำการกดบันทึก
การแสดงผลหนาเว็บไซต
- คลิก เพื่อทำการแกไขขอมูล
- คลิก เพื่อทำการลบขอมูล
- คลิก เมื่อตองการเรียงลำดับเมนู
64
- คลิก เพื่อทำการเพิ่ม
- คลิก เพื่อทการบันทึก
- หากทำการแกไขเรียบรอยแลวทำการกด ปุม บันทึกจัดเรียง เพื่อนำขึ้นระบบ
การแสดงผลหนาเว็บไซต
65
14. แบบสอบถาม
- ทำการระบุชอมูลตามที่ระบบกำหนด
- หลังจากนั้นทำการกดบันทึก
การแสดงผลหนาเว็บไซต
66
คลิก จัดการขอมูล ระบบจะแสดงผลดังภาพที่ปรากฏ
- คลิก เพื่อทำการแกไขขอมูล
- คลิก เพื่อทำการลบขอมูล
- คลิก เมื่อตองการเรียงลำดับเมนู
- คลิก เพื่อทำการเพิ่ม
- คลิก เพื่อทการบันทึก
- หากทำการแกไขเรียบรอยแลวทำการกด ปุม บันทึกจัดเรียง เพื่อนำขึ้นระบบ
67
การแสดงผลหนาเว็บไซต
68
15. โพลล/โหวต
69
การแสดงผลหนาเว็บไซต
- คลิก เพื่อทำการแกไขขอมูล
- คลิก เพื่อทำการลบขอมูล
- คลิก เมื่อตองการเรียงลำดับเมนู
70
- คลิก เพื่อทำการเพิ่ม
- คลิก เพื่อทการบันทึก
- หากทำการแกไขเรียบรอยแลวทำการกด ปุม บันทึกจัดเรียง เพื่อนำขึ้นระบบ
การแสดงผลหนาเว็บไซต
71