1. > gis gis.energy.go.th urlgis.energy.go.th/wp-content/uploads/2017/02/manual...ค ม...

43
คู่มือการใช้งานระบบสารสนเทศภูมิศาสตร์ โครงการจ้างบารุงรักษาระบบสารสนเทศภูมิศาสตร์ (GIS) สาหรับประเภทผู้ใช้งาน creator สานักงานปลัดกระทรวงพลังงาน กระทรวงพลังงาน หน้าที1 คู่มือการใช้งานระบบฐานข้อมูลภูมิสารสนเทศ โครงการจ้างบารุงรักษาระบบสารสนเทศภูมิศาสตร์ (GIS) ช่องทางเข้าใช้งานระบบฐานข้อมูลภูมิสารสนเทศ 1. จากหน้าเว็บไซต์กระทรวงพลังงาน ไปทีเมนู ข้อมูลพลังงาน > GIS ดังรูปที่ 1 หรือพิมพ์คาว่า gis.energy.go.th ที่ช่อง Url ดังรูปที่ 2 รูปที่ 1 เข้าใช้งานงานระบบฐานข้อมูลภูมิสารสนเทศผ่านเว็บกระทรวงพลังงาน รูปที2 เข้าใช้งานงานระบบฐานข้อมูลภูมิสารสนเทศผ่าน Url พิมพ์ gis.energy.go.th

Upload: others

Post on 24-Feb-2020

4 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: 1. > GIS gis.energy.go.th Urlgis.energy.go.th/wp-content/uploads/2017/02/Manual...ค ม อการใช งานระบบสารสนเทศภ ม ศาสตร โครงการจ

คมอการใชงานระบบสารสนเทศภมศาสตร โครงการจางบ ารงรกษาระบบสารสนเทศภมศาสตร (GIS) ส าหรบประเภทผใชงาน creator

ส านกงานปลดกระทรวงพลงงาน กระทรวงพลงงาน

หนาท 1

คมอการใชงานระบบฐานขอมลภมสารสนเทศ โครงการจางบ ารงรกษาระบบสารสนเทศภมศาสตร (GIS)

ชองทางเขาใชงานระบบฐานขอมลภมสารสนเทศ

1. จากหนาเวบไซตกระทรวงพลงงาน ไปท เมน ขอมลพลงงาน > GIS ดงรปท 1 หรอพมพค าวา gis.energy.go.th ทชอง Url ดงรปท 2

รปท 1 เขาใชงานงานระบบฐานขอมลภมสารสนเทศผานเวบกระทรวงพลงงาน

รปท 2 เขาใชงานงานระบบฐานขอมลภมสารสนเทศผาน Url พมพ gis.energy.go.th

Page 2: 1. > GIS gis.energy.go.th Urlgis.energy.go.th/wp-content/uploads/2017/02/Manual...ค ม อการใช งานระบบสารสนเทศภ ม ศาสตร โครงการจ

คมอการใชงานระบบสารสนเทศภมศาสตร โครงการจางบ ารงรกษาระบบสารสนเทศภมศาสตร (GIS) ส าหรบประเภทผใชงาน creator

ส านกงานปลดกระทรวงพลงงาน กระทรวงพลงงาน

หนาท 2

2. คลกท เมน map ตรงแถบเมนดานบน ดงรปท 3 เพอเขาสหนาลงชอเขาใชงาน จะปรากฎหนาตางส าหรบลงทะเบยนเขาใชงานระบบ ดงรปท 4

รปท 3 เขาสหนาใชงาน

รปท 4 หนาเขาใชงานระบบ

Page 3: 1. > GIS gis.energy.go.th Urlgis.energy.go.th/wp-content/uploads/2017/02/Manual...ค ม อการใช งานระบบสารสนเทศภ ม ศาสตร โครงการจ

คมอการใชงานระบบสารสนเทศภมศาสตร โครงการจางบ ารงรกษาระบบสารสนเทศภมศาสตร (GIS) ส าหรบประเภทผใชงาน creator

ส านกงานปลดกระทรวงพลงงาน กระทรวงพลงงาน

หนาท 3

