Arcpy & Javascript

1. Week2
กดไฟล์ New เพื่อเปิด HTML
Java จะแทรกได้ที่Headและ Body

2. ส่วนHead
ส่วนBody

3. เปิดด้วยscriptก็ปิดด้วยscriptใน “”บอกว่า เราใช้ภาษา Javascript
เครื่องหมายนี้เรียกว่าแทคคอมเม้นเป็นเครื่องมิอเพื่อรองรับเว็บบราวเซอร์ ที่ไม่รองรับ Java
จะทาให้เว็บทางานได้เป็นปกติ

4. document= Object, Write = Method ระหว่างObjectกับMethodจะคั่นด้วยจุด(.)ในที่นี้Write
ใช้แสดงข้อความ

5. Save as ไปยัง โฟลเดอร์ ที่เก็บงาน เปิดโฟลเดอร์ที่เก็บงาน คลิ้กขวาที่Openwith  Google chrome
เพื่อแสดงผลจะได้ดังรูป

6. ใช้เครื่องหมาย+ เพื่อเชื่อมข้อความโดยที่Last modified เป็นฟังก์ชันแสดงวันเวลาที่อัพเดทล่าสุด
จากนั้น Save แล้วไปที่โฟลเดอร์และเปิดเพื่อแสดงผล

7. Ctrl n เพื่อเปิดหน้าว่างเพื่อพิมพ์โครงสร้างHtml
ต่อไปเป็นการใช้ Windows.alert ใส่แทคคอมเม้นตามด้วยข้อความ
จากนั้น Save ตั้งชื่อที่มี .html แล้วเปลี่ยนSave as type เป็น html

8. ใส่ Meta เพื่อกาหนดภาษาไทย
แล้วไปที่โฟลเดอร์ที่Save ไว้ แล้วเปิดเพื่อแสดงผล

9. การใช้ฟังก์ชันconfirmทาเหมือนเดิมแค่เปลี่ยนเป็นWindowsconfirm กดSave แล้วเข้าไปยังโฟลเดอร์
เปิดเพื่อแสดงผล

10. ใส่ฟังก์ชันPromptทาเหมือนเดิมเปลี่ยนเป็น Prompt
กด Save  ไปยังโฟลเดอร์เพื่อเปิดแสดงผล

11. ใช้ฟังก์ชัน Testแล้วกดSave และไปยังโฟลเดอร์เปิดเพื่อแสดงผล

12. Week3
การถามอายุ
เขียนโครงสร้างHtml และscriptในส่วนhade

13. สร้างเครื่องมือtextและbuttonและเขียนform ในส่วนbody
ในการเขียนform  ก็ต้องบอกชื่อ formname = “test”
 บอกวิธีการMethod= “post”
 action

14. การสร้างtext  ตั้งชื่อกล่อง age
 ขนาดกล่องกาหนดเป็น3
สร้างbutton ตั้งชื่อsubmit
 Onclick แล้วCtrl s เพื่อSave

15. ไปที่โฟลเดอร์ที่Save แล้วเลือกเปิดแบบChrome
เพื่อsenddata เพื่อสร้างปุ่มดังรูป

16. สร้างฟังก์ชันที่ชื่อdemoเพื่อเทียบอายุ
แล้วใส่ค่าอ้างอิงtest.age.valueเพื่อให้ใส่ค่าในformและage
ใส่ alertเพื่อให้มีกล่องขึ้นหากอายุมากกว่า 50ให้แสดงข้อความ You are old

17. ถ้าใส่อายุน้อยกว่า<50 ให้แสดงข้อความ Youare young:D
ใส่ Onclick เพื่อให้ปุ่ม buttonรับค่าdemo

18. ผลที่ได้หากอายุ> 50
ผลที่ได้หากอายุ<50

19. ใช้คาสั่งนี้หากไม่มีการกรอกข้อมูลให้แสดงข้อความPlease insertyouage
Score เก็บค่าตัวเลขสร้างกล่องPromptเพื่อแสดงข้อความPlease insertyourscore จะได้กล่องดังรูป

