Get Adobe Flash player

chatchai

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

 

ลงชื่อเข้าใช้งาน URL >>> https://login.microsoftonline.com

 

 

  • บุคลากร  : สามารถเข้าใช้งานได้โดยใช้ 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) ได้ด้วยตัวมันเอง ต้องทำภาพมาแปะอีกทอดหนึ่ง แท็ก canvas ที่ถูกเพิ่มเข้ามาช่วยให้เราสามารถ “วาดภาพ” ลงบนเว็บเพจได้โดยตรง โดยขอบเขตของภาพที่วาดก็จะอยู่ในออบเจคต์ชื่อ canvas นั่นเอง
   ลักษณะของ canvas แตกต่างจากภาพชนิดอื่นๆ คือ มันไม่ได้จะแสดงได้เป็นภาพนิ่งเท่านั้น แต่มันสามารถเป็นภาพเคลื่อนไหวได้ด้วย และก็ไม่ได้เกิดจากการเรียกไฟล์ภาพขึ้นมาแสดงตรงๆ แต่เป็นการสั่งโดย javascript ทุกๆเส้นหรือทุกๆจุด และทุกๆการเคลื่อนไหวที่เกิดภายใต้ <canvas> เกิดจากการสั่งงานโดย javascript ทั้งสิ้น แล้วนำเข้ามาโชว์ด้วยการเรียกผ่าน id ของ <canvas> เข้าไป

การใช้งาน HTML 5 canvas เบื้องต้น

เริ่มแรกทำการสร้างไฟล์ HTML ขึ้นมา ผมทำการตั้งชื่อ ว่า index.html และมี element <canvas> ดังตัวอย่าง


จากนั้นลิงค์สคริปไปยังไฟล์ JavaScript ของเรา โดยทำการตั้งชื่อว่า main.js

ตัวอย่างการทำ Canvas

ผลที่ได้ก็จะเหมือนๆกับเราสร้าง Element DIV แต่ว่าความสามารถของ Canvas นั้นมันมีมากกว่า และถ้าคลิกขวาที่ Canvas เราสามารถที่จะ Save ออกมาเป็น Image ได้ด้วยนะครับ

วิธีการใช้ 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,                              // Port SSH
“type”: “sftp”,                        // ใส่ sftp (Secured File Transfer protocol) หรือ ftp (File Transfer protocol)
“username”: “id”,                 // username ที่ใช้ login บนเครื่อง Server
“password”: “password”,   // password ที่ใช้ login บนเครื่อง Server
“path” : “/”,                          // path file ที่ต้องการเข้าถึงบนเครื่อง Server
“autosave” : false                // true จะเป็นการบันทึกการทำงานแบบ auto
                                                    false เป็นการบันทึกการทำงานโดยการกด Save หรือ Ctrl+s
“confirm”: false                  // true ก่อนบันทึกการทำงานจะมีหน้าต่างขึ้นมาให้กดยืนยัน
}                                            // false ก่อนบันทึกการทำงานจะไม่มีหน้าต่างขึ้นมาให้กดยืนยัน

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 : (ข้อผิดพลาดในการเชื่อมต่อ)

 

การใช้ Plugin Content Views

Plugin Content Views

 

ปลั๊กอิน Content Views นั้นสามารถจัดการแบ่ง Grid และการโชว์ Posts ของเรื่องหรือหน้าแต่ละหน้าได้

 

1) เราสามารถกำหนดหัวข้อของหน้า

2) กำหนดเลือกเรื่องหรือหน้าที่จะนำมาแสดง

3) จำกัดการโชว์โพสต์ข้อแต่ละหน้า

 

 

 

สามารถเลือกหมวดหมู่เฉพาะ หรือ ป้ายกำกับ ในการแสดงโพสต์

 

 

 

 

 

หน้า Display จะเป็นการตั้งค่าการแบ่ง Grid และ List รายการโชว์โพสต์

การจำกัดการโชว์ตัวอักษร , หัวข้อโพสต์ และ ขนาดรูปของโพสต์ต่างๆ

และสามารถตั้งค่าการจำกัดการแสดงโพสต์แล้วขึ้นหน้าใหม่ได้โดยการติ๊กที่ Pagination ให้เป็น Enable

 

โดยการใช้งานนั้นสามารถนำ ShortCode  ไปวางในหน้าที่ต้องการแสดงโชว์