kk

1. Script
Week2
โหลดโปรแกรมมาติดตั้ง
ติดตั้งเสร็จแล้วแสดงบนหน้าจอที่วงกลม

2. ไปที่ File New HTML Page
เปิดแล้วจะได้ดังภาพ

3. บรรทัดที่ 9เปลี่ยนคาว่า Document เป็น Test_Javascript บรรทัดที่ 10 เป็นคาสั่งภาษาสคริป
บรรทัดที่ 11,13 เผื่อทางานบนเว็บรุ่นเก่ามันสามารถทางานได้ บรรทัดที่ 12 เป็นคาสั่งให้เขียน สวัสดีชาวGI
บันทึกนามสกุลต้องเป็น .html

4. แสดงผลเปิดโดย Google Chrome
ดังรูปภาพ

5. แสดงเวลาที่เราเขียนและแก้ไขโดยใช้สัญลักษณ์ +เป็นตัวเชื่อม
ดังรูปภาพ

6. กล่องข้อความจะแสดงขึ้น
เขียน Code ลงไป window.alert(“…………………”); จะเป็นกล่องไว้เตือน จากนั้นเราก็บันทึก Code
ทั้งหมด
บันทึกจะได้ดังภาพ

7. จะได้กล่องขึ้นเตือนแบบนี้
กล่องยืนยัน
จะใช้Window.confirm(“………..”);

8. แสดงผลดังภาพ
กล่องแสดงความพร้อม
Window.prompt(“…………….”);

9. แสดงดังภาพ เรากรอกชื่อเราและตอบตกลง

10. Week3
เงื่อนไข If else if ถามเรื่องอายุ
เปิดโปรแกรม Editplus ขึ้นมา กด Ctrl +N เพื่อขึ้นหน้าใหม่

11. เขียน code ส่วนของ html และ java script
เราให้ชื่อเรื่องว่า Age calculate ในส่วนของ bodyจะใช้form ซึ่งเป็นส่วนหนึ่งของ html
Form ตั้งชื่อว่า test /madthod คือวิธี เราใช้วิธี post คือการส่ง
Input type = “text” ในเว็บนั้นจะมีหน้าเว็บพร้อมขึ้นมาพร้อมกับกล่องเพื่อให้ลูกค้ากรอกข้อมูลลงไป
Name = “age” นาเข้าได้จากกล่องตัวอักษร name ที่ชื่อว่า age จากนั้นทาการ save

12. จากนั้นเราเปิดเพื่อเช็คความถูกต้อง
จะได้หน้าเว็บดังรูปภาพ

13. .Button name =“submit” ปุ่มที่กดตั้งชื่อว่า submit
Onclick คือส่งค่าเมื่อกด
จะได้ดังรูป

14. ใส่เงื่อนไขในบรรทัดที่ 6 function ชื่อ data
บรรทัดที่ 8 if(test.age) age ที่อยู่ใน test ให้เอามาเปรียบเทียบ value เอาค่าจากอายุมาใส่
ถ้ามากกว่า 50จะบอกว่า you areold น้อยกว่า 50 จะบอกว่า youare young
น้อยกว่า 50

15. มากกว่า 50
ถ้าเราไม่ใส่เลขแล้วกด Sanddata เลย จะมีเงื่อนไขแบบบรรทัดที่ 8กับ 10

16. ผลที่ได้

17. Week3
Grade โดยใช้ alert เป็นกล่องขึ้นมาให้กรอกคะแนน
Ctrl+ N เพื่อขึ้นหน้าใหม่
เขียน code ส่วนของ html และ java script
Var คือการประกาศตัวแปร

18. เขียนเสร็จแล้ว save แล้วเปิดหน้าเว็บขึ้นมันจะขึ้นเป็นกล่องให้เรากรอกคะแนนแล้วกดตกลงเกรดก็จะขึ้นให้

19. กรอกคะแนน
จะบอกเกรดเรา

20. Week 4
Google Map APT
พิมพ์คาว่า google map API javascript  ลงชื่อเข้าใช้
กด yes  CREATE AND ENABLE API