20. ใช้คาสั่งif else if เพื่อกาหนดScore >=80 ให้แสดงข้อความ You have grade A

21. Week4
นาโค้ดจาก Maps JavascriptAPI มาวางในโปรแกรม
Copycode ไปวางในโปรแกรม

22. นา code แรกมาวางแทน Your_API_KEY

23. แล้วกดSave เปลี่ยน Save as type เป็น html แล้วชื่อก็ .html
ไปเปิดในโฟลเดอร์ที่เราSave ไว้ จะได้ผลดังภาพ

24. หากเราต้องการไปที่ประเทศไทยหรืออื่นๆสามารถนาตัวเลขตามพิกัดที่ระเทศนั้นๆตั้งอยู่แล้วกดSave
จากนั้นไปหน้าที่แสดงแผนที่แล้วกดRefashใหม่เราจะได้แผนที่บริเวณตามค่าพิกัดนั้นๆที่เราใส่ค่าไป

25. การย้ายแผนที่ไปบริเวณต้องการและการ Zoom
เป็นการปรับแผนที่เช่นตัวอย่าง
 Height= ความสูงของแผนที่
 Margin = กรอบ
 Padding= การเว้นวรรคด้านหน้า

26. เป็นค่าเริ่มต้นของแผนที่
เป็นการให้ดึงชื่อID ที่ขึ้นต้นด้วยMap

27. Week5
Web---->MapsJavaScriptAPI
Simple---->simplemarker
Drawingon the map
เขียน code ปกติ
แล้วจึงcopy code API มาวางตรงส่วนของscript

28. ทาการsave ---->จอจะแสดงผลในเว็บไซด์
การทาMarker บอกตาแหน่งบนแผนที่
ทาการพิมพ์code
copy code API วางในตาแหน่งของscript

29. เป็นตัวกาหนดตาแหน่งของสถานที่
- การเรียกแผนที่จากgooglemap

30. ตาแหน่ง mapสามารถเปลี่ยนเป็นmarkerได้
ส่วนที่กาหนดค่าต่างๆของmarkerตามที่ต้องการ

31. เป็นส่วนที่กาหนดตาเเหน่งบนเเผนที่
การปรับให้เข้าใกล้มากขึ้นด้วยการ zoomยิ่งค่ามากยิ่งเข้าใกล้

32. markerการขึ้นป้ายชื่อในการแสดงผล
- โดยการกาหนดในส่วนของตัวแปรvar--->title
การแสดงภาพแบบดาวเทียม

33. - markerตัวนี้ห้ามเปลี่ยนเนื่องจากเป็นฟังก์ชันพิเศษ
จะเปลี่ยนตัวเเปร map จะต้องเปลี่ยนทั้งหมด 5 ตัว
- บรรทัดที่ 10 22 28 (หน้า หลัง) 33

34. การกาหนดค่าการทา marker หากต้องการทา 2 อัน

35. การทาCustomMarkers
- พิมพ์การiconที่จะกาหนดให้แสดงแทนสถานที่บนแผนที่ต่างๆ
- การแสดงiconที่มีการลิงค์แล้ว

36. - การกาหนดตาแหน่งพิกัดของicon3 ที่
การกาหนดค่าของicon

37. การแสดงผลหลังจากการกาหนดข้อมูลเสร็จสิ้น

39. Week6
ทาการสร้างโพลิกอนโดยใช้เครื่องมือที่ลูกศรชี้อยู่ชื่อว่ารูปหลายเหลี่ยมและปรับค่าต่างๆที่ต้องการ

40. คลิ้กขวาที่dormitory แล้วบันทึกสถานที่เป็น(ที่hall ก็ทาแบบเดียวกันเปลี่ยนนามสกุลเป็นkml ด้วย)
ก็อปโค้ด มาวาง

41. เริ่มการสร้างเว็บและปรับแต่ง
เพิ่มไฟล์ทั้งhall และdormitory

42. คัดลอกที่อยู่ลิงค์แล้วนาไปวางในโค้ดบรรทัดที่38

