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

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 มายังผู้จัดทำ

รู้จักสื่อแบบ AR

September 3, 2019 15:22

TOR รอบใหม่นี้ Blog แรก (จาก 16 Blog!! ที่ต้องเขียน) ที่ผู้เขียนจะนำมาเล่าสู่กันฟังก็คือ เทคโนโลยี AR จะมาเล่าว่ามันคืออะไร แล้วถ้าเราจะสร้าง AR เนี่ย จะต้องทำยังไง ยากง่ายแค่ไหน แต่ๆๆ Blog แรกเนี่ยเอาเป็นแค่ลองมาทำความรู้จักกันก่อนละกันเนอะ วิธีการสร้างขอเป็น Blog ถัดๆ ไปละกัน อิอิ 🙂 AR คืออะไร ??หลายๆ คนคงมีคำถามแบบเดียวกัน และอีกหลายๆ คนก็คงจะไม่เคยรู้ว่าเจ้า AR เนี่ย อยู่ใกล้กับชีวิตประจำวันเรามากกว่าที่คิดนะ 55+ ——————————————————————————————————————– เรามารู้จักกับเจ้าเทคโนโลยี AR กันเถอะ …. เทคโนโลยี AR (Augmented Reality) คือเป็นเทคโนโลยีที่ผสานเอาโลกแห่งความจริง (Real) เข้ากับโลกเสมือน (Virtual) โดยผ่านทางอุปกรณ์เว็บแคม กล้องโทรศัพท์เคลื่อนที่ หรือคอมพิวเตอร์ ร่วมกับการใช้ Software ต่างๆ ซึ่งจะทำให้ภาพที่เห็นในจอภาพจะเป็นวัตถุ (Object) ยกตัวอย่างเช่น คน สิ่งของ โดยแสดงผลออกมาเป็นลักษณะ 3 มิติ ซึ่งมีมุมมองถึง 360 องศาเลยนะ ——————————————————————————————————————– จริงๆ แล้วเนี่ย AR มันเป็นเทคโนโลยีที่มีมานานมากกกกแล้ว ทางผู้เขียนก็ได้ยินผ่านๆ มาอยู่ตลอด แต่ยังไม่เคยได้ลองทดสอบเข้าไปศึกษาและใช้งานแบบจริงๆจังๆ ซะที อาจเพราะในอดีต จะมีข้อจำกัดในทางเทคโนโลยีจึงยังไม่ค่อยมีความแพร่หลายในการใช้งานสักเท่าไหร่ แต่สำหรับยุคปัจจุบัน แทบไม่ต้องพูดถึงเลยว่า อุปกรณ์สมาร์ทโฟนเนี่ยเราสามารถข้าถึงได้ง่ายดายแค่ไหน “เรียกว่าปัจจัยที่ 5 กันเลยทีเดียว” เล่นกันตั้งแต่เด็ก 3 ขวบ จนไปถึงผู้สูงอายุวัย 80 กันนั่นแหละ !! ดังนั้นเทคโนโลยีตัวนี้จึงกลับมาเริ่มมีความแพร่หลายมากยิ่งขึ้น ถูกกล่าวถึงและมีคนให้ความสนใจอยู่เป็นระยะ อาจจะไม่โดดเด่นเท่ากับอีกหลายๆ ตัว แต่ก็คาดว่ายังสามารถต่อยอดไปได้อีกไกลแหละนะ ในปัจจุบันเทคโนโลยีเสมือนจริง สามารถนำมาพัฒนาเป็น Application เพื่อช่วยเสริมสร้างการเรียนรู้ของเด็กๆ หรือช่วยในส่วนของธุรกิจการค้าที่ต้องปรับกลยุทธ์เชิงรุกในรูปแบบออนไลน์ หรือจะให้ยกตัวอย่าง AR ง่ายๆ เลยคือ “เกมส์โปเกมอน โก” นั่นแหละ หลักการทำงานของ AR หลักๆ ประกอบด้วย วิเคราะห์ภาพ (Image Analysis) โดยค้นหาจากตัว Marker (หรือที่เราเรียกว่า Markup) ซึ่งเป็นสัญลักษณ์ หรือรูปภาพที่เรากำหนดไว้เป็นตัวเปรียบเทียบ กับสิ่งที่เราได้เก็บไว้ในฐานข้อมูล (Marker Database) กล้องวิดีโอ กล้องเว็บแคม กล้องโทรศัพท์มือถือ หรือตัวจับ Sensor อื่นๆ Software ส่วนประมวลผลเพื่อวัตถุแบบ 3 มิติ การแสดงผลบนจอภาพจากคอมหรือโทรศัพท์มือถือ หรืออื่นๆ โดยกระบวนการสร้างภาพ 2 มิติ จากโมเดล 3 มิติ (3D Rendering) เป็นการเพิ่มข้อมูลเข้าไปในภาพโดยใช้ค่าตำแหน่งเชิง 3 มิติ ที่คำนวณได้จนได้ภาพเสมือนจริง พื้นฐานหลักของ AR ง่ายๆ คือ ใช้หลักการการตรวจจับการเคลื่อนไหว (Motion Detection) การเต้น หรือ การเคาะ (Beat Detection) การจดจำเสียง (Voice Recognize) และการประมวผลภาพ (Image Processing) นั่นเอง เครื่องมือที่ใช้ในการพัฒนา AR ก็มีอยู่หลากหลายนะ เช่น Unity , Pixlive Maker เป็นต้น หาดูใน google ก็จะขึ้นเยอะแยะไปหมด เป็นยังไงกันบ้างเอ่ย พอจะเข้าใจเทคโนโลยีเสมือนจริงเพิ่มมากขึ้นอีกสักนิดกันมั้ย ไม่ต้องรีบๆ ค่อยๆเรียนรู้ไปด้วยกันนะทุกคนน ——————————————————————————————————————– เอาไว้ใน Blog ถัดไป ผู้เขียนจะมาเล่าถึงวิธีการสร้างเจ้า AR ตัวนี้ละกันนะ ขอเวลาไปเขียน storyboard ก่อนแป๊บนึง …. Bye 🙂ปล … สร้างอะไม่ยากหรอก จะยากก็ตอนออกแบบ นั่งหารูป สร้างข้อความ