ค ำน ำ - 118.174.64.124118.174.64.124/1_DATACENTER_PDF/จัดทำระบบสารสนเทศ... · ค ำน ำ คู่มือ“การจัดท

ค ำน ำ คมอ“การจดท าสารสนเทศดวย Google Fusion Tables” จดท ำขนเพอใชในกำรด ำเนนงำน โครงกำรพฒนำบคคลำกรดำนกำรจดท ำระบบสำรสนเทศเพอพฒนำคณภำพชวต เนอหำภำยในเอกสำรครอบคลมรำยละเอยดใชเปนเครองมอ Google Fusion Tables ซงเปนบรกำรทำงเวบไซตทท ำงำนบน Cloud ใหบรกำรโดย Google ซงเปน Free Ware เปนเครองมอจดกำรขอมลทใชจดเกบ กำรบรหำร ท ำงำนรวมกน สรำงรปแบบขอมล และเผยแพรตำรำงขอมลตำงๆ ในรปแบบ แผนภมวงกลม แผนภมแทง Lineplots Scatterplots ระยะเวลำและแผนททำงภมศำสตร เพอน ำไปใชประโยชนในกำรน ำเสนอขอมลเพอกำรพฒนำชมชน

คณะผจดท ำหวงเปนอยำงยงวำ เอกสำรฉบบน จะเปนประโยชนตอผใชงำนและผทสนในในเรองระบบสำรสนเทศภมศำสตร (GIS) และสำมำรถน ำไปประยกตใชในหนวยงำน เปนเครองมอประกอบกำรด ำเนนงำนดำนกำรจดท ำระบบสำรสนเทศภมศำสตร (GIS) เพอสนบสนนกำรตดสนใจของผบรหำรไดอยำงมประสทธภำพ

ศนยสำรสนเทศเพอกำรพฒนำชมชน พฤศจกำยน 2559

สารบญ

เรอง

หนา

สวนท 1 Google Fusion Tables 1.1 Google Fusion Tables 2 1.2 การตดตง Google Fusion Tables 3 1.3 การน าเขาไฟล Google Fusion Tables 4 สวนท 2 การสรางแผนทดวย Google Fusion Tables 2.1 การสรางแผนทแบบ Thematic Map 6 2.2 การสรางแผนทแบบจดหรอ (Point) 17 สวนท 3 การสรางกราฟดวย Google Fusion Tables 3.1 การน าเขาไฟล 27 3.2 การสรางกราฟแทง 28 3.3 การสรางกราฟวงกลม 32

3.4 การสรางกราฟเสน 34 3.5 การสรางกราฟ Network Graph 36 สวนท 4 Google Site 4.1 การใชงาน Google Site 39 4.2 เครองมอใน Google Site 41 4.3 การน าไปใชประโยชน 49

บทน ำ

ปจจบนระบบสารสนเทศภมศาสตรถกน ามาใชในหนวยงานภาครฐและภาคเอกชนเพอเปนเครองมอ ในการบรหารจดการการท างานดานตางๆ เชนการน าขอมลมาวเคราะหเชงพนทการดแนวโนมการจดล าดบความส าคญ หรอการคาดการณ โดยอาศยแผนทชวยในการวเคราะห ชวยใหสามารถเหนภาพหรอพนทตางๆ ไดในมมกวางอยางชดเจน สะดวกตอการท างาน ลดตนทนในการเดนทางได เปนอยางด ในอดตการน าระบบสารสนเทศภมศาสตรมาใช ตองอาศยปจจยหลายดาน เชน งบประมาณ บคลากร เปนตน ขนอยกบศกยภาพขององคกรนนๆ เพราะมคาใชจายสงมาก ท าใหการน าระบบ GIS มาใชในองคกร ยงมขดจ ากดและใชเฉพาะบางหนวยงานหรอองคกรทส าคญเทานน แตปจจบนระบบ GIS สามารถเขาถงไดทงในระบบองคกรและบคคลเนองจากมการใหบรการระบบ GIS แบบฟรทวโลก จากบรการของ Google ท าใหระบบ GIS สามารถเขาถงไดสะดวก มากยงขน รวมถงยงสามารถน าระบบ GIS ไปประยกตใชไดอกดวย

การวเคราะหขอมลดวยแผนท ในการวเคราะหขอมลในระบบสารสนเทศภมศาสตรนนเปนการน าหลกการหรอวธการตาง ๆ

มาประยกตใชในการเปลยนแปลงรปแบบของขอมล ใหสามารถน าไปผสมผสานกบขอมลอนๆ ในขบวนการของการวเคราะหขอมลเพอความสะดวกรวดเรวและความถกตองของผลลพธทตองการไดดยงขน แตปจจยความส าเรจของ GIS ไมไดอยทตวระบบเอง GIS ไมไดท างานทกอยางไดอยางถกตอง แตGIS ตองอาศยบคลากรทางดาน GISเปนสงส าคญ ทชวยลดความผดพลาดในการน าเขาขอมลสฐานขอมล และความละเอยดของขอมลทน าเขาเชนมาตราสวนแผนท

รปแบบการวเคราะหดวยระบบสารสนเทศภมศาสตร การสอบถามขอมลการหาทตง (Location) ถาเตรยมแผนท GIS ไดอยางถกตอง ท าใหผสอบถามขอมลจากฐานขอมลสามารถตอบค าถามไดวา จดทตงหมบานเศรษฐกจพอเพยง ตงอยทต าบล หรออ าเภอ หรอจงหวดใด หรออาจจะอยใกลกบถนนใด เพอใหงายตอการไปถงจดทตองการ และสามารถสอ บ ถ าม ราย ล ะ เอ ย ด อ น ๆ เพ ม เต ม ได แ ล ะท า ให เร า ท ราบ ถ งพ ก ด ท า งภ ม ศ าส ต ร ไ ด การส อบ ถ าม ขอม ล โด ยก ารต งเงอน ไข (Condition) GIS สามารถชวยคนหาพ นท ท ต ง เง อ น ไ ข ไว แ ล ะ ส าม า รถ แ ส ด งผ ล ใน ร ป แ บ บ แ ผ น ท แ ล ะ ข อ ม ล เช ง ค ณ ล ก ษ ณ ะ ไ ด การสอบ ถามขอมล ถ งแน วโนมการเป ลยนแปล ง (Trends) GIS สามารถสอบถาม ข อ ม ล ก า ร เ ป ล ย น แ ป ล ง ใ น ฐ า น ข อ ม ล ท ร ว บ ร ว ม การสอบถามขอมลรปแบบการเปลยนแปลง (Patterns) ใชการแสดงแผนทหรอขอมลในรปแบบความสมพนธของสงทปรากฏบนแผนทเพอตรวจสอบดวา “ขอมลมความสมพนธกนในดานพนทเปนอยางไร? ” เชน พบวาการกระจายตวของโรงงานอตสาหกรรมทเกดขนนสวนใหญจะตงไปตามเสนทางคมนาคมทางบกเปนปจจยส าคญ เพราะวางตวไปตามแนวถนนหลก และปจจยรองคอแหลงน าเนองจากมน าประปา และน าบาดาลทใชในกระบวนการผลตอยางพอเพยง ท าใหสามารถคาดการณไปไดวาการกระจายตวจะไปทศทางใด