43. Save แล้วไปเปิดในโฟลเดอร์ที่Save ไว้ จะได้ผลดังรูป
ในส่วนแผนที่คือ#map ในส่วนที่แสดงข้อมูลหอประชุมคือ#eontent_Windows

44. Coppy ลิงค์ของ hall และdormitory มาที่ Layers[0] และ[1]

45. Save จากนั้นไปเปิดเพื่อดูผลจะได้ดังรูป

46. Week7
เปิดโปรแกรมกด Ctrl +shift+N เพื่อเปิด HTML Page

47. เปิด/ปิด style ภายใต้ headstyle เป็นการออกแบบแผนที่จากcode กาหนดสไตล์ของmapใช้คาสั่ง
Float: left= ให้แผนที่อยู่ในด้านซ้าย
Height: 100% = ความสูง100%
Wight: 100% = กว้าง100%
กาหนดสไตล์ของhtml
Height100%
Margin และ paddingเป็น 0

48. <divid “map”></div>เพื่อดึง Map มาโชว์ที่ Body กาหนดcenterใส่ค่าพิกัดตามพื้นที่เราต้องการ
Zoom=5
Tertian= ลักษณะแผนที่เป็นภูมิประเทศ

49. ใส่พิกัดเพื่อสร้างหมุด
ประกาศvar Bermuda เพื่อสร้างโพลิกอน

50. Paths: trianglecoords เซตตาแหน่งของโพลิกอนคล้ายcenterโดยเราใช้ค่าพิกัดtrianglecoords
ดึงมาได้เลยเพราะประกาศตัวแปลไว้แล้ว
Strokecolor:‘#802ACD’ , เป็นการกาหนดสีโดยโค้ดของสีเลือกได้ โดยค้นหาในColorhtml code
strokeOpacity =กาหนดความโปร่งแสงของเส้น
strokeOpacity=ความหนาแน่นของเส้น
fillcolors=ใส่สีให้โพลิกอน
fillOpacity=ความโปร่งแสงของโพลิกอน

51. การกาหนดสีต่างๆเราทาภายในBermudaฉะนั้นเราจึงใช้โค้ดประกาศว่า Bermuda.setmap(map;เพื่อให้ Bermuda
ไปขึ้นที่ map)
Save และไปเปิดในไฟล์ที่เก็บไว้ เพื่อแสดงผลจะได้ดังรูป

52. Week8
ก็อปโค้ดมาวาง
เลือกสัญลักษณ์หมุดตามชอบในGoogle earth แล้วก็อปโค้ดไปวางในedit+

53. Save แล้วเปลี่ยนไทป์ เป็น .html จากนั้นไปเปิดในโฟลเดอร์ที่Saveไว้ จะได้ผลดังภาพ

54. Libraries= drawingเพื่อเรียกเครื่องมือdrawingแล้วSave จะได้เครื่องมือขึ้นมาซึ่งlibraries
เปรียบเป็นห้องสมุดที่เก็บเครื่องมือdrawingไว้

55. เราสามารถปรับแก้สัญลักษณ์ได้ทั้งline โพลิกอนแต่งสีความหนาความดปร่งแสงได้ตามต้องการ
Save และเปิดในโฟลเดอร์ที่Save จะได้ผลดังรูปเราสามารถสร้างหมดlinepolygon ได้

56. Week9
เปิดโปรแกรมIDLE ขึ้นมา
a = 10 หมายความว่าaเก็บค่า10 ไว้ โดยไม่ต้องใช้ int วิธีเชคtype ให้ พิมพ์type  enterจะแสดงว่าint
โดยอัตโนมัติวิธีการเชคfloatและstrก็ทาเช่นเดียวกัน

57. การหาผลบวกทาได้โดยsum=a+b  enterจะได้ผลรวมออกมา
การอ้างอิง%dเป็นของ a , ตัวที่1 %fเป็นของ b ,ตัวที่2 %f เป็นของ sum