21. จะขึ้น Code ให้เรา AIzaSyBEtmLbHqAfjONEFJqeMWfeIJelruuL_10
Ctrl+ N ขึ้นหน้าใหม่

22. ไปที่ SIMPLE  Simple map  เลื่อนลงข้างล่าง copy code มาทั้งหมด

23. นามาวางใน Edit plus  ไปบรรทัดที่ 32คาว่า YOUR_API_KEY ให้ลบแล้วนา Code ที่เรา copy
มาใส่แทน Code : AIzaSyBEtmLbHqAfjONEFJqeMWfeIJelruuL_10
Save .html เท่านั้น

24. เปิดใน Google Chrome ผลที่ได้จะเป็นแผนที่
จะให้แสดงภาพที่ไทยบรรทัดที่ 27Center คือ การปรับหาพื้นที่ เราเปลี่ยนเลขที่ lat และ lng เป็น 13/100

25. Ctrl+ S แล้วรีเฟรซบนเว็บจะได้ภาพประเทศไทย
เราอยากเห็นแค่มหาวิทยาลัยบูรพา เปลี่ยนบรรทัด 27
Lat : 13.277122 lng : 100.926143

26. เปลี่ยนบรรทัดที่ 11 จาก 100 เป็น 50

27. ผลลัพธ์ที่ได้
บรรทัดที่ 15 height ความสูง บรรทัดที่ 16margin กรอบของภาพ
บรรทัดที่ 17 padding การเว้นช่องว่าง เราเปลี่ยนขนาดให้ใหม่

28. ผลที่ได้

29. Week 5
Drawing on the map and KML
เปิด Editplus ขึ้นมา
ไปที่ Google map API Java Script  SIMPLES Simple markers

30. Coppy code มาให้หมดแล้วนาไปวางที่ Editplus

31. บรรทัดที่ 31 ให้เปลี่ยนตรง YOUR API KEY โดยเอาโค๊ดจากอาทิตย์ที่ 4 มาใส่
ไปที่ save

32. เปิดภาพ
ภาพที่ได้

33. อยากให้หมุดอยู่ที่ชลบุรีไปบรรทัด 26 แล้วเปลี่ยนค่าละติจูดกับลองจิจูด
และเปลี่ยน Hello world เป็น Hey Guy

34. กด Ctrl+ s แล้วรีเฟชจะได้หมุดอยู่ที่ชลบุรี
ภาพที่ได้มันไกลอยากให้มันใกล้ เปลี่ยน Zoom เป็น 17

35. ภาพการซูม
แตะที่หมุดจะขึ้นคาว่า Hey Guy

36. อยากให้มีสองหมุด copy แล้วเปลี่ยนค่าละติจูด ลองจิจูด บรรทัดที่ 39
Ctrl+ s แล้วกดรีเฟช

37. Week 5
KML
copy code ในกลุ่ม script

38. กดเซฟแล้วเปิดภาพก็จะได้ดังนี้

39. เราอยากเปลี่ยนเครื่องหมายก็เปลี่ยนบรรทัดที่ 34แล้วกดเซฟ  รีเฟช
ต้องเป็น .png เท่านั้น
ภาพที่ได้

40. Week 6
KML Google Map API
เข้าไปฝากเว็บไซต์โดยต้องทาการสมัครก่อนไปที่ sites google.com
เขียนชื่อเว็บไซต์เสร็จแล้ว ทาตามรูป

41. กดสร้างจะได้ตามรูป
ตั้งชื่อหน้าเว็บ กด สร้าง

42. เปิด google earth หาม.บูรพา

43. หาตึกคณะ
ไปที่เพิ่มรูปหลายเหลี่ยม

44. เปลี่ยนเป็น Geo แล้วทาการลอกลายตึก

45. เปลี่ยนสีของตึก
เขียนคาอธิบาย

