Category: ไม่มีหมวดหมู่

สร้าง Dashboard ต้องคิดถึงอะไรบ้าง

Dashboard ทำขึ้นเพื่อ…ผู้ใช้ ไม่ได้ทำเพื่อแสดงข้อมูลทั้งหมดที่มี ทำเพื่อตอบคำถามผู้ใช้งานแต่สำหรับบางองค์กรที่ผู้ต้องการดูข้อมูลยังไม่รู้ว่าจะดูอะไรดี ขอแนะนำให้ตั้งโจทย์ขึ้นมาแล้วหาข้อมูลมาประกอบสร้างเรื่องราวจากโจทย์ขึ้นมาจากข้อมูล (การคิดโจทย์ขึ้นมาก็ต้องมาจากการคาดการณ์ความต้องการและเป้าหมายของผู้ใช้ เดาใจตามหน้าที่รับผิดชอบของผู้ใช้งาน) รูปแบบการวิเคราะห์ข้อมูลเบื้องต้น 1.ต้องการแสดงความสัมพันธ์ (Relationship) เพื่อเชื่อมต่อสองข้อมูลตัวแปรที่สนใจ หรือมากกว่านั้น เช่น จังหวัดที่เกิดกับวิทยาเขตที่เรียน 2.ต้องการเปรียบเทียบข้อมูล (Comparison) ใช้ Bar chart หรือ line chart เพื่อแสดงข้อมูลรับนักศึกษาในแต่ละปี 3.ต้องการแสดงการเปลี่ยนแปลงข้อมูลตามช่วงเวลา (Trend) 4.ต้องการแสดงการจ่ายของข้อมูล (Distribution) โดยการเอาข้อมูลมาจัดกลุ่ม (Grouping) หรือเรียง (Ranking) แล้วนับจำนวนเพื่อดูการกระจายของข้อมูลเช่น อายุงานบุคลากรแยกทุก 10 ปีของการทำงาน เพื่อดูว่าบุคลากรส่วนใหญ่อายุงานอยู่ที่กี่ปี เป็นต้น สิ่งที่ต้องเอาใจใส่ เลือก Data…

การสร้างรหัสผ่านให้ไฟล์ PDF

หลายท่านอาจจะมีไฟล์ PDF บางไฟล์ที่ค่อนข้างจะเป็นความลับ หรือไม่อยากเปิดเผยให้ใครคนอื่นทราบ เรามีวิธีการสร้างรหัสผ่านให้ไฟล์ PDF โดยที่ไม่ต้องลงโปรแกรมใด ๆ ให้เสียเวลาค่ะ เพียงทำตามขั้นตอนดังต่อไปนี้ 1. เข้าเว็บ https://www.ilovepdf.com/protect-pdf 3. เลือกไฟล์ PDF ที่ต้องการสร้างรหัสผ่าน 4. ระบุรหัสผ่านให้เหมือนกันทั้ง 2 ช่อง จากนั้นกดปุ่ม Protect PDF 5. ระบบจะสร้างรหัสผ่าน ให้กดปุ่ม Download protected PDFs เพื่อ Download เอกสารไปใช้งาน 6. เมื่อ Download เรียบร้อยแล้ว ทดลองเปิดไฟล์ PDF จะพบว่า…

การสร้าง GenericList Component (Blazor) ตัวช่วยแสดงผลรายการข้อมูล

การสร้าง User Interface สำหรับแสดงผลลัพธ์จากการ Query ข้อมูลในฐานข้อมูลนั้น โดยปกติ UI จะต้องสามารถกำหนดการแสดงผลเพื่อตอบสนองต่อเหตุการณ์ที่เกิดขึ้น 3 สถานะได้ คือ ระหว่างที่กำลังรอผลการ Query ข้อมูล UI ควรแสดงให้เห็นว่ากำลังประมวลผล โดยแสดงเป็นข้อความหรือรูปภาพ Loading ก็ได้ กรณี Query แล้วไม่พบข้อมูล ความแสดงผลให้ทราบว่าไม่พบข้อมูล กรณี Query แล้วพบข้อมูล จะนำข้อมูลมาแสดงผลด้วย Table หรือ List หรือ อื่นๆ ตามความเหมาะสม ตัวอย่างเช่น ต้องการสร้างหน้าจอแสดงผลรายการข้อมูลสินค้าโดย Query ข้อมูลเก็บไว้ในตัวแปรชื่อ ProductList จะมีค่าในสถานะต่าง…

Blazor Server Application : วิธีการ Export ข้อมูลเป็นไฟล์ XML

แนะนำวิธีการ Export ข้อมูลเป็นไฟล์ XML วิธีการเขียน Code1) สร้าง Folder xml สำหรับเก็บไฟล์ xml ในกรณีนี้อยู่ใน (wwwroot/files/xml) 2) สร้าง Razor Component ชื่อ ExportXML.razor ในกรณีนี้อยู่ใน (Pages/ExportXML.razor)3) จากนั้นเขียน Code ดังนี้ 4) ผลลัพธ์จากการ Export ข้อมูลเป็นไฟล์ XML 4.1) กรอกข้อมูล และกดปุ่ม Export XML 4.2) จะได้ไฟล์ person.xml 4.3) เมื่อเปิดไฟล์ person.xml…