3. หลงจากนนใหท าการกรอกชอผใชและรหสผานส าหรบเขาใชงานเมอกรอกขอมลเสรจเรยบรอยแลวใหกดปม Sign In เพอเขาสระบบ (ถาตองไมตองการกรอกชอผใชและรหสผานในการเขาใชงานในครงตอไปใหตกทชอง Remember Me เพอใหระบบจ าชอผใชและรหสผานทไดกรอกไว ดงรปท 5

รปท 5 กรอกชอผใชและรหสผาน

4. เมอท าการ Sign In เรยบรอยแลว ระบบจะแสดงหนา Back-End โดยในหนานจะมเครองมอและเมนตาง ๆ

รปท 6 แสดงเครองมอและเมนตาง ๆ

Page 4: 1. > GIS gis.energy.go.th Urlgis.energy.go.th/wp-content/uploads/2017/02/Manual...ค ม อการใช งานระบบสารสนเทศภ ม ศาสตร โครงการจ

คมอการใชงานระบบสารสนเทศภมศาสตร โครงการจางบ ารงรกษาระบบสารสนเทศภมศาสตร (GIS) ส าหรบประเภทผใชงาน creator

ส านกงานปลดกระทรวงพลงงาน กระทรวงพลงงาน

หนาท 4

การเปลยนภาษาทใชงาน ผใชงานสามารถเปลยนของระบบสารสนเทศภมศาสตรได ดงรปท 7

รปท 7 แสดงการเปลยนภาษา

การจดการชนขอมล (Layer) ชนขอมล (Layer) เปนขอมลทไดแบงแยกหมวดหมของขอมลซงจะน ามาแสดงผลในสวนสารสนเทศภมศาสตร ซงชนขอมลในระบบสารสนเทศภมศาสตรส านกงานปลดกระทรวงพลงงาน ไดจากการรวบรวมขอมลจากหนวยงานภายใตสงกด กรมตางๆ ซงมความแตกตางตามภาระกจทไดรบมอบหมาย โครงการด าเนนการตางๆ ซ งขอมลดงกลาวอาจประกอบดวยภาระกจยอย หรอโครงการด าเนนการยอย ท าใหทมความหลากหลายของชนขอมล ดงนนการแบงชนขอมล 1 ขนขอมลอาจมองคประกอบของชนขอมลยอยหลายชนขอมลได เมน Layer หรอ ชนขอมล ซงในหนาเมนนจะเปนหนาทแสดง Layer List (รายการโครงการ) ทงหมดทมอยในระบบผใชงานสามารถเรยกดชนขอมลไดโดยคลกทแถบเครองมอ Layer จะปรากฎชนขอมลทผใชงานจดการได และหาก ชนขอมลหลกมชนขอมลยอย สามารถดชนขอมลยอยได โดยจะมเลขก ากบจ านวนชนขอมลยอยภายใตชนขอมลหลก ดงรปท 8

Page 5: 1. > GIS gis.energy.go.th Urlgis.energy.go.th/wp-content/uploads/2017/02/Manual...ค ม อการใช งานระบบสารสนเทศภ ม ศาสตร โครงการจ

คมอการใชงานระบบสารสนเทศภมศาสตร โครงการจางบ ารงรกษาระบบสารสนเทศภมศาสตร (GIS) ส าหรบประเภทผใชงาน creator

ส านกงานปลดกระทรวงพลงงาน กระทรวงพลงงาน

หนาท 5

รปท 8 เลอก Layer เพอแสดงรายการชนขอมลหลกและชนขอมลยอย

การเพมขอมลเขาสชนขอมล การเพมขอมลเขาสชนขอมล หรอการเพมต าแหนงทตงขอมล โดยสามารท าได ดงน 1.เลอกชนขอมลทตองการ จากนนใหคลกท แลวเลอก Create เพอท าการระบต าแหนงหรอทตงของโครงการลงในระบบ ดงรปท 9

รปท 9 เพมขอมลหรอระบต าแหนงทตงขอมล

Page 6: 1. > GIS gis.energy.go.th Urlgis.energy.go.th/wp-content/uploads/2017/02/Manual...ค ม อการใช งานระบบสารสนเทศภ ม ศาสตร โครงการจ

คมอการใชงานระบบสารสนเทศภมศาสตร โครงการจางบ ารงรกษาระบบสารสนเทศภมศาสตร (GIS) ส าหรบประเภทผใชงาน creator

ส านกงานปลดกระทรวงพลงงาน กระทรวงพลงงาน

หนาท 6

2.เมอกดเขามาจะแสดงหนาแผนทส าหรบสรางต าแหนงหรอทตงโครงการลงในระบบ ดงรปท 10

รปท 10 แสดงแผนทและแถบเครองมอเพอเพมขอมลต าแหนงทตง 3. สรางต าแหนงทตงของขอมล ซงการสรางต าแหนงทตงของขอมล ขนอยกบลกษณะของต าแหนงทตง โดยหลกๆ แบงไดเปน 3 ประเภท ไดแก 1) จด แสดงต าแหนงทตงแทนดวยตวแทนต าแหนงจดใดจดหนงของสถานท เชน ส านกงาน ทตงบาน โดยเลอกเครองมอสรางต าแหนงแบบจด แลวคลกเลอกต าแหนงทตงทแผนท ดงรปท 11

รปท 11 การเพมขอมลต าแหนงทตงแบบจด

Page 7: 1. > GIS gis.energy.go.th Urlgis.energy.go.th/wp-content/uploads/2017/02/Manual...ค ม อการใช งานระบบสารสนเทศภ ม ศาสตร โครงการจ

คมอการใชงานระบบสารสนเทศภมศาสตร โครงการจางบ ารงรกษาระบบสารสนเทศภมศาสตร (GIS) ส าหรบประเภทผใชงาน creator

ส านกงานปลดกระทรวงพลงงาน กระทรวงพลงงาน

หนาท 7

2) จด แสดงต าแหนงทตงแบบเสน เหมาะกบชนขอมลทมการวางทตงเปนแนวเสน เชน เสนทาง แมน า โดยเลอกเครองมอสรางต าแหนงแบบเสน แลวคลกเลอกต าแหนงทตงทแผนท ดงรปท 12

รปท 12 การเพมขอมลต าแหนงทตงแบบเสน

3) จด แสดงต าแหนงทตงขอบเขตพนท เหมาะกบชนขอมลทแสดงผลถงขอบเขตทตง มขนาดพนท เชน พนทการเกษตร พนทปา โดยเลอกเครองมอสรางต าแหนงแบบพนท แลวคลกเลอกต าแหนงทตงทแผนท ดงรปท 13

รปท 13 การเพมขอมลต าแหนงทตงแบบพนท

Page 8: 1. > GIS gis.energy.go.th Urlgis.energy.go.th/wp-content/uploads/2017/02/Manual...ค ม อการใช งานระบบสารสนเทศภ ม ศาสตร โครงการจ

คมอการใชงานระบบสารสนเทศภมศาสตร โครงการจางบ ารงรกษาระบบสารสนเทศภมศาสตร (GIS) ส าหรบประเภทผใชงาน creator

ส านกงานปลดกระทรวงพลงงาน กระทรวงพลงงาน

หนาท 8

4. เพมรายละเอยดของขอมล โดยเลอกท Add info เพอเพมขอมลตาง ๆ ดงรปท 14

รปท 14 การเพมขอมลต าแหนงทตงแบบพนท 5. เพมรายละเอยดขอม โดยจะแสดงแบบฟอรมใหกรอกขอมล จากนนใหท าการกรอกขอมลใหครบถวนแลวกดปม Save เพอบนทกขอมลทไดกรอกไว ดงรปท 15 และหากบนทกขอมลสมบรณจะแสดงหนาตางดงรปท 16

รปท 15 กรอกขอมลแลวบนทกขอมล

Page 9: 1. > GIS gis.energy.go.th Urlgis.energy.go.th/wp-content/uploads/2017/02/Manual...ค ม อการใช งานระบบสารสนเทศภ ม ศาสตร โครงการจ

คมอการใชงานระบบสารสนเทศภมศาสตร โครงการจางบ ารงรกษาระบบสารสนเทศภมศาสตร (GIS) ส าหรบประเภทผใชงาน creator

ส านกงานปลดกระทรวงพลงงาน กระทรวงพลงงาน

หนาท 9

รปท 16 แสดงผลการกรอกขอมลส าเรจ

แกไขรายการขอมลต าแหนงทตง

1. เลอกชนขอมล (Layer) ทตองการเรยกดรายการขอมลต าแหนงทตง ทตงของโครงการหรอขอมลตาง ๆ ใหกดปม Edit features ดงรปท 17

