Mari Berbingkai: Mengoptimalkan Penggunaan Paket Bclogo

Anda sudah mengenali pengemasan tulisan seperti tampak pada gambar di samping ini? Bila Anda menyebut bclogo maka jawaban Anda benar. Paket bclogo memanjakan Anda dalam penggunaan ``kotak'' dengan latar berwarna dengan disertai ``logo'' dan judul untuk tullisan Anda.

Bayangkan, Anda akan menulis pada sebuah papan berwarna, yang dapat Anda warnai oleh suatu warna tertentu atau membiarkannya dalam warna bawaan (Putih). Pada tepi papan dapat Anda buat ``lis'' dengan ketebalan tertentu atau membiarkannya dalam ketebalan bawaan ($0.4\,\textrm{pt}$) atau bahkan Anda dapat menggunakan papan itu tanpa lis. Pada pojok atas-kiri, Anda dapat menempatkan sebuah logo yang telah disediakan dalam paket bclogo atau logo milik Anda sendiri (berupa berkas dalam bentuk *.jpg, *.png, atau *.eps). Pada sisi kiri papan (di bawah logo) dapat Anda hias oleh salah satu dari beragam ``penghias'' (mengambil tempat serupa batang/bar/persegi panjang) yang telah disediakan dalam paket bclogo, atau Anda gunakan yang lainnya sesuai dengan selera Anda. Kemudian di kanan logo (pada bagian atas papan) dapat Anda tuliskan judul untuk tulisan Anda. Sedangkan tulisan Anda akan termuat di bawah judul dan di kanan penghias tadi.

Baiklah, sebelum dilanjutkan, sebaiknya lebih dulu Anda buka dan baca buku pintarnya (dalam bahasa Prancis). 😀

Bagaimana Cara Menggunakan Paket Bclogo?

Perhatikan contoh minimal (minimal working example) berikut ini.

Itu adalah contoh penggunaan paket bclogo secara bawaan (tanpa opsi). Anda peroleh ``papan'' Putih dengan logo bunga dan bar di kiri berupa garis tebal. Anda ingin mengubahnya?

Seperti Anda lihat, pada mukadimah, Anda cantumkan paketnya.

\usepackage[tikz]{bclogo}

Kemudian tulisan Anda dimuat di dalam lingkup perintah (environment) bclogo sebagai berikut.