การจดท าสารสนเทศดวย Google Fusion Tables

1

1. Google Fusion Tables

1.1 Google Fusion Tables เปนบรการทางเวบทท างานบน Cloud ใหบรการโดย

Google เปนเครองมอจดการขอมลทใชจดเกบ การบรหาร ท างานรวมกน สรางรปแบบขอมล และเผยแพรตารางขอมลตางๆ ในรปแบบ แผนภมวงกลม, แผนภมแทง , Lineplots, Scatterplots ระยะเวลาและแผนททางภมศาสตร ซงขอมลจะถกเกบไวในหลายตารางทผใชอนเทอรเนตสามารถดและดาวนโหลดได

1.1.1 ตองเตรยมอะไรบาง กอนทจะเรมตนใชงาน Google Fusion Tables เรามาเตรยมความพรอมของเครองคอมพวเตอร

คณสมบตของเครองทมอยตอนนอาจจะสามารถใชงาน Google Fusion Tables ไดเลยกได โดยสงทจ าเปน

บนเครองคอมพวเตอรทจะตองมเพอรองรบการใชงาน Google Fusion Tables กมดงน

1.) ระบบปฏบตการ (Operation System - OS) สามารถใชงานบนระบบปฏบตการแทบจะทกชนด Windows ,Mac OS X, GNU/Linux ฯลฯ

2.) โปรแกรมเปดเวบไซต (Web Browser) สามารถใชงานรวมกบทก Web Browser เชน Internet Explores (IE), Mozilla Firefox, Google Chrome, Safari

3.) อนเทอรเนต (Internet) ตดตงอนเทอรเนตเพอเชอมตอการใชงานผานระบบออนไลน เพอชวยใหการเชอมตอไมสะดดและลาชาจนเกนไป ซงความเรวอนเทอรเนตควรอยทระดบ 1 Mbps ขนไป


2

1.1.2 คณสมบตของ Google Fusion Tables

1) สามารถสรางตารางเปนระบบ Online ทสามารถใชสวนตวและเผยแพรบนอนเตอรเนตได

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

3) สามารถสรางจด(point) บนแผนทไดดวยขอมลชอพนท เชน จงหวด อ าเภอ เปนตน 4) สามารถสรางกราฟไดหลายหลายประเภท 5) ขอมลชดเดยว สามารถน าไปท าไดหลายรปแบบ เชน กราฟแทง กราฟวงกลม หรอ

แผนท 6) ขอมลสามารถน าไปใชรวมกบระบบอน ๆ ของ Google ได 7) สามารถน าเขาไฟล Text , Csv , KML หรอ Excel ได 8) สรางตารางเปนรปแบบ Card ไดอยางรวดเรว 9) มระบบบนทกอตโนมต โดยไมตองกดป มใด ๆ 10) สงออกไฟลเพอน าไปประยกตใชกบโปรแกรมอน ๆ ได


3

1.2 การตดตง ส าหรบขนตอนการใชงาน Google Fusion Tables

จ าเปนจะตองท างานผานโปรแกรม Google Drive เนองจาก Google Fusion Tables นนจะเปนโปรแกรมยอยทอยใน Google Drive เหมอนกบโปรแกรม Google Doc หรอ โปรแกรม Google sheet

เมอเขาส Google Drive ครงแรก จะไมมโปรแกรม Google Fusion Tables ปรากฏใหเหนเนองจากตองท าการเชอมตอ กอนจงจะมองเหนและสามารถใชงานได โดยมขนตอนดงน

เปด Gmail ทเราไดสมครใช

งานกบ Google ไปท Google Drive เพอตดตง Google Fusion Table มขนตอนดงน 1. คลกเลอก My Drive 2. คลกเลอก More 3. เลอก connect more apps 4. คลกเลอก Google Fusion

Tables หรอพมพค าวา “Google Fusion Tables ” เพอสะดวกตอการคนหา

5. คลกเลอก “connect” เพอท าการตดตง Tool Google Fusion Tables

6. เมอระบบตดตงเสรจเรยบรอย คลกเลอก “OK”

7. การเปดใชงานครงแรกของ Google Fusion ระบบจะมการ Login E-mail อกครง เพอยนยนตวตน

การตดตง

Google Fusion Tables


4

1.3 การน าเขาไฟล ไฟลขอมลทสามารถน าเขาไดคอไฟลทมนามสกล csv, txt, kml, Excel การน าเขาไฟลท าได 3 รปแบบ

1.) Frome this computer คอ การน าเขาไฟลจาก เครองคอมพวเตอรทใชงานอย

2.) Google Speadsheets คอ น าเขาไฟลจาก โปรแกรม Spreadsheets

3.) Creat empty table คอ สรางตารางใหม ใชใน กรณพมพขอมลใหม

1. คลกเลอก My Drive 2. คลกเลอก More 3. คลกเลอก Google Fusion

Tables 4. คลกเลอก Choose File 5. เลอกไฟลทตองการน าเขา

ขอมล 6. คลก Open 7. คลก Next จนเสรจสน

กระบวนการ คลกป ม Finish

การน าเขาไฟล Google

Fusion Table


5

จะปรากฏหนาตางทน าเขามาในรปแบบ Google Fusion Tables ในรปแบบ Tab Rows

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


6

2. การสรางแผนทดวย Google Fusion Tables

2.1 การสรางแผนทแบบ Thematic map แผนทเฉพาะเรอง (Thematic map) เปนแผนททจดท าขน

เพอแสดงขอมลหลกอยางใดอยางหนง โดยใชสแสดงแทนคาตางๆ ตามลกษณะของขอมล ซงซอนอยบนแผนทพนฐาน เชน แผนทภม ประเทศเปนตน และมการใชพกดทางภมศาสตรโดยเฉพาะละตจดและ ลองจจดเปนหลกมาตราสวนของแผนท เพอแสดงเฉพาะสงทสนใจใน บรเวณพนทภมศาสตร สามารถแสดงลกษณะตางๆ ไดหลากหลาย ตามลกษณะขอมลทตองการแสดง เชน การเมอง วฒนธรรม เศรษฐกจ การเกษตร ทรพยากรธรรมชาต

2.1.1 ขนตอนการสรางแผนทแบบ Thematic map

1. คลกป ม New

2. คลก More

3. คลก Google Fusion

Tables

4. เลอกน าเขาจาก From this

computer เลอก Browse