รปท 17 แสดงผลการกรอกขอมลส าเรจ

Page 10: 1. > GIS gis.energy.go.th Urlgis.energy.go.th/wp-content/uploads/2017/02/Manual...ค ม อการใช งานระบบสารสนเทศภ ม ศาสตร โครงการจ

คมอการใชงานระบบสารสนเทศภมศาสตร โครงการจางบ ารงรกษาระบบสารสนเทศภมศาสตร (GIS) ส าหรบประเภทผใชงาน creator

ส านกงานปลดกระทรวงพลงงาน กระทรวงพลงงาน

หนาท 10

2. เมอกดปม Edit features แลวใหคลกทโครงการทตองการจะแกไข ดงรปท 18

รปท 18 เลอกโครงการทตองการจะแกไข

3. แสดงรายละเอยดขอมลของต าแหนงทตองการแกไข หลงจากท าการแกไขทตงโครงการเรยบรอยแลว เราสามารถ

เพมรปภาพทตงของโครงการได โดยกดปม Add images ดงน

1) คลกท Add images.. ดงรปท 19

รปท 19 แกไขขอมลและแทรกรป

Page 11: 1. > GIS gis.energy.go.th Urlgis.energy.go.th/wp-content/uploads/2017/02/Manual...ค ม อการใช งานระบบสารสนเทศภ ม ศาสตร โครงการจ

คมอการใชงานระบบสารสนเทศภมศาสตร โครงการจางบ ารงรกษาระบบสารสนเทศภมศาสตร (GIS) ส าหรบประเภทผใชงาน creator

ส านกงานปลดกระทรวงพลงงาน กระทรวงพลงงาน

หนาท 11

2) จากนนใหกดปม Upload images เพอท าการเลอกรปภาพ

รปท 20 เลอก Upload image

3) ท าการเลอกรปภาพแลวกดปม Open

รปท 21 เลอกรปทตองการ

Page 12: 1. > GIS gis.energy.go.th Urlgis.energy.go.th/wp-content/uploads/2017/02/Manual...ค ม อการใช งานระบบสารสนเทศภ ม ศาสตร โครงการจ

คมอการใชงานระบบสารสนเทศภมศาสตร โครงการจางบ ารงรกษาระบบสารสนเทศภมศาสตร (GIS) ส าหรบประเภทผใชงาน creator

ส านกงานปลดกระทรวงพลงงาน กระทรวงพลงงาน

หนาท 12

4) . ถาตองการแทรกรปมากกวา 1 รปใหเลอก Add

รปท 22 เพมรปมากกวา 1 รป

5) เมอท าการเพมภาพเรยบรอยแลวระบบจะแสดงรายการภาพขนมา

รปท 23 แสดงรายการรปของต าแหนงขอมล

Page 13: 1. > GIS gis.energy.go.th Urlgis.energy.go.th/wp-content/uploads/2017/02/Manual...ค ม อการใช งานระบบสารสนเทศภ ม ศาสตร โครงการจ

คมอการใชงานระบบสารสนเทศภมศาสตร โครงการจางบ ารงรกษาระบบสารสนเทศภมศาสตร (GIS) ส าหรบประเภทผใชงาน creator

ส านกงานปลดกระทรวงพลงงาน กระทรวงพลงงาน

หนาท 13

6) จากนนใหเลอน Scroll Bar ลงมาแลวกดปม Update เพออพเดทการเปลยนต าแหนงทตงทไดท าเอาไว ดงรปท 24 และบนทกเรยบรอยแลวจะแสดงการบนทกส าเรจดงรปท 25 หรอตองการจะลบขอมลใหกด Delete

รปท 24 บนทกการเปลยนแปลงขอมล

รปท 25 แสดงผลการบนทกขอมลส าเรจ

Page 14: 1. > GIS gis.energy.go.th Urlgis.energy.go.th/wp-content/uploads/2017/02/Manual...ค ม อการใช งานระบบสารสนเทศภ ม ศาสตร โครงการจ

คมอการใชงานระบบสารสนเทศภมศาสตร โครงการจางบ ารงรกษาระบบสารสนเทศภมศาสตร (GIS) ส าหรบประเภทผใชงาน creator

ส านกงานปลดกระทรวงพลงงาน กระทรวงพลงงาน

หนาท 14

การใชงาน Map Service หรอ บรการแผน เมน Map Service หรอ บรการแผน เปนเมนทน าชนขอมลตาง ๆ น าไปแสดงบนแผนท ซงในหนาเมน Map Service จะมปม Management ซงมเมนยอยตอไปน 1. Server management 2. Org Layer arrangement ดงรปท 26

รปท 26 การใชงาน map service

1.การใชงาน Server Management

1) เมนแรกจะเปนเมน Server Management ซงจะเปนเมนส าหรบจดการชนขอมลทอยในเซฟเวอร โดยในแตละชนขอมลเครองมอแสดงตวอยางชนขอมลทจะแสดงบนแผนท สามารถคลกดงรปท 27 และจะปรากฎการแสดงผลแผนทดงรปท 28

รปท 27 คลกเครองมอแสดงผล

Page 15: 1. > GIS gis.energy.go.th Urlgis.energy.go.th/wp-content/uploads/2017/02/Manual...ค ม อการใช งานระบบสารสนเทศภ ม ศาสตร โครงการจ

คมอการใชงานระบบสารสนเทศภมศาสตร โครงการจางบ ารงรกษาระบบสารสนเทศภมศาสตร (GIS) ส าหรบประเภทผใชงาน creator

ส านกงานปลดกระทรวงพลงงาน กระทรวงพลงงาน

หนาท 15

รปท 28 แสดงผลชนขอมลในรปแบบ Map Service 2.การใชงานเมน ORG Layer Arrangement ORG Layer Arrangement เปนส าหรบเลอกชนขอมลทมอยในเซฟเวอรน าไปแสดงผลบนแผนทของหนวยงานทใหบรการแผนท ซงในระบบสารสนเทศภมศาสตรนประกอบดวยการเชอมโยงขอมลจากภายนอกคอ GISTDA ซงใหบรการเผยแพรชนขอมลเกยวกบโครงสรางพนฐานหลกของประเทศ เชน ถนน แมน า และ EnergyGIS ซงเปนชนขอมลเกยวกบดานพลงงานของกระทรวงพลงงานทใหบรการเผยแพร โดยสามารถเรยกดขอมล map service ไดดงน

