[QR Code(Quick Response Code)][QR Code] merupakan [barcode][] yang berbentuk gambar yang memiliki informasi tentang data yang dibawanya. Bagi [User Interface(UI)][UI] yang berdasarkan [Graphical User Interface(GUI)][GUI], barcode yang ditampilkan dilayar atau dicetak ini terlihat wajar saja. Lalu bagaimana dengan penguna [Text-based user interface(TUI)][TUI] seperti [Lynx][]? Apakah bisa menggunakan [barcode][] seperti ini?

### Grenco

[Barcode][] memang direpesentasikan secara _optical_ dalam artian dibaca sebagai sebuah gambar. Bukan berarti *barcode* itu harus berbentuk _image_(seperti _bitmap_ atau _vector_). Ia juga bisa dibuat dengan teks.

Contohnya situs seperti [Grenco.de][Grenco]. Situs itu akan membuatkan [QR Code][] dalam bentuk teks atau kumpulan huruf saja. Menarik bukan?

QR Code yang dihasilkan saat dibuka dengan peramban web akan terlihat seperti gambar biasa. Namun, begitu kita lihat *souce code* [HTML][]-nya. Kita tidak akan menemukan gambar apapun, hanya teks yang ada.

![alt text][i-web-qrenco]

[Grenco][] sendiri hanya sebuah aplikasi web yang membungkus pustaka [C][]  bernama [libgrencode][] menggunakan [python][].

#### HtmlParser

Untuk melihat [QR Code][] ini memang _text_. Kita coba buat _console_ aplikasi dengan [Grenco][].

Hasil dari [Grenco][] akan ditampilkan ke layar lewat _Console.WriteLine_. Kalau kita melihat hasilnya akan seperti di bawah. Mirip seperti gambar biasa bukan? Tentu kita juga mesti mencoba apakah yang ditampilkan bisa dibaca oleh [barcode reader][barcode].

Pada tulisan tentang [ZXing][] di [CodePolitan(QR Code dengan ZXing.Net)][CPQRCode] di sana ada kode untuk membaca [barcode][] lewat gambar. Jadi kita akan gunakan aplikasi itu, atau bisa juga pakai _smartphone_. Saat diuji, maka hasil dari yang muncul dilayar tersebut akan _valid_ dan bisa dibaca datanya.

![alt text][i-cmd-qrenco]

Berikut ini data yang didapatkan dari [Grenco][].

```` text
█████████████████████████████████
█████████████████████████████████
████ ▄▄▄▄▄ █ ▄▄ █▀▄▄ █ ▄▄▄▄▄ ████
████ █   █ ██▄█▀▀▄▄▀██ █   █ ████
████ █▄▄▄█ █ ▀▀▄ ▀ █▀█ █▄▄▄█ ████
████▄▄▄▄▄▄▄█ ▀▄█▄▀▄▀▄█▄▄▄▄▄▄▄████
████▄▄▄▀▀ ▄█ ▄█▄ ▄█  ▄  ▄▀▀▄ ████
████▀█▀█ ▀▄▄▄▄ ▀ ▄   ▀█▀▀ ▄▀▄████
█████▄▀ ▄▄▄  ▄ ██  ▀ ▄  █ ▀█ ████
████▄▄▀▀▄▀▄▀▀▀▄▄█▀█▄▀▄▄▄█ ▄█▄████
████▄▄██▄▄▄▄▀▀▀▄ ▄█▄ ▄▄▄  ▀▄█████
████ ▄▄▄▄▄ █▀ ▄▀ ▄ ▀ █▄█ ███ ████
████ █   █ ██████  ▄  ▄  ▄█ ▄████
████ █▄▄▄█ █ █▄▄█▀█   ▄█  ▄▄▄████
████▄▄▄▄▄▄▄█▄▄▄▄▄▄██▄███▄▄██▄████
█████████████████████████████████
█████████████████████████████████
````

#### .NET HtmlParser