5. เลอกไฟลทตองการ

6. คลกป ม Open

7. คลกป ม Next

8. คลก Next จนเสรจสนกระบวนการ คลกป ม Finish

ขนตอนการสรางแผนท

แบบ Thematic map

http://www.statcan.gc.ca/pub/92-195-x/2011001/other-autre/theme/def-eng.htm


7

จะปรากฏหนาจอขอมลจากไฟล KML ทแสดงใน Tab Rows

การน าไฟลขอบเขตพนทไปเชอมโยงกบขอมลทจะน ามาวเคราะห

สามารถท าได 2 วธคอ

2.1.1.1 การเพมคอลมนในตารางใหม

1.) การเพมคอลมนใหมในตาราง

ขอบเขตพนท แลวใสขอมลทมคา

เปนตวเลขในแตละแถว

1. คลกทเมน Edit >> Chang

Columns

2. คลกทป ม New >> Column

การเพมคอลมนในตาราง

แบบ Thematic map


8

3. ตงชอ Column

4. ก าหนดชนดของ Column ท

Type ถาตองการน าขอมลไป

วเคราะห รวมกบแผนท ตอง

ก าหนดคาเปนตวเลข

(Number)

5. คลกป ม Save

6. Double Click ท Column ท

สรางใหม

7. ใสคาของขอมล


การเพมคอลมนในตาราง

แบบ Thematic Map


9

2.1.1.2. การน าไฟลมาเชอมตอกบขอบเขตพนท ตองน าเขาไฟลทจะน ามาเชอมตอ ส าหรบการเลอกไฟล ทจะน าเขานน *** หลกส ำคญ**

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

Merge มขนตอนดงน

2. การน าไฟลมาเชอมตอกบขอบเขตพนท เปดตารางขอบเขตพนท ทตองการ Merge

1. คลกทเมน File >> Merge 2. คลกเลอกไฟลทจะมา

Merge กบขอบเขตพนท 3. คลกป ม Next

การน าไฟลมา

เชอมตอกน


10

ค าสง Merge สามารถน าไปใชในกรณอนๆ ได หากมขอมลทตองการน ามาใชรวมกน เชน การน า

ขอบเขตพนทมารวมกบตารางขอมล หรอน าตารางขอมลหลายๆ ตารางมารวมกน

4. เลอกคอลมนทมรายการเหมอนกนทงสองตาราง

5. คลก Next 6. คลกเลอกคอลมนทตองการ

แสดง 7. คลกป ม Merge 8. โปรแกรมจะท าการสรางตาราง

ขนมาใหมจากค าสง Merge คลกป ม View Table




11

เมอไดขอมลทตองการและเหมาะกบการน าไปสรางแผนท แลว สามารถน าขอมลไปวเคราะหรวมกบแผนทได ซงโดยปกตแลว Google Fusion Tables จะแสดง Tab ทเปนแผนทข นมาใหอตโนมต แตปกตการสรางแผนทหรอกราฟ จะมค าสงในการเพม Tab หรอ รปแบบการน าเสนอหลายประเภท เชนรายงานสรป (Summery) กราฟ (Graph) ฉลาก (Card) แผนท (Map) การเพมรปแบบ ตาง ๆ นสามารถเพมโดยการคลกท เครองหมายบวก ตามตวอยางภาพ ดานลาง

1. คลกเลอกเครองหมาย + 2. คลกท Tab ของ Map 3. คลกเลอกป ม Chang feature

styles 4. คลกค าสง Fill color ในหมวด

polygons




12

ตวอยาง แผนทเฉพาะเรอง ( Thematic Map) ทแสดงเฉดส ตามจ านวนหมบานเศรษฐกจพอเพยงของแตละอ าเภอ

5. คลกแทบ Gradient 6. คลก Show a gradient 7. คลกเลอกคอลมนทจะน ามา

วเคราะห 8. คลก use this range 9. คลกป ม Save




13

2.1.2 การสรางค าอธบายหรอ สญลกษณบนแผนท (Legend)

1. คลกป ม Change feature styles

2. คลก Automatic legend

3. คลก check box Show polygon fill legend

4. คลกเลอกต าแหนงทตองการใหแสดง Legend


การสรางค าอธบายหรอ

สญลกษณบนแผนท (legend)


14

2.1.3 การก าหนดคาสแบบคงท

การก าหนดคาตวเลขใหสงเกตตวเลข หนาค าสง use this range จะแสดงตวเลขนอยสดและมาก

ทสด ซงสามารถน าไปใสในชวงแถวตวเลขใหเหมาะสม และคาตวเลขในชองทายสด ควรก าหนดใหมากกวาคาทมอย

1. คลกป ม Change feature styles

2. คลกค าสง Fill color ในหมวด Polygons

3. คลกแทป Bucket 4. ก าหนดจ านวนสทตองการให

แสดง

5. เลอกคอลมนขอมล

6. ก าหนดคาตวเลขและส


การก าหนดคาส

แบบคงท


15

2.1.4 การก าหนดคาแสดงขอมลในหนาตาง Info windows

หนาตาง info windows จะแสดงผลเมอผใชคลกท บรเวณแผนทหรอจด ทน าขอมลมาเชอมกบแผนท ปกตโปรแกรม Google Fusion Table จะแสดงขอมลทงหมด

ทมอยข นมาแสดง ซงสามารถก าหนดไดวาตองการใหแสดงผล

อะไรบาง โดยมขนตอนดงน

1. คลกป ม Change info windows

2. คลกเอาเครองหมายถกออกหนาหวขอทไมตองการใหแสดงคลกป ม SAVE

การก าหนดคาแสดงขอมลในหนาตาง Info windows


16

2.1.5 การแทรกรปภาพหรอลงคในหนาตาง info windows

1. คลกป ม Change info windows 2. คลกแทป Custom 3. ลบรายการทไมตองการใหแสดงออก 4. ใสค าสง <br> เพอก าหนดใหขนบรรทดใหม 5. ใสค าสง การลงคไปยงเวบไซด (สเหลอง) 6. ใสค าสง แทรกรปภาพ (สฟา)

ตวอยาง code html ส าหรบใสลงคไปยงเวบไซด

<a href="url เวบไซด">ขอความ</a> ตวอยาง code html ส าหรบแทรกรปภาพ <img src="รปภาพ" style="width:128px;height:128px;">


17

2.2 การสรางแผนทแบบจดหรอ (Point) โปรแกรม Google Fusion Tables จดเดนส าคญอกสงหนง ทนาสนใจคอ การสราง point บนแผนท ซงไมจ าเปนตองใช คาละตจด ลองจจด โปรแกรมสามารถสรางใหอตโนมต โดยการ จบคจากขอมลในตารางทเปนชอพนทกบแผนทให แตกยงม จดบกพรองอยบานในกรณทขอมลในตารางไมตรงหรอถาเปน ขอมลเปนระดบยอยลงไป เชน ระดบต าบล หมบาน ขนตอนการสรางแผนทแบบจด จะแตกตางกบการสราง แผนททเปนขอบเขตพนทไมมากจะแตกตางกนทการก าหนดคา หรอปรบแตงแผนทในสวนทรปแบบหรอ Style เทานน

