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

Figma: Scrolling  with overflow behavior (Horizontal Scrolling)

วันนี้ผู้เขียนจะมาแนะนำวิธีการตั้งค่า Mobile App Prototype ที่เราได้พัฒนาขึ้นมา เพื่อให้ผู้ใช้สามารถเลื่อน (Scrolling) ส่วนของเนื้อหาที่มีมากจนเกินขนาดของอุปกรณ์ได้โดยใน figma นั้น สามารถตั้งค่า Scrolling เพื่อให้รองรับกับพฤติกรรมของผู้ใช้ได้ 3 แบบ ดังนี้ แบบที่ 1 Horizontal Scrolling  คือ การเลื่อนในแนวนอน ซ้ายและขวาภายในเฟรม โดยยังคงตำแหน่งแนวตั้งไว้ เช่น ภาพสินค้า , แกลอรี่ภาพ แบบที่ 2 Vertical Scrolling คือ การเลื่อนในแนวตั้ง ขึ้นและลงภายในเฟรม เช่น เลื่อนดูเว็บไซต์ที่มีขนาดยาว หรือเนื้อหาที่อยู่ภายในแอป แบบที่ 3…

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 โดยใช้…

รูปเยอะ พื้นที่เต็ม อยากจะย้ายรูปจากบัญชี Google Account ไปอีกบัญชี Google Account ทำอย่างไร

รูปเยอะ พื้นที่เต็ม อยากจะย้ายรูปจากบัญชี Google Account ไปอีกบัญชี Google Account ทำอย่างไรดีนะ…. สำหรับชาว PSU ทุกคนทราบกันอยู่แล้วว่าพวกเรามี Google Account ทุกคน โดยการเข้าใช้งานด้วย ชื่อ PSUPassport@psu.ac.th แค่นี้ง่ายๆ ก็สามารถใช้งานได้แล้ว ผู้ใช้งานบางคนมีการเชื่อมต่อบนมือถือระบบปฏิบัติการ Android ด้วยบัญชี Google Account ซึ่งสามารถ Upload รูปภาพไปจัดเก็บที่ Google Photos ให้อัตโนมัติ โดยไม่ต้องกลัวว่าเมื่อมือถือหาย มือถือพัง รูปจะหาย ไฟล์จะเสีย…แต่….เมื่อมือถือ Upload รูปภาพไปเรื่อย ๆ อยู่ ๆ…

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…

วิธี github clone มาเฉพาะบาง Folder

ถ้าต้องการเฉพาะบาง folder เช่นจากของ Google Research https://github.com/google-research/google-research แต่เราต้องการเพียงแค่ project ย่อยเดียว เช่น tft (Temporal Fusion Transformer) วิธีการมีดังนี้ 0. ต้องใช้ git version ใหม่ ๆ ในที่นี้ผมใช้ 2.32.0 1. จะมี sparse-checkout ซึ่งทำให้กำหนดได้ว่า ต้องการ folder ใด ให้ใช้คำสั่งแรกคือ 2. จากนั้น กำหนดว่า ต้องการเฉพาะ folder ชื่อ tft 3 .…

DAX (Data Analysis Expression) ฉบับเริ่มใช้งาน

DAX (Data Analysis Expression) ใช้เพื่อการคำนวณใน Data Model  โดย DAX ประกอบด้วย Functions Operation และConstants เพื่อคำนวณและ/หรือแปลงข้อมูลเพื่อสร้าง Measure, Column, Table   ใช้งานได้ในผลิตภัณฑ์ของ Microsoft ดังนี้ Power BI, Excel (Power Pivot), SQL Server  โดยมีสูตรต่าง ๆ มากมาย มีประโยชน์มากในการทำงานเกี่ยวกับ Time Intelligence การสร้าง Date Dimension การคำนวณโดยใช้ Relationships เพื่อเตรียมการคำนวณให้ไปใช้ในการสร้าง Visualization…

วิธีแก้ปัญหา docker container ไม่ start cron อัตโนมัติ

ปัญหา เวลาสร้าง docker container เพื่อ run งานแบบอัตโนมัติ เราก็จำเป็นต้องใช้ cron แต่ว่า เจ้า docker container images เนี่ย จะเป็นรุ่นตัดทุกอย่างที่ไม่จำเป็นออกหมด เอาไว้ให้ start – run – stop แต่ถึงกระนั้น เราก็ยังอยากได้การทำงานแบบ cron อยู่ดี Reproduce สร้าง docker container จาก ubuntu:20.04 ตรวจสอบว่ามี crontab หรือไม่ ก็ไม่มี /var/log/syslog มีไม๊ ก็ไม่มี systemctl…