September 2019 – Page 3 – CoP PSU IT Blog

จับภาพ แชร์ภาพ ด้วย shareX Ep1

September 13, 2019 11:43

Blog ที่4 นี้ขอนำเสนอโปรแกรมจับภาพหน้าจอฟรี ย้ำนะว่าฟรี !! มีชื่อว่า shareX ซึ่งสามารถจับภาพหน้าจอเพื่อนำไปใช้งานต่อในหลากหลายรูปแบบ เช่น ทำคู่มือ ทำวีดีโอ เอาไปลงในเว็บไซต์ หรื่ออื่นๆ ถือเป็นโปรแกรมฟรีแบบ Open Source ที่จัดเต็มในเรื่องของเครื่องมือต่างๆ ที่ติดตั้งมาให้แบบครบครันนนนนน จริงๆแล้วโปรแกรมฟรีที่สามารถจับภาพหน้าจอ record วีดีโอนี่ก็มีมากมายเลยแหละ อยู่ที่ใครชอบแบบไหน เอาเป็นว่าวันนี้ลองมาทำความรู้จักกับอีก 1 ตัว ที่มีชื่อว่า shareX กันหน่อยละกันนะ “จะได้รู้ว่าดีกว่าที่ใช้อยู่เนี่ย มันก็มีนะ !!” (อันนี้ผู้เขียนบอกตัวเองนะ 55+) shareX สามารถดาวน์โหลดได้ที่ https://getsharex.com/ หรือจะหาผ่าน window store ก็ได้เหมือนกัน เมื่อดาวน์โหลดเรียบร้อยแล้ว ก็ทำการติดตั้งบนเครื่องของเราได้เลย สำหรับ shareX ก็จะมี feature หลักๆ คือ รองรับการจัดภาพหน้าจอแบบเต็มจอ เฉพาะหน้าต่าง หรือเฉพาะส่วน สามารถตั้งให้เปิดแก้ไขภาพในโปรแกรมอื่นๆ ก่อนที่จะอัพโหลดได้ save file อัตโนมัติเอาไว้ในเครื่อง upload ภาพขึ้นไปยัง services ต่างๆ สามารถ copy code ต่างๆได้จากในตัวโปรแกรม เช่น html สำหรับแทรกภาพ หรือ BBCode สำหรับแปะในเว็บบอร์ด รองรับการย่อ URL ในตัว รองรับการ upload ข้อความขึ้นเว็บ รองรับการ upload file ขึ้นอินเตอร์เน็ต แชร์สิ่งที่อัพโหลดไปยังแหล่งอื่นๆ ได้ ตั้งค่า hotkey สำหรับจับภาพได้ เหล่านี้ถือเป็น feature คร่าวๆ ของเจ้า shareX นะ จริงๆ แล้ว services ต่างๆที่ตัวโปรแกรมเชื่อมต่อได้นั้นมีเยอะมากๆ เดี๋ยวเราจะลองไปดูกัน เมื่อติดตั้งเสร็จเรียบร้อยแล้วเราก็จะเจอกับหน้าตาเจ้าตัว shareX ประมาณนี้ ….. จะเห็นได้ว่าข้อความที่ขึ้นบอกไว้นั้นคือ ปุ่มใช้งานมาตรฐานที่โปรแกรมกำหนดมาให้ หากเราต้องการปุ่มอื่นๆ ถามว่าเปลี่ยนได้มั้ย ตอบเลยว่า …. ได้ !! แต่เดี๋ยวจะอธิบายไว้ในส่วนของ Hotkey settings ด้านล่างนะ ——————————————————————————————————————————————– Capture มากันที่ Feature หลักอันแรกคือ “Capture” หรือการจับภาพหน้าจอนั่นเอง shareX จะรองรับการจับภาพในหลายรูปแบบ ย้ำว่าหลากหลาย จริงๆ Fullscreen จับภาพหน้าจอแบบ Fullscreenwindow จับภาพหน้าจอแบบ Window ซึ่งสามารถเลือกได้จากหน้าจอทั้งหมดที่เราเปิดไว้ในเครื่องได้เลยmonitor หากมีมากกว่า 1 จอ ก็จะสามารถเลือกได้ว่าจะจับหน้าจอใดRegion จับภาพหน้าจอแบบเลือกเฉพาะส่วนLast region จับภาพในส่วนล่าสุดที่เราเพิ่งจับภาพไปScreen recording บันทึกภาพหน้าจอScreen recording (GIF) บันทึกภาพหน้าจอแบบ GIFScrolling capture จับภาพหน้าจอที่มีความยาวมากเกินกว่าที่จะสามารถแสดงบนหน้าจอได้ทีเดียวหมด (ต้อง Scroll mouse ขึ้นลงนั่นเอง)Text capture (OCR) จับภาพโดยเลือกเฉพาะตัวอักษรในภาพนั้นAuto capture สามารถตั้งเวลาได้ ว่าจะให้จับภาพหน้าจอ ทุกๆ กี่วินาทีShow Cursor สามารถเลือกได้ว่าภาพหน้าจอที่เรา capture ไปเนี่ย จะให้แสดง cursor หรือไม่Screenshot delay: 0s สามารถเลือกความ delay ของการ capture หน้าจอได้ Upload Feature Workflows แสดง Hotkey นั่นแหละ โดยส่วนหลักตัวโปรแกรมก็จะกำหนดมาให้อยู่แล้ว แต่เราสามารถปรับเปลี่ยน Hotkey ได้เอง และยังสามารถเพิ่ม workflows ได้อีกด้วยตัวอย่างจะอธิบายในส่วนของ Hotkey settings นะ Capture region คือการจับภาพโดยเลือกพื้นที่ ๆ เราต้องการ Capture entire screen คือการจับภาพแบบเต็มหน้าจอ Capture active window คือการจับภาพจากหน้าต่างที่เราเลือก หรือกำลังทำงาน

