Capture Javascript & Python

Script week 12 Javascript
ประกาศค่าตัวแปร script แล้วใส่ tag comment เผื่อเว็บบราวเซอร์เก่าไม่รองรับจาวา
ถ้าจะเขียน สวัสดีชาวจีไอทุกท่าน ใส่ -> document.write("สวัสดีชาว GI ทุกท่าน");

เมื่อเซฟแล้ว เปิดในบราวเซอร์ จะได้หน้าต่างแสดงข้อความที่กาหนดไว้

ถ้าจะแสดงวันเวลา
แล้วกด Ctrl S ไปที่เว็บกด F5
เป็นการบอกว่าบทความนี้อัพเดตล่าสุดตอนไหน

กด Ctrl n
ใส่ <script language = "Javascript">
</script>

ต่อมาเรื่อง Message box
แสดงในwindow <!--
window.alert("หิวข้าวแล้วนะคะ!!!");
//->
เป็นการแจ้งคาเตือน หน้าต่างแสดงผลให้กดปุ่ม Okเท่านั้น

กดเซฟ
ใส่ fonts ที่รองรับภาษาไทย <meta charset = "TIS-620">

ต่อมาการยืนยัน ถามย้า ใช้ method -> confirm
window.confirm("คุณหิวข้าวแล้วหรือยัง?");

มี 2 ตัวเลือกให้ตอบ คือ Ok & Cancle
ต่อมา Method -> prompt คือ การสร้าง text box ให้ผู้ใช้กรอกข้อมูล
window.prompt("คุณต้องการกินอะไร");

กดเซฟ ไปที่เวปกด f5
ใส่ function

แล้วตัดก้อปสคริปไปวาง การสร้างฟังก์ชันtest
เขียนฟังในสคริป
กดเซฟ

Script week 3 HTML+Javascript โครงสร้างของ Javascript
เปิด Edit+ แล้วกด Ctrl n -> ถาม age โดยจาวา

ใส่ tag comment -> ต่อมาส่วน body สร้าง text และ ปุ่ม(button) มี form ในการส่ง -> form ชื่อ test
ใส่ post ในการส่ง
บอกแอกชั่น เพื่อบอกการกระทา แต่ถ้าจะเด้งขึ้นแสดงผลอีกเพจนึง ใช้ output.php

แต่ถ้าเด้งหน้าต่างในเพจเดิม ใช้ alert
วิธีทากล่องข้อความให้กรอก
<input type = "text" name = "age"size = "3">
กล่องชื่อage ความกว้าง 3
การสร้างปุ่ม button
<button name = "submit" onclick = ""></button>
ใช้ onclick ในการส่ง

ตั้งชื่อปุ่ม ว่า Send data

ต่อจาวา เอาตัวเลขเข้าสู่กระบวนการ if else
โดยการใส่ function เพื่อเทียบอายุ ทาการใน tag comment
.value คือการนาค่าตัวเลขที่อยู่ในกล่องมาใส่

มากกว่า 50 ให้บอกว่า แก่

ใส่เพื่อให้เด้งหน้าต่างเตือนให้กดตกลง
กลับมาในส่วนของ onclick

วิธีการกัน error จากการที่กดส่งแต่ยังไม่ได้กรอก
if(test.age.value == '')
{
alert("Please insert Your age");
}
else if

เรื่องต่อไป กรอกคะแนน กดส่งข้อมูล ว่าได้เกรดไร
ประกาศตัวแปร ให้กรอกค่าคะแนน
var score = prompt("Please insertyour score");
แล้วกรอกคะแนน ไปเก็บที่ var score ตัวแปร score เก็บค่าคะแนน
ทาเงื่อนไข

ลบทิ้งเหลือแค่นี้

Script week 4 Javascript Google map API
การดึง google map มาใส่ใน Java Script
google map javascript api