Blazor Server Application : การสร้างรูปภาพลายเซ็นโดยวิธีการพิมพ์ข้อความ

แนะนำวิธีการสร้างรูปภาพลายเซ็นโดยวิธีการพิมพ์ข้อความ วิธีการเตรียมฟอนต์1) เข้าเว็บไซต์ https://www.f0nt.com/release/worasait/2) ดาวน์โหลด ฟอนต์ Worasait (worasait.ttf) วิธีการเขียน Code1) ติดตั้ง NuGet ชื่อ System.Drawing.Common2) สร้าง Folder ชื่อ files สำหรับเก็บไฟล์ฟอนต์ ในกรณีนี้อยู่ใน (wwwroot/files/worasait.ttf) 3) สร้าง Razor Component ชื่อ SignatureType.razor ในกรณีนี้อยู่ใน (Pages/SignatureType.razor)4) จากนั้นเขียน Code ดังนี้ 5) ผลลัพธ์จากการสร้างรูปภาพลายเซ็นโดยวิธีการพิมพ์ข้อความ หมายเหตุ: วิธีการเปลี่ยนสีภาพลายเซ็น1) graphics.DrawString(Txt, oFont, Brushes.Black, 0,…

UX, everything related!

เรามักได้ยินคำว่า UI เป็นประจำเมื่อเราพัฒนาระบบแต่ รู้หรือไม่ว่านอกจาก UI แล้วมันมีอีกหนึ่งอย่างที่ควรรู้และสำคัญยิ่งกว่าแต่ถูกมองข้ามไปคือ UX (ย่อมาจาก User experience) หลายๆคนมักจะสับสนว่า UI และ UX มันคือสิ่งเดียวกัน จริงๆแล้วมันคือคนละอย่างกันเลย วันนี้เราจะมาเล่าให้ฟัง UI :: User Interface User Interface คือหน้าตาของระบบที่ผู้ใช้ได้เห็น ได้ตอบสนอง ไม่ใช่ระบบในทางคอมพิวเตอร์อย่างเดียวที่มี UI ถ้าเทียบกับขวดซอสมะเขือเทศ ขวดก็คือหนึ่งใน UI เช่นกันหรืออาหาร 1 จาน หน้าตาของอาหารก็ถือว่าเป็น UI ด้วย “UI เป็นสิ่งที่สามารถมองเห็นได้หรือจับต้องได้“ UX ::…

สร้าง Modal dialog อย่างง่ายด้วย jquerymodal

เนื่องจากตอนนี้มีพรบ.คอมพิวเตอร์เข้ามาเกี่ยวข้อง จึงต้องมี pop up Modal dialog ถามผู้ใช้ วันนี้จะมาแนะนำการใช้งาน jQuery ที่เรียกใช้ไม่กี่บรรทัดเราก็ได้ Modal dialog โดยจะยกตัวอย่าง Modal dialog แบบไม่ให้ปิดได้ โดยต้องอ่านข้อความก่อน ถึงจะปิดได้ ขั้นตอนที่ 1 เพิ่ม jquery.min.js, jquery.modal.min.js, jquery.modal.min.css เพื่อเรียกใช้งาน ขั้นตอนที่ 2 เพิ่มการตั้งค่า Modal dialog ตามตัวอย่างไม่ให้แสดงปุ่ม “ปิด” ขั้นตอนที่ 3 เพิ่ม User interface Modal dialog โดยใช้…

Tango เครื่องมือช่วยสร้างคู่มือ

เป็นเครื่องที่ช่วยสร้างเอกสาร how to ได้อย่างสะดวกและรวดเร็ว การทำงานจะมีขั้นตอนยังไง มาดูกัน ให้เรา login Gmail ก่อนแล้วเข้าสู่ web : tango.us ตัว tango นั้นเป็น Extension ของ Google chrome ที่ช่วยให้เราสร้างเอกสาร แบบ step by step และ screen shot สร้างเอกสารให้เราเลย คลิก Add to Chrome – It’s Free Add to Chrome กดปุ่ม…

เรียนรู้ RPA โดยใช้ ui-path (Excel x Mail)

จากบทความที่ผ่านมา ผู้เขียนได้แนะนำ Tool ของ RPA  คือ UiPath  และการติดตั้ง UiPath StudioX  ไปแล้ว ในบทความนี้จะอธิบายวิธีการใช้งาน ในที่นี้ ใช้ UiPathStudio X อ่านค่าจาก Excel และส่งเมลไปยังตามข้อมูลใน Excel ตัวอย่างเช่น อาจารย์ที่ปรึกษาต้องการส่งเมลไปยังนักศึกษาในที่ปรึกษาทั้งหมด ในคราวเดียวกัน เนื้อหาในเมลแต่ละคนอาจจะเหมือนหรือแตกต่างกันก็ได้ ซึ่งอาจารย์ได้เตรียมข้อมูลไว้ในรูปแบบ Excel เริ่มต้น ผู้เขียนจะเตรียมข้อมูลใน Excel ตามนี้               โดยจะมีฟิลด์หลัก สำหรับการส่งเมล ดังนี้ EMAIL  ไว้เก็บ E-mail Address ของคนที่เราต้องการส่ง Subject…