CoP PSU IT Blog – Page 39 – แหล่งรวมบทความเกี่ยวกับ IT โดยชาว PSU IT

Chrome ~ Live Caption

May 7, 2021 12:36

กราบสวัสดีคุณผู้อ่านทุกๆ ท่านนนน … blog วันนี้ ผู้เขียนจะขอว่าด้วยเรื่องของ Google Chrome Live Caption !! คาดว่าหลายๆ ท่านอาจจะเคยเจอปัญหาเช่นเดียวกับผู้เขียน เช่น เมื่อเราต้องการดูข้อมูลวิธีการอะไรสักอย่างนึง เราก็จะ Search google เพื่อหาข้อมูล บ่อยครั้งที่ข้อมูลที่เราได้จะอยู่ในรูปแบบของวิดีโอ ซึ่งมีผู้รู้หลายๆ ท่านมาแชร์เอาไว้ และก็บ่อยครั้งอีกเช่นเดียวกัน ที่ความรู้เหล่านั้นอยู่ในรูปแบบภาษาอังกฤษ (ซึ่งทักษะภาษาอังกฤษของผู้เขียนก็ … นะ T T) ปัญหาของผู้เขียนก็คือ ฟังไม่ทัน ฟังไม่เข้าใจ เค้าพูดอะไร !! 55+ ดังนั้นผู้เขียนจึงหาข้อมูล หาวิธีการต่างๆ ที่จะช่วยให้ตัวเองสามารถเข้าใจในข้อมูลเหล่านั้นได้เพิ่มมากขึ้น ในระยะเวลาที่จำกัด ค้นไปค้นมา นั่นแน่ … ก็มาเจอกับ Feature ใหม่ของ Google Chrome ที่มีชื่อว่า Live Caption นั่นเอง Live Caption บน Google Chrome แปลง่ายๆ เลยก็คือ มันจะช่วยขึ้น Subtitle ให้เราสามารถอ่านตามไปได้ และสามารถใช้งานได้ดีกับวิดีโอบน youtube หรือแม้กระทั่ง Podcast (แต่ปัจจุบันยังรองรับแค่ภาษาอังกฤษ เท่านั้นนะ) คำถามถัดมา แล้วเราจะทำยังไงให้ Google Chrome ของเรา แสดง Live Caption ได้ละ … ไป ไปเริ่มตั้งค่ากันเลย step 1 : เปิด Browser google chrome ขึ้นมาก่อน จากนั้นไปที่จุด 3 จุด มุมขวาบนของ Browser —> เลือก Settings step 2 : เลือกเมนู Advance step 3 : เลือก Accessibility step 4 : สุดท้ายเลือก on คำสั่ง live caption ตามในรูปเล้ยยยย เมื่อเราตั้งค่าเสร็จเรียบร้อยแล้ว ก็มาดูผลลัพธ์กัน ว่าจะเป็นยังไง หน้าตาที่ได้ก็ประมาณตามวิดีโอตัวอย่างด้านล่างนี้นะ จริงๆ แล้วจากที่หาข้อมูลพบว่า Feature Live Caption ตัวนี้เนี่ย เค้าออกแบบมาเพื่อสนับสนุนผู้มีปัญหาทางการได้ยิน แต่เอาจริงๆ นะ ผู้เขียนมองว่ามันมีประโยชน์ไม่น้อยเลยกับคนทั่วไป ถึงแม้ตอนนี้จะยังคงรองรับเพียงแค่ภาษาอังกฤษ แต่นั่นผู้เขียนก็มองว่ามันดีมากๆ แล้ว แถมยังสามารถใช้ได้ทั้งการดูวิดีโอแบบออนไลน์ และ ออฟไลน์ เลยด้วย ดีมากจริงๆ ยังไงก็แล้วแต่ ผู้เขียนก็หวังเหมือนเดิมอีกเช่นเคย หวังว่า blog นี้จะยังคงมีประโยชน์กับหลายๆ คน ไม่มากก็น้อย แนะนำให้ลองไปใช้กันดูนะทุกคน ขอบคุณแหล่งที่มา : ข่าวไอทีใน https://www.techhub.in.th/ ไว้น่ะที่นี้แง๊บบบบ

การนำรูป SVG มาใช้ใน PowerPoint แล้วเป็น animation

April 30, 2021 15:33

