Get Adobe Flash player

การสร้าง Chart ใน Devexpress ASP.NET C#

 

  1.  ทำการค้นหา WebChartControl  ใน Toolbox

 

2.  เมื่อลากลงมาใส่ในโปรเจค แล้วคลิกจะมีแถบขึ้นดังนี้ แล้วให้ทำการไปเลือก Database ที่ต้องการเชื่อม ถ้าไม่มีให้ทำการสร้าง SqlDataSource แล้วทำการเลือก Database เมื่อเลือกเสร็จให้คลิก

Run Designer

 

3.  เมื่อคลิก Run Designer จะได้ดั้งภาพ

 

4.  ให้ทำการกด เพิ่มตรง Series ที่มีรูปเครื่องหมายบวกเพื่อเพิ่ม Chart และให้ทำการเลือก Chart ที่ต้องการ

 

5.  เมื่อเลือกเสร็จจะได้ Chart ดั้งภาพ

6.  และไปที่ ช่อง Dataในรูป   เพื่อนำ field มาใส่ใน Chart

7.  ทำการลากข้อมูลลงมาใส่ โดยในที่นี้เอาfield คณะ/หน่วยงานมาใส่ใน Argument  และนำfield นับจำนวน มาใส่ใน Value แล้วกด OK

8.  เมื่อกด OK แล้วจะได้กราฟดังภาพ

วิธีการใช้งาน 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 เพื่อย่อลิ้งค์ของเรา

 

Let’s encrypt For IIS Windows Server 2012

  1. ใช้เครื่องมือที่ชื่อว่า win-acme ดาวโหลดที่นี่  ที่ใช้ทำ  Let’s Encrypt Certificate  โดยจะมีอัพโหลดเวอร์ชั่นใหม่ ๆ อยู่เสมอ
  2.  ดาวน์โหลดไฟล์มาแล้ว Extract ไปไว้ที่ C:\LetsEncrypt

 

3.  จากนั้นคลิกขวา Run as administrator  ในไฟล์ wacs.exe

4.  เมื่อรันจะมีหน้าเมนูดังนี้

 

5.  โดนพิมพ์ N ใส่ลงไป  คือการ Create new certificate

6.  โปรแกรมจะถามว่าเราจะสร้างแบบไหน  ในที่นี้เราจะทำการสร้างเพียง 1 sit เท่านั้น โดยพิมพ์ 1 ลงไป

7.  จะมีเว็ปขึ้นมาที่รันอยู่บน IIS โดยให้ทำการเลือก เว็ปไซต์ที่ต้องการทำ SSL

 

8.  โดยขั้นตอนหลังจากนี้ อาจจะมีสอบถามอีเมล  จะใส่หรือไม่ใส่ก็ได้ และจะมีให้ตอบ  ให้เราตอบ Yes ทั้งหมด

9.  และเมื่อเสร็จจะได้หน้าตาแบบนี้


10.  โดยเราสามารถไปเช็คใน IIS ได้ว่า มี Let’s Encrypt ติดตั้งแล้วใช่หรือไม่  โดยดูได้จาก iis site bindings

 

Microsoft Office 365 วิธีการ Reset One Drive Storage Limit จาก 1TB เป็น 5TB

การใช้งาน Microsoft Office 365 ในมหาวิทยาลัยจะได้รับสิทธิใน Clound Storage ของ Microsoft หรือก็คือ One Drive ที่มีพื้นที่ 1 TB/User เป็นค่าเริ่มต้น หากต้องการเพิ่มผู้ดูแลสามารถปรับเพิ่มได้ เพียงแต่ขั้นตอนนั้นไม่ใช่แค่การใส่เลขใหม่และกดปุ่มอย่างที่คิด

เริ่มต้นให้ทำการตั้งค่าเริ่มต้น (Default Storage Limit) ในส่วนนี้สามารถจัดการผ่านเว็บไซต์ในส่วนของผู้ดูแลได้ โดยเข้าไปที่ One Drive เลือกเมนูสำหรับผู้ดูแล และเลือกเมนู Storage จากนั้นใส่ค่า Default storage in GB ถ้าต้องการ 5TB ต้องใส่ 5120

 

เมื่อกดปุ่ม save และตรวจสอบจะพบว่าผู้ใช้งานทุกคนยังมี Limit ที่ 1TB ไม่เปลี่ยนแปลง เป็นเพราะนี่เป็นเพียงการกำหนดค่าเริ่มต้น (Default) เท่านั้น เรายังต้องไปไล่แก้ไขให้กับผู้ใช้งานทุกคนด้วย

วิธีการที่จะแก้ไขนั้นจะต้องใช้วิธีเขียนคำสั่งลงใน Power Shell สามารถ Download ได้ที่ Download the latest SharePoint Online Management Shell. และติดตั้ง Module SharePoint

เมื่อติดตั้งเสร็จแล้วให้ใช้คำสั่ง Connect-SPOService (Connect SharePoint Online Service) จากนั้นระบบจะถาม Url: ให้เราใส่ https://yourorg-admin.sharepoint.com จากนั้นระบบจะให้เรา Login ด้วย Account ของผู้ดูแลระบบ

 

ถ้า Login สำเร็จจะไม่พบข้อความแจ้งเตือนสีแดง ให้ทดลองใช้คำสั่ง Get-SPOTenant เพื่อดู One Drive Storage Limit ว่าเป็น 5TB หรือไม่ และตรวจสอบการเชื่อมต่อไปในตัว

 

จากนั้นให้ใช้คำสั่งนี้ โดยมีการทำงานคือ Get-SPOSite จะดึงเอา URL One Drive ทั้งหมดออกมาจากนั้น Foreach ในแต่ละ $site เพื่อใช้คำสั่ง Set-SPOSite โดยระบุด้วย $site.Url และกำหนดให้ Reset ค่า Storage Limit เป็นค่าเริ่มต้น (5TB)

