คลิกเพื่อเลือกเปิดรายการต่าง ๆ
| หน่วยการเรียนรู้/แผนการสอน | เอกสารคำสอน(pdf) | Powerpoint | VDOประกอบการสอน | |
|---|---|---|---|---|
| รายละเอียดรายวิชา 426-201 (มคอ.3) | มคอ. 3 | |||
| ติดตั้งโปรแกรม Sublime text3 | XAMPP | Dreamweaver CS6 | ||||
| แก้ปัญหา XAMPP | Apache ไม่ทำงาน | MySQL ไม่ทำงาน | เชื่อมต่อ phpMyAdmin ไม่ได้ | ||||
| ติดตั้ง Package Control ให้ Sublime v.3 | ดาวน์โหลด package | วิธีติดตั้ง | | ||||
| หน่วยการเรียนที่ 1 เทคโนโลยีภูมิสารสนเทศบนเครือข่ายอินเทอร์เน็ต | เอกสารคำสอน | PPT | ||
| นิยามและขอบข่ายรายวิชา | ||||
| เทคโนโลยีสำหรับการทำแผนที่ออนไลน์ | ||||
| Client/Server สำหรับระบบภูมิสารสนเทศ | ||||
| Distributed Systems สำหรับระบบภูมิสารสนเทศ | ||||
| คุณลักษณะฟังก์ชันพื้นฐานในระบบภูมิสารสนเทศบนเว็บ | ||||
| หน่วยการเรียนที่ 2 การออกแบบโปรแกรมบนเว็บ | เอกสารคำสอน | PPT | ||
| ER-Model และสถาปัตยกรรมฐานข้อมูล | ||||
| สถาปัตยกรรมระบบสำหรับการพัฒนาระบบภูมิสารสนเทศบนเว็บ | ||||
| WebGIS Portal | ||||
| หน่วยการเรียนที่ 3 เครื่องมือในการพัฒนาเว็บ (Web development tool) | เอกสารคำสอน | PPT | ||
| HTML : Hyper Text Markup Language | ||||
| ตาราง | รูปภาพ | การเชื่อมโยง Link | iframe กรอบย่อย | From | Div | เลือกสี | ||||
| Video | เสียง/Audio | Get พิกัดภูมิศาสตร์ | Drag/Drop ลาก/วาง | ชื่อค่าสี | | ||||
| U/ขีดเส้นใต้ | ul | li | sup/ตัวยก | ลำดับที่/ol | H1 to h6 | ||||
| CSS : Cascading Style Sheets | ||||
| รูปแบบ Syntax | ตาราง | สลับสีระหว่างแถว | สีเงาตัวอักษร | Padding | Margins | ||||
| Login | Layout | Buttons | Modal/ปุ่มหมายเหตุ | tooltip | ||||
| Javascript : | ||||
| รูปแบบ Syntax | Google chart | JSON PHP | ||||
| ตัวอย่าง Bootstap | Grid/คอลัมภ์ | Form | เมนู/รายการ | Pagination/แถบเลข/หน้า | Multi-markers icon |
||||
| หน่วยการเรียนที่ 4 ภาษา PHP, MySQL และ SQL ในงานฐานข้อมูล | PPT | KEY API | ||
| Login/logout | การนำเข้า | การค้นหา | การลบข้อมูล | การปรับแก้/Update | วีดิทัศน์ /VDO 3 | |||
| การเลือกค้นข้อมูลจังหวัด อำเภอ ตำบล หมู่บ้าน โค้ดประกอบ | วีดิทัศน์ /VDO 3 | |||
| ระบบ Upload ไฟล์และแสดงข้อมูลรูปภาพ โค้ด upload | แบ่งหน้าข้อมูล | วีดิทัศน์ /VDO 3 | |||
| การค้นหาข้อมูลแบบ Autocomplet | วีดิทัศน์ /VDO 3 | |||
| การสร้างกราฟแสดงข้อมูล | ข้อมูลนำเข้า Db | เชื่อมต่อฐานข้อมูล | เแสดงกราฟ | Librart 1 | | Librart 2 | |||
| codeตรวจสอบ login | ||||
| ชุดข้อมูลประกอบการฝึกปฏิบัติ : Download | ||||
| ข้อมูลการปกครอง [จังหวัด / จังหวัด (ค่าพิกัด) /อำเภอ/ตำบล/หมู่บ้าน(5 จ.ชายแดนใต้) รวม 5 แฟ้ม] | ||||
| แหล่งเรียนรู้เพิ่มเติม (mysqli) | ||||
| หน่วยการเรียนที่ 5 Google map API javascript | เอกสารคำสอน | PPT | ||
| แผนที่พื้นฐาน Google map | Style Map | แทรกแผนที่รูปภาพ | | วีดิทัศน์ /VDO | |||
| แผนที่พื้นฐาน KML Layer | load KML Map | | KML one Map | ||||
| แผนที่พื้นฐาน Info windows | Circle Map | Marker labels | Multi-markers icon | ||||
| หน่วยการเรียนที่ 6 การพัฒนาสารสนเทศภูมิศาสตร์บนอินเทอร์เน็ต | เอกสารคำสอน | |||
| การสกัดค่าพิกัดภูมิศาสตร์บน google map ลงฐานข้อมูล | เรียกค่าพิกัดGooglemap | บันทึกลงฐานข้อมูล | JQuery | วีดิทัศน์ /VDO | |||
| การเชื่อมโยงและแสดงข้อมูลบนแผนที่ google map | เชื่อมโยงฐานข้อมูล | แสดงข้อมูลบนแผนที่ | วีดิทัศน์ /VDO | |||
| Select option/แสดงแผนที่ | แผนที่หลัก | library | Connect Db | ||||
| Select/แผนที่เส้นทาง | แผนที่เส้นทางการเดินทาง | | ||||
| การส่งออกสารสนเทศแผ่นระวางแผนที่ (Layout) | วีดิทัศน์ /VDO | |||
| ตัวอย่าง Project Internet GIS | กรมโยธาธิการผังเมือง | กรมศิลปากร | กรมทรัพยากรทะเลและชายฝั่ง | แปลงที่ดิน:กรมที่ดิน | พื้นที่ชลประทาน | กรมทรัพยากรน้ำ | Agri-Map | คณะกรรมการภูมิสารสนเทศแห่งชาติ |
||||
| Download Landsat data | USGS Exploer | Libra.org | ESA’s Sentinel Satellite data |
VDO USGS | |||