ในทนจะแนะน าการสรางแผนทแบบจดในระดบต าบล ซงมขนตอนดงน น าเขาไฟลขอมลทจดเตรยมไว ดการน าเขาไฟล Google Fusion Tables จากขอ1.3 (หนา4)

ตวอยาง แผนททแสดง Point ต าบล

1. คลกแทบ Map

2. เปลยน Location เปน latlong_tambol

การสรางแผนทแบบจด หรอ (Point)


18

เมอถงขนตอนน จะไดเฉพาะจดหรอ Point ของต าบลเทานน ถาจะน าขอมลอนๆ ขนมาแสดง จะตองน าเขาขอมลกอน แลวท าการ ผนวกกบ Merge ขอมลมาใชรวมกน เหมอนกบการท าแผนทแบบ Themetic map ในขนตอนตอไปนจะแนะน าการสรางแผนททแสดงจดของ ต าบลทมครวเรอนยากจนตามจ านวนทก าหนด

4. เลอกคอลมนทมรายการเหมอนกน ทงสองตาราง 5. คลกป ม Next 6. คลกเอาเครองหมายถก หนาขอความทมรายการซ ากนทง สองตารางหรอเลอกเฉพาะขอมลท ตองการ 7. คลกป ม merge 8. คลกป ม View table



19

หนาจอแสดงแถวของขอมล จะสงเกตเหนวาคอลมนรายไดบางแถวจะไมมขอมล เนองจากไมมครวเรอนตกเกณฑรายได หรอเมอ Merge ขอมลของสองตารางแลว บางต าบลขอมลอาจไมตรงกน

1. น าเขาครวเรอนตกเกณฑ

รายไดตาม (ขนตอนในหวขอการน าเขาไฟล Google Fusion Table )

2. กลบไปทไฟลทเปนแผนท Point ต าบล เลอกเมน File>>Merge

3. คลกเลอกไฟล แลวคลกป ม Next



20

9. คลกแทบ map 10. เปลยน Location เปน latlong_tambol 11. คลกป ม Change feature styles 12. คลกค าสง Marker icon ในหมวด Point 13. คลกแทบ Buckets 14. คลก check box Divide into เปลยนคาเปน 3 15. เปลยน Column เปน รายไดต ากวา 30,000 16. ก าหนดคาตวเลขและส 17. คลกป ม Save



21

ตวอยาง แผนทแสดงจดต าบล ตามขอมลจ านวนครวเรอนยากจน

2.2.1 การน าแผนทมาทบซอนกน

กรณทมการสรางแผนทไวหลายรปแบบหรอหลาย ประเภท หากตองการน าแผนททจดท าไวแลว มาแสดงผลรวมกน จะมวธการทงาย สะดวก ไมตองเขยน Code หรอค าสงใด ๆ โดยใชโปรแกรม FusionTablesLayer Wizard มข นตอนดงน

1. พมพ URL http://203.114.112.233

/Wizard/src/ หรอ http://app4.cdd.go.th/ Wizard/src/

2. ไปทหนาจอของแผนททจดท าไวแลว แนะน าวาควรใชแผนทขอบเขตเปน Layer แรก

3. คลกป ม Share 4. คลกป ม Change 5. คลก On Public on the web 6. คลกป ม Save 7. คลกเมน Tool>>Publish 8. คลกขวาทชอง Send a link in

e-mail 9. คลกค าสง copy

การน าแผนทมา ทบซอนกน

http://203.114.112.233/


22

ตวอยาง แผนทใน layer ท 1

10. คลกขวาทชอง Embek link เลอก ค าสง Paste 11. คลกป ม Put layer one Map 12. คลกป ม Add Layer เพอน าแผนท ชนท 2 มาทบซอน กลบไปหนาแผนทอนท 2 แลวท าตามขนตอนท 3 จนถงขนตอนท 11 ซ าอกครง หากตองการซอนทบแผนทหลายชนจากนนใหท าซ าไปจนครบแผนททกแผน

การน าแผนทมา ทบซอนกน


23

2.2.2 การสรางรายการคนหา โปรแกรม FusionTablesLayer Wizard มเครองมอ

ในการสรางรายการคนหาขอมลจากแผนท 2 แบบคอ 1.) Text-base search คอ คนหาโดยการพมพขอความ 2.) Select-base search คอ คนหาจากรายการขอมล

ของชนแผนท ในทนจะแสดงตวอยางการสรางรายการคนหาแบบเลอก

รายการจากขอมลของแผนททซอนกน

ตวอยาง แผนททน ามาทบซอนกนแลว

1. หวขอ Add a search feature ใหคลกเลอก Select-based search

2. เลอกคอลมนจากขอมลเปนรายได ฯ

3. พมพหวขอส าหรบรายการคนหา

4. คลกป ม Add Search 5. ปรบขนาดความกวางและ

ความสงของแผนท

การสรางรายการคนหา


24

6. สวนนคอ Code ทโปรแกรม สรางใหอตโนมต ให Copy Codeโดยกด Ctr + A หรอน าเมาสลากคลมขอความทงหมด และ Ctr + C

7. เปดโปรแกรม Note Pad แลวกด Ctr + V หรอคลกเมาสป มขวา เลอกค าสง Paste

8. Save ไฟลเปนนามสกล HTML (ตองเปลยน Save as type เปน All Files และชอง Encoding เปน UTF-8)

การสรางรายการคนหา


25

3. การสรางกราฟหรอแผนภมดวย Google Fusion Tables

Google Fusion Tables คอการน าตารางมาสรางเปนแผนภมหรอกราฟแบบตาง ๆ ทผใชตองการ เชน กราฟแทง กราฟวงกลม กราฟเสนเปนตน ซงการใชกราฟแตละชนดนนจะตองเหมาะสมกบขอมลทใชและใหผอานหรอดเขาใจงาย

การใชแผนภมหรอกราฟชนดตาง ๆ เพอเปนแนวทางในการตดสนใจเมอทานจะเลอกเครองมอการแสดงผลของ Google Fusion Tables ใหเหมาะสมและน าเสนอขอมลไดงายขน ดงน • ประเภทแผนภมแทง

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

- แบบกลม กราฟแทงแบบจดกลม เหมาะสมกบการแสดงผลทตองการเหนขอมลยอยในแตละขอมลใหญเชนกน แตจะเนนไปทขอมลสวนยอยทเปนองคประกอบแทนขอมลชนใหญ