1) ในชอง Orgarisation ใหกดปม Dropdown เพอเลอกส านกบรหาร ฯ (ORG) ล าดบตอมาในหวขอ Server ใหเลอก Map Server ทมอยในระบบเมอเลอกเสรจเรยบรอยแลวใหกดปม Arrange เพอท าการเลอกชนขอมล ดงรปท 29

รปท 29 เลอกชนขอมลทตองการแสดงผล

Page 16: 1. > GIS gis.energy.go.th Urlgis.energy.go.th/wp-content/uploads/2017/02/Manual...ค ม อการใช งานระบบสารสนเทศภ ม ศาสตร โครงการจ

คมอการใชงานระบบสารสนเทศภมศาสตร โครงการจางบ ารงรกษาระบบสารสนเทศภมศาสตร (GIS) ส าหรบประเภทผใชงาน creator

ส านกงานปลดกระทรวงพลงงาน กระทรวงพลงงาน

หนาท 16

2) กดปม Arrange แลวระบบจะท าการแสดงชนขอมลทงหมดทมอยใน Map Server นนใหเลอกชนขอมลทไมตองการใหไปแสดงบนแผนทแลวกดปมรปดวงตาจากสแดงใหเปนสเขยวดงรปท 30 หรอถาตองการใหแสดงบนแผนทใหกดปมรปดวงตาสเขยวใหเปนสแดง ดงรปท 31

รปท 30 เปดใชงานชนขอมลทไมตองการแสดงผล

รปท 31 เปดใชงานชนขอมลทตองการแสดงผล

3) จากนนใหไปเชคความถกตองทระบบ Front-End เลอกเมน Map service จะเหนวาชนขอมลทไดปดการแสดงผลไมม

ในรายการของเมน Map service (ถาตองการจะใหชนขอมลทปดไวแสดงรายการขนมาใหกลบไปกดปมรปดวงตาทเมน Map Service ของระบบ Back-End แลวเรยกหนา Front-End ใหมอกครง) ดงรปท 32

Page 17: 1. > GIS gis.energy.go.th Urlgis.energy.go.th/wp-content/uploads/2017/02/Manual...ค ม อการใช งานระบบสารสนเทศภ ม ศาสตร โครงการจ

คมอการใชงานระบบสารสนเทศภมศาสตร โครงการจางบ ารงรกษาระบบสารสนเทศภมศาสตร (GIS) ส าหรบประเภทผใชงาน creator

ส านกงานปลดกระทรวงพลงงาน กระทรวงพลงงาน

หนาท 17

รปท 32 การตรวจสอบการแสดงผลแผนท

การใชงาน Map Visualization Map Visualization เปนเมนส าหรบการคนหาโครงการตาง ๆ และแสดงผลลงบนแผนทใหเหนโดยในหนานมเครองมอในการใชงานตาง ๆ ดงรปท 33

รปท 33 การเรยกใชงาน Map visualization 1.การคนหาชนขอมลโครงการหรอกจกรรม เมน Project search เปนเมนทใชในการคนหาโครงการและกจกรรมตาง ๆ ทอยภายใตกระทรวงพลงงาน โดยมขนตอนดงน

Page 18: 1. > GIS gis.energy.go.th Urlgis.energy.go.th/wp-content/uploads/2017/02/Manual...ค ม อการใช งานระบบสารสนเทศภ ม ศาสตร โครงการจ

คมอการใชงานระบบสารสนเทศภมศาสตร โครงการจางบ ารงรกษาระบบสารสนเทศภมศาสตร (GIS) ส าหรบประเภทผใชงาน creator

ส านกงานปลดกระทรวงพลงงาน กระทรวงพลงงาน

หนาท 18

1) พมพค าทตองการคนหาเชน ชอโครงการ, ชอกจกรรม, ชอจงหวด เปนตนจากนนกด Enter หรอเลอกจากรายการทแสดงขนมา ดงรปท 34

รปท 34 พมพค าทตองการคนหา

2) กด Enter หรอเลอกจากรายการทแสดงขนมาใหกดปม Search เพอท าการคนหาโครงการหรอกจกรรมตาง ๆ ท

เกยวของกบค าทพมพไว ดงรปท 35

รปท 35 คลกท Search เพอเรมคนหา

Page 19: 1. > GIS gis.energy.go.th Urlgis.energy.go.th/wp-content/uploads/2017/02/Manual...ค ม อการใช งานระบบสารสนเทศภ ม ศาสตร โครงการจ

คมอการใชงานระบบสารสนเทศภมศาสตร โครงการจางบ ารงรกษาระบบสารสนเทศภมศาสตร (GIS) ส าหรบประเภทผใชงาน creator

ส านกงานปลดกระทรวงพลงงาน กระทรวงพลงงาน

หนาท 19

3) เมอกดปม Search แลวระบบจะท าการคนหาและแสดงโครงการหรอกจกรรมตาง ๆ ขนมาพรอมกบแสดงต าแหนงของโครงการใหบนแผนทจากนนใหกดทรายการโครงการเพอดรายละเอยดตาง ๆ ของโครงการ ดงรปท 36

รปท 36 แสดงรายการคนหาและต าแหนงของโครงการใหบนแผนท

4) เมอกดทรายการโครงการแลวระบบจะแสดงรายละเอยดตาง ๆ ของโครงการขนมา โดยจะมเครองมอทสามารถด

ต าแหนงของโครงการและคนหาเสนทางการเดนทางไปยงต าแหนงของโครงการได ดงรปท 37

รปท 37 แสดงรายละเอยดโครงการและเครองมอน าทาง

Page 20: 1. > GIS gis.energy.go.th Urlgis.energy.go.th/wp-content/uploads/2017/02/Manual...ค ม อการใช งานระบบสารสนเทศภ ม ศาสตร โครงการจ

คมอการใชงานระบบสารสนเทศภมศาสตร โครงการจางบ ารงรกษาระบบสารสนเทศภมศาสตร (GIS) ส าหรบประเภทผใชงาน creator

ส านกงานปลดกระทรวงพลงงาน กระทรวงพลงงาน

หนาท 20

เครองมอคนหาเสนทางไปยงต าแหนงทตงโครงการ เครองมอส าหรบคนหาเสนทางการเดนทางไปยงต าแหนงทตงโครงการ โดยแบงเครองมอไดดงน 1.เครองมอ Direction

