Workshop แนะนำการทำ QR CODE ด้วยภาษา HTML, PHP โดยใช้ API จาก https://developers.google.com/chart/infographics/docs/qr_codes
CODE ง่ายครับ save เป็น .html ก็ Run ได้
|
1 2 3 4 5 6 7 8 9 |
<!DOCTYPE html> <html> <head> <title>basic qrcode </title> </head> <body> <img src="https://chart.googleapis.com/chart?chs=300x300&cht=qr&chl=https://devbanban.com/&choe=UTF-8" title="Link to my Website" /> </body> </html> |
ปล.ทดสอบล่าสุด 21 ธันวาคม 2566 ยังใช้งานได้ตามปกติครับ ^^
ขอแนะนำระบบข้อสอบออนไลน์ PHP PDO Online Testing System v1.0
ขอบเขตระบบ
*ผู้ดูแลระบบ
-ล็อคอิน
-จัดการข้อมูลผู้ดูแลระบบ (เพิ่ม ลบ แก้ไข แก้รหัสผ่าน)
-จัดการข้อมูลวิชา/ตัวเลือก/เฉลย (เพิ่ม ลบ แก้ไข)
-ดูผลสอบรายบุคคล
-ดูรายงาน (Dashboard) รูปแบบกราฟเส้นแสดงจำนวนการเข้าสอบแต่ละวัน
*ผู้ใช้ทั่วไป
-ดูรายวิชาที่เปิดสอบ
-เข้าสอบและดูรายงานผลการสอบ
*ระบบพัฒนาจากอะไร
-ภาษา PHP PDO ฐานข้อมูลใช้ MySQL
-รองรับการทำงาน PHP7 – PHP8
-Frontend หน้าบ้านใช้ Bootstrap4, หลังบ้านใช้ AdminLTE v3
-ระบบสามารถนำไปต่อยอดได้ ใช้จริงได้ แก้ได้ เขียนเพิ่มได้
demo : https://devbanban.com/app/e-test/
ค่าตัว 7000 บาท ได้ Code & Database ทั้งหมด
สนใจ inbox มาที่ https://www.facebook.com/sornwebsites
การทำงาน
ผลลัพธ์
การเอาลิงค์มาสร้าง QR CODE
|
1 |
<img src="https://chart.googleapis.com/chart?chs=300x300&cht=qr&chl=https://devbanban.com/&choe=UTF-8" title="Link to my Website" /> |
สิ่งที่เราต้องเปลี่ยน เพื่อให้ได้ qrcode และลิงค์ไปยังเว็บที่เราต้องการ
ต้องเปลี่ยนส่วนของ chl=”ลิงค์ของเรา”ครับ อย่างเช่นตัวอย่างผมใส่เว็บไซต์ผมเข้าไป คือ https://devbanban.com
การเปลี่ยนขนาดของ QR CODE
ขนาดเริ่มต้นที่ต้นฉบับให้มาคือ 300x300px นะครับ จะอยู่ตรง chs=300×300 ถ้าอยากได้ขนาดที่แตกต่างก็ให้เปลี่ยนขนาดตรงนี้ครับ
การใส่ Title เวลาเอาเม้าไปชี้จะแสดงข้อความ
ให้เปลี่ยนข้อความ title=”Link to my Website”
การนำเอาไปใช้ร่วมกับเว็บไซต์ php
เวลาเราคลิกดูบทความตามเว็บไซต์ จะเห็นว่ามีบางเว็บไซต์มี QR CODE ให้ดาวน์โหลดด้วย ก็ทำง่ายๆเหมือนกันครับ
ตย. code
|
1 2 3 4 5 6 7 8 9 |
<!DOCTYPE html> <html> <head> <title>basic qrcode </title> </head> <body> <img src="https://chart.googleapis.com/chart?chs=300x300&cht=qr&chl=https://devbanban.com/?page_id=<?php echo $_GET['page_id'];?>/&choe=UTF-8" title="Link to my Website" /> </body> </html> |
เวลาเราเปิดเว็บไซต์ เช่น ลิงค์นี้ https://devbanban.com/?page_id=2309 ก็เปลี่ยนเหมือนกับข้างต้นครับ คือ chl=”https://devbanban.com/?page_id=<?php echo $_GET[‘page_id’];?>” ก็จะได้ QR CODE อยู่บนบทความแล้วครับ **อยากให้ QR CODE อยู่ตรงส่วนไหนของ หน้าเว็บก็แล้วแต่เรา Design เลยครับ ง่ายเน้อะ
ระบบสำเร็จรูปพร้อมใช้ หรือเอาไปพัฒนาต่อยอดเพื่อใช้ในองค์กร
สนใจ inbox มาที่ fanpage : https://www.facebook.com/sornwebsites/
ร่วมสนับสนุน ค่ากาแฟ ค่าโฮส devbanban.com และทีมงานได้ที่
ธนาคารกรุงไทย สาขาเดอะมอลล์ท่าพระ
ชื่อบัญชี นายพิศิษฐ์ บวรเลิศสุธี เลขที่ 878-0-17747-6
————————————————————————————
ธนาคารไทยพาณิชย์ สาขามหาวิทยาลัยราชภัฏธนบุรี
ชื่อบัญชี นายพิศิษฐ์ บวรเลิศสุธี เลขที่ 406-359094-1
fanpage : https://www.facebook.com/sornwebsites/