Author: parnchanok.j

  • Bitly สายย่อ

    ย่อ ย่อ ย่อ (เอ๊ะ เค้ามีกันแต่ โย่ว โย่ว โย่ว รึเปล่าหว่า) ย่อในความหมายของผู้เขียนรอบนี้นี่คือ ย่อลิงค์ที่มันย๊าว ยาววววววว ให้สั้นลง เพื่อที่เวลาจะส่งใน 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

  • สร้างสื่อเสมือนจริงง่ายๆ ด้วย 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” ได้เลย

    หน้าแรกของระบบจะประกอบด้วย

    1. ซ้ายมือจะเป็นกลุ่มเมนูการจัดการต่างๆ
    2. ตรงกลางเป็นส่วน Plan ซึ่งเราสามารถดูได้ว่าเราทำไปกี่ content แล้ว หรือ publish ไปแล้วกี่ content รวมถึงสามารถ upgrade account ได้ด้วยน๊าาาาาา (ระดับเราแล้ว ฟรี อย่างเดียว !!)
    3. มุมล่างด้านขวาของหน้าจอจะเป็น 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 มายังผู้จัดทำ storyboard ก็ประมาณนี้นะ” มาเริ่มกันที่ 3 เมนูแรกเลยละกัน

    ให้คลิกเลือก content “Image Button” เพื่อเพิ่มปุ่มแรกกันเลย จริงๆ Image Button จะมีสองแบบคือ ด้านซ้ายรูปแบบที่ระบบมีไว้ให้แล้ว ส่วนด้านขวาจะเป็นแบบที่เราออกแบบเอาไว้ ให้เรา Browse file ที่ต้องการเข้ามาได้เลย เมื่อเรียบร้อยแล้ว คลิกปุ่ม “Apply changes“

    Step 7
    เมื่อสร้างปุ่มแรกเรียบร้อยแล้ว ระบบก็จะ New Scene2 ขึ้นมาให้โดยอัตโนมัติ โดยให้ลอง Switch ไปดูในมุมมอง Scenario จะเห็นภาพชัดเจน ตามรูปเลยนะ

    Step 8
    คราวนี้เราจะมาโฟกัสที่ Scene2 กันนะ ตามที่บอกไว้ ปุ่มแรกของเราจะเชื่อมโยงไปยัง VDO ดังนั้นให้คลิกบน Scene2 ก่อนเลย เมื่อคลิกเสร็จแล้วก็ให้เลือก content ที่เป็น “Video” มาวางบน Scene2 เลย
    ปล … ชื่อ Scene นี่สามารถเปลี่ยนได้ตรง Properties ด้านขวามือเลยนะ เปลี่ยนให้เป็นชื่อที่เราเข้าใจได้ง่ายๆ เวลามีหลาย Scene จะได้ไม่งงเน้อออ

    Step 9
    VDO นี่ก็เลือกได้ 2 แบบเหมือนกันนะ upload จากเครื่องเราขึ้นไป หรือจะแปะ link แทน เช่น พวก link จาก youtube เป็นต้น แต่ผู้เขียนขอ upload จากเครื่องตัวเองละกันนะ และเลือกแสดงได้นะว่าจะให้แสดงแบบไหน Full , Loop หรืออื่นๆ ตามที่เห็นนั่นแหละ จากนั้นคลิก “Apply changes” ได้เลย

    Step 10
    ก็ทำตามขั้นตอนเดิม จนครบทุกหน้าที่ตาม Storyboard ที่เราวางไว้ แต่ปุ่มเมนูหลักเนี่ยเวลาจะลากมาวางให้ วางไว้ใน Start Scene นะ อย่าลืมกันละทุกคน และสำหรับหน้าอื่นๆ ที่ไม่ใช่ VDO เนี่ย ก็ให้เลือก content ให้ถูกนะ เป็น Web เป็น PDF หรืออื่นๆ ก็เลือกให้ถูกต้องก่อนนำมาวางละ หากทำครบตามที่วางแผนเอาไว้ ก็จะได้หน้าตาประมาณนี้นะ

    Step 11
    ทำเสร็จแล้ว รีวิวดูแล้วถูกต้องก็มา Save กันเลย ให้คลิกเลือกที่มุมบนด้านขวาของหน้าจอเลยนะ ตามรูปเลย

    Step 12
    เมื่อบันทึกเรียบร้อยแล้ว ก็ให้เลือก “My Contents” ระบบก็จะมาโฟกัสที่ Content list ให้เรา จากนั้นก็ให้ดูว่า Content ที่เราได้สร้างไปนั้น แสดงสถานะเป็น Published แล้วหรือไม่ ปล..จริงๆ แล้วก็จะ Publish ให้อัตโนมัตินั่นแหละ

    Step สุดท้ายยยยยยยย
    ถ้าจะทดสอบงานของเราก็คลิกเข้าไปใน Content ที่เราสร้างไว้ได้เลย จากนั้นให้เอา smartphone ของเราที่ได้ติดตั้ง App V-Player เรียบร้อยแล้ว นำมาส่อง QR Code ของเราได้เลย งานที่เราสร้างก็จะแสดงให้เราเห็น ตามตัวอย่างใน VDO ด้านล่างเลยนะ

    ตัวอย่างผลลัพธ์ AR ที่เราได้สร้างไว้

    เป็นยังไงกันบ้างทุกคน ยากมั้ย นี่ผู้เขียนว่ามันไม่ยากนะ แต่มันแค่ยาวเท่านั้นเอง 555+ ยังไงก็แล้วแต่สามารถทดลองไปสร้างไปใช้งานกันได้นะ สนุกดี แถมเรายังได้ไอเดียอะไรใหม่ๆ ไว้ใช้ในการพัฒนาตัวเราเองได้ด้วย ผู้เขียนหวังเป็นอย่างยิ่งว่า Blog นี้จะมีประโยชน์ต่อผู้อ่านไม่มากก็น้อยแหละเนอะ ไว้เจอกันใหม่ Blog หน้า เน้อทุกคนนนนน แฮ่ 🙂

    อ้างอิง
    youtube ช่องของอาจารย์ Apiwat Wongkanha ค่ะ ละเอียด และทำตามได้จริงๆ แนะนำๆ

  • รู้จักสื่อแบบ 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 หลักๆ ประกอบด้วย

    1. วิเคราะห์ภาพ (Image Analysis) โดยค้นหาจากตัว Marker (หรือที่เราเรียกว่า Markup) ซึ่งเป็นสัญลักษณ์ หรือรูปภาพที่เรากำหนดไว้เป็นตัวเปรียบเทียบ กับสิ่งที่เราได้เก็บไว้ในฐานข้อมูล (Marker Database)
    2. กล้องวิดีโอ กล้องเว็บแคม กล้องโทรศัพท์มือถือ หรือตัวจับ Sensor อื่นๆ
    3. Software ส่วนประมวลผลเพื่อวัตถุแบบ 3 มิติ
    4. การแสดงผลบนจอภาพจากคอมหรือโทรศัพท์มือถือ หรืออื่นๆ โดยกระบวนการสร้างภาพ 2 มิติ จากโมเดล 3 มิติ (3D Rendering) เป็นการเพิ่มข้อมูลเข้าไปในภาพโดยใช้ค่าตำแหน่งเชิง 3 มิติ ที่คำนวณได้จนได้ภาพเสมือนจริง

    พื้นฐานหลักของ AR

    ง่ายๆ คือ ใช้หลักการการตรวจจับการเคลื่อนไหว (Motion Detection) การเต้น หรือ การเคาะ (Beat Detection) การจดจำเสียง (Voice Recognize) และการประมวผลภาพ (Image Processing) นั่นเอง

    เครื่องมือที่ใช้ในการพัฒนา AR ก็มีอยู่หลากหลายนะ เช่น Unity , Pixlive Maker เป็นต้น
    หาดูใน google ก็จะขึ้นเยอะแยะไปหมด เป็นยังไงกันบ้างเอ่ย พอจะเข้าใจเทคโนโลยีเสมือนจริงเพิ่มมากขึ้นอีกสักนิดกันมั้ย
    ไม่ต้องรีบๆ ค่อยๆเรียนรู้ไปด้วยกันนะทุกคนน

    ——————————————————————————————————————–

    เอาไว้ใน Blog ถัดไป ผู้เขียนจะมาเล่าถึงวิธีการสร้างเจ้า AR ตัวนี้ละกันนะ ขอเวลาไปเขียน storyboard ก่อนแป๊บนึง …. Bye 🙂
    ปล … สร้างอะไม่ยากหรอก จะยากก็ตอนออกแบบ นั่งหารูป สร้างข้อความ เลือกสี หา Background เหล่านี้นี่แหละ พูดเลย นาน 55+

    ขอบคุณข้อมูลดีดี
    อ้างอิง : http://www.techno.lru.ac.th/techno

  • เช็คฟอนต์สวย ด้วย WhatFont ~ Extension

    อะ แฮ่ม และแล้วก็เดินมาถึง Blog สุดท้ายในรอบ TOR ของปีนี้จนได้ แต่กว่าจะได้ฤกษ์เขียนได้ก็ปาเข้าไปกลางปีกันเลยทีเดียว (55+)

    มาๆๆ เรามาเข้าเรื่องกันเลยดีกว่า ต้องบอกว่าหลายครั้งที่เราได้เข้าเว็บไซต์นู้นนั่นนี่ แล้วเห็น font สวยๆ แต่ไม่รู้ว่านั่นน่ะมันคือ font อะไร ชนิดไหน … วันนี้ทางผู้เขียนขอนำเสนอ Chrome Extension (อีกแล้วเหรอ !) ที่เรียบง่ายแต่ใช้งานได้จริง นั่นคือ * WhatFont *

    WhatFont คืออะไร ???

    WhatFont เป็นหนึ่งในส่วนขยายของ Google Chrome ซึ่งเป็นเครื่องมือที่ใช้ในการดูได้ว่า Font ที่ใช้หรือแสดงอยู่ในหน้าเว็บไซต์ต่างๆ นั้น คือ Font ชนิดอะไร ขนาดเท่าไหร่ และมีค่าสี เป็นอะไร อ๊ะๆ ยังไม่หมดนะ มันสามารถระบุได้แม้กระทั่งความหนา ความบาง ของ Font นั้นๆ กันเลยทีเดียว เพียงแค่เรานำเมาส์ไปวางบนตัวอักษรที่เราต้องการจะดูรายละเอียดเท่านั้นเอง

    วิธีการติดตั้ง

    • ดาวน์โหลดได้จาก Chrome เว็บสโตร์ คลิก จากนั้นให้คลิกปุ่ม “เพิ่มใน CHROME” หรือ Add to Chrome
    • ระบบจะแสดง pop up ขึ้นมาให้คลิกเลือก “เพิ่มส่วนขยาย”
    • เมื่อเราติดตั้งเรียบร้อยแล้ว หน้าจอก็จะแสดง pop up ขึ้นมาแจ้งให้เราทราบว่าได้ติดตั้งเสร็จเรียบร้อยแล้ว
    • สำหรับวิธีการใช้งาน ให้เข้าเว็บที่เราต้องการ จากนั้นให้คลิกที่ Icon ที่มุมบนด้านขวาของ Browser
    • ให้นำเมาส์ไปวางไว้บนข้อความ / ตัวอักษร ที่เราต้องการจะรู้ว่าเป็น font อะไร
    • และหากต้องการจะดูรายละเอียดเพิ่มเติม เช่น ขนาด สี ความหนา ความบาง ก็ให้คลิกเลือกบนข้อความดังกล่าว จากนั้นจะมีส่วนแสดงข้อมูลเพิ่มเติมขึ้นมาให้เราได้ดูกัน

    เป็นยังไงกันบ้างเอ่ย ข้อมูลอันนี้นี่พอจะช่วยผู้อ่านได้บ้างมั้ย ??

    ยังไงก็แล้วแต่ทางผู้เขียนอยากแนะนำให้ทุกคนไปลองใช้กันดูนะ ง่ายดี ฟรีด้วย แทนที่เรา จะมานั่งคาดเดา หรือมโน กันเองว่า เอ๊ ! ตัวนี้นี่มันเป็น font อะไรแล้วน๊าา แบบนั้นมันล้าสมัยไปแล้ว เสียเวลาเปล่าๆ ติดตั้งตัวนี้กันเลย ง่าย ครบ จบในตัวเดียว 55+

    อย่าลืมลองเล่นกันดูนะ ไว้ปีหน้าฟ้าใหม่ เราจะมาเจอกันอีกใน Blog ถัดๆ ไปเน้ออออ

    ขอบคุณแหล่งอ้างอิง http://photoloose.com/what-font-chrome-extension/

  • แปลงรูปภาพ ให้เป็นตัวอักษร

    สำหรับ Blog ที่ 3 ในปีงบประมาณนี้ จะขอว่าด้วยเรื่องง่ายๆ ที่หลายๆ คนอาจไม่เคยรู้กันมาก่อน (มันง่ายจริงๆนะ ไม่ได้โม้ ) นั่นก็คือวิธีการแปลงรูปภาพ ให้กลายมาเป็นตัวอักษร หรือข้อความ

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

    อ๊าาาา … พอพูดมาจนถึงตอนนี้ หลายๆคนก็อาจจะคิดว่าก็มีตั้งหลายวิธีที่จะแปลงไฟล์รูปภาพให้ไปเป็นข้อความไง ทำไมไม่ใช้ละ ใช่!! มันก็มีหลายๆ โปรแกรมจริงนั่นแหละที่จะสามารถ convert รูปภาพให้เป็นตัวอักษรได้ แต่ไม่อยากลงโปรแกรมให้ยุ่งยากไง ก็อยากแค่คลิกขวาแล้วแปลงได้เลยง่ะ มันจะมีมั้ย ?? ตอบเลยว่า *** มี *** นั่นก็คือการแปลงรูปภาพ ให้กลายเป็นตัวอักษร ผ่านทาง Google Docs บน Google Drive นั่นเอง และไม่ใช่แค่รองรับการแปลงเป็นตัวอักษรภาษาอังกฤษเท่านั้นนะ แต่ยังรองรับการแปลงเป็นภาษาไทยได้ด้วย และไม่ใช่ได้ธรรมดานะ ยังถูกต้อง 100% ไปอี๊กกกก โอย!! เยี่ยมจริงๆ เยี่ยมจริงๆ ไม่บ่นมากละไปดูวิธีกันเลย let’s โกวววว

    Step 1. แนะนำให้เตรียมสแกนหรือถ่ายภาพข้อความที่ต้องการให้ชัด และ save เป็น .jpg หรือ .png ก็แล้วแต่ จากนั้นอัพโหลดขึ้น Google Drive ของเรา

    Step 2. เมื่ออัพโหลดเรียบร้อยแล้ว ให้ทำการ คลิกขวาที่รูป —> เลือกเปิดด้วย —> เลือก Google เอกสาร ดังรูป

    Step 3. รอแป๊บนึง Google Docs ก็จะเปิดขึ้นมา โดยด้านบนสุดจะเป็นภาพปกติต้นแบบของเรา ส่วนด้านล่างของหน้าเอกสารก็จะเป็นตัวอักษรที่แปลงมาจากรูปภาพให้เราโดยอัตโนมัติ ซึ่งเราก็จะสามารถ copy หรือนำข้อความที่แปลงมาได้นั้นไปใช้งานต่อได้เลย

    ง่ายเนอะ เทคโนโลยีสมัยนี้เนี่ย ทำให้ชีวิตเราง่ายและสะดวกสบายขึ้นมากจริงๆ อย่างไรก็แล้วแต่ ทางผู้เขียนหวังเป็นอย่างยิ่งว่า Blog สั้นๆ ในรอบนี้จะเป็นประโยชน์กับผู้อ่านไม่มากก็น้อยแหละนะ อยากให้ลองใช้งานกันดู เช่น ถ้าจะพิมพ์ข้อความสักหน้านึงในหนังสือเล่มนึง ก็หยิบมือถือขึ้นมา ถ่ายรูปหน้าที่ต้องการเลย จากนั้นอัพขึ้น Google Drive อัพเสร็จ คลิกขวาตามขั้นตอน บิงโกกกกกก ได้ข้อความมาละโดยไม่ต้องนั่งพิมพ์ หื้มมมม ประหยัดเวลาสุดๆ ไปลองกันดูเน้อทุกคน ….. สวัสดี

    ขอขอบคุณข้อมูลข่าวสารดีดี
    – https://www.it24hrs.com

  • StayFocusd ~ Extension

    สำหรับ Blog ที่2 ในรอบปีงบนี้ จะขอว่าด้วยเรื่อง Extension บน Chrome ที่เรียกว่า StayFocusd !!

    StayFocusd คืออะไร แล้วเจ้าตัวนี้เนี่ยมันทำอะไรได้บ้าง ? มา ไม่ต้องเกริ่นไปเกริ่นมามากมาย เรามาเริ่มทำความรู้จักกันเลยดีกว่า

    StayFocusd เป็น Extension อีกตัวนึงที่ช่วยเพิ่มประสิทธิภาพในการทำงานของเราด้วยการ “บังคับ” และ “จำกัด” เวลาที่ตัวเราเองใช้ไปกับเว็บไซต์ต่างๆ ที่ทำให้เราเสียเวลา เว็บที่หัวหน้าเรามองว่าไม่มีประโยชน์ (แต่มันมีประโยชน์ทางจิตใจกับเราไง หัวหน้าไม่เข้าใจหนูหรอกกกกกก T T)

    extension อันนี้เหมาะมาก สำหรับใครที่ติด Social Network เปิด youtube อัพเดทสถานะบน facebook ดูซีรีย์เกาหลีออนไลน์ ดูละครย้อนหลังผ่าน line tv เข้า shopee lazada บลาๆ จนถึงระดับที่ทำให้เสียการเสียงาน ลองมาใช้ StayFocusd กันดูเถอะ

    เบื้องต้นมันจะให้เรานำเว็บไซต์ที่เรามองละ ว่ามีแนวโน้มที่จะสูบเวลาของเราไปโดยเปล่าประโยชน์ ไปใส่ไว้ใน List แล้วก็ให้ตั้งเวลาในการที่เราจะไม่สามารถเข้าเว็บนั้นๆ ไม่ได้ชั่วคราว (ตามเวลาที่เราระบุไว้) เพื่อให้ ณ ห้วงเวลาดังกล่าว เราสามารถกลับมามีสมาธิจดจ่ออยู่กับงานได้ 100% แทน

    *** ลองมาดูการติดตั้ง และใช้งานแบบคร่าวๆ กันเถอะ

    ขั้นตอนที่ 1. เข้า Chrome web store และค้นหาเลย StayFocusd หรือคลิกที่นี่ เพื่อติดตั้ง

    ขั้นตอนที่ 2. เมื่อ Add to Chrome เรียบร้อยแล้ว มุมซ้ายของ Browser ก็จะมีสัญลักษณ์กลมๆ สีฟ้าๆ แสดงขึ้นมา ตามรูปเลย

    ขั้นตอนที่ 3. เข้าไปตั้งค่าการใช้งาน โดยคลิกเลือก Settings

    ขั้นตอนที่ 4. ตั้งค่าการใช้งานตามต้องการ เช่น Active Days, Active Hours, Blocked Site, Option ว่าเราต้องการให้การตั้งค่าที่ระบุไว้ทำงานในวันไหน ช่วงเวลาใด และสิ้นสุดเมื่อไหร่ รวมถึง site ที่ต้องการ Block หรือแม้กระทั้งการ customize ข้อความที่จะแสดงเมื่อเราเข้าใช้ในช่วงเวลาที่เว็บดังกล่าวโดน Block เป็นต้น

    ขั้นตอนที่ 5. เมื่อเราทดลองกำหนดตั้งค่าเรียบร้อยแล้ว และลองเข้าใช้งานดูก็จะพบกับหน้าจอประมาณนี้

    สำหรับครั้งนี้ทางผู้เขียนก็ขอจบการแนะนำเพียงเท่านี้ หวังว่า Blog สั้นๆ อันนี้จะมีประโยชน์เล็กๆ น้อยๆ สำหรับผู้อ่าน แต่ก็นะ ไม่ใช่ว่า block ผ่านคอมพิวเตอร์ แต่หยิบมือถือขึ้นมาเปิด app ช้อปปิ้งออนไลน์ เล่น facebook แทนนะ แบบนั้นมันก็ …….. เอาเป็นว่า ตั้งใจทำงานกันเถิดพี่น้องชาวไทยยยยย ไว้เจอกันใหม่โอกาสหน้าเน้อ 🙂

  • เปลี่ยน font หัว column ใน Excel ง่ายๆ

    วันนี้ทางผู้เขียนขอเริ่มต้นปีงบประมาณใหม่ ด้วยบทความอันแสนสั้น และเป็นเกร็ดเล็กเกร็ดน้อย

    ซึ่งสามารถทำตามได้ง่ายๆ เกี่ยวกับเจ้าตัว Microsoft Excel นี่แหละ ปะ! … เรามาเริ่มเลยละกัน

    สำหรับคนที่ใช้ Excel กันอยู่แล้ว หลายๆ คนอาจจะเคยสงสัยเหมือนผู้เขียน ว่ารูปแบบตัวอักษร

    ที่อยู่บนหัวตารางเนี่ย เราสามารถเปลี่ยนมันได้มั้ย เปลี่ยนเป็นตามแบบที่เราชอบได้รึเปล่า ???

     

    จริงๆ แล้วรูปแบบของหัวตาราง มันคือรูปแบบที่เรียกว่า Normal Style นั่นเอง ซึ่งนั่นก็หมายความว่า

    ถ้าเราไปเปลี่ยนเจ้า Normal Style ตัวนี้ รูปแบบหัวตารางของเราก็จะเปลี่ยนแปลงตามไปด้วย…จริงมั้ย

     

    คำถามถัดมาละ … แล้วเราจะไปเปลี่ยนเจ้า Normal Style ตัวนี้ได้ยังไง ไปตรงไหน เลือกอะไร ???

    วันนี้ขอเขียนขั้นตอนการเปลี่ยน Normal Style แบบง่ายๆ กลั้นหายใจไม่ถึง 10 วิ ก็เสร็จละ ปะ ลุยยย !

     

    Step 1. ขาดไม่ได้เลยนะขั้นตอนนี้ …. เปิด Excel ก่อนเลย แหะๆ พอเปิดแล้วก็จะได้มาประมาณนี้

    (สังเกตจากที่จากรูป แบบ Normal Style ตัวอักษรหน้าตาก็จะพื้นๆ เรียบๆ นิดหน่อย)

     

     

     

     

     

     

     

     

    Step 2. ให้คลิกขวา ตรงรูปแบบที่ชื่อว่า Normal จากนั้น ให้เลือก Modify… ตัวอย่างตามรูปที่ 2 เลยนะ

     

     

     

     

     

     

     

     

    Step 3. จะปรากฏหน้าต่างเล็กที่ชื่อว่า Style ขึ้นมา ให้เราคลิกเลือกปุ่ม Format… ไปได้เลย

     

     

     

     

     

     

     

     

    Step 4. หลังจากเลือก Format… แล้ว Excel ก็จะแสดงหน้าต่าง Format Cells ขึ้นมา ให้เราเลือกรูปแบบ

    ของ Font, Style, Size หรืออื่นๆ ตัวอย่างตามรูปด้านล่างเลยนะทุกคน เมื่อเราเลือกเรียบร้อยแล้วก็กด OK และ OK

     

     

     

     

     

     

     

     

     

    Step 5. เมื่อกด OK จนครบแล้วก็จะเห็นรูปแบบ Font ตัวอักษรตรงหัว Column เปลี่ยนไป ตัวอย่างตามรูปเลยจ๊ะ

    แท่น แท่น แท๊นนนนนนนน …. เย้ Font เปลี่ยนแล้ววววว !!

     

     

     

     

     

     

     

     

    เป็นยังไงกันบ้าง ง่ายมั้ย ง่ายเนอะ คลิกไปคลิกมา ปุบปับๆ ก็เสร็จละ ซึ่งเจ้าตัว Normal Style ตัวนี้ที่เราเปลี่ยน

    เมื่อไหร่ที่เราเปิดไฟล์ใหม่ Style เหล่านี้ก็จะกลับมาเป็นปกติเหมือนเช่นเดิมน๊าาาาา สบายใจได้ สำหรับครั้งนี้

    ผู้เขียนขอขอบคุณทุกคนที่เผลอคลิกเข้ามาอ่านนะ 55+ หวังเป็นอย่างยิ่งว่ามันจะมีประโยชน์ให้กับผู้อ่านไม่มากก็น้อย

    ***************************************************************************************************************

    แหล่งข้อมูลอ้างอิง

    –> http://www.inwexcel.com/10-excel-secrets/

  • สร้าง Barcode แบบง่ายๆ ด้วย Word

    ถ้าพูดถึงการสร้าง Barcode ในปัจจุบันก็จะมีมากมายหลายวิธี แล้วแต่เราจะเลือกใช้ แต่สำหรับ Blog นี้ผู้เขียนจะขอแนะนำการสร้าง Barcode แบบง่ายๆ ใช้เวลาไม่นาน โดยที่เราไม่ต้องเพิ่มโปรแกรมเสริม หรือใช้โปรแกรมอื่นๆ เข้ามาช่วยเลย ขอแค่มี Microsoft Word version 2013 หรือ 2016 ในเครื่อง … เท่านี้ก็เพียงพอแล้ว 🙂

     

    มาทำความรู้จัก ระบบบาร์โค้ด (Barcode System) กันหน่อย 

    ระบบบาร์โค้ด หมายถึงการใช้สัญลักษณ์บาร์โค้ดบ่งชี้ไปยังข้อมูลตัวเลขหรือตัวอักษร และประยุกต์ต่อยอด โดยการนำตัวเลขหรือตัวอักษรเหล่านั้นบ่งชี้ไปยังสิ่งต่างๆ เช่น สินค้า (Product), วันหมดอายุ (Expiration date), บุคคล (Person), URL Website เป็นต้น ซึ่งจะมี 2 ประเภทหลักคือ 1 Dimension และแบบ 2 Dimension

     

    *สำหรับคำสั่งในการสร้างบาร์โค้ด DISPLAYBARCODE ใน Blog นี้ที่เราจะพูดถึงนั้น จะรองรับบาร์โค้ดแบบต่างๆ ดังนี้ QR, CODE128, CODE39, JPPOST, EAN, JAN, UPC, ITF14, NW7, CASE

     

    ขั้นตอนที่ 1 : เปิดโปรแกรม Word ขึ้นมา

     

     

     

     

     

     

     

     

     

     

     

    ขั้นตอนที่ 2 : กดปุ่ม Ctrl + F9 จากนั้นเราก็จะเห็นวงเล็กปิดเปิดเพิ่มเข้ามาใน Word ของเรา

     

     

     

     

     

     

     

     

     

     

     

    ขั้นตอนที่ 3 : พิมพ์คำสั่งตาม DISPLAYBARCODE ลงไปในวงเล็บ ตัวอย่างคำสั่งเช่น

    DISPLAYBARCODE “https://sis.psu.ac.th” QR \q 3

     

     

     

     

     

     

     

     

    ขั้นตอนที่ 4 : จากนั้นคลิก Alt + F9 เพื่อดูผลลัพธ์ แท่น แท๊นนน เท่านี้ก็เสร็จเรียบร้อย

     

     

     

     

     

     

     

     

     

     

     

    *ขออธิบายความหมายของแต่ละส่วนในคำสั่งสักนิดนึง เพื่อให้ผู้ใช้ได้เข้าใจง่ายขึ้น สำหรับส่วนแรก

     

    DISPLAYBARCODE   — คือคำสั่งที่เราจะใช้

    “https://sis.psu.ac.th” — เป็นข้อมูลที่เราจะใส่ในบาร์โค้ด ให้ใส่ไว้ภายในเครื่องหมาย ” ”

    QR — เป็นคำสั่งที่ระบุว่าสร้างบาร์โค้ดแบบ QR หากต้องการแบบอื่นเช่น CODE128 ก็เปลี่ยนได้

    โดยให้อิงตามรหัสบาร์โค้ดที่รองรับ

    \q 3  — เป็นการกำหนด Error correction level สำหรับใน QR code เท่านั้น

    หมายเหตุ : ระดับการแก้ไขข้อผิดพลาดของข้อมูล (Error Correction Level) คือ ความสามารถในการกู้คืนข้อมูลที่เสียหาย สามารถกำหนดได้ 4 ระดับ ดังนี้ L=7%, M=15%, Q=25%, H=30% ซึ่งการกำหนดในระดับที่สูงขึ้นจะมีผลทำให้ขนาดของ QR Code เพิ่มขึ้น

     

    เป็นยังไงกันบ้างเอ่ย ง่ายๆ ไม่กี่ขั้นตอนเองใช่มั้ย สำหรับ Blog นี้ผู้เขียนก็จะนำเสนอแบบสั้นๆ ง่ายๆ แต่หากผู้ใช้ท่านไหนต้องการศึกษาแบบละเอียด อย่างลึกซึ้งในส่วนอื่นๆเพิ่มเติมก็สามารถศึกษาเพิ่มเติมหรือดู syntax ได้ที่ MSDN.MICORSOFT

    เจอกันใหม่รอบ TOR หน้าเน้อผู้อ่านทุกคน แฮ่ …

    ขอขอบคุณแหล่งข้อมูลอ้างอิง

    • https://msdn.microsoft.com/en-us/library/hh745901%28v=office.12%29.aspx?f=255&MSPPError=-2147217396
    • https://www.scandit.com/types-barcodes-choosing-right-barcode/

  • ปัญหาในการลืมรหัสผ่านจะหมดไปด้วย … LastPass

    blog ที่ 3 สำหรับปีนี้ ทางเราขอนำเสนอ แทน แท่น แท๊นนนน Extension ที่ชื่อว่า “LastPass” นั่นเอง

    ส่วนเสริมตัวนี้จะช่วยให้ปัญหาการลืม Password ที่เข้าเว็บต่างๆ ทั้งร้อยแปดพันเก้า ที่เราเข้าใช้งานหมดไป
    ในปัจจุบันนี้ต้องยอมรับอย่างนึงว่า เว็บไซต์ที่เราใช้บริการทั้งหลายทั้งมวลนั้นมีมากมายหลากหลายเหลือเกิน

    ทั้งงานเอย social เอย หรือแม้แต่จะเป็น ฐานข้อมูลในการเก็บข้อมูลต่างๆ ทั้งหมดเหล่านี้ล้วนจะต้องมีการสร้าง

    account เพื่อเข้าไปใช้งานทั้งสิ้น และสิ่งนึงที่เราจะเจอบ่อยๆ ก็คือ website นี้ รหัสผ่านอะไรแล้วน้ออออ !! 55+

    อะ ไม่พูดพร่ำทำเพลงมากมาย ไปดูเจ้าตัว Extension “LastPass” กันเถิดดดด …..

    1. ติดตั้ง Extension ผ่านลิงค์นี้ได้เลย คลิก  จากนั้นเริ่มต้นสร้างบัญชี เพื่อเข้าใช้งาน

    ปล…จากนั้นต่อไปในอนาคตเราก็จะปล่อยให้ LastPass ช่วยเราจำในส่วนที่เหลืออื่นๆไง

     

     

     

     

     

     

     

     

     

     

     

     

    2.โดยให้ตั้งรหัสผ่านตามเงื่อนไขที่กำหนด (อันนี้เพื่อความปลอดภัยนั่นแหละ)

     

     

     

     

     

     

     

     

     

     

    3. เมื่อเราตั้งรหัสผ่านตรงตามเงื่อนความปลอดภัยที่กำหนด ก็จะพบกับหน้าจอตามรูป จากนั้น คลิก “NEXT” โลดดด

     

     

     

     

     

     

     

     

     

     

    4. เมื่อดำเนินการครบตามขั้นตอนแล้ว ก็จะพบกับหน้าตาเจ้า LastPass เรียบๆ ดูแล้วใช้งานง่าย ไม่ยากๆ

     

     

     

     

     

     

     

     

     

     

    5. คราวนี้เราก็มาจัดการเพิ่มข้อมูล ที่เราต้องการให้เจ้า LastPass ช่วยเราจำกันเถอะ โดยสามารถคลิกเลือก

    ในส่วนเมนูด้านซ้ายของหน้าจอ หรือจะเลือกจาก Icon ด้านล่างมุมขวาของหน้าจอก็ได้เช่นเดียวกัน

     

     

     

     

     

     

     

     

     

     

    6. ตัวอย่างเช่น สร้างข้อมูลรายละเอียดของเว็บที่เราเข้าใช้งานเป็นประจำ Gmail เป็นต้น จากขั้นตอนที่ 5

    เมื่อคลิก เพิ่มเว็บไซต์ ก็จะพบกับหน้าจอประมาณนี้นะ เมื่อใส่รายละเอียดครบถ้วนแล้ว ก็กด “บันทึก” ได้เลย

     

     

     

     

     

     

     

     

     

     

    7.  จากนั้นระบบก็จะบันทึกข้อมูลเว็บไซต์ Gmail ของเราเอาไว้ เราก็ทำแบบนี้ไปเรื่อยๆ จนครบทุกเว็บที่เราอยาก

    ให้เจ้า LastPass ช่วยจำ เพียงเท่านี้ก็เรียบร้อย ปัญหาการลืมรหัสผ่านเข้าเว็บต่างๆ ที่มีมากมายก่ายกองของเรา

    ก็จะหมดไป

    ** ปล… แต่ต้องไม่ลืมรหัสผ่านที่ใช้เข้า LastPass ตัวนี้น๊าาาา 555+

     

     

     

     

     

     

     

     

     

     

    8. สำหรับความปลอดภัยอื่นๆ เราก็สามารถเข้าไปดู ไปตั้งค่าได้ โดยเลือกผ่านเมนู การตั้งค่าบัญชี ซึ่งก็จะมีทั้งแบบ

    ฟรี และหากต้องการที่ปลอดภัยมากขึ้นไปอีกระดับก็ต้องเป็นแบบ premium กันแหละ แนะนำว่าลองเล่น ลองคลิกๆ

    ศึกษาเพิ่มเติมกันได้นะ

     

     

     

     

     

     

     

     

     

     

     

    สุดท้ายทางผู้เขียนหวังว่า อย่างน้อย ๆ เจ้าตัว Extension LastPass ตัวนี้ จะเป็นผู้ช่วยที่มีประโยชน์อีกตัวนึงสำหรับ

    ผู้อ่านทุกคน อย่างน้อยๆ หากจดในกระดาษแล้วหาย ก็เปลี่ยนมาให้ LastPass ช่วยจำกันเถิด แฮ่ …..

     

    ขอบคุณ แหล่งข้อมูลอ้างอิง : https://www.lastpass.com/how-lastpass-works