1) เครองมอ Direction เปนเครองมอส าหรบการคนหาเสนทางในการเดนทางไปยงโครงการ โดยล าดบแรกใหกดปม Direction ดงรปท 38

รปท 38 คลกเครองมอ Direction

2) กดปม Direction แลวระบบจะท าการคนหาและสรางเสนทางการเดนทางไปยงโครงการใหแลวแสดงบนหนาแผนท ดงรปท 39

รปท 39 แสดงผลการคนหาเสนทาง

Page 21: 1. > GIS gis.energy.go.th Urlgis.energy.go.th/wp-content/uploads/2017/02/Manual...ค ม อการใช งานระบบสารสนเทศภ ม ศาสตร โครงการจ

คมอการใชงานระบบสารสนเทศภมศาสตร โครงการจางบ ารงรกษาระบบสารสนเทศภมศาสตร (GIS) ส าหรบประเภทผใชงาน creator

ส านกงานปลดกระทรวงพลงงาน กระทรวงพลงงาน

หนาท 21

เครองมอ Locate เครองมอ Locate เปนเครองมอส าหรบแสดงต าแหนงของโครงการหรอกจกรรมตาง ๆ ซงเมอกดปม Locate แลวระบบจะท าการกระโดดไปยงต าแหนงของโครงการใหทนท ดงแสดงดงรปท 40

รปท 40 การใชเครองมอ Location

การใชงานเมน Base Map เมน Base Map เปนเมนส าหรบน าแผนทฐานในรปแบบตาง ๆ มาแสดงผลในระบบโดยจะมแผนททสามารถเรยกใชได โดยมรปแบบแผนฐานทใหสามารถเลอกการแสดงผลไดตรงแถบเครองมอดานซายมอ ดงรปท 41

รปท 41 รปแบบการแสดงผลแผนทฐาน

Page 22: 1. > GIS gis.energy.go.th Urlgis.energy.go.th/wp-content/uploads/2017/02/Manual...ค ม อการใช งานระบบสารสนเทศภ ม ศาสตร โครงการจ

คมอการใชงานระบบสารสนเทศภมศาสตร โครงการจางบ ารงรกษาระบบสารสนเทศภมศาสตร (GIS) ส าหรบประเภทผใชงาน creator

ส านกงานปลดกระทรวงพลงงาน กระทรวงพลงงาน

หนาท 22

1.แผนทถนน หรอ Road Map ดงแสดงดงรปท 42

รปท 42 รปแบบแผนทถนน หรอ Road Map

2.แผนทภมประเทศ หรอ Terrain Map ดงแสดงดงรปท 43

รปท 43 รปแบบแผนทภมประเทศ หรอ Terrain Map

Page 23: 1. > GIS gis.energy.go.th Urlgis.energy.go.th/wp-content/uploads/2017/02/Manual...ค ม อการใช งานระบบสารสนเทศภ ม ศาสตร โครงการจ

คมอการใชงานระบบสารสนเทศภมศาสตร โครงการจางบ ารงรกษาระบบสารสนเทศภมศาสตร (GIS) ส าหรบประเภทผใชงาน creator

ส านกงานปลดกระทรวงพลงงาน กระทรวงพลงงาน

หนาท 23

3.แผนทภาพถายดาวเทยม หรอ Satellite Map ดงแสดงดงรปท 44

รปท 44 รปแบบแผนทภาพถายดาวเทยม หรอ Satellite Map

4.แผนทประยกต หรอ Hybrid Map ดงแสดงดงรป 45

รปท 45 รปแบบแผนทประยกต หรอ Hybrid Map

Page 24: 1. > GIS gis.energy.go.th Urlgis.energy.go.th/wp-content/uploads/2017/02/Manual...ค ม อการใช งานระบบสารสนเทศภ ม ศาสตร โครงการจ

คมอการใชงานระบบสารสนเทศภมศาสตร โครงการจางบ ารงรกษาระบบสารสนเทศภมศาสตร (GIS) ส าหรบประเภทผใชงาน creator

ส านกงานปลดกระทรวงพลงงาน กระทรวงพลงงาน

หนาท 24

5.แผนทสไตล หรอ Styled Map ดงรปท 46

รปท 46 รปแบบแผนทสไตล หรอ Styled Map

6.แผนทส าหรบการวาด หรอ Plain Map ดงรปท 47

รปท 47 รปแบบแผนทส าหรบการวาด หรอ Plain Map

Page 25: 1. > GIS gis.energy.go.th Urlgis.energy.go.th/wp-content/uploads/2017/02/Manual...ค ม อการใช งานระบบสารสนเทศภ ม ศาสตร โครงการจ

คมอการใชงานระบบสารสนเทศภมศาสตร โครงการจางบ ารงรกษาระบบสารสนเทศภมศาสตร (GIS) ส าหรบประเภทผใชงาน creator

ส านกงานปลดกระทรวงพลงงาน กระทรวงพลงงาน

หนาท 25

7.แผนทเสนทาง หรอ Open Street Map ดงรปท 48

รปท 48 รปแบบแผนทเสนทาง หรอ Open Street Map

เมน Location เมน Location เปนเมนในการเขาถงพนทตาง ๆ โดยการเขาเปนขนล าดบชน 3 ระดบ ไดแก ระดบจงหวด ระดบอ าเภอ ระดบต าบล ซงจะแสดงรายชอจงหวด อ าเภอ ต าบล ตามล าดบการเลอกรายการ ทางดานซายมอ ดงรปท 49

รปท 49 เมน Location เปนเมนในการเขาถงพนทตาง ๆ

Page 26: 1. > GIS gis.energy.go.th Urlgis.energy.go.th/wp-content/uploads/2017/02/Manual...ค ม อการใช งานระบบสารสนเทศภ ม ศาสตร โครงการจ

คมอการใชงานระบบสารสนเทศภมศาสตร โครงการจางบ ารงรกษาระบบสารสนเทศภมศาสตร (GIS) ส าหรบประเภทผใชงาน creator

ส านกงานปลดกระทรวงพลงงาน กระทรวงพลงงาน

หนาท 26

1.การเขาถงพนทระดบจงหวด โดยขนตอนใหท าการเลอกจงหวดทตองการโดยระบบจะท าการแสดงผลขอบเขตพนทของจงหวดทถกเลอก ดงรปท 50

รปท 50 การเขาถงพนทระดบจงหวด

