Author: chatchai

วิธีการเข้าใช้งาน Azure Dev Tools for Teaching

Azure Dev Tools for Teaching คือชุดเครื่องมือการเรียนการสอนของ Microsoft เพื่อให้นักเรียนนักศึกษาได้ใช้ซอฟต์แวร์และเครื่องมือพัฒนาต่างๆ โดยไม่เสียค่าใช้จ่าย ลงชื่อเข้าใช้งานคลิกที่ลิ้งค์  >>>  azureforeducation.microsoft.com   คลิกที่ปุ่ม Sign In สีฟ้าเท่านั้น*   ลงชื่อเข้าใช้ด้วยชื่อผู้ใช้และรหัสผ่านของ o365   เมื่อลงชื่อเข้าใช้ครั้งแรก  I agree to the subscription agreement, offer details, Azure Dev Tools for Teaching agreement and privacy statement และคลิกที่ Accept terms   เมื่อเช้าสู่ระบบสำเร็จ เว็บไซต์จะนำไปยังหน้า Education   ที่หน้า Education โดยผู้ใช้สามารถดาว์นโหลดตัวโปรแกรมต่างๆมากมาย เช่น Visual Studio Enterprise Windows Server Windows […]

วิธีการใช้งาน Office 365

  ลงชื่อเข้าใช้งาน URL >>> https://login.microsoftonline.com นักศึกษา : สามารถตรวจสอบ E-mail การใช้งาน ผ่าน Application RMUTP Study life หรือ เว็บไซต์ระบบทะเบียน วิธีตรวจสอบ Email จาก Studylife >>> https://play.google.com วิธีตรวจสอบ Email จากระบบทะเบียน >>>  o365.rmutp.ac.th     บุคลากร  : สามารถเข้าใช้งานได้โดยใช้ Username ของ RMUTP Passport ตามด้วย @o365.rmutp.ac.th ตัวอย่าง chatchai.t@o365.rmutp.ac.th     เมื่อทำการลงชื่อเข้าใช้สำเร็จ จะเข้ามาที่หน้านี้    ขั้นตอนการติดตั้ง office 365 ลงบนเครื่องคอมพิวเตอร์   คลิกเปิดไฟล์ที่ดาว์นโหลดมาเพื่อติดตั้ง   เมื่อโปรแกรมติดตั้งทำงานรอจนไฟล์ติดตั้งทำงานจนเสร็จสมบูรณ์

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

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

Elementor ปลั๊กอิน WordPress ที่ช่วยจัดการแสดงผลหน้าเว็บไซต์

ปลั๊กอินที่จะช่วยในการจัดการของหน้าเว็บไซต์ของเราในส่วนของ content เพื่อที่จะช่วยลดระยะเวลาในการเขียนโค้ด   เริ่มต้นการใช้งาน ขั้นตอนแรกกดเพิ่มหน้าใหม่ Add New   คลิกที่ Edit with Elementor เพื่อเรียกใช้ตัว Elementor   หน้าต่างการใช้งานของ Elementor   ข้อดี ตัว Elementor มีเครื่องมือให้เลือกใช้มากมายไม่ว่าจะเป็น การใส่หัวข้อ รูปภาพ การจัดข้อความ สไลด์รูปภาพ ฯลฯ สามารถนำรูปแบบตัวอย่างที่มีมาปรับใช้ได้ สามารถจัด icon , shortcode, custom html มาแปะไว้หน้าเว็บไซต์ได้ สามารถเลือกจัดรูปแบบ colum ได้ ข้อเสีย การ custom ฟอนต์อาจจะต้องไปปรับเปลี่ยนหลายจุดหรืออัพเกรดไปใช้ Version Pro

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

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

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

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

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

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

การใส่ Icon ใน Linkbutton :asp

asp:Linkbutton นั้นเป็นปุ่มเครื่องมือที่ติดตั้งมาเป็นเครื่องมือพื้นฐานใน Visual Studio ซึ่งจะแตกต่างจาก asp:Button ปกตินั่นคือ asp:Linkbutton นั้นจะสามารถใส่รูปหรือไอคอนลงไปในปุ่มได้ ตัวอย่างการใส่ Icon ใน asp:Linkbutton นำ CDN ของ Framework ที่จะใช้ มาใส่ไว้ที่ส่วน Header ของเว็บไซต์ ในตัวอย่างจะใช้ Icon Font awesome  สร้างปุ่ม Linkbutton

  เลือกไอคอนที่ต้องการใช้จาก Icon Font awesome จากนั้นนำมาวางใน asp:Linkbutton

จากนั้นจึงจะได้ปุ่มที่มีไอคอน

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) […]

วิธีการใช้ FTP-Simple บน VScode

ftp-simple เป็น Extensions ที่ไว้ใช้ Remote FTP ไปยังเครื่องเซิฟเวอร์   ขั้นตอนการติดตั้งไปที่เมนู Extensions ทางด้านซ้ายมือ   Search คำว่า ftp-simple ถ้าเจอแล้วกด Install   จากนั้นกด F1 จะปรากฏหน้าต่างดังรูปด้านล่างขึ้นมา จากนั้นเลือก FTP connection setting แล้วจะปรากฏหน้าดังกล่าวขึ้นมา จากนั้นให้ทำการ setting เพื่อที่จะใช้งาน FTP-simple { “name”: “my server2”,          // ชื่อ(ตั้งชื่ออะไรก็ได้) “host”: “127.0.0.1”,                // IP Address ของเครื่องเซิฟเวอร์ “port”: 22,  […]

PHP การส่งค่าแบบ GET ผ่านทาง URL

PHP จะมีการส่งค่าตัวแปร 2 แบบ คือแบบ GET และ POST การส่งค่าตัวแปรแบบ GET จะแสดงค่าที่ส่งผ่านทาง URL ซึ่งทำให้คนอื่นเห็นข้อมูลได้ ตัวอย่างการใช้งาน เราจะส่งค่า id จากปุ่ม button ผ่าน url ไปยังอีกหน้า ซึ่งเรากำหนดชื่อตัวแปรไว้หลังเครื่องหมาย ? จากตัวอย่าง edit.php?id= ค่าจาก button ที่ส่งค่ามานั้นมีค่า 1 การเรียกใช้ตัวแปรที่ส่งค่าผ่านมาจาก URL ผลลัพธ์

PHP การเชื่อมต่อฐานข้อมูล MYSQL

PHP การเชื่อมต่อฐานข้อมูล การใช้  PHP เชื่อมต่อฐานข้อมูลแบบ PDO

ส่วน $servername , $username , $password จะเป็นส่วนในการ config ชื่อเซิฟเวอร์ ผู้ใช้และรหัสผ่านที่ต้องการกำหนด และดัก Error โดยใช้คำสั่ง try catch ส่วนต่อมาจะเป็นคำสั่งการเชื่อมต่อ MYSQL ผ่านตัวแปรที่ชื่อว่า $conn ถ้าเชื่อมต่อสำเร็จจะแสดงข้อความว่า Connected successfully ขึ้นมา ถ้าเชื่อมต่อไม่สำเร็จจะแสดงข้อความว่า Connection failed : (ข้อผิดพลาดในการเชื่อมต่อ)