การสร้างภาพ 360 องศาเข้า Google Street View ด้วย Android device

จากคราวที่แล้วนำเสนอเรื่อง การรับชมภาพสถานที่และเส้นทางในมอ. ผ่าน Google Street View ไปแล้วนะคับ วันนี้เลยอยากนำเสนอวิธีการสร้างภาพ 360 องศา ด้วยมือถือแอนดรอยด์ แล้วอัพเข้า Google Street View ใน Google Maps กันแบบง่ายๆ นะคับ **ทำไม่ยาก แต่ต้องอาศัยความเนียนในการเล็กภาพเพื่อให้เชื่อมต่อกันสนิท ขั้นตอนการทำ ติดตั้งแอพ Google Street View จาก Play Store 2. เมื่อติดตั้งเสร็จแล้วก็เปิดแอพขึ้นมา ไปที่เมนู Explore > คลิกปุ่มวงกลมสีเหลือง (ตามรูป) 3. คลิกเลือก Camera เพื่อจะถ่ายรูป 360 องศา 4. แอพจะเตือนให้เราเปิด Location หรือ GPS เพื่อให้ Google ทราบตำแหน่งพิกัดที่เราอยู่ ณ ปัจจุบันที่จะถ่ายภาพ 5. เริ่มทำการถ่ายภาพ โดยจะมีลูกศรสามเหลี่ยมชี้นำทิศทางในการปรับมุมกล้องในการถ่ายแต่ละจุด 6. เลื่อนให้จุดวงกลมสีเหลือง เข้ามาซ้อนทับในวงกลมสีขาว แบบพอดีตรงกลาง เพื่อให้ได้ภาพรอยต่อที่เชื่อมต่อกันในแต่ละภาพ 6. เมื่อวงกลมทั้งสองอันมาซ้อนทับกันให้รอนิ่งๆสักครู่ อย่าเพิ่งขยับมือถือ **ระบบทำการประมวลภาพเก็บไว้ 7. ทำตามขั้นตอนที่ 6 ไปเรื่อยๆจนครบทุกมุม ***จะมีปรากฎลูกศรสามเหลี่ยมชี้นำทิศทางเหมือนในขั้นตอนที่ 5 จากนั้นคลิกปุ่มวงกลมสีเขียวที่มีเครื่องหมายถูก เพื่อสิ้นสุดการถ่ายภาพ 8. เมื่อระบบประมวลภาพเสร็จแล้วจะถูกนำเก็บไว้ใน gallery ของเรา > คลิกที่รูป แล้ว คลิก SELECT 9. คลิกที่รูป หรือ Add a place เพื่อเริ่มการอัพเข้า Google Street View 10. เราสามารถทำเบลอภาพ ณ จุดที่เราไม่ต้องการให้เผยแพร่ อาทิเช่น ผู้คน(เรื่องสิทธิส่วนบุคคล) ภาพอุจาดตา ฯลฯ โดยการลากกรอบสี่เหลี่ยมคลอบคลุมบริเวณจุดนั้นๆ จากนั้นคลิกเครื่องหมายถูก เพื่อเสร็จสิ้นการเบลอภาพ   11. คลิก Publish to Google Maps เพื่อทำการเผยแพร่ภาพบน Google Maps ในส่วนของ Google Street View 12. คลิก Publish เพื่อยืนยันการอัพภาพเข้า Google Maps 13. เปิด Browser > เข้า http://google.com/maps เพื่อดูภาพที่ได้ทำการอัพสำเร็จ   หวังว่าจะเป็นประโยชน์สำหรับใครหลายๆคนที่อยากลองทำภาพอัพเข้า Google Street View ดูบ้างนะคับ และที่สำคัญ….. ช่วยๆกันอัพภาพบริเวณ ม.อ. ของเราให้เต็มพื้นที่ใน Google Maps เลยนะคับ ^______^ *** หากคิดว่ารูปถ่ายหรือรูปภาพที่ตัวเองทำยังสวยไม่พอ ก็อย่าเพิ่ง Publish เลยนะคับ เพื่อที่ว่าประชากรโลกหรือชาวโลกจะได้รับชมเฉพาะภาพสวยๆ ของมหาวิทยาลัยสงขลานครินทร์ของเรา ^^

Read More »

การรับชมภาพสถานที่และเส้นทางในมอ. ผ่าน Google Street View