- Stack column กราฟแทงแบบวางซอนกน เหมาะสมกบการแสดงผลทตองการเหนขอมลยอยในแตละขอมลใหญ เราสามารถเหนอตราสวนของขอมลยอยนนไดดวย แตเนนไปทขอมลชนใหญ

2. กราฟเสน เหมาะสมกบการแสดงขอมลตวเลข ทสมพนธกบขอมลทมลกษณะเปนชวง หรอ เมอตองการดรปทรงของเสนเพอดแนวโนม วาขนหรอลง โดยเฉพาะอยางยงเมอเทยบกบ เวลาเชน ขอมลการลงทนในตลาดหน มกใช ในการน าเสนอขอมลทตองการใหเหนแนวโนมของการเปลยนแปลงทเกดขนในชวงเวลาหนงๆ มากกวาจะ แสดงเพยงจ านวนตวเลขทแทจรงเทานน

1. แผนภมแทง • ใชเมอตองการเปรยบเทยบ ระหวาง ขอมลประเภทตาง ๆ • สามารถน าเสนอไดทงแนวตง และแนวนอน

- กราฟแทงแนวตงนยมน าไปใชในการเปรยบเทยบขอมลชนดเดยวกนทเวลาแตกตางกน

- กราฟแทงแนวนอนมกใชเปรยบเทยบขอมลตางชนดกนทเวลาเดยวกน


26

6. กราฟเครอขาย (Network Graph) กราฟเครอขาย จะแสดงความสมพนธของขอมลโดยจะแสดงเปนโหนดและเสนแสดงความสมพนธระหวางโหนดหรอขอมลทใช เหมาะกบการแสดงคาความ สมพนธและไมสมพนธกนขอมล และแสดงการกระจายของขอมล

4. กราฟวงกลม กราฟวงกลม เหมาะกบการแสดงผลของสวนประกอบยอยท

รวมกนเปนสวนใหญ มองดสวยงาม ประหยดพนท แตในหลายกรณการใชกราฟแทงจะท าใหเกดความเขาใจไดงายและชดเจนกวามาก

ขอเสย - ยากในการประมาณขนาดของแตละชน - ถามจ านวนชนมาก จะยากในการแยกแยะดวยส เพราะ

ตองใชสทหลากหลาย - มการเคลอนไหวของตาทกลอกไปมาขณะอานเนอกราฟ

และชอของชนขอมล

3. กราฟพนท กราฟพนท มพนฐานมาจากกราฟเสน ในพนทของกราฟนนพนท

ระหวางแกนและเสนจะถกเนนดวยสหรอลวดลาย ปญหาของกราฟพนทนคอ ขอมลจะมการทบกนท าใหเรามองไมเหนขอมลบางตวทถกทบอย และอาจเกดการแปลความหมายผดได เชนไปมองเฉพาะพนท ทมองเหนไมไดคดถงสวนททบกน ดงนนถาเราใชกราฟชนดอนเชน กราฟแทงแบบวางซอนกน อาจจะแสดงผลไดดกวา

5. กราฟแบบ Scatter คอการลงจดแบบกระจดกระจายบนกราฟ ซงกนยมทง 2

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


27

3.1 การน าเขาไฟล

1. คลกเลอก My Drive 2. คลกเลอก More 3. คลกเลอก Google Fusion

Tables 4. คลกเลอก Chose File 5. เลอกไฟลทตองการน าเขา 6. คลก Open ไฟลทจะน าเขา 7. คลกเลอก Next 8. คลก Next เพอ import new

table 9. คลก Finish เพอสราง Table

การน าเขาไฟล


28

3.2 การสรางกราฟแบบแทง ขนตอนการน าเขาไฟลจากขอ 3.1 การน าเขาไฟล (หนา27) จะไดตวอยางขอมลมา สามารถสรางกราฟไดตามขนตอนดงน

ตวอยาง กราฟเมอจดกลมและเลอกคาทตองการแลว

10. ปรากฏหนาจอของ Table ทเราน าเขามา คลกเครองหมาย + แทบดานบน

11. คลกเลอกค าสง Add Chart 12. คลกเลอก Chart แบบ Colum

Chart หรอแบบกราฟแทง ในเมนทางดานซายมอของหนาจอ

13. เปลยน Category เปน อ าเภอ เพ อ จดก ล ม ขอ ม ล เ ปน ร ายอ าเภอ

14. เลอกคาทตองการน ามาแสดง ในกรณนใหเลอก ยอดรวมการจ าหนายสนคาโอทอป คลกเลอก Choose เลอก รวม

การสรางกราฟแบบแทง


29

3.2.1 การปรบแตงกราฟแทง 1. ใหคลกป ม Change appearance เพอปรบแตงกราฟ 2. รายละเอยดตาง ๆ ใน Chart Editor

1. คลกป ม Chang Appearance ปรบแตงกราฟ

2. รายละเอยดใน Chart Editor - Title: ใสขอความและปรบแตง

หวหรอ Title ของกราฟ - Legend: ปรบแตงค าบรรยาย

กราฟ - Features: ปรบรปแบบของ

กราฟ - Axis: ตกแตงคาของแกน X - Color: ตกแตงสของกราฟ

และต าแหนงของแกน Y 3. เมอปรบแตงเสรจเรยบรอยแลว

คลกป ม OK

การปรบแตงกราฟแทง


30

3.2.2 การสรางแบบกลม (Group Chart) ใน Google Fusion Tables สามารถท าไดงาย ๆ โดยไปเลอกขอมลทตองการขนมาแสดง

จากขอมลตวอยางการจ าหนายสนคา OTOP ถาตองการใหแสดงแทงขอมล ยอดจ าหนายภายในประเทศและยอดจ าหนายตางประเทศ ดวย ใหเพมคาในสวนทเปน Value เขามาเทานน

ตวอยาง กราฟแบบจดกลมทแสดงยอดจ าหนายทงในและนอกประเทศ พรอมยอดรวม


31

การปรบแตงกราฟแบบจดกลมจะใชค าสงเหมอนกบกราฟแทงปกต แตสวนทนาสนใจกคอการก าหนด Features มรายละเอยดดงน Stack: คอค าสงใหกราฟแสดงขอมลเปนแทง เดยวกน Reverse: คอค าสงใหแสดงผลขอมลตรงกนขามกบทแสดงอย Maximize: คอการก าหนดใหกราฟแสดงผลใหมขนาดใหญทสด Compare mode: คอการก าหนดคาของ ToolTip ใหน าขอมลมาเปรยบเทยบกน

ตวอยาง การคลกเลอกค าสง Stack และ Compare mode

3.2.3 การสรางกราฟแบบแนวนอนหรอ Bar chart การสรางกราฟแบบนจะมข นตอนการสรางเหมอนกบการสรางกราฟแทง (แนวตง) เพยงแตตองเลอกรปแบบกราฟเปนแนวนอนเทานน โดยเลอกไอคอน Bar chart ในกรณทสรางกราฟแนวทงไวแลวกสามารถปรบเปนแนวนอนไดทนท