46. ลอกลายตึกอีกหนึ่งตึก
ไปแถบข้างซ้าย ตรงที่เราตั้งชื่อตึก คลิกขวา กดบันทึกสถานที่เป็น

47. จะขึ้นหน้าต่างแบบนี้แล้วเขียน Geo.KML นามสกุลต้องให้เป็น .html เท่านั้น
จากนั้นเราทาการเขียนโค๊ดขึ้นมา

48. จากนั้นทาการเปลี่ยนบรรทัดที่ 52-54 เหมือนด้านล่าง
จากนั้นเอาตึกที่ลอกลายมากฝากไว้กดเพิ่มไฟล์

49. กดตรงลูกศรลงคลิกขวาคัดลอกที่อยู่ลิงค์
เอาลิงค์ที่ได้มาวางไว้บรรทัดที่ 38 กดเซฟ

50. เรียกรูปภาพขึ้นมา
เปิดหน้าใหม่ขึ้นมา

51. เขียนโค๊ดขึ้นมา
นาไฟล์อีกตึกไปฝากแล้วคัดลอกที่อยู่ลิงค์

52. เปลี่ยนที่บรรทัดที่ 31-32เอาลิงค์ที่เราคัดลอกทั้งสองลิงค์มาแปะไว้
กดเซฟแล้วเรียกรูปขึ้นมา

53. รูปที่ได้ รูปนี้เป็น layer1 คาสั่งของมันเป็น trueมันจะไม่ค้นหาตึกให้มันจะอยู่แบบนี้แล้วให้เราหา
ภาพนี้เป็น false จะซูมหาตึกให้โดยอัตโนมัติ(แต่รูปนี้เล็กเพราะลดขนาดมัน)

55. Week 7
Polygon
ไปที่file new HTML Page
จะได้หน้าต่างแบบนี้โดยที่เราไม่ต้องเขียน Html

56. จากนั้นเราเขียนโค๊ด บรรทัดที่ 10การตกแต่งแผนที่ บรรทัดที่ 11 การกาหนดค่าที่เกี่ยวกับ map
บรรทัดที่ 12,13,14 ถ้าประกาศ style ต้องใช้ทั้งสามบรรทัดนี้ บรรทัดที่ 18 การเว้นระยะกรอบบนเว็บไซต์
บรรทัดที่ 19 การเว้นวรรค การแสดงผลลัพธ์ต้องอยู่ในตัว Body เสมอ บรรทัดที่ 26 เรียกใช้แผนที่บน
google บรรทัดที่ 28 ทารูปให้อยู่ตรงกลาง บรรทัดที่ 29 การขยายขนาดของภาพ
บรรทัดที่ 30 ใช้แผนที่แบบ แผนที่ภูมิประเทศ

57. เซฟแล้วก็เปิด แผนที่ที่ได้

58. เราจะทาสามเหลี่ยมเบอร์มิวดาเราต้องเก็บทั้งหมด 4 จุด บรรทัดที่ 32-36บรรทัดที่ 38ประกาศตัวแปร
Bermuda บรรทัดที่ 40 ใส่สีให้สามเหลี่ยม บรรทัดที่ 41ค่าสีของเส้น บรรทัดที่ 42 ความหนา
บรรทัดที่ 43 ใส่สี บรรทัดที่44 ความโปร่งแสง บรรทัดที่ 46 ให้สามเหลี่ยมปรากฏใน map
ทาการเซฟแล้วไปเปิดบนเว็บไซต์ ภาพที่ได้

59. Week 9
Python
Start all program ArcGIS Python2.7IDEL(Python GUI)
จะได้หน้าต่างแบบนี้

60. จะสั่งให้แสดง Hello GI! ใช้print ในการสั่ง พอเขียนคาสั่งเสร็จแล้วกด Enter จะได้อย่างที่เห็น
เก็บตัวแปรa =5 , type คือเรียกดูสถานะข้อมูล เลข 5 เป็นเลขจานวนเต็ม คาตอบที่เช็คสถานะเลยเป็น int