ภาพจากข่าวฯ เว็บมอ. จากข่าวล่าสุดของมหาวิทยาลัยสงขลานครินทร์ “เริ่มบางส่วนแล้ว….มอง ม.อ.ผ่าน Google Street View” ผ่านทางเว็บไซต์ของมหาวิทยาลัย http://www.psu.ac.th/th/node/7448 เมื่อวันที่ 16 มิถุนายน 2559 ด้วยความร่วมมือกับมอ.และ Google ในการนำเทคโนโลยีการถ่ายภาพแบบ 360 องศา เสมือนเรายืนอยู่ ณ จุดนั้นๆ แล้วสามารถมองได้แบบรอบทิศทาง มาถ่ายภาพสถานที่และเส้นทางในมอ.ของเรา โดยได้เริ่มถ่ายทำในวิทยาเขตหาดใหญ่เป็นวิทยาเขตแรก และจะดำเนินการในวิทยาเขตอื่นๆ ต่อไป คราวนี้เรามาดูกันดีกว่าว่า จะวิวหรือชมกันอย่างไร สำหรับใครที่ไม่ทราบวิธีการดูภาพผ่าน Google Street View นะคับ ขั้นตอนการรับชม 1. เปิด Google Maps 2. เลือกบริเวณพื้นที่มหาวิทยาลัยสงขลานครินทร์ วิทยาเขตหาดใหญ่ **หากไม่ทราบว่าอยู่ตรงไหน ก็ใช้ search หาสถานที่ได้คับ 3. คลิกตรงไอคอนตุ๊กตารูปคนสีเหลือง บริเวณมุมด้านขวาของหน้าจอ (ตามภาพ) 4. แผนที่จะแสดงสัญลักษณ์ภาพใน 3 รูปแบบ คือ Street View , ภาพ 360 องศา และดูภายใน 5. ในแผนที่จะแสดงสัญลักษณ์ไว้ เราสามารถคลิกที่จุดวงกลมสีฟ้า เพื่อดูสถานที่ในจุดนั้นๆ แล้ว drag mouse หมุนชมภาพ 6. หรือเลือกเข้าชมภาพได้โดยคลิกที่ภาพ gallery ที่แถบภาพด้านล่างของหน้าจอ **เมื่อคลิกที่รูป จะแสดงเส้นวิ่งไปยังจุดสถานที่นั้นๆ 7. ก่อนหน้านี้ทางศูนย์ GIS มอ. ได้ถ่ายภาพมุมสูงจาก Drone แล้วจัดทำเป็นภาพมุมสูง 360 องศาเผยแพร่ผ่าน Google Street View ไว้แล้ว   หวังว่า… หลายๆ ท่านจะสนุกและมีความสุขกับการเข้าชมภาพ 360 องศา ภายในบริเวณรั้วมอ.ของเรานะคับ ^^ หากไม่ต้องการแค่รับชมอย่างเดียว ก็ลองสร้างเองดีไม๊คับ??? คลิกเลย >> การสร้างภาพ 360 องศาเข้า Google Street View ด้วย Android device   =============================================== สถานวิจัยสารสนเทศภูมิศาสตร์ ทรัพยากรธรรมชาติและสิ่งแวดล้อม ศูนย์ภูมิภาคเทคโนโลยีอวกาศและภูมิสารสนเทศ ภาคใต้ คณะการจัดการสิ่งแวดล้อม มหาวิทยาลัยสงขลานครินทร์ เว็บไซต์ http://www.rsgis.psu.ac.th แฟนเพจ https://www.facebook.com/southgist.thailand

Read More »