คำสั่งอาจจะต้องใช้เวลาสักพัก เมื่อทำงานเสร็จแล้วสามารถตรวจสอบ Storage Limit จะกลายเป็น 5TB

 

อ้างอิง

  1. https://products.office.com/th-th/academic/compare-office-365-education-plans
  2. https://docs.microsoft.com/th-th/onedrive/set-default-storage-space?redirectSourcePath=%252farticle%252fcec51d07-d7e0-42a3-b794-9c00ad0f0083
  3. https://docs.microsoft.com/en-us/onedrive/list-onedrive-urls

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

ปลั๊กอินที่จะช่วยในการจัดการของหน้าเว็บไซต์ของเราในส่วนของ content เพื่อที่จะช่วยลดระยะเวลาในการเขียนโค้ด


 

เริ่มต้นการใช้งาน ขั้นตอนแรกกดเพิ่มหน้าใหม่ Add New

 

คลิกที่ Edit with Elementor เพื่อเรียกใช้ตัว Elementor

 

หน้าต่างการใช้งานของ Elementor

 

ข้อดี

  • ตัว Elementor มีเครื่องมือให้เลือกใช้มากมายไม่ว่าจะเป็น การใส่หัวข้อ รูปภาพ การจัดข้อความ สไลด์รูปภาพ ฯลฯ
  • สามารถนำรูปแบบตัวอย่างที่มีมาปรับใช้ได้
  • สามารถจัด icon , shortcode, custom html มาแปะไว้หน้าเว็บไซต์ได้
  • สามารถเลือกจัดรูปแบบ colum ได้

ข้อเสีย

  • การ custom ฟอนต์อาจจะต้องไปปรับเปลี่ยนหลายจุดหรืออัพเกรดไปใช้ Version Pro

วิธีการแก้ปัญหา {{}} ในLaravel บน VS code

ปัญหาก็คือถ้าเราพิม {{}} ใน tag html ตัว tag นั้นจะขยับไปข้างหน้าทำให้เราต้องจัดใหม่อยู่เสมอวิธีแก้คือ

 

  1. ทำการเปิด Vscode แล้วกด F1 แล้วค้นหาคำว่า Setting (UI)

 

2. แล้วทำการคลิกรูปบนด้านขวาตามในภาพ

 

3. เมื่อคลิกกแล้วจะขึ้นมาดั้งในภาพและให้ทำใส่โค้ดลงไป

ส่วนของโค้ด

เราจะสามารถแก้ไขปัญหาได้

CSS Table text-overflow ellipsis ตัดข้อความทิ้งเมื่อข้อความในตารางยาวเกินไป

เมื่อมีข้อความที่ยาวมาก ๆ ในตารางจนเกิดการเว้นบรรทัดข้อมูลเกิดขึ้นทำให้ข้อมูลในตารางดูไม่เรียบร้อย วิธีแก้ไขปัญหาเราสามารถใช้ CSS Property  text-overflow มาช่วยได้ โดยการกำหนดค่าให้เป็น ellipsis (ตัดข้อความทิ้ง) และใช้ Property white-space กำหนดค่าเป็น nowrap (ไม่ต้องเว้นบรรทัด)

แต่ปัญหานี้ไม่ได้แก้ง่ายขนาดนั้น สาเหตุเพราะตารางใน html นั้นจะมี Property table-layout ที่มีค่าเริ่มต้นเป็น auto (ยืดหยุ่นตามข้อมูล) ก็คือถ้าข้อมูลยาวมากแล้วไม่สามารถเว้นบรรทัดได้ ตารางจะทำการยืดความกว้างของ column นั้นออกไปเพิ่ม ทำให้ text-overflow ellipsis นั้นไม่ทำงาน ดังนี้จึงต้องมีการเปลี่ยน table-layout ของตารางใหม่จาก auto เป็น fixed

ตัวอย่างที่ข้อมูลใน column สุดท้ายมีความยาวมาก

ตัวอย่าง CSS

ดูเพิ่มเติมที่ https://codepen.io/anon/pen/RdrGbX

 

SQL : การ Replace ข้อความจากข้อมูลทุก record ใน Column

ในการแทนที่ตัวอักษร ข้อความ หรือ string ใดๆบนทุก record ในคอลัมน์ใดคอลัมน์หนึ่งบน SQL สามารถกระทำได้เช่นเดียวกับฟังก์ชั่นการ find and replace บนโปรแกรมอื่นๆ ด้วยรูปแบบคำสั่งดังนี้

รูปแบบคำสั่ง

UPDATE ชื่อตาราง

SET ชื่อColumnที่ต้องการ = REPLACE([ชื่อColumnที่ต้องการ], ‘[ค่า String เดิม]’, ‘[ค่า String ใหม่]’)

WHERE เงื่อนไข (ถ้ามี)

ในการใช้ชุดคำสั่งนี้จะเป็นการ Replace ข้อความโดยทำการ search หาจากค่า string ที่ต้องการแก้จากทุกๆ record ในคอลัมน์นั้น ด้วยค่า string ใหม่
เหมาะกับการแก้ข้อมูลบางส่วนหรือลบอักขระบางตัวจากในคอลัมน์ (โดยคงค่าข้อมูลเดิมเอาไว้ด้วย)
เช่น การลบเครื่องหมาย – ออกจากทุก record ในคอลัมน์เบอร์โทรศัพท์ , การเปลี่ยนเครื่องหมายแทนการคูณจาก * เป็น x สำหรับทุกๆ record เป็นต้น

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

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

 

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

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

 

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

 

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