32

3.3 การสรางกราฟวงกลม ทไดอธบายไวขางตนแลววา การสรางกราฟวงกลมนน เหมาะกบการแสดงผลของสวนประกอบยอยทรวมกนเปนสวนใหญ ในทนเราสามารถใชขอมลเดมทไดสรางกราฟแทงไวแลวน ามาสราง เปนกราฟวงกลมไดทนท เชน ตองการดภาพรวมวายอดจ าหนาย สนคา OTOP ของแตละอ าเภอมสดสวนอยางไร อ าเภอไหนมยอด จ าหนายคดเปนรอยละเทาไหร หรอหากตองการสรางกราฟจาก ขอมลอน กจะตองน าเขาขอมลกอน ขนตอนการสรางจะเหมอนกบ การสรางกราฟแทง แตจะตางกนทการปรบคา Category

1. คลกขนตอนการน าเขา/การสรางกราฟแบบตางๆ ขอมลเหมอนการสรางกราฟแทงแตกราฟวงกลม คลกเลอกสรางกราฟ เปน Pie Chart

2. การปรบแตงคาของกราฟวงกลม เปลยน - Category เปน อ าเภอ คา Value เปลยนเปน ยอดรวม - Value เปลยนเปน ยอดรวม - Maximum slices แสดงคาขอมลทตองการใหแสดง

การสรางกราฟวงกลม


33

3.3.1 การปรบแตงกราฟวงกลม 1. การปรบแตงคากราฟเพอแสดงผล

คลก Change appearance เพอปรบแตงภาพ

2. ปรบแตงคาตาง ๆ ใน Chart Editor ดงน

ตวอยาง กราฟวงกลมทปรบแตงคาเสรจเรยบรอยแลว

Title : ใสขอความแสดง หวขอของกราฟ Legend : ก าหนดต าแหนง ของค าอธบาย กราฟ Font : เปลยนตวอกษรและ

พนหลง Slice : ก าหนดการแสดงคาของกราฟและ

เปลยนแปลงรปแบบเปนแบบ Donut

Features : เปลยนการแสดงผลเปนแบบสามมตและปรบขนาด

Series : ปรบเปลยนสของ กราฟแตละสวน

การปรบแตงกราฟวงกลม


34

3.4 การสรางกราฟเสน กราฟเสน เหมาะกบการแสดงขอมลทมลกษณะเปนชวง หรอเมอตองการดรปทรงของเสนเพอดแนวโนมวาขนหรอลง โดยเฉพาะอยางยงเมอเทยบกบเวลา ดงนนขอมลควรมการจดเกบ ตามชวงเวลาเชน เปนรายวน รายสปดาห หรอรายเดอน

ในทนจงขอน าขอมลตวอยางทจดเกบเปนรายเดอน คอขอมล OTOP มขนตอนดงน

3.4.1 การปรบแตงคา Category

1. คลกขนตอนการน าเขา/การสรางกราฟแบบตาง ๆ ขอมลเหมอนการสรางกราฟแทง แตกราฟเสน คลกเลอกสรางกราฟ เปน Line Chart

2. การปรบแตงคา - Category เปลยนเปนเดอน - Value เลอกตรงค าสง Choose เปนยอดขายภายในประเทศและตางประเทศ - Maximum Categories ชองส าหรบก าหนดจ านวน Category

การสรางกราฟเสน


35

3.4.2 การปรบแตงกราฟเสน 1. คลกป ม Change appearance เพอปรบแตง

การแสดงผลของกราฟเสน ตวอยาง กราฟเสนทปรบแตงเสรจเรยบรอยแลว ซงแสดงยอดจ าหนายสนคา OTOP ภายในประเทศและตางประเทศ ของแตละเดอน

Slant labels : ปรบความเอยง หรอองศาของ Category

Line Thickness : เพมขนาด ของเสน

Point size : เพมขนาด ของจดทเสนของกราฟ

การปรบแตงกราฟเสน


36

3.5 การสราง Network Graph หรอกราฟเครอขาย กราฟเครอขาย จะแสดงความสมพนธของขอมลโดยจะ

แสดงเปนโหนดและเสนแสดงความสมพนธระหวางโหนดหรอ ขอมลทใช

ในทนจะเปนตวอยางการสรางกราฟเครอขายเพอ แสดงคาความสมพนธของระดบการพฒนาของแตละอ าเภอ

3.5.1 การปรบแตงคากราฟ Network Graph 1.น าเขาขอมล กชช. 2ค ระดบหมบาน ซงแสดง

ระดบการพฒนาของแตละหมบาน 2. เลอกค าสง Add chart 3. เลอกกราฟแบบ Network Graph

1. คลกขนตอนการน าเขา/การสรางกราฟแบบตาง ๆ ขอมลเหมอนการสรางกราฟแทง แตกราฟเสน คลกเลอกสรางกราฟ เปน Network Graph 2. ปรบแตงคา Configure Network Graph - Show link between: ปรบคาสวน show linke between เปนอ าเภอ - Appearance: ก าหนดสตาม Columns - Weight By: ใหแสดงคาน าหนกทระดบการพฒนา - ปรบจ านวนโหนดทตองการใหแสดง

การสรางกราฟ Network Graph


37

ตวอยาง กราฟเครอขายทสรางเสรจเรยบรอยแลว

จากตวอยางทแสดงจะสงเกตเหนวาโหนดหรอวงกลมทแสดงระดบ 1 2 3 มขนาดแตกตางกน

แสดงใหเหนวาปรมาณหมบานสวนใหญจะเปนหมบานเรงรดพฒนาอน 3 และเสนทเชอมโยงกบอ าเภอ จะมขนาดแตกตางกนตามจ านวนของหมบานแตละระดบ จากเสนทเชอมหมบานเรงรดพฒนาอนดบ 1 จะมเพยง 2 อ าเภอ คอ อ าเภอเมองกบอ าเภอตากใบ รวมทงแสดงใหเหนวา อ าเภอทมเฉพาะหมบานเรงรดพฒนาอนดบ 3 มอ าเภอจะแนะ แวง ยงอและศรสาคร ถาน าเมาสไปชทโหนดหรอวงกลมทแสดงชออ าเภอ จะเหนวาเสนจะแสดงจดเชอมโยงชดเจนขน

การวเคราะหขอมลดวย Google Fusion Tables

38

4. Google site

Google Sites คอโปรแกรมของ Google ทใหบรการสราง

เวบไซตฟร สามารถสรางเวบไซตไดงาย เหมอนกบการแกไขเอกสาร

ธรรมดาๆ ผใชสามารถปรบแตงรปลกษณของเวบไซตไดอยางอสระ