bit.ly สั้น ๆ สวย ๆ ง่ายนิดเดียว

September 10, 2019 16:16

ต่อจาก bitly สายย่อ ซึ่งสะดวกมากแล้ว มีอีกขั้นตอนนึง ที่หลายคนอาจจะไม่ทราบมาก่อน ถ้าใช้ bitly สร้าง Short URL นั้นเราจะได้ URL แบบสุ่ม อย่างนี้ http://bit.ly/2N3Tut7 ซึ่ง จะเป็น Case Sensitive ซึ่งต้องพิมพ์ตัวพิมพ์ใหญ่/เล็ก ให้ถูกต้อง และบางทีอาจจะสับสนระหว่าง l (L – lower case) กับ เลข 1 หรือ I (I capital letter) ได้ ถ้าอยากกำหนด สิ่งที่ตามมาข้างหลัง bit.ly/ ได้ เช่น http://bit.ly/psu-gafe สามารถทำต่อจากขั้นตอน bitly สายย่อ ใน Step 7 อีกนิดเดียวคือ ตรง Customize ด้านล่าง ใส่คำได้ตามใจชอบ แต่ต้องประกอบด้วย ตัวอักษรภาษาอังกฤษ ตัวเลขอาราบิก เครื่องหมาย – และ _ เท่านั้น จากนั้น คลิก Save ด้านล่าง ถ้าไม่ซ้ำกับใครที่เคยสร้างไว้ ก็สามารถใช้งานได้ครับ หวังว่าจะเป็นประโยชน์ครับ

Bitly สายย่อ

September 9, 2019 16:47

