Category: การประชุม

สอนด้วยกระดานอิเล็กทรอนิกส์ Google jamboard ผ่านทาง Google meet

Google Jamboard เป็นกระดานอิเล็กทรอนิกส์ เมื่อนำมาใช้ในการเรียนการสอนทางไกล ต้องมีโปรแกรมอื่นเข้ามาช่วย  เพื่อให้การเรียนจากบ้านบรรลุเป้าหมาย ในที่นี้ขอเสนอให้ใช้ร่วมกับ Google Meet ซึ่งอยู่ในตระกูลเดียวกัน ซึ่งมีอยู่ใน Google for education G suite อยู่แล้ว ขั้นตอนโดยสรุป เตรียมการสอนใน Jamboard -> share board ให้นักศึกษากลุ่มเป้าหมาย (ส่งทาง email ของนักศึกษาแต่ละคน) -> เปิดหน้า Jamboard ที่จะสอนค้างไว้ เปิด new tab -> เปิดห้องเรียน meet.google.com -> เชิญผู้เข้าร่วมเรียนในห้อง -> Present -> เลือก Chrome tab -> เลือกหน้า Jamboard ที่เปิดค้างไว้ นักศึกษาที่อยู่ในห้องก็จะเห็นหน้า board วิธีการนำ Jamboard  มาใส่ใน Meet […]

วิธีขอใช้กล้องและไมโครโฟนใน Google Chrome เพื่อใช้งาน Google Meet

เปิด Google Chrome เลือก Chrome->Settings 3.-4.เลือก Privacy and security-> Site Settings และกดปุ่มลูก > 5. เลือก Camera และกดปุ่ม > 6. ตรวจสอบกล้อง ว่าเป็นกล้องที่ใช่หรือไม่ 7.เลื่อนปุ่มเป็นสีน้ำเงิน ให้ระบบถามก่อนที่จะเข้าถึงกล้อง (แนะนำว่าให้ถามก่อน) 8. ยอมให้ใช้กล้องในโปรแกรม Google meet 9.กดปุ่ม > เพื่อเข้าไปดูรายละเอียด 9.กดปุ่ม > เพื่อเข้าไปดูรายละเอียด 10.ตั้งค่าไมโครโฟน ตรวจดูว่าเป็นไมโครโฟนที่เสียบใช้อยู่หรือไม่ 11. เลื่อนปุ่มเป็นสีน้ำเงิน ให้ระบบถามก่อนที่จะเข้าถึงไมโครโฟน (แนะนำว่าให้ถามก่อน) 12. ยอมให้ใช้ไมโครโฟนในโปรแกรม Google meet      

วิธีตรวจสอบ/แก้ไขกล้อง Google Meet ไม่ทำงาน

พบว่าบางคนมีปัญหาไม่สามารถใช้งานกล้องใน google meet ได้ ในขณะที่ใช้กล้องและไมโครโฟนกับโปรแกรมอื่นได้ปกติดี วิธีตรวจสอบ 1. คลิกที่ Settings ที่ด้านบนของหน้า Video call 2. ต้องแน่ใจว่า เลือกใช้อุปกรณ์ และตั้งค่าอุปกรณ์ของอุปกรณ์ถูกต้อง กล้อง : ถ้ากล้องทำงาน จะเห็น video อันเล็กอยู่ที่มุมบนด้านขวา ไมโครโฟน : ทดสอบไมโครโฟน ด้วยการทดลองพูด และถามคนอื่นดูว่าได้ยินที่คุณพูดไหม ลำโพง : ทดสอบลำโพง ด้วยการกด test จะได้ยินสัญญาณโทรศัพท์ ตรวจสอบ Hardware 1.กรณีการใช้หูฟังและไมโครโฟน แบบเสียบต่อกับเครื่องคอมพิวเตอร์ ต้องแน่ใจว่าเสียบถูกช่อง 2.กรณีกล้องและลำโพงเป็นแบบ Build in ในตัวเครื่องคอมพิวเตอร์ Google meet จะตรวจสอบ และขออนุญาตจากผู้ใช้ก่อน ผู้ใช้ต้องกด “อนุญาต” จึงจะใช้อุปกรณ์ได้ (โปรแกรมจะถามตอน กดเข้าร่วมห้อง) 3.ที่หน้าจอด้านล่างของ video call ต้องแน่ใจว่า […]

การทำ Short link ของ Google Forms

การทำลิ้งค์ Google Forms เพื่อแชร์ลิ้งค์ให้ผู้อื่นประเมินฟอร์มของเรา และเข้ามาประเมินแบบฟรอมได้ง่ายขึ้น ขั้นตอนแรกเข้ามาที่แบบฟรอมของเราที่ต้องการแชร์ลิ้งค์ คลิกที่ปุ่ม SEND มุมบนขวามือ     จะปรากฏหน้าต่าง Send form ขึ้นมา     คลิกที่ไอคอน  ทาง Google form สร้างลิ้งค์ให้เราอัตโนมัติ จากนั้นติ๊กที่ช่อง Shorten URL เพื่อย่อลิ้งค์ของเรา  