สามารถรวบรวม ความหลากหลายของขอมลในทเดยว เชน รวมวดโอ

ปฏทนการน าเสนอ เอกสารหรอสงทแนบ และขอความ ทง ยงอ านวย

ความสะดวกใหท างานรวมกบผอนได รวมไปถงสามารถก าหนดให

เวบไซตของเปนสวนตวหรอ สาธารณะกไดอกดวย

ขอดของ Google sites 1. Google sites ส ามารถรวมเอกสาร งานน าเสนอ Spreadsheets, VDO, Slide เพอชวยในท างาน

อยางเปนระบบ

2. ม Template ใหเลอกหลากหลาย

3. สามารถเขาถงไดทกททม internet

4. ท างานไดหลายระบบปฏบตการ เชน Window, Mac, Linux โดยการท างานผาน Browser ตาง ๆ

5. ระบบมความรกษาความปลอดภยทด โดยผดแลระบบสามารถจดการสทธในการแบงปน Site ได


39

4.1 ขนตอนการใชงาน Google sites 1. พมพ URL https://sites.google.com หรอ www.google.com/sites

2. Login ดวย account ของ Gmail

3. คลกป ม CREATE

4. ตงชอเวบไซด ในชอง Name your site ในชอง Site location ใหใชตวอกษรภาษาองกฤษ ซงในชองนจะเปนชอเวบไซดของเรา


40

5. ก าหนดรปแบบของเวบไซด โดยเลอกค าสง Select a theme การเลอก theme นจะเปนการ ก าหนด Layout สสนชองหวขอ พนหลง แบบอกษร ฯลฯ ชงเปน รปแบบส าเรจรปททาง Google ไดจดท าไวให จะมใหเลอกหลายรปแบบ

6. คลกหนาหวขอ I’m not a robot เพอทดสอบผใชบรการวาเปนมนษยจรงๆ ไมใชโปรแกรม อตโนมต (bot)

7. คลกป ม Create ตวอยางเวบไซดเมอเรมสราง

เมอคลกป ม Create แลวจะปรากฏหนาจอแรกปกตจะมหนา home หรอหนาแรกของเวบไซด ขนมา ใหอตโนมต หนาเพจจะประกอบดวยฟงกชน และเมนทชวยในการจดแตงหนาเวบเพจ ตางๆ

ป มแกไขเวบเพจ ป มเพมหนาเวบเพจใหม

ป มตงคาตางๆ ของเวบไซด


41

4.2 เครองมอในการแกไขหนาเวบเพจ เครองมอหรอค าสงในเมน Insert จะมดวยกน 3 กลม คอ

1.) COMMON คอกลมค าสงทใชงานปกตทวไป 2.) GADGET คอกลมค าสงทเปนโปรแกรมเสรม ตาง ๆ 3.) GOOGLE คอกลมค าสงทใชน าเอาโปรแกรมหรอเครองมอท Google ใหบรการอยมาใช

1. กลมค าสง COMMON

ค าสงแทรกรปภาพ

สรางจดเชอมโยง

สรางหวขอตาราง

สรางรายการยอย

สรางเสนแนวนอน

สรางป ม LIKE แบบ Google


42

2. กลมค าสง GADGET

การน าขอความทมการ Post ขนมาแสดง

แสดงการไฟลทมการปรบปรง

แสดงรายการหรอหวขอทมการปรบปรง

การแทรกกลองขอความ

การแทรกไฟล HTML

โปรแกรมเสรมอน ๆ

3. กลมค าสง GOOGLE

การแทรก script ทสรางไว

แทรกปฏทน

แทรกกราฟ จาก Google Sheet

น าไฟลจาก Google Drive มาแสดง

แทรกรปภาพ อลบม จาก Google +

แทรกลงคจาก Google Group

แทรกขอความ เบอรโทรศพท จาก Hangout

แทรกแผนทจาก Google Map

แทรก VDO จาก YouTube เครองมอหรอค าสงในเมน Format

เมน Format นเปนกลมค าสงเกยวกบปรบแตงตวอกษรหรอขอความ การจดวางต าแหนง เปนตน


43

เครองมอหรอค าสงในเมน Table ค าสงในเมน Table เปนค าสงทใชในการแทรกตาราง ไวในหนาเวบเพจ ซงใชในกรณทตองการสรางตารางใหม

เครองมอหรอค าสงในเมน Layout

ค าสงในเมน Layout เปนค าสงในการปรบแตงหนาเวบใหแสดงผล เปน column ทงแนวตงและแนวนอนส าหรบจดต าแหนงใหเหมาะสมตามทตองการ


44

การควบคมปรบแตงหนาเวบดวยเครองมอ more action การตงคาเวบในการแสดงผลตาง ๆ จะมค าสงในการก าหนดคา จากเครองมอ more action ซงมค าสงตาง ๆ เชน การเปลยน Template การตงคา Page การแชรและเผยแพรสสาธารณะ เปนตน มรายละเอยดดงน กลม Page actions

Revision History เรยกคนทเคยสรางไว Subscribe to page changes แจงเตอนเมอหนาเวบเปลยน Page settings ตงคาหนา page Print page สงพมพหนา page Copy page ท าส าเนา page Delete page ลบหนา page Preview page ทดสอบการแสดงผล

กลม templates

Save as page template บนทกเปน template Change page template เปลยน template เปนประเภทอน

กลม Site actions

Subscribe to site changes แจงเตอนเมอหนาเวบเปลยน Edit site layout แกไขการออกแบบหนา page Manage site การจดการเวบไซด Sharing and Permissions เผยแพร/ก าหนดสทธ เวบไซด Site help เรยกดค าแนะน า Report an Issue รายงานปญหา


45

4.2.1 การปรบแตงสวนหว ของเวบไซด

ตวอยาง เวบทปรบแตงสวนหวเรยบรอยแลว

1. คลกเลอกเครองมอ More Action

2. คลกเลอก Edit site layout 3. คลกป ม Header ใน Edit

site layout 4. คลกบรเวณสวนหว Header

(สวนหว) 5. คลกป ม Browse… เพอ

น าเขาไฟลภาพ 6. ปรบแตงคา Configure site

header ตามภาพ แลวคลกป ม OK

การปรบแตงสวนหว

(Header) ของเวบไซด


46

4.2.2 การแกไขหนาเพจ ในทนจะแสดงตวอยางการแกไขหนาแรกหรอ Home

แถวท 1 จะเปนป มเครองมอในการ แทรกรายการตาง ๆ เชน รปภาพ ป ม กลองขอความ เปนตน แถวท 2 จะเปนค าสง ในการปรบแตงขอความทพมพลงในหนาเพจทแกไข

1. คลกป มแกไข โปรแกรมจะแสดงเมนค าสงตาง ๆ ขนมา

2. คลกทเมน Insert >> Image 3. เพมรปภาพโดยคลกเลอกจาก