Karena [Grenco][] adalah aplikasi web maka kita perlu mengambil [HTML][]-nya untuk diolah untuk mendapatkan hanya [QR Code][]-nya saja. Untuk itu kita gunakan [Html Agility Pack(HAP)][HAP] lewat [NuGet][]([HAP package][NgHAP]). Kodenya kita bungkus jadi sebuah fungsi __QrcodeToText__.

`< VB.Net >`

![alt text][i-qrcodetotext-qrenco-vb]

`< C# >`

![alt text][i-qrcodetotext-qrenco-cs]

### ZXing

Kurang asik jika kita harus *online* untuk membuat QRCode berbasis teks. Sekarang kita akan coba membuat versi lokal a.k.a _offline_.

Kita bisa membuat [QR Code] dengan [ZXing][] seperti tulisan di [CodePolitan][CPQRCode]. Yang dihasilkan oleh _library_ adalah gambar atau lebih tepatnya _Bitmap_. Untuk itu kita perlu kode yang dapat mengubah gambar tersebut menjadi teks yang bisa kita tampilkan dalam _console_ aplikasi. Dan tentunya [QR Code][]-nya harus tetap bisa dibaca seperti pada gambar dibawah.

![alt text][i-cmd-zxing]

Hasil _image_ dari [ZXing][] menjadi _text_.

```` text
██████████████████████████████
██████████████████████████████
████▀▀▀▀▀▀▀██▀█▀▀█▀▀▀▀▀▀▀█████
████ █▀▀▀█ █  █▄▀█ █▀▀▀█ █████
████ █   █ █▀▄█▄▀█ █   █ █████
████ ▀▀▀▀▀ █ █▀▄ █ ▀▀▀▀▀ █████
████▀▀█▀██▀▀▄  ▄▄█▀▀▀█▀▀██████
████▄▀ ▄ ▄▀▀▀ ▄█▀  ▀█▀▀▄ █████
█████ █ █ ▀▀▄▀█▄▀█▄▄▄▄█▄▄█████
████▀▀▀▀▀▀▀█ ▀▄▄█▀▄▀ ▀ ▀██████
████ █▀▀▀█ ██▄▄ ▄▀█▄███▀▄█████
████ █   █ █▄███▀██▄ ▄ ▄ █████
████ ▀▀▀▀▀ █ ▄██ ▄▀▀█▀█▀██████
██████████████████████████████
██████████████████████████████
██████████████████████████████
````

Caranya sederhana, pertama kita perlu membuat [QR Code][]. Untuk itu kita gunakan [ZXing][] lewat [NuGet][]([ZXing.NET package][NgZxing]). Setelah itu gambarnya kita proses menjadi teks dengan cara dibaca per-_pixel_-nya. Hasil pembacaan itu kemudian di-_map_ ke karakter yang sesuai. Mudah bukan?

`< VB.Net >`

![alt text][i-qrcodetotext-zxing-vb]

`< C# >`

![alt text][i-qrcodetotext-zxing-cs]

### Penutup

[QR Code] dengan [GUI][] sudah biasa. Dalam tulisan ini kita memaparkan cara yang tidak biasa dilakukan terhadap [barcode][] yaitu menampilkannya di Console, Terminal atau aplikasi berbasis teks yang lain dengan mengubah tiap piksel gambar [barcode][] menjadi teks.

### Referensi

* [Grenco.de][Grenco]
* [GitHub: libgrencode][libgrencode]
* [GitHub: ZXing.Net][ZXing]
* [Html Agility Pack(HAP)][HAP]
* [Wikipedia: Barcode][Barcode]
* [Wikipedia: QR Code (Quick Response Code)][QR Code]
* [CodePolitan: QR Code dengan ZXing.Net][CPQRCode]

> **Perhatian!** Code yang ditampilkan dalam tulisan ini merupakan ilustrasi dari yang ingin dipaparkan dan bukan _**production ready code**_. Sudah banyak kejadian karena asal meng-_**copy-and-paste**_ tanpa mengerti code yang diambil itu ke dalam _**production**_. Selain itu perlu ada tambahan code dan test sebelum siap untuk digunakan secara utuh.