ทำอย่างไรให้สามารถกำหนดจุดพิกัดบนแผนที่ Google map แบบจุดเดียวและหลายจุดจากฐานข้อมูลได้ด้วย ASP.NET C# (ภาคต่อ)

             จากบทความที่แล้ว ผู้เขียนได้เขียนไว้เกี่ยวกับเรื่องวิธีการกำหนดจุดพิกัดบนแผนที่กันไปบ้างแล้ว ในหัวข้อ “ทำอย่างไรให้สามารถกำหนดจุดพิกัดบนแผนที่ Google map แบบจุดเดียวและหลายจุดจากฐานข้อมูลได้ด้วย ASP.NET C#” สำหรับในบทความนี้ผู้เขียนจึงขอพูดถึงในส่วนของการดึงค่าละติจูด ลองจิจูดของสถานที่ ซึ่งนับว่าเป็นส่วนประกอบสำคัญในการแสดงผลพิกัดบนแผนที่ ซึ่งเดิมทีแล้วนั้น ผู้ใช้อาจต้องค้นหาข้อมูลพิกัดดังกล่าวจาก Google map เองและนำพิกัดดังกล่าวมากรอกลงฐานข้อมูลหรือมาระบุเพื่อการแสดงพิกัดนั้นๆในการเขียนโปรแกรม คงเป็นการดี หากการแสดงผลพิกัดจากฐานข้อมูลนั้น จะมีตัวช่วยอำนวยความสะดวกให้กับผู้ใช้ในการดึงค่าละติจูด และลองจิจูดโดยการกรอกข้อมูลชื่อสถานที่ลงไปเพื่อใช้ในการค้นหา ซึ่งน่าจะเป็นประโยชน์และทำให้ผู้ใช้สามารถใช้งานได้ง่ายขึ้นในการนำพิกัดเหล่านั้นไประบุบนแผนที่นั่นเอง              โดยการดึงค่าพิกัดละติจูด-ลองจิจูดของสถานที่ สามารถทำได้หลายวิธี ขึ้นอยู่กับการนำไปประยุกต์ใช้ ซึ่งในบทความนี้ผู้เขียนขอแนะนำ 2 วิธี ดังนี้ การเรียกใช้เซอร์วิสของ Google Geocoding API  โดยการส่งพารามิเตอร์เป็นที่อยู่ของสถานที่ดังกล่าว ฝั่ง C# private void getLatAndLong() { try { ////เป็นการกำหนด url ที่จะใช้ในการเรียกเซอร์วิสของ Google Geocoding API โดยมีการส่งค่าพารามิเตอร์เป็นข้อมูลที่อยู่ string url = “http://maps.google.com/maps/api/geocode/xml?address=” + txtLocation.Text + “&sensor=false”; WebRequest request = WebRequest.Create(url); using (WebResponse response = (HttpWebResponse)request.GetResponse()) { ////ผลลัพธ์จะอยู่ในรูปแบบของ XML หรือ JSON และจะถูกอ่านให้อยู่ในรูปแบบ Dataset โดยใช้ StreamReader using (StreamReader reader = new StreamReader(response.GetResponseStream(), Encoding.UTF8)) { DataSet dsResult = new DataSet(); dsResult.ReadXml(reader); ////จัดทำโครงสร้างตาราง(datatable) ที่จะใช้ในการแสดงผลใน Gridview DataTable dtCoordinates = new DataTable(); dtCoordinates.Columns.AddRange(new DataColumn[4] { new DataColumn(“Id”, typeof(int)), new DataColumn(“Address”, typeof(string)), new DataColumn(“Latitude”,typeof(string)), new DataColumn(“Longitude”,typeof(string)) }); ////ดึงค่าผลลัพธ์จากตารางต่างๆ เพื่อนำค่าที่จำเป็นมาแสดงผลตามต้องการ foreach (DataRow row in dsResult.Tables[“result”].Rows) { string geometry_id = dsResult.Tables[“geometry”].Select(“result_id = ” + row[“result_id”].ToString())[0][“geometry_id”].ToString(); DataRow location = dsResult.Tables[“location”].Select(“geometry_id = ” + geometry_id)[0]; dtCoordinates.Rows.Add(row[“result_id”], row[“formatted_address”], location[“lat”], location[“lng”]); } ////แสดงผลข้อมูลของค่าที่ดึงมาได้ใน Gridview (ถ้ามี) if (dtCoordinates.Rows.Count > 0) { gvLatLong.DataSource = dtCoordinates; gvLatLong.DataBind(); } else { gvLatLong.DataSource = null; gvLatLong.DataBind(); ScriptManager.RegisterStartupScript(Page, Page.GetType(), “alert”, “alert(‘Can not find Latitude and Longitude!’); “, true); } } } } catch (Exception ex) { ScriptManager.RegisterStartupScript(Page, Page.GetType(), “alert”, “alert(‘Can not find Latitude and Longitude!’); “, true); gvLatLong.DataSource = null; gvLatLong.DataBind(); } } protected void btnSearch_Click(object sender, EventArgs

