แนะนำการทำเว็บสำเร็จรูป - วิธีสร้าง QR Code และแสดงผลบนเว็บไซต์
แนะนำการทำเว็บสำเร็จรูป - วิธีสร้าง QR Code และแสดงผลบนเว็บไซต์

หลายๆ ท่านคงเคยเห็นภาพที่มีสัญลักษณ์จุดสีเหลี่ยมเรียงต่อกันเป็นลายๆ ผ่านสายตา เช่น ปรากฎตามป้ายโฆษณา บนกล่องผลิตภัณฑ์ หรือบนหน้าเว็บไซต์ก็มีนะคะ ซึ่งเราเรียกสิ่งนี้ว่า "QR Code" ค่ะ

ซึ่ง ReadyPlanet HowTo วันนี้ มีข้อมูลเกี่ยวกับ QR Code มาฝาก เราไปดูกันค่ะว่า QR Code คืออะไร มีประโยชน์อย่างไร ไปจนถึงมีวิธีการสร้างที่ยากง่ายเพียงใด  และนำมาใส่ในระบบเว็บไซต์สำเร็จรูปได้หรือไม่  ไปติดตามกันเลยค่ะ


QR Code คืออะไร?

QR Code ย่อมากจาก Quick Response Code แปลว่า โค้ดที่มีการตอบสนองอย่างรวดเร็ว  สามารถเก็บข้อมูล ได้ทั้งตัวอักษร ตัวเลข และ Binary  เช่น ชื่อเว็บไซต์, เบอร์โทรศัพท์, ข้อความ, E-mail ฯลฯ และมีการแปลงข้อมูล (Encode) และถอดรหัส (Decode) ด้วยการใช้รูปแบบ 2D ด้วย ซอฟต์แวร์การถอดรหัสจากภาพหรือวีดีโอค่ะ


หลักการทำงานของ QR Code

QR Code มีหลักการทำงานคล้าย ๆ กับ Barcode ที่อยู่บนกล่องหรือผลิตภัณฑ์ทั่วไป  แต่การอ่าน Barcode จะต้องใช้เครื่องสแกนยิงเลเซอร์ จากนั้นเครื่องสแกนก็จะแปลง Barcode เป็นข้อมูลสินค้าชิ้นนั้นๆ ส่วนการอ่าน QR Code นั้นสะดวกกว่า เพียงใช้โทรศัพท์มือถือที่มีกล้องและโปรแกรม QR Code Reader  เพื่อใช้ถ่ายภาพ QR Code จากนั้นโปรแกรมจะประมวลผล QR Code เป็นข้อมูลต้นฉบับ เช่น ชื่อเว็บไซต์ เบอร์โทรศัพท์ หรือข้อความ เป็นต้น แสดงผลบนโทรศัพท์มือถือได้โดยตรง


ประโยชน์ของ QR Code

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

หรือการเก็บบันทึกข้อมูลชื่อ เบอร์โทรศัพท์  อีเมล บนนามบัตรลงในโทรศัพท์มือถือ จากเดิมที่ต้องพิมพ์ข้อมูล ก็เปลี่ยนมาเป็นการถ่ายภาพ QR Code แล้วข้อมูลก็จะบันทึกลงในโทรศัพท์ได้ทันที  นอกจากนี้ QR Code ยังถูกนำไปใช้ในการโฆษณาอย่างกว้างขวาง (โดยเฉพาะอย่างยิ่งในประเทศญี่ปุ่น)


สำหรับท่านสมาชิกที่ใช้ระบบเว็บไซต์สำเร็จรูป ReadyPlanet ก็สามารถแปลงข้อมูลการติดต่อร้านค้าหรือองค์กรให้เป็น QR Code และติดตั้งบนหน้าเว็บไซต์ของท่านได้ไม่ยาก โดยมีขั้นตอนดังนี้ค่ะ