yes -> create and enable api
AIzaSyDpGLIuBpoF4Kf0rwYxnIHRx6_jN2I0JZo

untitle1 ไว้เก็บโค้ด เปิดหน้าต่างใหม่ขึ้นมา

นา key ของเรา มาวางแทนในบรรทัดที่ 32 หลัง =
save

ถ้าจะทาให้มีช่องกดค้นหา
เราจะทาใส่บรรทัดที่ 27

เปลี่ยนพิกัด กดเซฟ ไปหน้าเวบ กดรีเฟรช
ซูมไปที่มหาวิทยาลัยบูรพา

พิมพ์เพิ่มเติม lat: 13.277643,lng: 100.925731
กดเซฟ มาที่หน้าเว็บ

ยังไม่ได้ผลจริง ต้องแก้ไขตรง zoom เพิ่มเลขให้มากขึ้น เพื่อซูม

กดเซฟ ไปหน้าเวบ ก็จะย้ายตาแหน่งเพราะเราซูมไว้
ย้ายตาแหน่งโฟกัสที่ center
ซูมเข้า-ออก โฟกัสที่ zoom

วิธีการดูเวอร์ชันว่าเป็น html5 หรือไม่ดูที่ <!DOCTYPE html>
บรรทัดนี้คือ การรองรับภาษาอังกฤษ

style หรือ CSS คือการจัดรูปแบบหน้าเว็บที่เราทา
คือภาพแผนที่เต็มเฟรมหน้าจอ

ลองตั้งแค่50% กดเซฟ ไปหน้าเวบ

style ไปอยุ่แค่หัวเพราะเราทาใน head
padding คือการเว้นวรรคด้านหน้า
margin คือกรอบ

กลับมาโค้ดเดิม
ในส่วน body ตรง <div id="map"></div> ลองลบทิ้ง

จะมีภาพหรือไม่ขึ้นอยู่กับโค้ดนี้ด้วย กด ctrlz คืนค่า
ถ้าต้องการแสดงอะไรก็ได้บนเว็บไซต์จึงต้องใส่ <div id="map"></div>
อยากประกาศตัวแปลในจาวา ต้องประกาศ var

อันนี้คือค่าเริ่มต้นของแผนที่
คือการสร้างใหม่