ย่อ ย่อ ย่อ (เอ๊ะ เค้ามีกันแต่ โย่ว โย่ว โย่ว รึเปล่าหว่า) ย่อในความหมายของผู้เขียนรอบนี้นี่คือ ย่อลิงค์ที่มันย๊าว ยาววววววว ให้สั้นลง เพื่อที่เวลาจะส่งใน chat หรือแปะในหน้าเว็บ หรือเอาไปใช้งานต่อ มันจะได้ดูง่ายๆ ไง๊ ตัวช่วยที่ว่านี้ก็คือ Bitly extension บน google chrome นั่นเอง แน่ะ … อยากรู้กันแล้วใช่มั้ย ปะ ไปกันเลย ปกติแล้วมันก็จะมีวิธีที่เราแปลงลิงค์ให้สั้นกันอยู่แล้วไง ใช่มั้ย ทุกคนน่าจะคิดกันแบบนี้น่ะ แต่ที่ว่าปกติที่เราทำกันเนี่ย มันหลายขั้นตอนไงละ ต้อง copy ลิงค์ เปิดหน้าเว็บช่วยแปลง วางลิงค์ กดแปลงลิงค์ให้สั้น กว่าจะได้ เห็นมั้ย หลายขั้นตอน !! มาใช้วิธีติดตั้ง Bitly extension กันเถอะ เหลือแค่ 2 คลิก เท่านั้นเอง !!! โอยยยย ชีวิตดีขึ้นมาทันทีเลย ขั้นตอนแรกนะ ติดตั้งกันก่อนเลย Step 1 เข้าไปดาวน์โหลด Bitly ผ่าน chrome webstore กันได้เลย เมื่อเจอแล้วให้คลิก “Add to Chrome” เลยน๊าาาา Step 2 เมื่อเราติดตั้งเสร็จเรียบร้อยแล้ว ให้สังเกตุมุมบนด้านขวาของหน้าจอนะ เห็นมั้ย สัญลักษณ์สีแดงเล็กๆ นั่นน่ะแหละ คลิกลงไป 1 ครั้ง Step 3 หลังจากคลิกปุ๊บ ก็จะปรากฏหน้าจอขึ้นมาตามรูป ก็ให้เราเลือก Sign in ได้เลย ว่าจะเข้าใช้งานด้วย Account ใด Step 4 เมื่อ Sign in เรียบร้อยแล้วก็จะเห็นหน้าจอแบบนี้นะ bitly ยินดีต้อนรับเราแล้วววว!! Step 5 จากนั้นให้คลิกที่ icon bitly ที่มุมบนด้านขวาอีกครั้งนึง ก็จะแสดงหน้าจอให้เรา allow การเข้าถึงข้อมูลของเรา หน้าตาประมาณนี้นะ เมื่อเห็นก็คลิก “Allow” ได้เลย Step 6 มาลองใช้งานกันดีกว่า จากตัวอย่างผู้เขียนจะทดสอบเปิดหน้าเว็บที่มีลิงค์ย๊าววว ยาว ขึ้นมาในหน้าต่าง (ตามรูปเล้ย) จากนั้น คลิก icon bitly บน browser ตรงมุมบนด้านขวานั่นเลย Step 7 ให้สังเกตุนะ พอเรากด icon bitly ปุ๊บ ก็จะแสดงหน้าต่างด้านขวาขึ้นมา ซึ่งจะขึ้น short link ที่แปลงจากลิงค์ย๊าววว ยาว ตะกี้ให้สั้นลง เพื่อที่จะสามารถนำไปใช้งานต่อได้ง่ายขึ้น ถ้าจะเอาไปส่งในแชท หรือเอาไปใช้ต่อ คลิก “copy” เพื่อคัดลอกลิงค์ได้เลย เป็นยังไงกันบ้างทุกคน ง่ายขึ้นมั้ย มันช่วยให้การทำงานของเราเร็วขึ้นจริงๆ นะ ติดตั้งเถอะ ! แนะนำ แนะนำ แนะนำ นี่แนะนำ 3 times เลยนะ ดีจริง จริ๊ง จึงนำมาบอกเล่าเก้าสิบกันต่อ หวังว่าทุกคนจะไปลองใช้กันดูนะ วันนี้ก็ขอจบ Blog ที่ 3 ไปเพียงเท่านี้เน้ออออออ อ้างอิง : http://bit.ly/2N3Tut7

จับภาพหน้าเว็บไซต์ ง่าย ๆ ฟรี ๆ ฟิน ๆ ด้วย FireShot Lite – Capture Page (ดูปากณัชชานะคะ แค็พ-เฉอะ)

September 5, 2019 11:51