1. ไปที่เว็บไซต์ www.Google.com จากนั้นพิมพ์ข้อความในช่องค้นหา เช่น "สร้าง QR Code" แล้วกดค้นหา  จะพบเว็บไซต์ให้บริการสร้าง QR Code ในที่นี้ขอยกตัวอย่างเว็บไซต์ http://tools.thaibizcenter.com/qrcode/ 

      โดยเลือกคลิกแท็ปรูปแบบข้อมูลที่ต้องการแปลงเป็น QR Code เช่น คลิกตัวเลือก "Link" เพื่อแปลงชื่อเว็บไซต์ จากนั้นเลือกขนาดของรูป QR Code ที่ต้องการให้แสดงผล และกรอกชื่อเว็บไซต์ในช่อง URL (หากเป็นข้อมูลประเภทอื่น ๆ จะมีช่องให้กรอกรายละเอียดและเลือกขนาดรูป QR Code เช่นกันค่ะ) แล้วคลิก Get Code

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




2. วิธีการติดตั้ง QR Code ในเว็บไซต์ในระบบ VelaClassic ให้  Log in เข้าส่วนสมาชิก  ที่เมนู "จัดการเว็บไซต์"  คลิก "พื้นที่แบนเนอร์"

(สำหรับผู้ที่ใช้ระบบเว็บไซต์สำเร็จรูป VelaEasy สามารถคลิก "เพิ่ม Widget" และเลือก "HTML" แล้ววางโค้ดได้เลยค่ะ)




3.  คลิก   "เพิ่ม" เพื่อเข้าสู่หน้าการสร้างแบนเนอร์




4. ให้ท่านเลือก "รูปแบบของแบนเนอร์" เป็น "ใช้ HTML Code" จากนั้น วางโค้ดที่ Copy มาในช่อง HTML Code และคลิก "ตกลง" เพื่อบันทึก

(กรณีบันทึก QR Code เป็นไฟล์รูปภาพ สามารถเลือกรูปแบบของแบนเนอร์เป็น "อัพโหลดแบนเนอร์เอง" ทำการ Browse เลือกรูปแทนการใส่ URL รูปแบนเนอร์ และกรอกข้อมูลอื่น ๆ เหมือนขั้นตอนข้างต้นค่ะ)




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

 



อ้างอิง

QR Code คืออะไร :  www.it-guides.com 
ประโยชน์ของ QR Code  : http://guru.thaibizcenter.com 
 

11 August 2011
Jittima  Suebsook
www.ReadyPlanet.com
 




เทคนิคการทำเว็บไซต์ (Howto)