2.การเขาถงพนทระดบอ าเภอ โดยขนตอนใหท าการเลอกจงหวดกอน และเลอกอ าเภอทตองการ โดยระบบจะท าการแสดงผลขอบเขตพนทของอ าเภอทถกเลอก ดงรปท 51

รปท 51 การเขาถงพนทระดบอ าเภอ

Page 27: 1. > GIS gis.energy.go.th Urlgis.energy.go.th/wp-content/uploads/2017/02/Manual...ค ม อการใช งานระบบสารสนเทศภ ม ศาสตร โครงการจ

คมอการใชงานระบบสารสนเทศภมศาสตร โครงการจางบ ารงรกษาระบบสารสนเทศภมศาสตร (GIS) ส าหรบประเภทผใชงาน creator

ส านกงานปลดกระทรวงพลงงาน กระทรวงพลงงาน

หนาท 27

3.การเขาถงพนทระดบต าบล โดยขนตอนใหท าการเลอกจงหวด อ าเภอ กอน และเลอกต าบลทตองการ โดยระบบจะท าการแสดงผลขอบเขตพนทของต าบลทถกเลอก ดงรปท 52

รปท 52 การเขาถงพนทระดบต าบล

4.การลางขอมลทไดเลอกการเขาถงไปแลว โดยใหกดปม Reset ดงรปท 53 และเมอลางขอมลเรยบรอยจะปรากฎดงรปท 54

รปท 53 การลางขอมลการเขาถงหรอ Reset

Page 28: 1. > GIS gis.energy.go.th Urlgis.energy.go.th/wp-content/uploads/2017/02/Manual...ค ม อการใช งานระบบสารสนเทศภ ม ศาสตร โครงการจ

คมอการใชงานระบบสารสนเทศภมศาสตร โครงการจางบ ารงรกษาระบบสารสนเทศภมศาสตร (GIS) ส าหรบประเภทผใชงาน creator

ส านกงานปลดกระทรวงพลงงาน กระทรวงพลงงาน

หนาท 28

รปท 54 การลางขอมลการเขาถงเรยบรอยแลว

เมน Map Service Map Service ซงเปนเมนส าหรบน าชนขอมลมาแสดงบนแผนทโดยจะมชนขอมลตาง ๆ ใหเลอกใชงาน โดยมรายการชนขอมลทอยดานซายมอ และสามารถแสดงผลชนขอมลทถกเลอกไดบนแผนทดานขวามอได ดงรปท 55

รปท 55 เมน Map Service ส าหรบน าชนขอมลมาแสดงบนแผน

Page 29: 1. > GIS gis.energy.go.th Urlgis.energy.go.th/wp-content/uploads/2017/02/Manual...ค ม อการใช งานระบบสารสนเทศภ ม ศาสตร โครงการจ

คมอการใชงานระบบสารสนเทศภมศาสตร โครงการจางบ ารงรกษาระบบสารสนเทศภมศาสตร (GIS) ส าหรบประเภทผใชงาน creator

ส านกงานปลดกระทรวงพลงงาน กระทรวงพลงงาน

หนาท 29

การเลอกใหแสดงผลชนขอมลในแผนท

1. เลอกแสดงผลชนขอมลบนแผนท โดยใหเกดเครองหมายถกในชองสเหลยมหนาชอชนขอมลทตองการ ดงรปท 56

รปท 56 เลอกแสดงผลชนขอมลบนแผนท

2. เลอกไมแสดงผลชนขอมลบนแผนท โดยใหยกเลกเครองหมายถกในชองสเหลยมหนาชอชนขอมลท ไมตองการใหแสดงผล ดงรปท 57

รปท 57 เลอกไมแสดงผลชนขอมลบนแผนท

Page 30: 1. > GIS gis.energy.go.th Urlgis.energy.go.th/wp-content/uploads/2017/02/Manual...ค ม อการใช งานระบบสารสนเทศภ ม ศาสตร โครงการจ

คมอการใชงานระบบสารสนเทศภมศาสตร โครงการจางบ ารงรกษาระบบสารสนเทศภมศาสตร (GIS) ส าหรบประเภทผใชงาน creator

ส านกงานปลดกระทรวงพลงงาน กระทรวงพลงงาน

หนาท 30

เมน Geo tool Geo tool เปนเมนส าหรบใชในการแสดงต าแหนงของตวเรา ชวยในการสรางเสนทางไปยงทตาง ๆ และสามารถแปลงคาพกดจาก UTM เปน Lat/Long ได ดงแสดงดงรปท 58

รปท 58 เครองมอ Geo tool

1.เมน Measure distances and areas Measure distances and areas เปนเมนใชส าหรบวดระยะทางและพนทในพนทหรอเสนทางทตองการ โดยมขนตอนดงน

1) เมนยอยตวแรกคอเมน Measure distances and areas เปนเมนใชส าหรบวดระยะทางและพนทในพนทหรอเสนทางทตองการ ดงรปท 59

รปท 59 เลอกเมน Measure distances and areas

Page 31: 1. > GIS gis.energy.go.th Urlgis.energy.go.th/wp-content/uploads/2017/02/Manual...ค ม อการใช งานระบบสารสนเทศภ ม ศาสตร โครงการจ

คมอการใชงานระบบสารสนเทศภมศาสตร โครงการจางบ ารงรกษาระบบสารสนเทศภมศาสตร (GIS) ส าหรบประเภทผใชงาน creator

ส านกงานปลดกระทรวงพลงงาน กระทรวงพลงงาน

หนาท 31

2) เมน Measure distances and areas แลว อนดบแรกใหกดปม Click here จากนนใหท าการลากเสนหรอวาดเสนใหเปนรปสามเหลยมหรอสเหลยมกไดเมอลากเสนเสรจแลวระบบจะท าการค านวณระยะทางใหทนท ดงรปท 60

รปท 60 การวดระยะทางและพนทดวย Measure distances and areas

3) การลางคาผลการวดระยะทางและวดพนท ถาจะท าการจะวดระยะทางหรอพนทอนใหมโดยจะลบคาอนเดมออกไป

ใหกดปม X ทางดานขวาในชองค านวณระยะทาง ดงรปท 61 เมอกดปม X ทางดานขวาในชองค านวณระยะทางแลวเสนทางทไดลากไวจะหายไปจากหนาแผนททนท ดงรปท 62

รปท 61 การลางคาผลการวดระยะทางและวดพนท