61. ตัวแปร b= ชื่อของเรา แล้วเช็คข้อมูล ผลที่ได้คือ str คือแบบข้อความ
ทาการกาหนดตัวแปรแล้วเอาตัวแปรมาบวกกัน a=5,b=7,c=a+b =12
;คือยังไม่ให้แสดงผล ,%d เลขจานวนเต็ม,print คือแสดงผลทางหน้าจอ

62. เก็บค่าแบบอาเรย์โดยมันจะเริ่มเก็บค่าที่ 0กาหนดตัวแปร d= Geo GiRs Gps
แสดงผลแบบอาเรย์โดย 0 เก็บ Geo,1 เก็บ Gi,2 เก็บ Rs,3 เก็บ Gps
แสดงผลโดยใช้ปริ้นและใช้ตัวแปรdและค่าของอาเรย์ในการแสดง
แสดงชื่อของเราโดยใส่ซิงเกิ้ลโคตรและมี+มาเชื่อมข้อความ
ผลที่แสดงได้ชื่อและนามสกุลยังติดกันอยู่

63. ชื่อและนามสกุลแยกออกจากกันโดยใช้ + เชื่อมและสเปคบาร์อีกหนึ่งทีแล้วตามด้วย
+เพื่อเชื่อมข้อความข้างหลัง
กาหนดตัวแปรเป็นชื่อนามสกุลและอายุให้มันแสดงผล คุณชื่อ ชื่อนามสกุล และอายุ
แสดงผลหน้าจอคือ print คุณชื่อ %s คือสตริง ข้อความ %dเลขจานวนเต็ม % คือการอ้างอิง
และตามด้วยตัวแปรเก็บชื่อนามสกุลอายุ

64. เลขยกกาลังทาได้โดยใส่ ** ตามภาพ
กาหนดตัวแปร เราจะเก็บค่าแบบอาเรย์ โดยใช้.format ในการเก็บตัวแปร ได้ดังภาพ

65. แบบ locals โดยเอาตัวแปรมาใส่ในปีกกาแทนได้ดังภาพ {a},{b},{c} คือ ลาดับของอาคิวเมนต์

66. Week 10
Python Buffer
เปิดโปรแกรมขึ้นมา
ไปที่ Python

67. เราไปดาวน์โหลดไฟล์ของม.บูรพาโดยเป็น .shp เป็นลักษณะแบบกราฟิก
เปิด Python ขึ้นมา ประกาศตัวแปร arcpy มันจะประกาศข้อมูลทั้งหมดสามารถเรียกใช้ arcgis ได้ทั้งหมด

68. ตามด้วยฟังก์ชันต่างๆ buffer คือแนวกันชน เราจะเก็บข้อมูลที่ไดร์ดีจะเป็นการนาข้อมูลเข้า
ตัวที่สองคือส่งออกโดยตั้งชื่อว่า Buffer_BUU.shp
ตัวต่อมาคือระยะขอบเขตของแนวกันชน 300 เมตร
ตัวสุดท้ายคือเริ่มขอบเขตจากรั้วมหาลัยออกไป 300 แล้วกด Enter

69. รูปที่ได้
เราใช้แบบ Full คือมันจะเริ่มจากจุดศูนย์กลางของมหาลัยออกไป

70. ภาพที่ได้

71. Week 10
Buffer Multiple
เราพิมพ์คาสั่งเหมือนเดิม แต่Multiple เป็นแนวกันชนที่มีหลายระยะ โดยกาหนดระยะใช้ [ ]
แล้วพิมพ์ระยะตามที่เราต้องการโดยมี , คั่นระยะแนวกันชน
กาหนดค่าเป็นเมตรจะอยู่ข้างนอกไม่เหมือน Buffer พิมพ์ใส่กับระยะได้เลย
แล้วเลือกแบบนับจากขอบเขตออกไปกด Enter

72. ภาพที่ได้
เรากดไปที่ตัว Identify แล้วกดไปที่แนวกันชนมันจะบอกว่าระยะเท่าไหร่