เทคนิคการสร้างเส้นตรงคั่นระหว่างเนื้อหาหรือบทความด้วยเครื่องมือ Insert Horizontal Line
วิธีนำ Embed Post จาก Facebook, Twitter และ Google+ มาแสดงผลบนหน้าเว็บไซต์
เว็บไซต์สำเร็จรูป - ไขข้อข้องใจ "การทำเว็บไซต์ภาษาที่สอง"
เว็บไซต์สำเร็จรูป - ติดตั้งเครืองมือแปลภาษา Google Translate บนหน้าเว็บไซต์
เว็บไซต์สำเร็จรูป - เจาะลึกเรื่องเมนูที่ควร Do และ Don't
เว็บไซต์สำเร็จรูป - เทคนิคง่าย ๆ ในการค้นหาข้อมูลบนเว็บไซต์ ตอนที่ 2
เว็บไซต์สำเร็จรูป - เทคนิคง่าย ๆ ในการค้นหาข้อมูลบนเว็บไซต์ ตอนที่ 1
เว็บไซต์สำเร็จรูป - เทคนิคการใส่ตารางในรายละเอียดสินค้าบนระบบร้านค้าออนไลน์
เว็บไซต์สำเร็จรูป - เทคนิคการปิดปรับปรุงเว็บไซต์ โดยใช้ Intro Page
เว็บไซต์สำเร็จรูป - ติดต่อง่าย เก็บได้ข้อมูลดังใจกับ "แบบฟอร์มอิสระติดต่อกลับ"
เว็บไซต์สำเร็จรูป - ไม่พลาดการติดต่อด้วย "แบบฟอร์มมาตรฐาน"
เว็บไซต์สำเร็จรูป - ใส่กรอบและตกแต่งรูปภาพอย่างง่ายด้วยโปรแกรม PhotoScape
การทำเว็บเพื่อการตลาดออนไลน์ - ฟันธงแนวโน้มการตลาดออนไลน์
เว็บไซต์สำเร็จรูป - จัดระเบียบข้อมูลบนหน้าเว็บไซต์ด้วยเครื่องมือตาราง
แนะนำการทำเว็บสำเร็จรูป - วิธีอัพโหลดไฟล์เอกสารและสร้างลิงค์สำหรับดาวน์โหลด
แนะนำการทำเว็บสำเร็จรูป - ย่อรูปภาพอย่างง่ายด้วยเครื่องมือ "กำหนดขนาดรูปภาพ"
การทำเว็บเพื่อการตลาดออนไลน์ - Website Check Up ตรวจสุขภาพเว็บไซต์
แนะนำการทำเว็บสำเร็จรูป - สร้างลิงค์รูปภาพเล็กไปรูปภาพใหญ่ ด้วยเครื่องมือ Text Editor
แนะนำการทำเว็บสำเร็จรูป - เทคนิคใส่ตัวอักษรเคลื่อนไหวในพื้นที่ด้านล่างของเว็บไซต์
แนะนำการทำเว็บสำเร็จรูป - เทคนิคซ่อนเส้นขอบรูปภาพที่เกิดจากการสร้างลิงค์
แนะนำการทำเว็บสำเร็จรูป - วิธีสร้างภาพโลโก้ตัวอักษรอย่างง่าย
แนะนำการทำเว็บสำเร็จรูป - วิธีแสดง Profile widget จาก Twitter ในเว็บไซต์
แนะนำการทำเว็บสำเร็จรูป - วิธีติดตั้งโค้ดนับจำนวนผู้เข้าชมเว็บไซต์
การทำเว็บเพื่อการตลาดออนไลน์ - ทำอย่างไรให้เว็บไซต์เป็นที่นิยม
แนะนำการทำเว็บสำเร็จรูป - ข้อควรระวังในการทำเว็บไซต์และวิธีใส่ข้อมูลในเว็บไซต์ที่ถูกต้องปลอดภัย
แนะนำการทำเว็บสำเร็จรูป - วิธีใส่เสียงเพลงในหน้าเว็บไซต์
แนะนำการทำเว็บสำเร็จรูป - ตกแต่งเว็บไซต์ด้วยโค้ดนาฬิกาและปฏิทิน
แนะนำการทำเว็บสำเร็จรูป - สร้างลิงค์ตรวจสอบสถานะ EMS และไปรษณีย์แบบลงทะเบียนในเว็บไซต์
แนะนำการทำเว็บสำเร็จรูป - สร้างรูปภาพเคลื่อนไหวแบบ Marquee
แนะนำการทำเว็บสำเร็จรูป - ประชาสัมพันธ์เว็บไซต์ด้วยแบนเนอร์แลกลิงค์
แนะนำการทำเว็บสำเร็จรูป - สร้างลูกเล่นให้เว็บไซต์ด้วย Chat Box
การทำเว็บเพื่อการตลาดออนไลน์ - สร้างธุรกิจให้ดังและโดนด้วย Social Network
แนะนำการทำเว็บสำเร็จรูป - ตกแต่งเว็บไซต์ด้วยแบนเนอร์เทศกาล
การทำเว็บเพื่อการตลาดออนไลน์ - E-Mail Marketing ทำการตลาดออนไลน์ด้วยอีเมล
แนะนำการทำเว็บสำเร็จรูป - วิธีสร้างไฟล์ภาพ Favorite Icon เพื่อแสดงผลในช่อง Address Bar
แนะนำการทำเว็บสำเร็จรูป - เทคนิคการสร้างลิงค์ ในหน้าเดียวกันด้วยคำสั่ง Anchor
การทำเว็บเพื่อการตลาดออนไลน์ - Google Adwords สื่อโฆษณาที่ทรงพลัง
แนะนำการทำเว็บสำเร็จรูป - เทคนิคการสร้างลิงค์เมนูและรูปภาพแบนเนอร์ในพื้นที่ด้านล่างของเว็บไซต์
แนะนำการทำเว็บสำเร็จรูป - แนะนำวิธีหากลืมรหัสผ่านเข้าสู่หน้าแก้ไขเว็บไซต์
การทำเว็บเพื่อการตลาดออนไลน์ - การติดตั้ง Facebook Page Plugin (Like Box) ในเว็บไซต์
แนะนำการทำเว็บสำเร็จรูป - วิธีแสดงผลเครื่องเล่น VDO บนหน้าเว็บไซต์
การทำเว็บเพื่อการตลาดออนไลน์ - Keyword ช่วยสร้างตัวตนบนโลกออนไลน์
แนะนำการทำเว็บสำเร็จรูป - สาเหตุและวิธีการแก้ไขหน้าเว็บไซต์ที่จำข้อมูลเดิม
การทำเว็บเพื่อการตลาดออนไลน์ - การเปลี่ยน Visitor เป็น Customer
การทำเว็บเพื่อการตลาดออนไลน์ - วิธีเชื่อมต่อ Status จาก Twitter ไปยัง Facebook อัตโนมัติ
การทำเว็บเพื่อการตลาดออนไลน์ - รู้จักผู้เข้าชมเว็บไซต์ และวัดผลด้วย Google Analytics
แนะนำการทำเว็บสำเร็จรูป - เพิ่มลูกเล่นให้เว็บไซต์ด้วยหน้าต้อนรับ Intro Page
แนะนำการทำเว็บสำเร็จรูป - วิธีระบุที่ตั้งและแสดงแผนที่ Google Map บนหน้าเว็บไซต์
การทำเว็บเพื่อการตลาดออนไลน์ - วิธีใส่คีย์เวิร์ดในเว็บไซต์เพื่อให้ Google จัดเว็บไซต์ในอันดับที่ดี
การทำเว็บเพื่อการตลาดออนไลน์ - ความหมายและความสำคัญของการจดทะเบียนโดเมนเนม
การทำเว็บเพื่อการตลาดออนไลน์ - เทคนิคการให้รายละเอียดสินค้าเพื่อปิดการขาย
การทำเว็บเพื่อการตลาดออนไลน์ - การสร้างความน่าเชื่อถือให้กับเว็บไซต์
แนะนำการทำเว็บสำเร็จรูป - จะเลือกใช้สีในหน้าเว็บไซต์อย่างไรให้เหมาะสม?
แนะนำการทำเว็บสำเร็จรูป - จัดการข้อมูลเมนูย่อยด้านข้างอย่างไรดี?
แนะนำการทำเว็บสำเร็จรูป - เทคนิคการจัดการเมนูหลักที่สวยและดี
แนะนำการทำเว็บสำเร็จรูป - การเลือกรูปแบบเว็บไซต์และจัดโครงสร้างหน้าแรก
แนะนำการทำเว็บสำเร็จรูป - เริ่มต้นใส่ข้อมูลในระบบเว็บไซต์สำเร็จรูป
การทำเว็บเพื่อการตลาดออนไลน์ - เทคนิคการเขียนบทความบนเว็บไซต์ให้น่าสนใจ
แนะนำการทำเว็บสำเร็จรูป - เตรียมข้อมูลทำเว็บไซต์อย่างไรดี
แนะนำการทำเว็บสำเร็จรูป - 10 ข้อแนะนำ ก่อนเริ่มทำเว็บไซต์