Page 32: 1. > GIS gis.energy.go.th Urlgis.energy.go.th/wp-content/uploads/2017/02/Manual...ค ม อการใช งานระบบสารสนเทศภ ม ศาสตร โครงการจ

คมอการใชงานระบบสารสนเทศภมศาสตร โครงการจางบ ารงรกษาระบบสารสนเทศภมศาสตร (GIS) ส าหรบประเภทผใชงาน creator

ส านกงานปลดกระทรวงพลงงาน กระทรวงพลงงาน

หนาท 32

รปท 62 ผลการลางคาผลการวดระยะทางและวดพนท 2.เมน Show my location Show my location เปนเมนส าหรบการแสดงต าแหนงของผใชงาน ณ ปจจบนเพอแสดงบนแผนท ซงการใชงานเมนนจะตองใชกบอปกรณทเขาใชงานระบบน ทสามารถระบต าแหนงทตงได เชน สมารทโฟน แทบเลต

1) โดยคลกท Show my location ดงรปท 63

รปท 63 เลอกเมน Show my location

Page 33: 1. > GIS gis.energy.go.th Urlgis.energy.go.th/wp-content/uploads/2017/02/Manual...ค ม อการใช งานระบบสารสนเทศภ ม ศาสตร โครงการจ

คมอการใชงานระบบสารสนเทศภมศาสตร โครงการจางบ ารงรกษาระบบสารสนเทศภมศาสตร (GIS) ส าหรบประเภทผใชงาน creator

ส านกงานปลดกระทรวงพลงงาน กระทรวงพลงงาน

หนาท 33

2) แลวใหกดปม Click here ดงรปท 64 หลงจากทกดปม Click here เรยบรอยแลวระบบจะแสดงต าแหนง ณ ปจจบนบนแผนททนทพรอมบอกพกดในรปแบบของ Lat/Long ใหดวย ดงรปท 65

รปท 64 เลอก Click here

รปท 65 แสดงผลหมายเลขพกด

3) ถาตองการจะลางคาหมายเลขพกดต าแหนงทแสดงบนแผนทออกใหกดปม X ทางดานขวามอในชอง Your current

location is ดงรปท 66 หลงจากกดปม X ต าแหนงทแสดงบนแผนทกจะหายไป ดงรปท 67

Page 34: 1. > GIS gis.energy.go.th Urlgis.energy.go.th/wp-content/uploads/2017/02/Manual...ค ม อการใช งานระบบสารสนเทศภ ม ศาสตร โครงการจ

คมอการใชงานระบบสารสนเทศภมศาสตร โครงการจางบ ารงรกษาระบบสารสนเทศภมศาสตร (GIS) ส าหรบประเภทผใชงาน creator

ส านกงานปลดกระทรวงพลงงาน กระทรวงพลงงาน

หนาท 34

รปท 66 การลางคาหมายเลขพกดต าแหนง

รปท 67 ผลการลางคาหมายเลขพกด

Page 35: 1. > GIS gis.energy.go.th Urlgis.energy.go.th/wp-content/uploads/2017/02/Manual...ค ม อการใช งานระบบสารสนเทศภ ม ศาสตร โครงการจ

คมอการใชงานระบบสารสนเทศภมศาสตร โครงการจางบ ารงรกษาระบบสารสนเทศภมศาสตร (GIS) ส าหรบประเภทผใชงาน creator

ส านกงานปลดกระทรวงพลงงาน กระทรวงพลงงาน

หนาท 35

3.เมน Zoom to Bounding Box

Zoom to Bounding Box เปนเมนส าหรบการซมไปในพนททตองการ

1) โดยคลกท Zoom to Bounding Box ดงรปท 68

รปท 68 เลอกเมน Zoom to Bounding Box

2) แลวกดปม Click here จากนนคลกเมาสทแผนทแลวลากใหเปนรป ดงรปท 69

รปท 69 กดปม Click here

Page 36: 1. > GIS gis.energy.go.th Urlgis.energy.go.th/wp-content/uploads/2017/02/Manual...ค ม อการใช งานระบบสารสนเทศภ ม ศาสตร โครงการจ

คมอการใชงานระบบสารสนเทศภมศาสตร โครงการจางบ ารงรกษาระบบสารสนเทศภมศาสตร (GIS) ส าหรบประเภทผใชงาน creator

ส านกงานปลดกระทรวงพลงงาน กระทรวงพลงงาน

หนาท 36

3) หลงจากทท าการลากเมาสใหเปนรปสเหลยมเรยบรอยแลวระบบจะท าการซมไปยงต าแหนงทเลอกไวพรอมกบบอกคาพกดของขอบเขตทซมดวย ซงคาพกดจะเปนแบบ Lat/Long ดงรปท 70

รปท 70 แสดงผลคาพกดต าแหนงและแสดงผลการซม

4.เมน Add directions Add directions เปนเมนส าหรบสรางเสนทางในการเดนทางโดยจะตองระบจดเรมตนและจดสนสดลงไปในแผนท คลกท Add directions ดงรปท 71

รปท 71 คลกท Add directions

Page 37: 1. > GIS gis.energy.go.th Urlgis.energy.go.th/wp-content/uploads/2017/02/Manual...ค ม อการใช งานระบบสารสนเทศภ ม ศาสตร โครงการจ

คมอการใชงานระบบสารสนเทศภมศาสตร โครงการจางบ ารงรกษาระบบสารสนเทศภมศาสตร (GIS) ส าหรบประเภทผใชงาน creator

ส านกงานปลดกระทรวงพลงงาน กระทรวงพลงงาน

หนาท 37

1) กดปม Click here 2) ระบต าแหนงของจดเรมตนลงบนแผน 3) และจดสนสดลงบนแผนท 4) เมอระบเสรจแลวระบบจะบอกพกดของต าแหนงทงสองจดใหซงสามารถสลบต าแหนงจดทงสองได (ในกรณทร

สถานทใหกรอกลงในชอง Enter a location หรอรคาพกดทเปนจดเรมตนและจดสนสดใหกรอกลงในชอง Lat/Long)

5) เลอกประเภทของการเดนทาง 6) เสรจแลวใหกดปม Get directions เพอใหระบบสรางเสนทางในการเดนทาง ดงรปท 72 7) หลงจากกดปม Get directions แลวระบบจะสรางเสนทางในการเดนทางจากจดเรมตนไปยงจดสนสดพรอมบอก