74. Week 11
excel hotspot
เปิด python ขึ้นมาแล้วไปที่ python window

75. เราจะใช้งานarcgis ต้องขึ้นต้น import arcpy เสมอ
สร้างไฟล์ให้บรรทัดที่สอง คือพวกสี จุด ลายเส้นต่างๆแล้วเรียกเปิดไฟล์ให้เป็นชื่อใหม่ว่า world_Boundary
จะได้รูปขอบเขตแต่ละประเทศทั่วโลกขึ้นมา
รูปที่ได้

76. เราจะเปลี่ยนสีให้มันใหม่ใช้world.lyr
ใช้>>> อันที่สาม

77. แล้วเรียกไฟล์ที่จะเปลี่ยนขึ้นมา
รูปที่ได้

78. เราสามารถเปลี่ยนสีได้ไปที่ด้านซ้ายมือเขียนว่า world_Boundary  Symbology  Categories
ใช้แบบ Name เพราะมันจะแบ่งสีตามประเทศ เราสามารถเลือกสีได้แล้วกด Apply  import

79. สีที่ได้

80. เราจะเซฟเป็น .lyr ให้คลิกขวา  save add layer file
เก็บในไฟล์ที่จาได้

81. ทาการ Remove เพื่อจะเรียกขึ้นมาใหม่
เรียกมาใหม่ code ล่างจ้า

82. หาจุด hotspot
เข้าไปแล้วดาวน์โหลดด้านขวาล่างสุด
ดาวน์โหลดเสร็จจะได้แบบนี้

83. นาไปวางที่ excel แล้วบันทึก กลับไปที่ python เพื่อเขียนโค๊ด
ดึงข้อมูลมาจาก Excel จะได้จุด Hotspot ในประเทศไทยและใกล้เคียง

84. Week 12
Interpolate forpython
เข้าไปเอาข้อมูลที่เว็บไซต์ http://service.nso.go.th แล้วทาการดาวน์โหลด
เปิด Excel ขึ้นมาใหม่

85. คัดลอกปริมาณน้าฝนในปี 2554 ทั้งห้าสถานี
เรายังไม่รู้ค่า ละติจูด ลองจิจูด คือ x,y เราเลยเปิด google Earth เพื่อหาค่าพิกัด

86. ได้ค่า x ,y
ไปที่ ARCGIS เพื่อเขียนโค๊ดเรียกใช้งานดูค่าพิกัด

87. และเขียนโค๊ดเพื่อดูค่าปริมาณน้าฝน

88. Week 13
Raster for python
ดาวน์โหลดไฟล์ landsat5.rar
เอามาใส่ในกลุ่ม01_59

89. ภาพที่อยู่ในไฟล์
เปิด python

90. เรียกข้อมูล landsat5 arcpy.MakeRasterLayer_management("D:/script_GI/Landsat5/B3.TIF","Band3")
arcpy.MakeRasterLayer_management("D:/script_GI/Landsat5/B3.TIF","Band4")
arcpy.MakeRasterLayer_management("D:/script_GI/Landsat5/B3.TIF","Band5") ทั้งสามรูป
Band 3

91. Band 4
Band 5

92. นาสามภาพมาผสมสี
arcpy.CompositeBands_management("Band4;Band5;Band3","Composite") จะเรียงตามลาดับ R,G,B

93. เราอยากเห็นพวกป่าไม้ ให้ Band4 อยู่ช่องที่ 2

94. Week 14
NDVI forPython
เปิด IDLE ขึ้นมา
File  New page

95. เขียน code
เข้า Arcmap คลิ้กขวา กด load

96. ไปในไฟล์ที่เราเขียนโค้ด NDVI.py
Code จะขึ้นมาให้

97. จะได้รูปขึ้นมา
เอา เครื่องหมายถูกออก Num1,Num2

98. Click 2 ที จะขึ้นหน้าต่างให้ดังรูป
เลือกแบบ Classified

99. กดไปที่สีแล้วเลือกสีกด ok

100. ได้ดังภาพนี้