สำหรับวันนี้จะมาแนะนำการสร้าง animation ใน powerpoint ด้วยรูป SVG กันค่ะ มาดูกันเลย 1.เปิด power point ขึ้นมา แล้วคลิก Blank Presentation 2.เตรียมไฟล์ SVG ไว้ หรือหาใน google เอา หรือลิงค์ https://storyset.com เมื่อเลือกรูปได้แล้วให้ดาวน์โหลดเป็นไฟล์ SVG 3.กลับมาที่ Power point ไปที่เมนู Insert > Picture > This Device เลือกไฟล์ SVG ที่เราเพิ่งดาวน์โหลดมา 4.จากนั้นเราจะทำการ Convert รูป SVG นี้ให้เป็นรูปร่างก่อน วิธีการแปลง ไปที่เมนู Graphics Format > Convert to Shape 5.จากนั้น คลิกเมาส์ขวา Group > Ungroup จากนั้นเราจะมาทำ animation ให้แต่ละรูป เนื่องจากทุกรูปแยกออกจากกันแล้ว เวลาเรารัน slide แล้วให้แต่ละรูปเล่น animation อยู่ตลอดเวลา มาดูกันว่าทำยังไง เลือกรูปคนกลาง ไปที่เมนู Animations > Animation Pane เพื่อให้โชว์หน้าต่างภาพเคลื่อนไหวขึ้นมา เลือก More Motion Paths > Lines รูปมันจะเลื่อนลง จากนั้นคลิกที่ Effect Options > Up เพื่อให้เด็กกระโดดขึ้นไป จากนั้นคลิกที่ลูกศรที่ Animation Pane > With Previous จากนั้นคลิกที่ลูกศรที่ Animation Pane > Effect Options แท็บ Effect ติ๊กถูก Auto-reverse เพื่อให้กระโดดขึ้นกระโดดลงอยู่ตลอดเวลา แท็บ Timing ที่ Repeat เลือก Until End of Slide เพื่อให้ทำซ้ำ ๆ จนสิ้นสุด Slide แล้วคลิกปุ่ม “OK” ทีนี้จะให้กระโดดขึ้นสูงต่ำแค่ไหน ให้สังเกตที่จุดสีแดง คลิกที่จุดสีแดง 1 ครั้ง วงกลมสีแดงคือจุดสุดท้าย สีเขียวคือจุดเริ่มต้น เราเลื่อนลงมาต่ำสักหน่อยเพื่อไม่ให้กระโดดสูงมาก จากนั้นคลิก Preview เพื่อแสดงตัวอย่าง ถ้าอยากให้เคลื่อนเร็วกว่าเดิม ที่ Duration ให้ปรับเป็น 01.00 คือ 1 วินาที แล้วลอง Preview ดูตัวอย่าง ให้ทั้ง3คนนี้กระโดดเหมือนกันให้คลิกตัวที่เราทำเสร็จแล้ว > Animation Painter หมายถึงว่ามันจะคัดลอกตัวที่เราเลือกอยู่ แล้วคลิกรูปที่เราต้องการให้เป็นเหมือนรูปแบบที่เราคัดลอกมา และทำรูปที่เหลือเหมือนกัน จะได้กระโดดกันทั้ง 3 คน จากนั้นค่อยมาจัดลำดับ หน่วงเวลา เพื่อให้ทั้ง 3 คนดู smooth กำหนดที่ Delay คนทางซ้าย 00:25 ทางขวา 00.50 แล้วลอง Preview ดู นี่คือตัวอย่างการนำรูป SVG มาทำ animation ใน powerpoint ลองนำไปใช้กันดูนะคะ

[บันทึกกันลืม] วิธีซ่อน choice ที่ไม่จำเป็น ด้วย jQuery

April 15, 2021 14:39

ปัญหามีอยู่ว่า ในการเขียน Web Application ด้วย django แบบฟอร์มที่ซับซ้อนหน่อย จะมีประมาณว่า ถ้าเลือกข้อนี้ ให้ขึ้นคำถามอีกข้อขึ้นมาถาม เช่น ถ้าเลือกข้อ “รพ.สงขลานครินทร์” ให้ขึ้นคำถาม “ลักษณะการทำงาน” ซึ่งก็ไม่ได้ยากอะไร แต่ว่า คำตอบของข้อนี้ ในกรณีนี้ จะต้องบังคับตอบ แต่ ถ้าเลือก “สถานพยาบาลอื่น ๆ” จะต้องไม่บังคับตอบ ปัญหาคือ เจ้า Choice ที่ เมื่อไม่จำเป็นต้องตอบ มันต้องไม่มีค่า แต่ตอนที่มันต้องใช้ตอบ (อย่างในภาพ) มันควรจะหายไป แต่มันไม่หายไป (เข้าใจยากหน่อยนะ) ลองใช้ ก็ไม่หาย วิธีแก้คือ ไป hide label เวิร์คเลย จบ