สร้างอันนี้ขึ้นมา
ตัวแปรชื่อ map สร้าง google.maps.Map(document.getElementById('map'), { ขึ้นมาใหม่
สร้างโดยใช้ (document.getElementById('map') ID คือ map

ตัวแปรที่เชื่อมกัน เปลี่ยนตัวแปรทั้งหมด 5 จุด

ถ้าเป็นแบบนี้คือโค้ดผิด ต้องลบออกก่อน
แต่ถ้าerror หน้าจอขาว
หน้าจอขาวคือโค้ดผิด ขึ้นอ้ะ คือคีย์ผิด

Script week 5 Google map API Drawing on the map and KML
Key => AIzaSyDpGLIuBpoF4Kf0rwYxnIHRx6_jN2I0JZo
เปิดเข้าเวบ Google Map JavaScript API

Copy code ในเวบมาวาง แล้วเอา key ของเราเปลี่ยนในบรรทัดที่ 32

แผนที่นี่อยู่ออสเตรเลีย แต่จะเปลี่ยนมาจังหวัดชลบุรีให้เปลี่ยนตรง center ใส่ค่าพิกัดลงไป
กดเซฟ

เข้าไปยังที่เก็บงาน แล้ว เปิดงานขึ้นมา
ถ้าจะไปจังหวัดชลบุรี ให้ไปที่ซูม

Ctrl s แล้วไปหน้าเวบ กด refresh
ลบบรรทัดนี่ออก

ไปใส่ var ในบรรทัดนี้
กดเซฟเปิดงาน แบบนี้คือการลดตัวแปร
ดังนั้น Var map = newgoogle.maps.Map => ได้แผนที่ => ใช้ center บอกตาแหน่ง

Var marker1 = newgoogle.maps.Marker => ได้หมุด => ใช้ position บอกตาแหน่ง
ประกาศค่าตัวแปร var marker1 = new google.maps.Marker({})

เป็นการบอกว่าหมุดนี้แสดงอยู่บน map
ต่อไปการแสดงป้ายชื่อ ใช้ title
อย่าลืมใส่ ; ปิดด้านหลัง

ctrls เปิดงานในเวบ
เพิ่มอีก 1 หมุดที่วัดแสนสุข

Copy code มาวางต่อ เปลี่ยนเป็น marker2 => เปลี่ยนพิกัด lat: 13.296552, lng: 100.913317 =>
เปลี่ยนชื่อ title Ctrl s เปิดงาน

ต่อไปเปลี่ยนรูปสัญหมุด สร้างหน้าใหม่ copy code มาวางอีกหน้า
หรือก็อปโค้ดในเฟสกลุ่มมาวาง

Code ยาวเกิน copycode จากงานเก่า มาวาง

ลบทิ้งแล้ววางโค้ดลง

iconbase เก็บเวบไซต์ var icons เก็บชื่อสัญฯ
'parking_lot_maps.png 'library_maps.png 'info-i_maps.png => คือชื่อเฉพาะ
คือ addMarker ข้างใน ให้ใส่ feature

ระบุว่า icon แต่ละประเภทเป็นแบบไหน
Var feature คือการเก็บสัญฯ ตาแหน่งสถานที่ในแต่ละจุด
Var feature = [{},{},{}]; คือการใช้ array ต้องมี for ต่อด้วยเสมอ

บรรทัด 63 คือการบอกให้กระทาที่ feature
save

Script Week 6 KML
เข้า google earth
ลักษณะและสี => พื้นที่

ความทึบเหลือ 50%
Digitize หอพักนานาชาติ จบโพลิกอนไม่ต้องดับเบิลคลิ้ก

Click ขวา dormitory => บันทึกสถานที่เป็น => เลือกที่เก็บงาน => เปลี่ยนนามสกุลเป็น kml => save

เปิด edit+
กด ctrl n
Copy code มาวาง

เข้าไปฝากไฟล์

ออกแบบหน้าเว็บ

กด เพิ่มไฟล์
กด open

คลิกขวาที่ดาวโหลด เลือกคัดลอกที่อยู่ลิงค์

ลบแล้วเอาที่ก้อปมาวาง

คลิ้กที่รูปจะมีข้อมูลขึ้นมาทางขวาบน

ที่ข้อมูลแผนที่ไม่เต็มจอเพราะว่าตั้งค่าไว้
float: left => ชิดไปทางซ้าย <float หมายถึง ลอย>
height: 100% => สูง
width: 79% => กว้าง => เพื่อเว้นให้แสดงข้อมูลทางด้านบนขวามือได้ เรียกว่า content window

ฟังก์ชันนี้ใช้เรียกแผนที่ ดูจาก คาว่า initMap หรือ zoom

ประกาศค่าตัวแปรเพื่อเรียกฟังก์ชันข้อมูลของ kmlLayer ที่ต้องเอาไฟล์ไปฝากในเว็บก่อน
InfoWindow คือ pop up
เซตว่า true จะมีข้อมูล content ถ้าเซตว่า false จะมีป้ายชื่อเด้งขึ้นมาด้วย

kmlLayer เก็บค่าไฟล์ Hall.kml = รูปธารง บัวศรี
.addListener จุด คือการอ้างถึง addListener คือการเพิ่มข้อมูลที่เกิดจากการคลิ้ก
function(kmlEvent) เหตุการณ์ใน kml คือเก็บค่า(ข้อมูลตัวหนังสือ) var text
var text = kmlEvent.featureData.description; featureData คือเก็บค่าธารง description คาอธิบาย
ดึงตัวหนังสือจาก featureData ที่เป็นข้อมูลตัวหนังสือของ description มาแสดงเพื่ออธิบาย
showInContentWindow(text) ที่มาของการเกิด content (ข้อมูลฝั่งขวาบน)

ฟังก์ชันตัวล่างเกิดก่อนตัวบน แถบเหลืองและบรรทัด 43สาคัญ ถ้าขาดไปข้อมูลจะไม่ขึ้น
46-49 คือการเอาข้อมูลตัวหนังสือที่ผ่านกระบวนการต่างๆออกมาแสดง โดยเขียนในกรอบน้าเงินเพิ่ม
42-49 แสดงข้อความ

Ctrl n
เรื่องที่ 2 Toggle copy code มาวาง
เวอร์ชันนี้ไม่ต้องใส่ key เพราะเป็น Ver.2 แต่ถ้า Ver.3 ต้อง copy key มาวาง
Copy link จากเว็บมาใส่ หอประชุมใส่บรรทัดที่ 30 หอพักใส่ บรรทัด 32

Click check box ก่อนถึงจะแสดงข้อมูล
Click ที่รูปจะเด้ง pop up

Var layer เท่ากับarray แล้ว เลเยอร์ อาเรย์ 0 เท่ากับ.............
Array จะเริ่มที่ค่า 0 !!!

ธารงตั้ง true กดเช็คบ้อคแล้วต้องเลื่อนหารูปเอง
หอพักตั้ง false คือ คลิ้กเช็คบ้อคแล้วแผนที่จะเลื่อนไปที่รูปอัตมัติเลย คล้ายๆกด zoom to layer
(i)คือจานวนของ layer null คือ ค่าว่าง

Body onload คือ ทั้งหมดที่อยู่ใน Body ส่งค่าไปที่ initMap
เขียน checkbox แต่ถ้าลืม onclick ก็จบ

Script week 7 Simple Polygon and Drawing tool

ใส่ #เพื่อกาหนดstyle ใส่ปีกกาเพื่อกาหนดค่าหลายอย่าง ถ้าใส่วงเล็บจะกาหนดค่าตัวแปรได้แค่อย่างเดียว
ไว้จัดเรียงรูปแบบ

กาหนดให้แผนที่อยู่ด้านซ้ายมือ
กาหนดให้แผนที่สูงเต็มทั้งหน้า

ความกว้างเต็มหน้าจอ

การแสดงออกมาในเว็บไซต์ หากไม่ใส่จะไม่แสดง
เริ่มการเรียกใช้ google map

การเก็บแผนที่จะเก็บไว้ในฟังก์ชั่น initMap()
การประกาศตัวแปร map

ใส่ค่าพิกัดจุดที่ต้องการ
ซูมระดับ 5 และใช้แผนที่แบบ terrain

ประกาศตัวแปรสามเหลี่ยมและเก็บค่าพิกัด
ประกาศตัวแปรเบอร์มิวด้า

Paths การแสดงตาแหน่งของโพลิกอน

ความหนาของเส้น
strokeOpacity
กาหนดความโปร่งของเส้นมีค่า0-1
0=ไม่แสดงเส้น1=เส้นเข้ม

ใส่สีให้กับโพลิกอน
ความโปร่งของพื้นที่

โพลิกอนจะแสดงบนแผนที่

Script week 8 Drawing
Copy code

ลบทิ้งเอาโค้ดงานเก่ามาวางแทนในบรรทัด 54-55

เลือกไอคอน แล้วก็อป URL ไปวาง

Save -> Open file
ดูบรรทัด ที่ 54 ใส่ & เพิ่มอีกตัว

พิมพ์เพิ่ม
ลักษณะเป็นห้องสมุดในการเก็บโค้ดในการวาด drawing
Ctrl s -> open file

สามารถใส่ไอคอนของตัวเองได้ เอาไฟล์ไปฝากในเว็บก่อน แล้วเอามาวาง

อยากให้ข้างในวงกลมโปร่งแสง เปลี่ยนจาก 1 เป็น 0.5
กดเซฟ เปิดงาน รีเฟรช

จิ้มรูปหมุดเพื่อใส่หมุด
Digitize

อยากแก้ไขโพลิกอน เขียนโค้ดเพิ่มลงไป
Save เปิดเวบ กดรีเฟรช เลือกวาดโพลิกอน

แก้ไขเส้น เขียนโค้ดเพิ่ม

Script week9 Python Basic
www.Python.org Ver.3.5.9
กาหนดตัวแปร เลขจานวนเต็ม ในภาษาซี ต้องใส่ชนิดตัวแปร ชื่อตัวแปร ค่าข้อมูล

แสดงว่า ฮัลโหลจีไอ
เพื่อดูชนิดของตัวแปร a

ดูชนิดของตัวแปร b
ดูชนิดของตัวแปร c

การบวกแล้วแสดงคาตอบ
ถ้าต้องการให้ตรงผลลัพธ์มีรายละเอียดการคิดเลข แสดงข้อความขั้นตอน
print('ผลลัพธ์ของ %d + %f = %f'%(a,b,sum))

ใช้โมดูล math มาคิดค่า พาย(pi)

ใช้ ** แทนยกกาลัง => หาพท.วงกลม
หาสแคว์รูท รากที่ 2 ของ 2

กาหนดค่า sin cos tan ได้
ลองทา sin

การเขียนออเดอร์สั่งของ
เปลี่ยนจากประกาศตัวแปรเปอเซ็น เป็น อาเรย์ ในกรณีจาค่าเปอร์เซ็นไม่ได้

วิธีการใช้ python in ArcMap

สร้าง buffer ขอบเขตบูรพา 300 เมตร
ก่อนเขียนคาสั่งต่างๆต้องใส่ import arcpy ก่อน

มีเครื่องมือขึ้นมาให้เลือก

อินพุทข้อมูล

เอ้าท์พุท
กาหนดระยะทาง

full
=> เริ่มทา buffer ตั้งแต่จุดศูนย์กลาง

OUTSIDE_ONLY จากขอบ

ใช้ Multiple Ring แยกทา 300 500 1000

Script week 10 Python for Arcmapif else
เปิดหน้าต่างใหม่ เพื่อสั่งหลายคาสั่งโดยไม่ต้องกด เอนเทอร์ทุกครั้ง

ใส่ค่า จะเก็บไว้ในตัวแปร age

: ใส่เพื่อให้สามารถทาบรรทัดต่อไปได้ สาคัญเป็นการเชื่อมความสัมพันธ์
Save as (Ctrl shift s)

กดรันในหน้าต่างที่เขียนโค้ด เพื่อกรอกอีกอัน

การป้อนรหัส
เปิดหน้าต่างใหม่
= มีความหมายว่าเท่ากับใช้กับตัวแปร
== มีความหมายว่าเท่ากับใช้กับตัวอักษร

error ปรับใหม่

แบบตัวเลข ใส่รหัสได้เลย
แบบตัวอักษร ต้องใส่ซิงเกิ้ลโคดตอนเขียนโค้ด แล้วมาใส่ดับเบิ้ลโคดตอนกรอกรหัส

สร้างโปรแกรมรับค่าจากคีบอด แล้วเอาตัวแปรมาคูณสองแสดงผลบนหน้าจอ
เปิดหน้าต่างใหม่
a = input('กรุณากรอกตัวเลข:') เพื่อรับค่าจากคีบอด

Error เพราะคนละเวอชั่นกับของอาจารย์

Script week 11 import layers and create layers
Open Arcmap 10.1 select pythonon menu bar

เป็นข้อมูลแบบโพลิกอน เลยใช้ MakeFeatureLayer_management
คือการสร้างชั้นข้อมูลจากข้อมูลเดิม(shapefile)ขึ้นมาใหม่
ใส่แหล่งที่จัดเก็บของข้อมูล
ตั้งชื่อใหม่ แล้วกด enter

ใส่สี => ApplySymbologyFromLayer_management
คือที่จัดเก็บส่วน lyr= layer
enter

Save
ลองทดสอบ เปลี่ยนสีเป็นสีเดียว แล้วทดสอบ
มาตรงที่เขียนโค้ด คลิ้ก เคอเซ่อให้กระพริบละกดลูกศรขึ้นแล้ว enter เปลี่ยนจาก 1 เป็น 2 แล้ว enter

http://asmc.asean.org/asmc-hotspot#Hotspot
Terra modis

Ctrl v
Click หัวฟิลด์ A

2010 < .xls
Close excel & notepad
ใส่ค่าพิกัดจากเอ็กเซล

Script Week 12 Interpolate and Automatic Download file from website

Copy ไปวางใน excel

Copy ปริมาณน้าฝนรวมในปี 54

Close Excel
นาเข้าข้อมูลจากเอกเซล

สีแดง คือ พื้นที่ ที่ฝนตกมากสุด

Script week 13 Raster for Python
แตกไฟล์ออกมา

เปลี่ยนพืชเป็นสีน้าเงิน
Close ArcMap

ดาวโหลดข้อมูลจากเว็บไซต์
Copy url from website

Script week 14 NDVI for Python and week 15 การสร้าง GUI ด้วย Python
NDVI & Graphic User Interface
Open ArcMap

เกี่ยวกับการเลือกใช้ฟังก์ชั่น arcpy
Sa อยู่ภายใต้ ฟังก์ชัน arcpy
Import * คือเอาทุกอย่างที่อยู่ใน sa & arcpy มาใช้งานทั้งหมด

ต่อไปเป็นการกาหนดว่าจะเอาโฟลเดอร์ไหนมาใช้งาน
กาหนดโฟลเดอร์ปลายทาง

evn มาจาก environment คือการกาหนดขอบเขต
เช็คระบบค่าพิกัด ว่าภาพที่เอามามีพิกัดแล้วหรือยัง ถ้ามีแล้วก็ให้ดึงมาใช้

เลือกที่จัดเก็บ

ใน LS5 ให้ใช้แค่ B3-B4 (red,NIR)
Open Band 4 & Band 3

ประกาศตัวแปรเก็บค่าใน Num1 ใช้ float เพื่อหารออกมาจะได้ไม่มีปัญหาเกี่ยวกับทศนิยม
คิดค่า NIR-RED save at Num1
คิดค่า NIR+RED save at Num2

นามาหาร โดยใช้คาสั่ง Divide

ต่อไปสั่งให้เซฟ เอาตัวแปลทั้งหมดเซฟเข้าชื่อ NDVI.TIF ที่อยู่ในตัวแปร result

ตั้งชื่อ ใส่ .py เปลี่ยน Save as type เป็น Python
กลับมาที่ arcmap

Remove ออกให้หมด
การสร้าง GUI ด้วย Python
ไปที่หน้าต่าง catalog-> Toolboxes

Clickขวาmy toolboxes ->new ->toolbox
เปลี่ยนชื่อเป็น 01_58

เปลี่ยนตรงช่องname และ label เป็น NDVI
ใส่รายละเอียดในช่องdescription

เปิดข้อมูล

แปลว่าบังคับให้ใส่
คือให้เลือก

เพราะเลือกใช้หลายข้อมูล

Delete 01 ออก
เซฟ
เปิดใหม่ ทาใหม่

Capture Javascript & Python

Recommended

Recommended

More Related Content

Similar to Capture Javascript & Python

Similar to Capture Javascript & Python (12)

More from Boo' Noypeng

More from Boo' Noypeng (20)

Capture Javascript & Python