การสร้าง chart.js บน ionic 4

เข้าไปที่โฟลเดอร์ที่บันทึกไฟล์ ionic ไว้ ทำการลง chart.js

  นำโค้ดตัวอย่างไปใส่ไว้ที่หน้าที่ทำการเพิ่ม charts ไฟล์ .ts (typescripts)

ngOnInit เป็นการสั่งให้ทำงาน function ก่อนทำการโหลด page

  จากนั้นกลับไปยังหน้าไฟล์ .html เพื่อเรียกใช้ฟังชั่นก์ charts เรียกเป็นในรูปแบบอ้างอิง id

  ทำการ save เพื่อ compile code

การSet ค่าใน Report ตามที่เราต้องการ Devexpress XtraReport

. ให้เราสร้าง XtraReport  และจัดให้เรียบร้อย 2. ให้เราทำการตั้งชื่อ ตัวแปลของเรา 3. จากนั้นเราไปที่ Code Behide ของ XtraReport   โดยในตอนแรก ตัวแปลของเรายังเป็น Private ให้เราปรับเป็น Public 4. เป็นขั้นตอนของการ Set ตัวแปลลง คือ  ให้เรา new Obj ของหน้า Report  เราจึงจะเห็นตัวแปลใน Class นั้น และเราสามารถเอาไปเทียบตัวแปลได้ดังในรูป

แนะนำ Plugin WordPress รับมือ Error 404 หรือการเปลี่ยนแปลง URL

เป็นปกติเมื่อเปิดเว็บไซต์ (WordPress) มาระยะเวลาหนึ่ง มักจะมีการเปลี่ยนแปลง URL ของ Post, Page หรือแม้แต่ไฟล์ Media ต่าง ๆ เสมอ เช่น เปลี่ยนจากเดิม URL ของ Post จาก /some-title เป็น /some-new-title จากไฟล์รูปภาพเดิมที่เคยมีถูกลบ หรือเปลี่ยนเป็นไฟล์รูปภาพใหม่ (URL รูปภาพเปลี่ยน) URL เว็บไซต์ถูกเปลี่ยน เช่นจาก abc.com/2019 เป็น abc.com เฉย ๆ ทั้งหมดนี้ เมื่อมีการเปลี่ยนแปลง URL ผลที่ตามมาคือ ถ้ายังมีการนำ URL เก่าไปใช้ในเว็บไซต์อื่น เวลาคลิกเข้าที่ URL เก่าก็จะไม่พบหน้าที่ต้องการหา หรือ Error 404 (not found) นอกจากนั้นจะส่งผลเสียต่อ SEO อีกด้วย (Google มองว่าเป็น Dead […]

HTML 5 canvas คืออะไร

HTML5 Canvas เป็นหนึ่งใน feature ที่มีคุณสมบัติทางด้านกราฟฟิคที่มาพร้อมกับ HTML5 ซึ่ง Canvas element นี่แหละมันอาจจะเป็นพระเอกของ HTML5 เพราะเจ้ากราฟฟิกตัวนี้ มันสามารถทำให้คุณสามารถสร้างระบบต่างๆ ที่คุณต้องการขึ้นมา ไม่ว่าจะเป็นระบบเกมส์ หรือโปรแกรมวาดภาพบนเว็บ ที่รองรับทุก platform Canvas เป็น Element หนึ่งใน HTML5 เหมือนอย่าง <img> หรือ <a> โดยใน <img> หรือ <a> จะมี attributes เช่น src และ href แต่ใน <canvas> จะมีเพียงแค่ 2 attributes คือ width และ height (ความกว้างและความสูงของ Canvas) เท่านั้น ข้อดีของ แท็ก Canvas    ช่วยเปลี่ยนลูกเล่นการแสดงผลของเว็บเพจไปอีกมากเดิมที HTML เป็นการวาดออบเจคต์ (เช่น ข้อความ รูป กล่องข้อความ ฯลฯ) ขึ้นมาเป็นหน้าจอ และสามารถตกแต่งออบเจคต์แต่ละตัวได้ในระดับหนึ่งผ่าน CSS (เช่น ใส่สีพื้น วาดเส้นขอบ ทำมุมโค้ง) แต่ในภาพรวม HTML ยังไม่สามารถแสดงกราฟิกแบบราสเตอร์ (raster) […]

การสร้าง Project MVC .Net Core บน Visual Studio Code

ต้องมี 3 อย่างนี้ก่อน Visual Studio Code .NET Core SDK 2.2 or later C# for Visual Studio Code version 1.17.1 or later 1.ไปยัง Terminal และเลือก New Terminal 2. ขั้นแรกพาทไปยังโฟรเดอร์ที่ต้องการเก็บ และใช้คำสั่งในการสร้างคือ dotnet new mvc -o (ตามด้วยชื่อที่ต้องการ) 3. เมื่อสร้างเสร็จจะได้ ดั้งภาพ 4. ทำการ Open Folder Project ที่สร้างขึ้นมาก่อน และวิธีการ Run คือ F5 หรือ ctrl+F5 และเลือก Run .Net Core 6. เมื่อรันจะได้ผลตามภาพ