ขนตอนในการเดนทางใหดวย ดงรปท 73 8) ถาตองการจะระบจดเรมตนและจดสนสดใหมใหกดปม X ทหนารายละเอยดการเดนทาง จากนนใหกดปม Reset

แลวกดปม Click here อกครงเพอระบจดเรมตนและจดสนสดใหม ดงรปท 74

รปท 72 ขนตอนการใชงานเมน Add directions

Page 38: 1. > GIS gis.energy.go.th Urlgis.energy.go.th/wp-content/uploads/2017/02/Manual...ค ม อการใช งานระบบสารสนเทศภ ม ศาสตร โครงการจ

คมอการใชงานระบบสารสนเทศภมศาสตร โครงการจางบ ารงรกษาระบบสารสนเทศภมศาสตร (GIS) ส าหรบประเภทผใชงาน creator

ส านกงานปลดกระทรวงพลงงาน กระทรวงพลงงาน

หนาท 38

รปท 73 แสดงผลรายการเสนทางจากจดเรมตนไปจดสนสด

รปท 74 ระบจดเรมตนและจดสนสดใหม

เมน UTM and Lat/Long Conversion UTM and Lat/Long Conversion เปนเมนส าหรบการแปลงคาพกดจาก UTM เปน Lat/Long หรอ Lat/Long เปน UTM ได โดยคลกท UTM and Lat/Long Conversion ดงรปท 75 โดยมขนตอนการใชงานดงน

Page 39: 1. > GIS gis.energy.go.th Urlgis.energy.go.th/wp-content/uploads/2017/02/Manual...ค ม อการใช งานระบบสารสนเทศภ ม ศาสตร โครงการจ

คมอการใชงานระบบสารสนเทศภมศาสตร โครงการจางบ ารงรกษาระบบสารสนเทศภมศาสตร (GIS) ส าหรบประเภทผใชงาน creator

ส านกงานปลดกระทรวงพลงงาน กระทรวงพลงงาน

หนาท 39

รปท 75 คลกท UTM and Lat/Long Conversion

1) กดปม Click here เพอจะท าการกรอกคาพกด ดงรปท 76

รปท 76 คลกท กดปม Click here เพอจะท าการกรอกคาพกด

2) กรอกคาพกด Lat/Long ลงไปใหถกตองแลวกดปม Convert to UTM ดงรปท 77

Page 40: 1. > GIS gis.energy.go.th Urlgis.energy.go.th/wp-content/uploads/2017/02/Manual...ค ม อการใช งานระบบสารสนเทศภ ม ศาสตร โครงการจ

คมอการใชงานระบบสารสนเทศภมศาสตร โครงการจางบ ารงรกษาระบบสารสนเทศภมศาสตร (GIS) ส าหรบประเภทผใชงาน creator

ส านกงานปลดกระทรวงพลงงาน กระทรวงพลงงาน

หนาท 40

รปท 77 กรอกคาพกด Lat/Long

3) กดปม Convert to UTM ระบบจะท าการระบต าแหนงลงบนแผนทพรอมกบแปลงคาพกดจาก Lat/Long เปนคา

พกด UTM ใหดวย ดงรปท 78

รปท 78 กดปม Convert to UTM

Page 41: 1. > GIS gis.energy.go.th Urlgis.energy.go.th/wp-content/uploads/2017/02/Manual...ค ม อการใช งานระบบสารสนเทศภ ม ศาสตร โครงการจ

คมอการใชงานระบบสารสนเทศภมศาสตร โครงการจางบ ารงรกษาระบบสารสนเทศภมศาสตร (GIS) ส าหรบประเภทผใชงาน creator

ส านกงานปลดกระทรวงพลงงาน กระทรวงพลงงาน

หนาท 41

เมน Zoom scale

Zoom scale เปนเมนส าหรบการก าหนดมาตราสวนในการแสดงผลของแผนท โดยคลกท Zoom scale ดงรปท 79

รปท 79 กดปม Convert to UTM

1) เลอกมาตราสวนทตองการไดโดยกดปม Dropdown แลวเลอกขนาดมาตราสวนตามตองการ ดงรปท 80

รปท 80 เลอกขนาดมาตราสวนตามตองการ

Page 42: 1. > GIS gis.energy.go.th Urlgis.energy.go.th/wp-content/uploads/2017/02/Manual...ค ม อการใช งานระบบสารสนเทศภ ม ศาสตร โครงการจ

คมอการใชงานระบบสารสนเทศภมศาสตร โครงการจางบ ารงรกษาระบบสารสนเทศภมศาสตร (GIS) ส าหรบประเภทผใชงาน creator

ส านกงานปลดกระทรวงพลงงาน กระทรวงพลงงาน

หนาท 42

2) หลงจากเลอกขนาดมาตราสวนแลวระบบจะท าการปรบขนาดของแผนททนท ดงรปท 81

รปท 81 แสดงผลการการปรบขนาดของแผนท

เมน Print Map Print Map เปนเมนส าหรบพมพแผนทจากระบบหรอบนทกแผนทจากระบบได โดยคลกท Print Map ดงรปท 82 หลงจากกดเมน Print Map แลงระบบจะแสดงหนาแผนททจะท าการสงพมพขนมา ซงสามารถสงพมพและบนทกแผนทจากหนาน โดยกดปมรป Harddisk เพอท าการบนทกแผนท และกดปมรปเครองพมพเพอท าการพมพแผนท หรอกดปม X เพอยกเลก ดงรปท 83

รปท 82 การพมพแผนทจากระบบหรอบนทกแผนทจากระบบได

Page 43: 1. > GIS gis.energy.go.th Urlgis.energy.go.th/wp-content/uploads/2017/02/Manual...ค ม อการใช งานระบบสารสนเทศภ ม ศาสตร โครงการจ

คมอการใชงานระบบสารสนเทศภมศาสตร โครงการจางบ ารงรกษาระบบสารสนเทศภมศาสตร (GIS) ส าหรบประเภทผใชงาน creator

ส านกงานปลดกระทรวงพลงงาน กระทรวงพลงงาน

หนาท 43

รปท 83 แสดงผลกอนพมพแผนท

การออกจากระบบ Logout คอเมนส าหรบการออกจากระบบ กดเมน Logout แลวระบบจะท าการ Logout และกลบมาหนา Login อกครง ดงรปท 84

รปท 84 การออกจากระบบ