[libgrencode]: https://github.com/fukuchi/libqrencode "GitHub: libgrencode"
[Grenco]: http://qrenco.de/ "Grenco"
[.NET]: https://en.wikipedia.org/wiki/.NET_Framework "Wikipedia: .NET Framework"
[NuGet]: https://www.nuget.org/ "NuGet Website"
[HAP]: http://html-agility-pack.net/ "Html Agility Pack(HAP)"
[NgHAP]: https://www.nuget.org/packages/HtmlAgilityPack/ "Nuget: Html Agility Pack package"
[ZXing]: https://github.com/micjahn/ZXing.Net "GitHub: ZXing.NET"
[NgZXing]: http://nuget.org/packages/ZXing.Net "NuGet: ZXing.NET package"
[Barcode]: https://en.wikipedia.org/wiki/Barcode "Wikipedia: Barcode"
[QR Code]: https://en.wikipedia.org/wiki/QR_code "Wikipedia: QR Code (Quick Response Code)"
[GUI]: https://en.wikipedia.org/wiki/Graphical_user_interface "Wikipedia: Graphical User Interface(GUI)"
[UI]: https://en.wikipedia.org/wiki/User_interface "Wikipedia: User Interface(UI)"
[TUI]: https://en.wikipedia.org/wiki/Text-based_user_interface "Wikipedia: Text-based user interface(TUI)"
[HTML]: https://en.wikipedia.org/wiki/HTML "Wikipedia: HyperText Markup Language (HTML)"
[Python]: https://en.wikipedia.org/wiki/Python_(programming_language) "Wikipedia: Python"
[C]: https://en.wikipedia.org/wiki/C_(programming_language) "Wikipedia: C"
[CPQRCode]: https://www.codepolitan.com/qr-code-dengan-zxingnet-58a9bb66912ae "CodePolitan: QR Code dengan ZXing.Net"
[Lynx]: https://en.wikipedia.org/wiki/Lynx_(web_browser) "Wikipedia: Lynx(web browser)"

[i-web-qrenco]: https://dede.gitlab.io/a/i/p/net-qrcode-text/web-qrenco.png "grenco.de"
[i-cmd-qrenco]: https://dede.gitlab.io/a/i/p/net-qrcode-text/cmd-qrenco.png "QRCode by Grenco"
[i-cmd-zxing]: https://dede.gitlab.io/a/i/p/net-qrcode-text/cmd-zxing.png "QRCode with ZXing"
[i-qrcodetotext-qrenco-cs]: https://dede.gitlab.io/a/i/p/net-qrcode-text/qrcodetotext-qrenco-cs.png "QRCodeToText function (grenco.de) - C#"
[i-qrcodetotext-zxing-cs]: https://dede.gitlab.io/a/i/p/net-qrcode-text/qrcodetotext-zxing-cs.png "QRCodeToText function (ZXing) - C#"
[i-qrcodetotext-qrenco-vb]: https://dede.gitlab.io/a/i/p/net-qrcode-text/qrcodetotext-qrenco-vb.png "QRCodeToText function (grenco.de) - VB.NET"
[i-qrcodetotext-zxing-vb]: https://dede.gitlab.io/a/i/p/net-qrcode-text/qrcodetotext-zxing-vb.png "QRCodeToText function (ZXing) - VB.NET"

QRCode Berbasis Teks

GenAI Video Fest adalah ajang kompetisi video kreatif yang diselenggarakan oleh CODEPOLITAN bekerjasama dengan Alibaba Cloud.

Kami menantang kreator, tech-enthusiast, dan siapa saja untuk mendobrak batas imajinasi menggunakan teknologi Generative AI terbaru. Di sini, kamu wajib menggunakan WAN Model Studio dari Alibaba Cloud sebagai tools utama untuk menghasilkan karya videomu (bisa dikombinasikan dengan tools editing lainnya).