[บันทึกกันลืม] แก้ปัญหา Plotly ไม่แสดง Chart บน JuputerLab

March 14, 2021 10:06

ในการ Visualization บน Jupyter Notebook, Juputer Lab พื้นฐานก็จะใช้ matplotlib, seaborn และเพื่อให้ทำ Interactive ได้มากขึ้น ก็จะไปใช้ Plotly และ Dash ปัญหาคือ ถ้าเริ่มต้นใช้งาน Juputer Notebook / Jupyter Lab แล้วติดตั้ง plotly, dash package แล้ว บน Jupyter ก็ไม่แสดงผลแบบ Inline แบบนี้ ค้นหาพักใหญ่ ก็พบว่า อ้อ ต้องติดตั้ง jupyter labextension ด้วย วิธีตรวจสอบว่า ตอนนี้มี Extension อะไรอยู่บ้าง ใช้คำสั่งต่อไปนี้ ผลคือ โดยค่าเริ่มต้น ไม่มี jupyterlab-plotly กับ plotlywidget ติดตั้งอยู่ วิธีการติดตั้ง ใช้คำสั่งต่อไปนี้ แล้ว restart kernel จากนั้น ลอง jupyter labextension list อีกครั้ง แล้วก็จะสามารถใช้ Plotly ได้

A Testing Virtual Data Center with OpenNebula miniONE on KVM

February 16, 2021 14:40

โน้ตบุ๊ค HP รุ่น 6450b มีหน่วยความจำ 4 GB ผมเอามาทำเป็นเซิร์ฟเวอร์สำหรับรัน Virtual Machine (VM) ผมใช้ทดสอบติดตั้ง server หรือ services ต่าง ๆ เช่น Ubuntu server ทำงานเป็น web server เป็นต้น ผมอยากจะเรียกว่า Mobile Virtual Data Center ครับ โดยที่ผมนำซอฟต์แวร์ที่ชื่อว่า OpenNebula มาใช้ ตัวนี้ใช้ทำเป็น Virtual Data Center ขนาดใหญ่ได้เลยหากมี Hardware สเปคสูง ๆ สร้าง VM ให้บริการได้จริง เค้ามีซอฟต์แวร์สำหรับเครื่องเดียว (Test Drive) เรียกว่า OpenNebula miniONE ให้ใช้ น่าจะนำมาลงโน้ตบุ๊คได้ จึงได้ทดลองดู พบว่าใช้ได้จริง สิ่งที่ทำมีดังนี้ เตรียม USB Drive ที่ Boot เป็น Ubuntu Desktop สำหรับติดตั้ง ดาวน์โหลดรุ่น LTS 20.04 ไฟล์นี้ ubuntu-20.04.1-desktop-amd64.iso นำมาเขียนลง USB Drive ด้วยโปรแกรม Rufus for Windows (สร้าง Bootable USB Drive ด้วยโปรแกรม Rufus for Windows) นำ USB Drive ไป Boot ที่โน้ตบุ๊ค และ ติดตั้ง Ubuntu Desktop (ติดตั้ง Ubuntu Desktop 20.04) Boot Ubuntu Desktop ที่โน้ตบุ๊ค และเข้าใช้งานติดตั้ง OpenSSH server คำสั่ง sudo apt install openssh-server ติดตั้งเซิร์ฟเวอร์สำหรับสร้าง VM ติดตั้ง OpenNebula miniONE on KVM แก้ไขเล็กน้อย เตรียมไว้ว่าต่อไปจะใช้ TCP Port 80 สำหรับ web server ที่เป็น VM จึงต้องแก้ไข default port จาก 80 เป็นอย่างอื่น ตั้งค่า :port: 8080 แก้ไขที่ไฟล์ /etc/one/sunstone-server.conf รันคำสั่ง sudo systemctl restart opennebula-sunstone.service หลังจากติดตั้ง miniONE จะมีการจัดการค่าทาง network ใหม่ เราต้องแก้ไขให้ Ubuntu Desktop ได้รับ DHCP IP ดังนี้ ตั้งค่า renderer: networkd ตั้งชื่อ ethernets ที่ใช้ และ dhcp4: yes แก้ไขที่ไฟล์ /etc/netplan/01-network-manager-all.yaml รันคำสั่ง sudo netplan apply รันคำสั่ง ip addr เข้า Browser ไปที่ URL http://NOTEBOOK_IP:8080 และ Login เข้าใช้ด้วย username คือ oneadmin และ password ที่ได้รับ ปรับแต่งให้ Ubuntu Desktop ทำ enable packet forwarding for IPv4 เข้าออก VM ได้ ตั้งค่า