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

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

Read More »

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

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 🙂ปล … สร้างอะไม่ยากหรอก จะยากก็ตอนออกแบบ นั่งหารูป สร้างข้อความ

Read More »

เทคนิคการใช้ LINE แปลงข้อความรูปภาพ เป็นตัวอักษร Text (ใช้ภาษาไทยได้สมบูรณ์มาก)

พึ่งเปิดตัวทั้งใน LINE สมาร์ทโฟน และ LINE ในเครื่อง PC สำหรับวิธีการแปลงข้อความรูปภาพ ให้กลายเป็นข้อความ Text ตัวอักษร โดยไม่ต้องเสียเวลามานั่งพิมพ์ใหม่ และวิธีการนี้ยังสามารถแปลเป็นภาษาอื่นๆ จากข้อความ Text ที่ได้จากการแปลงข้อความรูปภาพแล้วอีกด้วย

Read More »

จัดระเบียบ Tab บน Chrome ด้วยเทเลทับบี้ เอ้ย Toby (โทบี้) กันดีกว่า

วันนี้จะมาแนะนำส่วนขยาย (Extensions – เครื่องมือเสริมบราวเซอร์) บน Chrome ที่มีชื่อว่า Toby ค่ะ ใช้งานฟรี กับวลีเด็ดที่เจ้า Toby นำเสนอตัวเองได้น่าสนใจมากเลยทีเดียว คือ Better than Bookmarks หลังจากที่ผู้เขียนได้ลองใช้งาน (Account แบบ Guest) ก็พบว่าการทำงานของเจ้า Toby นั้น ช่างเหมาะสมกับวลีดังกล่าวเสียจริง ๆ โดยเจ้า Toby จะช่วยเราจัดเก็บเว็บไซต์ที่เราใช้งานเป็นประจำทุกวัน บ่อย ๆ ซ้ำ ๆ หรือที่ถูกใจอยากจะเก็บเอาไว้ (ก็เว็บไซต์ต่าง ๆ ที่เรา Bookmark เอาไว้นั้นแหละค่ะ) แยกตามหมวดหมู่ (Collections) ที่เราได้สร้างไว้อย่างมีระเบียบ โดยหากใช้งานเจ้า Toby เมื่อเราเปิด Chrome ขึ้นมา เจ้า Toby จะเปลี่ยนหน้าเริ่มต้นของ Chrome ให้เป็นรูปแบบรายการของเว็บไซต์ต่าง ๆ ที่เราได้บันทึกจัดเก็บไว้ แน่นอน มันช่วยให้การเข้าถึงเว็บไซต์เหล่านั้นสะดวกและง่ายมากยิ่งขึ้น โดยเราไม่ต้องเสียเวลาในการหา หรือป้อนชื่อเว็บไซต์นั้น ๆ ใหม่ทุกครั้ง แต่สามารถคลิกเลือกเว็บไซต์จากรายการเพื่อไปยังเว็บไซต์นั้นได้เลยทันที อย่างผู้เขียนทำหน้าที่เป็น Customer Support ซึ่งต้องดูแลหลาย ๆ ระบบ (Web Application)  จากแต่ก่อน Bookmark ไว้ แต่พอมาใช้เจ้า Toby ก็สบายเลยละคะ User โทรมาสอบถามปัญหาเกี่ยวกับเว็บไซต์ที่ดูแลอยู่เมื่อไหร่ล่ะก็ พร้อมเข้าถึงเว็บไซต์เหล่านั้น (ซึ่งต้องเข้าออกทู๊กกกกกวันนนนน) เพื่อทดสอบ ตอบ แก้ไขปัญหาให้กับ User ได้อย่างทันทีเลยล่ะค่าาาา หรือ User ท่านไหนที่ชอบลืมชื่อเว็บไซต์ที่เราเข้าใช้งานเป็นประจำ ก็แนะนำให้ลองเอาไปใช้ดูนะคะ น่าสนใจมากเลยใช่มั้ยยยยล๊าาา งั้นเรามาติดตั้ง Toby ให้กับ Chrome ของเรากันดีกว่า พร้อมแล้ว ! ลุยยยกันเลยยยยค่ะ! ติดตั้ง Toby ให้ Chrome กันก่อน 1.ไปที่ลิงก์ https://chrome.google.com/webstore/category/extensions ค้นหา Toby และกดปุ่ม Add to Chrome เพื่อเริ่มการติดตั้ง Toby ให้กับ Chrome ค่ะ 2.Chrome จะแสดงกล่องยืนยันการติดตั้ง Toby กดปุ่ม Add extension เพื่อยืนยันการติดตั้ง รอจนกว่าจะสิ้นสุดการติดตั้งนะคะ เมื่อติดตั้งเรียบร้อยแล้ว เราก็ได้เจอกับเจ้า Toby  เสียที หน้าตาก็จะหวานแหวว สีชมพู๊วว ชมพู และจะพบปุ่ม Toby ที่มุมขวาของ Chrome โผล่ขึ้นมาด้วย โดยเจ้า Toby จะ guide การใช้งานให้กับเราซึ่งมี 3 ขั้นตอนที่ง่ายมาก ๆ ดังนี้ค่ะ Create Your First collection. > Give your collection a name. > Drag the tab to the collection. เริ่มใช้งาน Toby กันเลย Create Your First collection สร้างหมวดหมู่ (collection) ที่จะใช้บันทึกจัดเก็บเว็บไซต์ โดยคลิก ปุ่มเครื่องหมายบวก + Add Collection Give your collection a name คลิก  เลือก Edit tittle แล้วทำการแก้ไขชื่อของ Collection ตามที่ต้องการ Drag the tab to the collection ลาก Tab เว็บไซต์ที่เราต้องการ (รายการเว็บไซต์จะมาจากที่เราเข้าใช้งาน) มาใน collection

Read More »

Variables ใน Robot Framework

วันนี้เรามาดูตัวแปร ใน Robot Framework กันดีกว่า ดู ๆ ไปตัวแปรมันก็แปลกดีนะ มาดูกันว่าเป็นไงบ้าง Case Insensitive –> ตัวพิมพ์เล็ก – พิมพ์ใหญ่เป็นตัวเดียวกัน Ignore space –> ไม่สนใจช่องว่าง Ignore underscore –> ไม่แคร์ Underscore 555 มาดูประเภทของตัวแปรกัน ดังรูปจ้า ค่าคงที่ List Dictionary หรือ Json ตามตัวอย่าง มารันดูข้อมูลกันจะเห็นได้ว่ามันจะรันตามลำดับ ที่เราแสดง Log to console ลองดูว่าถ้าเราจะให้แสดง List เฉพาะคำว่า Chotkaew จะทำยังไง ให้มองว่า Thichaluk เป็น index ที่ 0 และ Chotkaew เป็น index ที่ 1 รันดูผลลัพธ์กัน มาลองดูของ dictionary กันบ้าง ให้แสดงค่าของ Thichaluk รันดูผลลัพธ์ ทุกคนคงจะมองเห็นการเข้าถึงข้อมูลแต่ละประเภทกันแล้วใช่มั๊ยค่ะ ต่อไปมาลองสร้าง List กับ Dictionary อย่างง่าย ๆ กัน รูปแบบคำสั่งก็ไปหาดูได้ที่ https://robotframework.org ที่ Libraries –> Builtin ที่ Builtin คลิก View หา Create List กับ Create Dictionary รันดูผลลัพธ์

Read More »