บทความนี้ว่ากันด้วยเรื่องของ Extension บน Chrome กันอีกซักตัวนะคะ คราวนี้นำเสนอ Extension ที่จะช่วยในการ capture หน้าเว็บ ซึ่ง Easy to use มาก ๆ และ Free forever กันไปเลยค่า นั่นก็ คือ FireShot Version Lite นั่นเองงงงง เย่ ๆ เอ้า ปรบบบมือรัว ๆ สิคะ รออัลลลลไล แต่เดี๋ยวก่อนค่ะ (หยุดรัวแทบไม่ทัน) สำหรับ Version Lite ที่เราจะติดตั้งใช้งานกันวันนี้นั้น อาจไม่ได้มี feature ต่าง ๆ ที่จะดำเนินการกับภาพที่เรา capture มาได้มากมาย เช่น Custom watermarks Advanced Editor: Undo/Redo, Resize, Crop and Save features หรือ Microsoft OneNote support และบลา ๆ นะคะ ซึ่งหากเราต้องการใช้ feature ที่มีอีกมากมายเหล่านี้ได้นั้น ก็ต้อง Pay ให้กับ FireShot Version Pro กันค่ะ ตอนนี้มีโปรโมชั่น 1 แถม 1 (เอ้ย ไม่ใช่ Watsons Boots หรือ TOPS น่ะจ๊ะ) โปรโมชั่นลดราคาเหลือ US$ 39.95 อยู่ค่ะ ช้าก่อน !! อย่าเพ่งรีบสอย เพราะผู้เขียนคิดว่า Version Lite ก็เพียงพอกับการใช้งานทั่ว ๆ ไปแล้วละค่ะ อย่าง User ท่านไหนใช้งานเว็บไซต์แล้วเกิดเจอ error ครั้นจะโทรมาแจ้ง Support แล้วแจ้งรายละเอียด error ที่ยาว (มาก) นั้นว่าอย่างไร ก็คงลำบากไม่น้อย หรือเมื่อโทรมาแจ้ง Support ว่าใช้งานแล้ว error ส่วนใหญ่ Support ก็จะแนะนำให้ส่งภาพหน้าจอที่ว่า error นั้นมาเพื่อจะได้ตรวจสอบให้ บางทีก็ทำม่ายโถ๊กกกก แต่บางคนก็สบายมากจ้า กดปุ่ม Print Screen หรือไม่ก็ใช้ Snipping Tool ที่มาพร้อมกับ Windows จับภาพ แต่ก็ต้องเสียเวลาในการวางภาพ แนบไฟล์ ส่งเมล กันอี๊กกก แต่ต่อจากนี้หากใช้งาน FireShot อะไรก็ง่ายๆ ก็สะดวกสบายมากขึ้นแล้วละค่า เพราะสามารถ capture หน้าเว็บปั๊บ ก็ส่ง Email ได้เลย (Account ผู้ส่งต้องเป็น Gmail) หลังจากนั้นโทรแจ้ง Support นิดหน่อย “ส่งภาพหน้าจอ error มาแล้วน่ะคะ/น่ะครับ” จบปิ๊ง สวย ๆ ทั้ง User และ Support พอคุยกันเข้าใจ อะไรๆ ก็ดีไปโหม๊ดดด 555+ ของฟรีที่ดีก็มีในโลกนะเออ เอ้า ปรบมือรัว (ต่อ) สิคะ รออัลลลลไล และขอขอบคุณผู้พัฒนานะคะ ฮี่ ๆ ปล. ส่วนใครที่อยากทราบข้อมูลของ Version Pro กับ Lite ว่ามี Features อะไร แตกต่างกันบ้าง มากน้อยแค่ไหนนั้น ก็ลองเข้าไปดูข้อมูลเปรียบเทียบที่ลิงก์นี้ได้เลยค่ะ https://getfireshot.com/features.php เกริ่นกันซะยาวยืด ลิงหลับทั้งฝูงแย้ว มา ๆ ค่ะ สาระมีอยู่จริง มารู้จัก FireShot กันก่อนที่จะเริ่มใช้งานค่ะ เริ่มจากความสามารถในการจับภาพหน้าเว็บไซต์ก่อน ซึ่ง FireShot นั้นสามารถจับภาพหน้าเว็บได้ 3

สร้างสื่อเสมือนจริงง่ายๆ ด้วย Pixlive maker

September 4, 2019 11:17