Read More »

Google Classroom Manager

มีคำถามว่า เราจะสามารถทราบได้หรือไม่ว่ามี Google Classroom อะไรบ้างในโดเมนของเรา  อาจารย์แต่ละคนสร้างกี่ Class และแต่ละ Class นั้นมีจำนวนกี่คน ผมจึงได้ศึกษา Google Classroom API และพัฒนาต่อยอดด้วย Google Apps Script สำหรับใช้งานจาก Google Sheets ดังมีวิธีการติดตั้งและใช้ดังนี้ Credit:  Classroom API : Google Apps Script Quickstart https://developers.google.com/classroom/quickstart/apps-script (่ใช้แบบนี้ไปพลางๆก่อน เดี๋ยวจะทำเป็น Google Sheets Add-On เร็วๆนี้) วิธีการใช้ติดตั้ง เปิดวิธีการติดตั้งและใช้งานที่ http://sysadmin.psu.ac.th/?p=5978 Login เป็น Super Admin ใน GAFE ของท่าน สร้าง Google Sheets ใหม่ขึ้นมา ตั้งชื่อตามต้องการ เปิดเมนู Tools > Script Editor นำ Source Code มาใส่ จาก https://github.com/nagarindkx/GAS/blob/master/gcrmanager.gs Save ไฟล์ ตั้งชื่อ Project คลิกเมนู Resources > Advanced Google Services เปิด (On) Google Classroom API คลิก Google Development Console แล้วค้นหา classroom คลิก Google Classroom API คลิก Enable แล้วปิด Tab นี้ คลิก OK แล้วปิดไฟล์ เปิดไฟล์นี้ ขึ้นมาอีกครั้ง วิธีการใช้งาน คลิกเมนู GCR Manager > List All Courses เพื่อแสดง รายการ Google Classroom ทั้งหมดที่มีในโดเมน หน้าต่าง Authorization Required คลิก Continue หน้าต่าง Request for Permission คลิก Allow เมื่อต้องการดูว่า อาจารย์แต่ละท่าน สอนวิชาอะไรบ้าง ให้เลือก email address ในคอลัมน์ course.ownerID (เลือกหลายคนได้) แล้ว คลิก GCR Manager > List by Selected Teacher จะสร้าง Sheet ใหม่ มีชื่อตาม email address ของอาจารย์แต่ละท่าน วิธีการดูว่า นักเรียนแต่ละคน เรียนวิชาอะไรบ้าง ให้สร้าง Sheet ใหม่ แล้วใส่ email address ของนักเรียนที่ต้องการดูข้อมูล แล้ว เลือกข้อมูลเหล่านั้น แล้ว คลิก GCR Manager > List by Selected Student จะสร้าง Sheet ใหม่ มีชื่อตาม email address ของนักเรียนแต่ละคน

Read More »

การตั้งค่า Redirect PSU Email ไปยัง PSU GAFE

เมื่อมีอีเมลฉบับใหม่เข้ามาที่ @psu.ac.th แล้วต้องการให้ส่งต่อไปยัง PSU GAFE ผู้ใช้จะต้องตั้งค่าดังต่อไปนี้ คำเตือน: ควรตั้งกฏเพื่อกรองจดหมายที่ควรจะเป็นความลับของทางราชการไทย ไม่ให้ส่งออกไปภายนอกก่อนจะดำเนินการต่อไป ขั้นตอนต่อไปจากนี้เป็นความรับผิดชอบของเจ้าของบัญชีนั้นๆ หากเกิดความเสียหายใดๆต่อทางราชการ เจ้าของบัญชีจะต้องรับผิดชอบแต่เพียงผู้เดียว ขั้นตอนการตั้งค่า Redirect Email 1) Login เข้าใช้งาน https://webmail.psu.ac.th 2) คลิก “Filters” 3) คลิก “Add a new Rule” 4) คลิก “Header” แล้วเลือก “All” 5) คลิก “Redirect” 6) ใส่ Email Address ของท่าน แต่ให้ลงท้ายด้วย @g.psu.ac.th แทน @psu.ac.th 7) หากต้องการให้เก็บอีเมลไว้ที่ PSU Email ด้วย ให้คลิก Keep a local copy as well 8) คลิก “Add New Rule”

Read More »