58. Importmath การอ้างอิงโค้ด
การหาเส้นรอบวงโดยpi = 𝜋 , r = 5
โดยที่ยกกาลัง2จะใช้ ** จะได้ pi*(5**2) = 𝜋𝑟2

59. Math.sgrt(2) (หาค่า√2) ,math.sin(15) (หาค่าsin15°)
จะสังเกตได้ว่าการคิดเลขจะทาใช้ mathตามด้วยโมดูย่อยโดยขึ้นกับโมดูทั้ง2 ด้วยจุด(.)
A=14, b,c=100000,’วันศุกร์’ ซึ่งต้องประกาศtype
โดย(14 คือ%d) ,( 100000 คือ%d,)(วันศุกร์คือ%s)และอ้างอิงตัวแปร

60. หากไม่ใช้ % เราสามารถแทนด้วย{} โดย{0} = a , {1} = b, {2} = c
และการอ้างอิงเปลี่ยนจาก% เป็น .format
เปิด Arcmap และคลิกที่เครื่องมือPython ก่อนจะเขียนในArcmapต้องขึ้นด้วยimportarcpy

61. การทาBufferต้องมีการ Inputโดยอ้างอิง(“D:/BUU/.shp”)
Outputโดยอ้างอิง(“D:/BUU/Buff_Buu.shp”)
ระยะ อ้างอิง (“300 meters”) ,OUTSIDE_ONLYคือเริ่มจากขอบโพลิกอนBuuจากนั้น enterเพื่อแสดงผล

62. การทาBufferแบบหลายวงให้ input,outputตามเดิมโดยใช้คาสั่งMultipleRingBuffer

63. Week10นาเข้าเครื่องมือArc Tool Box ครั้งแรกครั้งเดียวพอ
โค้ดนำShapfileเข้ำ นาเข้าข้อมูลจากFolderนี้ชื่อไฟล์BUU.shp ตั้งชื่อในArcMapว่าBUU