\begin{bclogo}[<opsi>{<judul>} 
<Tulisan Anda>
\end{bclogo}

Bila Anda menginginkan hasil cetak (tampilan) dari penggunaan paket bclogo sesuai dengan selera Anda, maka Anda harus mengisi beberapa opsi pendukungnya. Apa sajakah itu?

• couleur. Untuk mengubah warna papan (bidang tulisan), couleur=<nama warna>.
• couleurTexte. Untuk mengubah warna teks pada tulisan Anda (bukan judul), couleurTexte=<nama warna>. 
• couleurBord. Untuk mengubah warna garis tepi papan (lis), couleurBord=<nama warna>. 
• couleurBarre. Untuk mengubah warna bar pada sisi kiri tulisan, couleurBarre=<nama warna>. 
• epBord. Untuk mengatur ukuran/ketebalan garis tepi papan, epBord=<nilai>. Nilai itu diisi oleh ukuran ketebalan (untuk satuan pt) yang diinginkan, tanpa mencantumkan satuannya.
• arrondi. Untuk melengkungkan sudut-sudut papan, arrondi=<nilai>. Dalam desimal, nilai yang diisikan dalam kisaran $0\le\textrm{nilai}\le1$.
• noborder. Untuk meniadakan garis tepi papan (lis), cantumkan noborder=true.
• marge. Untuk mengatur lebar teks ke arah margin kanan halaman, marge=<bilangan bulat>, ketika opsi noborder=true digunakan. Nilai negatif akan menambah lebar teks.
• margeG. margeD. Untuk menambah/menyusutkan lebar papan dari margin halaman, margeG=<nilai>, margeD=<nilai>. Nilai itu untuk satuan cm, tanpa dicantumkan satuannya. G = Gauche = kiri dan D = Droite = kanan. Anda dapat mencantumkan salah satu atau kedua-duanya dan nilai itu boleh negatif. 
• cadreTitre. Untuk menempatkan judul di tengah-atas papan dan berbingkai kotak, cadreTitre. Secara bawaan, judul tercetak tebal, berukuran large, tanpa bingkai, dan tercetak dari kiri setelah logo, berkat perintah \renewcommand\bcStyleTitre[1]{\large\textbf{#1}}. Nah, Anda dapat memberikan perintah tambahan di dalam argumen wajib pada perintah bawaan itu sesuai dengan selera Anda. Misalnya, \renewcommand\bcStyleTitre[1]{\hspace*{3mm}\bfseries\large\textsl{#1}}. Dapat pula Anda perintah tikz (node) secara inline.
• sousTitre. Untuk menyertakan subjudul (di kanan judul), sousTitre=<subjudul>. Untuk mengatur subjudul, dapat Anda gunakan perintah (misalnya) \renewcommand\bcStyleSousTitre[1]{\hfill\textsl{#1}}.
• logo. Untuk mencantumkan logo (gambar) di atas-kiri papan, logo=<perintah logo>. Untuk memilih perintah logo yang Anda perlukan, silakan buka buku pintarnya pada halaman 11 s.d. 13. Jika ingin Anda gunakan logo sendiri, lebih dulu Anda tetapkan perintah (misalnya) \newcommand{\anu}{\includegraphics[width=\logowidth]{<nama berkas gambar>}}, sehingga dapat Anda gunakan opsi logo=\anu. Secara bawaan, lebar logo ditetapkan $17\,\textrm{pt}$. Bila diperlukan, Anda dapat mengaturnya oleh perintah \setlength{\logowidth}{<nilai>pt}.
• ombre. Untuk menunjukkan bayangan (shadow) papan, ombre=true. Secara bawaan, ombre=false. Anda juga dapat mengatur ketebalan bayangan, epOmbre=<nilai>. Nilai itu untuk satuan cm dan secara bawaan lebar bayangan adalah $0.2\,\textrm{cm}$. Warna bayangan juga dapat Anda atur, couleurOmbre=<nama warna>. Secara bawaan warnya adalah black!30. Anda juga dapat menggunakan bayangan dalam opsi blur bila didukung oleh \usepackage[tikz,blur]{bclogo}. 
• barre. Untuk membuat ``garis'' (bar) pada bidang persegi panjang di sisi kiri tulisan (di bawah logo), barre=<bentuk>. Secara bawaan, Anda diberikan bar berbentuk garis lurus sebagai barre=line. Silakan buka buku pintarnya untuk memilih jenis bar yang lainnya. Tampak bahwa Anda dapat membuat bar sendiri dengan menggunakan opsi bar motif, imageExt, atau imageClip. 

Bagaimana Contohnya?

Untuk kualitas dokumen yang baik, tentu Anda akan gunakan segala sumber daya yang tersedia agar dihasilkan kualitas dokumen secara optimal. Seperti Anda lihat pada gambar pertama di atas, dalam penggunaan paket bclogo untuk dokumen itu, penulis juga menggunakan pendukung lain seperti paket tcolorbox, paket fontawesome, gambar eksternal, jenis huruf, dan pewarnaan.

Secara khusus, dalam penggunaan paket bclogo, kearifan Anda dalam menetapkan opsi-opsinya akan membawakan hasil dokumen yang menawan. Berikut ini sekadar contoh dokumen dengan penggunaan paket bclogo yang dapat Anda kembangkan lebih lanjut.

\documentclass{article}
\usepackage[a4paper]{geometry} % untuk tata halaman
\usepackage[tikz]{bclogo} % paket utama
\usepackage{charter} % jenis huruf
\usepackage{fontawesome} % untuk penggunaan icon
\usepackage{lipsum} % untuk contoh paragraf
\begin{document}
\renewcommand\bcStyleTitre[1]{\hspace*{3mm}\bfseries\large\textsl{#1}}
\begin{bclogo}[couleur=yellow,arrondi=0,logo=\bcbombe,barre=motif, motifBarre=\faBraille,noborder=true]{Ini judul} 
\textbf{Di sini tulisan Anda}. \lipsum[6]
\end{bclogo}
\end{document}

Demikian semoga bermanfaat.

$\square$ Adjie Gumarang Pujakelana 2019

Di Balik Sebuah Jawaban

Guru adalah seorang pekerja rutin. Guru Mata Pelajaran secara rutin melakukan pembelajaran dan menulis materi pembelajaran sesuai dengan Mata Pelajaran yang diampunya berdasarkan pada Silabus yang digunakannya.

Demikian pulalah dalam hal penulisan dengan $\small\LaTeX$, ada yang perlu diingat tentang teknis penulisan sesuatu hal yang rutin ditemukan. Misalnya,

• bagaimana teknis penulisan dalam menyelesaikan sistem persamaan linear dua variabel,
• bagaimana teknis pengurutan pilihan jawaban dalam butir soal pilihan berganda,
• bagaimana cara menandai pilihan jawaban sebagai kunci jawaban,
• bagaimana membingkai jawaban agar tampak enak dilihat.

Keempat hal itulah yang dimaksud oleh judul tulisan ini. Mari kita lihat contohnya berikut ini.

Tampak bahwa pilihan jawaban terurut ke samping kanan (bukan ke bawah) dengan jarak (spasi) yang sama. Ini dilakukan oleh paket enumitem.

1. \usepackage[inline,shortlabels]{enumitem} % dalam preamble

Jarak (spasi) antarpilihan jawaban ditetapkan oleh opsi itemjoin=\hspace{...}.

1. \begin{enumerate*}[A.,itemjoin=\hspace{3em}]
2. \item {\em Rp}46.000,00
3. \citem {\em Rp}48.000,00
4. \item {\em Rp}49.000,00
5. \item {\em Rp}51.000,00
6. \item {\em Rp}53.000,00
7. \end{enumerate*}

Opsi A. memerintahkan butir pilihan jawaban diawali oleh huruf kapital dan diikuti oleh tanda titik. Perintah \em (dalam tanda kurung kurawal) memerintahkan agar lambang rupiah tercetak miring.

Sekarang perhatikan butir pilihan jawaban kedua (sebagai kunci jawaban) yang dinyatakan dengan \citem (bukan \item). Ini adalah perintah baru untuk menandai pilihan jawaban sebagai kunci jawaban. Dalam hal ini tandanya berupa lingkaran yang dilakukan oleh paket tikz.

1. \usepackage{tikz}
2. \usetikzlibrary{quotes,angles,calc,patterns,tikzmark}
3. \pgfdeclarelayer{foreground}
4. \pgfsetlayers{main,foreground}
5. \newcommand*\bulat[1]{\tikz[baseline=(char.base)]{
6.            \node[shape=circle,draw,inner sep=2pt] (char) {#1};}}
7. \newcommand\citem{%
8.   \stepcounter{enumi}\item[\bulat{\Alph{enumi}}]}

Berikutnya, bingkai tersebut dibuat oleh paket bclogo dengan beberapa opsi yang saya tetapkan. Panduan selengkapnya tentang paket ini dapat dipelajari dalam dokumentasinya (meskipun, sayangnya, masih dalam bahasa Prancis).

1. \usepackage[tikz]{bclogo}
2. \newcommand\kunci[2]{%
3. \begin{bclogo}[couleur=Sepia!75!CadetBlue!5,logo=\Huge\bccrayon, arrondi=0.2, ombre=false, barre=none,couleurBord=orange!30!CadetBlue!60,marge=12, blur]%
4. {\hspace{.1cm}\fontsize{11pt}{11pt}\selectfont#1}%title
5. \vspace{.5em}#2
6. \end{bclogo}
7. }%

Terakhir, cara menampilkan proses eliminasi pada sistem persamaan linear dua variabel. Ini salah satu dari beberapa pilihan. Dalam modus matematis, saya gunakan perintah "bilangan pecahan" \frac{...}{...} di mana baik pada pembilang maupun pada penyebut saya gunakan environment aligned untuk meluruskan tanda "sama dengan".

1. \[
2.    \frac
3.    {
4.        \!\begin{aligned}
5.                2x+3y &= 101.500\\
6.                2x+4y &= 107.000
7.        \end{aligned}
8.    }
9.    {\!\begin{aligned}
10.   -y &= -5.500\\
11.   y &= 5.500
12.    \end{aligned}
13.    }
14.    \ -
15. \]

Nah, berikut ini pengkodean selengkapnya untuk contoh dokumen di atas. 

\documentclass[10pt,a4paper]{exam}
\usepackage[margin=2cm]{geometry}
\usepackage[indonesian]{babel}
\usepackage[utf8]{inputenc}
\usepackage[T1]{fontenc}
\usepackage[dvipsnames,svgnames]{xcolor}
\usepackage{mathpazo}
\renewcommand{\rmdefault}{put}
\usepackage{amsmath,amssymb}
\let\ds\displaystyle
\usepackage[inline,shortlabels]{enumitem}
\usepackage{adjustbox}
\usepackage[tikz]{bclogo}
\newcommand\kunci[2]{%
\begin{bclogo}[couleur=Sepia!75!CadetBlue!5,
logo=\Huge\bccrayon, arrondi=0.2, ombre=false, 
barre=none,couleurBord=orange!30!CadetBlue!60,
marge=12, blur]%
{\hspace{.1cm}\fontsize{11pt}{11pt}\selectfont#1}%title
\vspace{.5em}#2
\end{bclogo}
}%
\usepackage{tikz}
\usetikzlibrary{quotes,angles,calc,patterns,tikzmark}
\pgfdeclarelayer{foreground}
\pgfsetlayers{main,foreground}
\newcommand*\bulat[1]{\tikz[baseline=(char.base)]{
            \node[shape=circle,draw,inner sep=2pt] (char) {#1};}}
\newcommand\citem{%
  \stepcounter{enumi}\item[\bulat{\Alph{enumi}}]}
\setlength{\parindent}{0pt}

\begin{document}

\begin{questions}
\question Seorang pekerja bangunan membeli 2 kaleng cat dan 3 buah kuas seharga {\em Rp}101.500,00. Esok harinya pekerja itu membeli 1 kaleng cat dan 2 buah kuas yang sama seharga {\em Rp}53.500,00. Harga 1 kaleng cat dan 1 buah kuas adalah \ldots.
\\[.5em]
\begin{enumerate*}[A.,itemjoin=\hspace{3em}]
\item {\em Rp}46.000,00
\citem {\em Rp}48.000,00
\item {\em Rp}49.000,00
\item {\em Rp}51.000,00
\item {\em Rp}53.000,00
\end{enumerate*}

\medskip
\kunci{Jawaban}
{\adjustbox{valign=t}{\begin{minipage}[t]{0.45\textwidth}
Sistem persamaan linear dua variabel.\\
Misalkan\\
$x=$ harga 1 kaleng cat\\
$y=$ harga 1 buah kuas
\begin{align*}
2x+3y &= 101.500 & \times 1\\
x+2y&= 53.500 & \times 2
\end{align*}
\[
    \frac
    {
        \!\begin{aligned} 
                2x+3y &= 101.500\\ 
                2x+4y &= 107.000 
        \end{aligned}
    }
    {\!\begin{aligned}
   -y &= -5.500\\
   y &= 5.500
    \end{aligned}
    }
    \ -
\]
\end{minipage}}\hfill
%
\adjustbox{valign=t}{\begin{minipage}[t]{0.45\textwidth}
\begin{align*}
x+2\cdot(5.500)&= 53.500\\
x+11.000&= 53.500\\
x&= 42.500
\end{align*}
Harga 1 kaleng cat dan 1 buah kuas adalah $x+y=42.500+5.500= 48.000$.
\end{minipage}}\hfill
}
\end{questions}

\end{document}

Dokumen tersebut saya susun melalui Online LaTeX Editor ShareLaTeX. 

Demikian semoga bermanfaat.

Adjie Gumarang Pujakelana 2015