เครองหรอเวบ

- Uploaded images คอ การเลอกภาพจากเครองคอมพวเตอรทใชงานอย

- Web address (URL) คอการเลอกภาพจากเวบไซด

การแกไขหนาเพจ


47

ตวอยาง การเลอกรปภาพจากเวบไซด 1. พมพขอความคนหาจาก Google

2. เมอเจอภาพทตองการ คลกขวาทรปภาพ แลวเลอกค าสง Copy Image address

เมอไดรปภาพแลว สามารถปรบแตงรปภาพจากเครองมอ ไดดงน

ถาตองการแทรกรปภาพหลายรป ให Enter เพอขนบรรทดใหม แลวท าการแทรกรปภาพ

ตามขนตอนทผานมาซ า

ปรบขนาดภาพ จดต าแหนงภาพ เปด/ปดการขนบรรทดใหม

ลบ


48

ตวอยาง การแทรกรปภาพ

4. คลกป ม Save ดานบนทางขวามอ จบขนตอนการแทรกรปภาพ


49

4.3 การน าไปใชประโยชน 4.3.1 การน าแผนทจาก Google Fusion

Tables มาแสดงใน Google Site

,กดกด

1. สราง Page ใหม คลกทเครองมอ

Create page 2. ตงชอ page ทตองการสราง 3. เลอก Template เปน Web page 4. เลอก location เปน Top level 5. คลกเลอก CREATE 6. คลกเมน insert เลอก …more

gadgets

การน าแผนทจาก Google

Fusion Tables มาแสดงใน

Google Sites


50

7. คลกเลอก include gadget (iframe) 8. คลกป ม Select 9. ใส URL ท Copy มาจาก Google

Fusion Tables 10. ปรบความกวาง ความสงของหนา

Page 11. คลกเครองหมาย ถกออกใหหมด 12. คลกป ม OK

การน าแผนทจาก Google

Fusion Tablesมาแสดงใน

Google Sites


51

4.3.2 การ Copy URL จาก Google Fusion Tables

1. เปด Google Drive

2. เปดไฟลแผนททสรางไว

3. คลกป มแชร ทางดานขวามอ

4. ก าหนดสทธใหเปน Public on the

web (เปนสาธารณะ) แลวคลกป ม

Done

5. คลกทเมน Tool >> Publish ใน

Google Drive

6. ปรากฏหนาจอของ Publish คลกขวา

ทชอง Send a link in email or IM

เลอกค าสง Copy แลวกลบไปหนา

Google Sites

น า URL ท copy ไปวาง (คลกขวา

เลอกค าสง Past) ในขนตอนท 9 แลว

ด าเนนการตอไปจนถงขนตอนท 12

การ Copy URL จาก



52

*** ส าหรบการแทรกกราฟ ตาราง หรอ ไฟลจาก Google Fusion Tables จะมขนตอนเหมอนกบการแทรก แผนท โดยจะตองใชโปรแกรมเสรม (Gadgets) เปนเครองมอ ในการน าไฟลดงกลาวมาแสดงผลใน Google sites

7. แสดงหนาจอเมอแทรกแผนทเสรจ แ ล ว ส า ม า ร ถ ป ร บ แ ต ง จ า ก เครองมอได

1. ป มแกไขขอมล

2. การจดต าแหนงแผนท

3. เปด/ปด การขนบรรทดใหม

4. ลบ

8. คลกป ม Save ดานบนทางขวามอ เปนการจบขนตอนการแทรกแผนท

การ Copy URL จาก



53

4.3.3 การเปลยน Template การเลอก Template นอกจากจะก าหนดตงแต ตอนเรมตนสรางเวบไซด ยงสามารถเปลยนแปลงรปแบบ Template ไดตามความตองการ มข นตอนดงน

1. เลอก เมน More action 2. ไปทหมวด Site Actions >>

Manage site 3. ปรากฏหนาจอ Manage Site เลอก

หวขอ Themes, Colors and Fonts ร า ย ก า ร ค า ส ง น จ ะ ส า ม า ร ถปรบ เปลยนสพนหลง ขอความ รปภาพ และรายการอนๆ ไดอกมาก ตามรปภาพถดไป รวมทงสามารถเปลยน Themes ท Google sites มไวใหไดอกดวย

4. เลอก Ember เพอก าหนด Themes แบบใหม

5. เลอก Content area gadgets เพอปรบสขอความ

การเปลยน Template


54

4.3.4 การก าหนดไมใหแสดง Comment และการ Add file

1. เลอก page ทตองการแกไข คลกท Page>>Page Settings

2. ปรากฏหนาตาง Page Setting คลกเอาเครองหมายออกใหหมด

3. คลก Save

การก าหนดไมใหแสดง

comment และการ Add file

คมอปฏบตงาน “การจดท าสารสนเทศดวย Google Fusion Tables” พมพเมอ พฤศจกายน 2559 จดท าโดย ศนยสารสนเทศเพอการพฒนาชมชน กรมการพฒนาชมชน

ศนยราชการเฉลมพระเกยรต 80 พรรษา 5 ธนวาคม 2550 อาคารรฐประศาสนภกด ชน 5 ถนนแจงวฒนะ แขวงทงสองหอง เขตหลกส กรงเทพฯ 10210 โทร. 02-141-6277, 02-141-6298 โทรสาร. 02-143-8920-1

ทปรกษา นายธงชย บตรนชต ผอ านวยการศนยสารสนเทศเพอการพฒนาชมชน คณะผจดท า

ผเขยน 1. นางกาญจนวรรณ ชวยมนคง หวหนากลมงานระบบสารสนเทศชมชน 2. นายเสนาะ แสงมณ นกวชาการพฒนาชมชนช านาญการ 3. นางศรสดา ไชยบญญานภาพ นกวชาการพฒนาชมชนช านาญการ 4. นายสมตร พนเรองเดช นกวชาการพฒนาชมชนช านาญการ 5. นายเสกสรร ประวเศษ นกวชาการพฒนาชมชนช านาญการ 6. นางสาวนตยา แสงสวาง นกวชาการคอมพวเตอร 7. นางสาวปรศนา ชวยมหาศกด นกวชาการคอมพวเตอร พมพและพสจนอกษร 1. นางสาวนตยา แสงสวาง นกวชาการคอมพวเตอร 2. นางสาวปรศนา ชวยมหาศกด นกวชาการคอมพวเตอร ออกแบบปก 1. นายเสนาะ แสงมณ นกวชาการพฒนาชมชนช านาญการ 2. นางสาวธดาภรณ อาวรณ นกวชาการคอมพวเตอร

Documents

ค ำน ำ - 118.174.64.124118.174.64.124/1_DATACENTER_PDF/จัดทำระบบสารสนเทศ... · ค ำน ำ คู่มือ“การจัดท