Tunjukkan pada dunia bagaimana teknologi dan kreativitas bisa bersatu menciptakan karya visual yang berdampak!

Kategori Kompetisi
Pilih satu dari empat tema besar ini untuk karyamu:
* Humanity (Kemanusiaan): Cerita yang menyentuh hati, sosial, dan kepedulian antar sesama.
* Sports (Olahraga): Energi, semangat juang, dan dinamika dunia olahraga.
* Entertainment (Hiburan): Komedi, musik, video klip, atau parodi yang menghibur.
* Science (Sains): Visualisasi masa depan, teknologi, alam semesta, atau penemuan ilmiah.

Total Prize Pool senilai Rp 250.000.000 menunggu para pemenang!
* Top Winners Rewards: Uang Tunai, Alibaba Cloud Credits (hingga $500), Merchandise Eksklusif, dan SWAG CODEPOLITAN.
* Lucky Draw Event: Kesempatan menang hadiah tambahan bagi peserta yang beruntung.
* Massive Exposure: Karya terbaik akan di-highlight di media sosial CODEPOLITAN, Alibaba Cloud, dan channel industri kreatif lainnya.
* Special Access (Khusus Alumni RuangAI): Dapatkan 2 Token untuk klaim Kelas Spesialisasi di RuangAI secara gratis.

Jangan sampai ketinggalan tanggal penting ini:
* Pendaftaran & Submission: 23 Desember 2024 - 23 Januari 2025
* Penjurian (Judging Phase): 24 - 26 Januari 2025
* Pengumuman Pemenang: 27 Januari 2025

Cara Ikutan:
1. Daftar: Klik tombol "Daftar Sekarang" dan pastikan kamu punya akun RuangAI.
2. Join Discord: Masuk ke server Discord komunitas untuk info teknis dan diskusi.
3. Create: Buat video kreatifmu menggunakan WAN Model Studio (Alibaba Cloud) sesuai kategori pilihan.
4. Upload & Submit: Unggah videomu ke media sosial (IG/TikTok/YouTube) dan submit link karyamu di halaman submission RuangAI.

Ikuti kompetisi video Generative AI terbesar dari CODEPOLITAN dan Alibaba Cloud! Gunakan teknologi WAN Model Studio untuk menyulap ide liarmu menjadi visual memukau. Rebut total hadiah senilai Rp 250.000.000!

GenAI Video Fest

Beasiswa Basic Cybersecurity adalah program inisiatif dari JagoanSiber yang dirancang untuk membuka wawasan masyarakat luas tentang dunia keamanan digital. Program ini hadir untuk menjawab kebutuhan talenta keamanan siber yang tinggi, dimulai dengan membangun pemahaman fundamental yang kokoh.

Program ini berbentuk Kelas Online Belajar Mandiri (Self-Paced Learning) berbasis video. Peserta diberikan keleluasaan penuh untuk mengakses materi kapan saja dan di mana saja tanpa terikat jadwal, sehingga sangat fleksibel bagi pelajar, mahasiswa, maupun pekerja profesional.

Kelebihan utama program ini adalah aksesnya yang 100% GRATIS dan terbuka untuk siapa saja tanpa syarat latar belakang IT. Peserta akan dibimbing langsung oleh Mahrus Qusaery, seorang praktisi keamanan siber berpengalaman, yang akan mengupas tuntas materi dasar yang krusial.

Program beasiswa kelas online gratis untuk mempelajari dasar keamanan siber dari nol. Belajar mandiri berbasis video langsung dari praktisi ahli, Mahrus Qusaery.

QRCode Berbasis Teks

Learning

KelasFullstack

RuangAI

JagoanSiber

Baca Artikel Lainnya

IBM Swift Sandbox, Belajar dan Tes Kode Program Swift Online

T-SQL : Greatest Function di SQL Server

WinForm: Cross-Thread

Implementasi Math Summation

PeachPie, PHP compiler untuk .NET

UrhoSharp Game-Engine dari Xamarin