Blog ก่อนหน้าเราได้ทำความรู้จักกับ สื่อเสมือนจริง หรือที่เราเรียกกันว่า AR กันไปแล้ว ภาคต่อใน Blog นี้จะพาไปเจาะลึกมากขึ้นอีก Step นึง ก็คือ เราจะมาดูกันว่า AR เนี่ย สร้างกันอย่างไร สำหรับผู้เขียน Blog นี้ขอเลือกใช้งานการสร้าง AR ง่ายๆ ผ่านเว็บ VIDINOTI ละกันนะ ปะ ไปดูกันเลย เริ่มต้นด้วยไปที่เว็บ https://www.vidinoti.com/home/ เมื่อเข้าสู่หน้าเว็บเรียบร้อยแล้ว ก็สมัครเข้าใช้งานกันก่อนเลย คลิกเลือกที่ Free Sign up มุมบนด้านขวา จากนั้นก็กรอกข้อมูลเพื่อสมัครเข้าใช้งาน ตัวอย่างตามรูปด้านล่างนะทุกคน เมื่อ Register เรียบร้อยแล้ว ให้เข้าไป Activate จาก link ที่ส่งไปยัง e-mail ที่เราได้สมัครเอาไว้นะ เมื่อ Activate แล้วก็ Log in เพื่อใช้งานกันโลดดดดดดด !! หน้าแรกจะมีการแนะนำขั้นตอนเบื้องต้นบอกเราว่า เราต้องทำการดาวน์โหลด App V-Player นะ จะต้อง Scan QR Code นะ และก็มีวีดีโอแนะนำการใช้งานให้เราได้ดูกัน อ่านเสร็จแล้วก็กด “OK” ได้เลย หน้าแรกของระบบจะประกอบด้วย ซ้ายมือจะเป็นกลุ่มเมนูการจัดการต่างๆ ตรงกลางเป็นส่วน Plan ซึ่งเราสามารถดูได้ว่าเราทำไปกี่ content แล้ว หรือ publish ไปแล้วกี่ content รวมถึงสามารถ upgrade account ได้ด้วยน๊าาาาาา (ระดับเราแล้ว ฟรี อย่างเดียว !!) มุมล่างด้านขวาของหน้าจอจะเป็น QR Code ซึ่งประโยชน์ของมันก็คือ คนที่จะมองเห็นงาน AR ของเรานั้น จะต้องทำการเปิด App V-Player จากนั้นนำมาส่ง QR Code ตัวนี้เพื่อจะดูผลงานของเรานั่นเองหมายเหตุ : ให้บันทึก QR Code เก็บไว้ก่อนนะ แล้วค่อยนำรูปไปแปะไว้ในงานของเรา มาเริ่มสร้างงาน AR ของเรากันเถอะ !! Step 1จากหน้าแรก ให้คลิกเลือก “Create new content” Step 2เลือก “Image AR” จากนั้นให้เราทำการ Drop file หรือ Browse file ที่เราได้สร้างหรือออกแบบเอาไว้ เข้ามาในระบบ Step 3เมื่อเลือกรูปที่ต้องการ upload เสร็จแล้ว ให้กด “Continue” จากนั้นระบบก็จะแสดงหน้าถัดไป ให้ตั้งชื่อ “content name” และ “Description” (อันหลังนี่จะใส่หรือไม่ใส่ก็ได้นะ) จากนั้นกด “Continue” อีกรอบนึงนะ ปุ่มจะอยู่ด้านล่างขวาของหน้าจอนั่นแหละ Step 4เมื่อเจอหน้าจอดังรูปด้านล่าง ให้เราคลิกที่รูปในหน้าจอได้เลย ระบบจะพาเราไปยังหน้า Pixlive editor Step 5 ครั้งแรกที่เข้ามาในส่วน Pixlive editor ก็มีการแนะนำการใช้งาน คลิก “take the tour!” ก็คลิกๆ ตามๆ ที่เค้าชี้ไปเรื่อยๆ เมื่อครบแล้วก็โปรดรอสักครู่ ! ก็จะเจอกับหน้าจอดังรูป ซ้ายของหน้าจอคือ content ต่างๆ ไว้ให้เราเลือกใช้ ตรงกลางส่วนแสดงผล สามารถเลือกมุมมองสลับไปมาได้ระหว่าง Scene View หรือ Scenario มี % การแสดงผล ขวาของหน้าจอก็จะเป็น Properties ของแต่ละ Scene ที่เราโฟกัสอยู่นั่นเอง Step 6ก่อนอื่นเรามามองภาพรวมก่อนการสร้างงานกันสักนิดนึง ตามตัวอย่างที่ผู้เขียนออกแบบงานของผู้เขียนไว้คือ “จะมีเมนู 5 เมนู ซึ่ง 3 เมนูแรกจะเชื่อมโยงไปยัง VDO เมนูถัดมาจะเชื่อมโยงไปยังหน้าเว็บที่ได้มีไฟล์แขวนเอาไว้ ส่วนสุดท้ายจะเป็นส่วนแสดงช่องทาง Contact มายังผู้จัดทำ