64. import arcpy
arcpy.MakeFeatureLayer_management("D:/script_GI/3301/Joe
Week10/BUU/BUU.shp","BUU")
ทำBufferแบบหลำยอัน

65. arcpy.MultipleRingBuffer_analysis("BUU","D:/script_GI/3301/Joe
Week10/BUU/Buffer.shp",[200,300,400,500],"Meters","","ALL","OU
TSIDE_ONLY")
ในข้อมูลออกเป็นkmz เพื่อนำไปใช่มีประโยชน์อย่ำงอื่นเช่นนำเข้ำ GoogleMap
arcpy.LayerToKML_conversion("Buffer","D:/script_GI/3301/Joe
Week10/BUU/Buffer.kmz","2000")

66. Week11
เปิดarcmap แล้วกดไอคอนwindow python เพื่อเปิดหน้าต่างนี้ขึ้นมา
ขึ้นต้นด้วยimport arspy เพื่อเริ่มเขียนคาสั่ง และใช้คาสั่งMakeFeatureLayer_management
ซึ่งคาสั่งนี้ใช้ในเรื่องของ point line polygon

67. เป็นการเรียกข้อมูลว่าอยู่ในไดร์ไหน โฟลเดอร์อะไร enter ตั้งชื่อใหม่จะได้ผลดังรูป

68. เป็นคาสั่งที่ใช้ในการเปลี่ยนสี
เป็นการบอกว่าจะเปลี่ยนสีที่ชั้นข้อมูลนี้ จะได้ผลดังภาพ

69. ดับเบิ้ลคลิกที่ชั้นข้อมูลทาการเปลี่ยนสี  Save as layer file Save ตั้งชื่อใหม่

70. เรียกภาพขึ้นมา แต่เปลี่ยนชื่อตามที่เราตั้งใหม่
เฟิดเว็บนี้ขึ้นมาเลือกวันที่แล้วกดดาวโหลดhttp://asmc.asean.org/asmc-hotspot#Hotspot

71. Coppy ค่าพิกัดไปวางใน excelfileSave as  เปลี่ยน type เป็น.xls

72. MakeXYEventLayer_management ใช้คาสั่งนี่เพื่อใส่ค่าพิกัดXYในวงเล็บใส่ที่เก็บของข้อมูลexcel

73. Week12
เปิด excel แล้วกรอกข้อมูลจากเว็บสถิติ
ใส่ค่าพิกัดX,Yจาก Google earth  Save

74. ใช้คาสั่งนี้เพื่อเรียกexcelขึ้นมา ใส่ที่เก็บข้อมูลของ excel

75. เรียกค่าพิกัดx,y และการบอกถึงว่าเราต้องการrainfall มาทาการอินเตอร์โพเลท
จะได้จุดข้อมูลของ rainfall

76. ทาการอินเตอร์โพเลทโดยวิธีIDWแล้วเซตค่าตามนี้ enterจะได้ผลดังรูป

77. Week13
เปิดโปรแกรมArc map Pythonwindows
เริ่มต้นการเขียนโปรแกรมด้วยimportarcpy arcpyและตามด้วยคาสั่งMakeRasterLaryerเพื่อเปิดข้อมูล
เปิดให้ครบทุกแบรนด์
ใช้คาสั่งCompositeBand เพื่อผสมสีแล้วผสมแบรนด์โดยโครงสร้างจะเป็นR;G;Bในที่นี้เราต้องการให้พืชเป็นสีแดง
จึงนาแบรนด์ 4 ใส่ช่องแรก และตามด้วยแบนด์5 และ 3 พร้อมตั้งชื่อและที่เก็บข้อมูลจะได้ผลดังนี้

78. หากต้องการให้พืชเป็นสีน้าเงินก็นาBand4ใส่ในช่องสุดท้ายเนื่องจากโครงสร้างการผสมสีจะเรียงแบบR;G;Bตั้งชื่อ
 Save  ได้ผผลดังรูป
โหลดข้อมูลจากเว็บเปิดPythonGUI ขึ้นมา ctrl n เพื่อเปิดหน้าต่างใหม่แล้วก็อปลิงค์มาวาง

79. จากนั้น Save  F5แล้วนาไปเปิดในโฟลเดอร์ที่Save
จะได้ข้อมูลที่โหลดมา

80. Week14
เปิดโค้ดนี้ขึ้นมาแล้วไปที่ไฟล์และNewwindows
sa อยู่ภายใต้ arcpy หมายถึงเอาทุกอย่างในsaและarcpy มาใช้งาน

81. เป็นการกาหนดโฟลเดอร์ปลายทาง
เป็นการเช็คค่าพิกัดถ้ามีพิกัดแล้วก็ให้โปรแกรมเรียกมาใช้งาน

82. เลือกที่จัดเก็บตั้งชื่อ
เป็นการเลือกแบรนด์ที่จะใช้งาน

83. การทาNDVI มีการหารเราจึงต้องแปลงข้อมูลเป็นทศนิยมโดยใช้คาสั่ง Float
เป็นการนา2 ค่ามาลบกันแล้วเก็บค่าไว้ที่Num1

84. นาค่ามาบวกแล้ววแปลงเป็นทศนิยมและเก็บค่าไว้ในNum2
เป็นการนา Num1และ2มาหารกัน

85. เป็นการเซฟ
เซฟ ตั้งชื่อ.py และเปลี่ยนtpye เป็น Python

86. เปิดArc map คลิกขวาโหลดไฟล์ที่Save ไว้
แล้วenterจะไดผลดังรูป

87. Week15
สร้างกล่องเครื่องมือขึ้นมาตั้งชื่อ
คลิกขวาaddscript

88. จะได้หน้าต่างนี้ขึ้นมาแล้วกรอกข้อมูลแล้ว next
แล้วเลือกไฟล์NDVI.py แล้วopen

89. กด nextแล้วเซตค่าตามนี้แล้วfinish

90. จะได้เครื่องมือที่เราสร้างขึ้นมา
inputเลือกแบรนด์3,4 ตามลาดับoutputเลือกที่เก็บ

91. แล้วok จะได้ผลดังรูป