Showing posts with label pewarnaan. Show all posts
Showing posts with label pewarnaan. Show all posts

Friday, May 29, 2015

Menyoroti (Highlighting) Teks

Tanpa bermaksud turut mempromosikannya, saya (terpaksa) akan menyebut nama produk. Ingat Stabilo, bukan?
Ini mengingatkan saya pada masa bersekolah dulu. Ketika saya membaca (buku catatan atau buku bacaan), sering kali saya gunakan alat itu untuk menggoresi bagian teks yang saya anggap penting agar tampak "warna pencerah" yang menandainya. Mungkin ini semacam mnemonik, yang dapat membantu saya dalam memahami atau menghafal materi yang saya baca. 
Apa kaitan ini dengan $\small\LaTeX$?

Tanpa menggunakan alat tersebut, kita dapat melakukan hal yang sama, bahkan jauh sebelum tulisan kita itu dicetak. Penampakkannya persis seperti goresan tangan (handwriting). Bahkan, bila perlu, kita dapat memunculkan "garis pinggir" (suatu hal yang tidak dapat dilakukan oleh alat itu) dari goresan itu dengan beragam warna pilihan yang kita kehendaki. Nah, agar lebih nyata, silakan perhatikan contoh dokumen berikut ini.




Bagaimana bila yang disorot itu dalam modus matematis? Masih bisa, hanya saja secara inline (tidak cocok untuk cara display). Lalu, bagaimana hal itu dilakukan?
Ini hasil kerja seorang "ahli" (expert), yang meramu dua paket: soul (sebagai dasar) dan tikz.

Secara baku, sebenarnya kita cukup menyediakan dua paket
\usepackage{color}
\usepackage{soul}
kemudian kita gunakan perintah \hl{...}, misalnya
\hl{``NU, Muhammadiyah, dan semacamnya itu \emph{wasilah} atau \emph{ghoyyah}?''}
dengan goresan warna latar dasar, yaitu kuning.

Jika diinginkan, kita pun dapat memanfaatkan paket xcolor (dengan opsi, misalnya, svgnames) untuk penggunaan warna latar lainnya, dengan memberikan perintah baru di dalam preamble, misalnya
\newcommand{\hlc}[2][yellow]{ {\sethlcolor{#1} \hl{#2}} }
kemudian kita gunakan
\hlc[Salmon]{``NU, Muhammadiyah, dan semacamnya itu \emph{wasilah} atau \emph{ghoyyah}?''}

Berbeda dengan itu, seorang anggota forum, dengan nama pengguna Antal S-Z, menunjukkan lekukan (wiggly) secara "alami" dan tampak terpisah pada hasil penggoresan dalam dua baris (perhatikan bagian bawah dalam contoh dokumen di atas).
Paket dan makro yang dibuatnya adalah sebagai berikut.
\usepackage{soul}
\usepackage{tikz}
\usetikzlibrary{calc}
\usetikzlibrary{decorations.pathmorphing}

\makeatletter

\newcommand{\defhighlighter}[3][]{%
  \tikzset{every highlighter/.style={color=#2, fill opacity=#3, #1}}%
}

\defhighlighter{yellow}{.5}

\newcommand{\highlight@DoHighlight}{
  \fill [ decoration = {random steps, amplitude=1pt, segment length=15pt}
        , outer sep = -15pt, inner sep = 0pt, decorate
        , every highlighter, this highlighter ]
        ($(begin highlight)+(0,8pt)$) rectangle ($(end highlight)+(0,-3pt)$) ;
}

\newcommand{\highlight@BeginHighlight}{
  \coordinate (begin highlight) at (0,0) ;
}

\newcommand{\highlight@EndHighlight}{
  \coordinate (end highlight) at (0,0) ;
}

\newdimen\highlight@previous
\newdimen\highlight@current

\DeclareRobustCommand*\highlight[1][]{%
  \tikzset{this highlighter/.style={#1}}%
  \SOUL@setup
  %
  \def\SOUL@preamble{%
    \begin{tikzpicture}[overlay, remember picture]
      \highlight@BeginHighlight
      \highlight@EndHighlight
    \end{tikzpicture}%
  }%
  %
  \def\SOUL@postamble{%
    \begin{tikzpicture}[overlay, remember picture]
      \highlight@EndHighlight
      \highlight@DoHighlight
    \end{tikzpicture}%
  }%
  %
  \def\SOUL@everyhyphen{%
    \discretionary{%
      \SOUL@setkern\SOUL@hyphkern
      \SOUL@sethyphenchar
      \tikz[overlay, remember picture] \highlight@EndHighlight ;%
    }{%
    }{%
      \SOUL@setkern\SOUL@charkern
    }%
  }%
  %
  \def\SOUL@everyexhyphen##1{%
    \SOUL@setkern\SOUL@hyphkern
    \hbox{##1}%
    \discretionary{%
      \tikz[overlay, remember picture] \highlight@EndHighlight ;%
    }{%
    }{%
      \SOUL@setkern\SOUL@charkern
    }%
  }%
  %
  \def\SOUL@everysyllable{%
    \begin{tikzpicture}[overlay, remember picture]
      \path let \p0 = (begin highlight), \p1 = (0,0) in \pgfextra
        \global\highlight@previous=\y0
        \global\highlight@current =\y1
      \endpgfextra (0,0) ;
      \ifdim\highlight@current < \highlight@previous
        \highlight@DoHighlight
        \highlight@BeginHighlight
      \fi
    \end{tikzpicture}%
    \the\SOUL@syllable
    \tikz[overlay, remember picture] \highlight@EndHighlight ;%
  }%
  \SOUL@
}
\makeatother
Kemudian saya gunakan (untuk bagian teks yang saya goresi), dengan menambahkan paket xcolor dalam opsi svgnames untuk pemilihan warna, sebagai berikut.
\highlight[Salmon]{Ahmad Mustofa Bisri} \\
\highlight{``PPP, PDI, dan Golkar itu \emph{wasilah} atau {\em ghoyyah}?''} \\ 
\highlight{``NU, Muhammadiyah, dan semacamnya itu \emph{wasilah} atau \emph{ghoyyah}?''} \\
\highlight[draw=Dandelion]{``Islam, Katholik, Hindu, dan semacamnya itu \emph{wasilah} atau {\em ghoyyah} (tujuan)?''}\\ 
\highlight[SeaGreen, draw=CadetBlue]{\emph{Ghoyyah} itu artinya tujuan akhir. \emph{Wasilah} itu artinya sarana menuju.}\\
\highlight[Salmon, draw=IndianRed]{``Agama Islam adalah \emph{wasilah}.''} \\
\highlight[Salmon]{``Karena \emph{ghoyyah}-nya (tujuannya) adalah Allah.''} \\
\highlight[SeaGreen]{awal mula kesalahan beragama adalah menganggap agama Islam seperti partai politik. Ditambah salah menetapkan apa yang menjadi \emph{wasilah} dan apa yang menjadi \emph{ghoyyah} dalam agama Islam.}
Opsi draw kita nyatakan bila ingin menampakkan "garis pinggir pada lekukan goresan itu.

Demikian semoga bermanfaat. Dokumen di atas saya susun (compile) dalam jaringan melalui Online LaTeX Editor ShareLaTeX.

Adjie Gumarang Pujakelana 2015

Thursday, February 6, 2014

Xcolor

Salah satu paket pewarnaan yang "kaya warna" adalah xcolor. Terdapat empat macam pilihan dalam penggunaan paket ini, yaitu:

Warna Dasar
\usepackage{xcolor}






dvipsnames
\usepackage[dvipsnames]{xcolor}














svgnames
\usepackage[svgnames]{xcolor}

































x11names
\usepackage[x11names]{xcolor}



































































Secara manual tentu kita dapat mencampurkan dua warna, misalnya:
\color{blue!50!red}
yang berarti 50% biru dan 50% merah, atau menentukan warna tersendiri pada preamble dengan menggunakan model RGB, misalnya:
\definecolor{Goldenrod}{RGB}{0.855,0.648,0.125}

Nah, berikut ini daftar unsur-unsur RGB untuk warna pada svgnames.
                         R         G         B
--------------------------------------------------
AliceBlue                0.94      0.972     1         
AntiqueWhite             0.98      0.92      0.844     
Aqua                     0         1         1         
Aquamarine               0.498     1         0.83      
Azure                    0.94      1         1         
Beige                    0.96      0.96      0.864     
Bisque                   1         0.894     0.77      
Black                    0         0         0         
BlanchedAlmond           1         0.92      0.804     
Blue                     0         0         1         
BlueViolet               0.54      0.17      0.888     
Brown                    0.648     0.165     0.165     
BurlyWood                0.87      0.72      0.53      
CadetBlue                0.372     0.62      0.628     
Chartreuse               0.498     1         0         
Chocolate                0.824     0.41      0.116     
Coral                    1         0.498     0.312     
CornflowerBlue           0.392     0.585     0.93      
Cornsilk                 1         0.972     0.864     
Crimson                  0.864     0.08      0.235     
Cyan                     0         1         1         
DarkBlue                 0         0         0.545     
DarkCyan                 0         0.545     0.545     
DarkGoldenrod            0.72      0.525     0.044     
DarkGray                 0.664     0.664     0.664     
DarkGreen                0         0.392     0         
DarkGrey                 0.664     0.664     0.664     
DarkKhaki                0.74      0.716     0.42      
DarkMagenta              0.545     0         0.545     
DarkOliveGreen           0.332     0.42      0.185     
DarkOrange               1         0.55      0         
DarkOrchid               0.6       0.196     0.8       
DarkRed                  0.545     0         0         
DarkSalmon               0.912     0.59      0.48      
DarkSeaGreen             0.56      0.736     0.56      
DarkSlateBlue            0.284     0.24      0.545     
DarkSlateGray            0.185     0.31      0.31      
DarkSlateGrey            0.185     0.31      0.31      
DarkTurquoise            0         0.808     0.82      
DarkViolet               0.58      0         0.828     
DeepPink                 1         0.08      0.576     
DeepSkyBlue              0         0.75      1         
DimGray                  0.41      0.41      0.41      
DimGrey                  0.41      0.41      0.41      
DodgerBlue               0.116     0.565     1         
FireBrick                0.698     0.132     0.132     
FloralWhite              1         0.98      0.94      
ForestGreen              0.132     0.545     0.132     
Fuchsia                  1         0         1         
Gainsboro                0.864     0.864     0.864     
GhostWhite               0.972     0.972     1         
Gold                     1         0.844     0         
Goldenrod                0.855     0.648     0.125     
Gray                     0.5       0.5       0.5       
Green                    0         0.5       0         
GreenYellow              0.68      1         0.185     
Grey                     0.5       0.5       0.5       
Honeydew                 0.94      1         0.94      
HotPink                  1         0.41      0.705     
IndianRed                0.804     0.36      0.36      
Indigo                   0.294     0         0.51      
Ivory                    1         1         0.94      
Khaki                    0.94      0.9       0.55      
Lavender                 0.9       0.9       0.98      
LavenderBlush            1         0.94      0.96      
LawnGreen                0.488     0.99      0         
LemonChiffon             1         0.98      0.804     
LightBlue                0.68      0.848     0.9       
LightCoral               0.94      0.5       0.5       
LightCyan                0.88      1         1         
LightGoldenrod           0.933     0.867     0.51      
LightGoldenrodYellow     0.98      0.98      0.824     
LightGray                0.828     0.828     0.828     
LightGreen               0.565     0.932     0.565     
LightGrey                0.828     0.828     0.828     
LightPink                1         0.712     0.756     
LightSalmon              1         0.628     0.48      
LightSeaGreen            0.125     0.698     0.668     
LightSkyBlue             0.53      0.808     0.98      
LightSlateBlue           0.518     0.44      1         
LightSlateGray           0.468     0.532     0.6       
LightSlateGrey           0.468     0.532     0.6       
LightSteelBlue           0.69      0.77      0.87      
LightYellow              1         1         0.88      
Lime                     0         1         0         
LimeGreen                0.196     0.804     0.196     
Linen                    0.98      0.94      0.9       
Magenta                  1         0         1         
Maroon                   0.5       0         0         
MediumAquamarine         0.4       0.804     0.668     
MediumBlue               0         0         0.804     
MediumOrchid             0.73      0.332     0.828     
MediumPurple             0.576     0.44      0.86      
MediumSeaGreen           0.235     0.7       0.444     
MediumSlateBlue          0.484     0.408     0.932     
MediumSpringGreen        0         0.98      0.604     
MediumTurquoise          0.284     0.82      0.8       
MediumVioletRed          0.78      0.084     0.52      
MidnightBlue             0.098     0.098     0.44      
MintCream                0.96      1         0.98      
MistyRose                1         0.894     0.884     
Moccasin                 1         0.894     0.71      
NavajoWhite              1         0.87      0.68      
Navy                     0         0         0.5       
NavyBlue                 0         0         0.5       
OldLace                  0.992     0.96      0.9       
Olive                    0.5       0.5       0         
OliveDrab                0.42      0.556     0.136     
Orange                   1         0.648     0         
OrangeRed                1         0.27      0         
Orchid                   0.855     0.44      0.84      
PaleGoldenrod            0.932     0.91      0.668     
PaleGreen                0.596     0.985     0.596     
PaleTurquoise            0.688     0.932     0.932     
PaleVioletRed            0.86      0.44      0.576     
PapayaWhip               1         0.936     0.835     
PeachPuff                1         0.855     0.725     
Peru                     0.804     0.52      0.248     
Pink                     1         0.752     0.796     
Plum                     0.868     0.628     0.868     
PowderBlue               0.69      0.88      0.9       
Purple                   0.5       0         0.5       
Red                      1         0         0         
RosyBrown                0.736     0.56      0.56      
RoyalBlue                0.255     0.41      0.884     
SaddleBrown              0.545     0.27      0.075     
Salmon                   0.98      0.5       0.448     
SandyBrown               0.956     0.644     0.376     
SeaGreen                 0.18      0.545     0.34      
Seashell                 1         0.96      0.932     
Sienna                   0.628     0.32      0.176     
Silver                   0.752     0.752     0.752     
SkyBlue                  0.53      0.808     0.92      
SlateBlue                0.415     0.352     0.804     
SlateGray                0.44      0.5       0.565     
SlateGrey                0.44      0.5       0.565     
Snow                     1         0.98      0.98      
SpringGreen              0         1         0.498     
SteelBlue                0.275     0.51      0.705     
Tan                      0.824     0.705     0.55      
Teal                     0         0.5       0.5       
Thistle                  0.848     0.75      0.848     
Tomato                   1         0.39      0.28      
Turquoise                0.25      0.88      0.815     
Violet                   0.932     0.51      0.932     
VioletRed                0.816     0.125     0.565     
Wheat                    0.96      0.87      0.7       
White                    1         1         1         
WhiteSmoke               0.96      0.96      0.96      
Yellow                   1         1         0         
YellowGreen              0.604     0.804     0.196     

Demikian semoga bermanfaat!

Adjie Gumarang Pujakelana 2014



-->

Tuesday, October 1, 2013

Melingkari Nomor Urut dan Mewarnainya

Untuk alasan style kadang kita ingin nomor urut pada tulisan kita dilingkari dan sekaligus diwarnai.
Bagaimana caranya? 

Berikut ini salah satu contoh struktur yang dapat dibuat.
\documentclass{article}
\usepackage{xcolor}
\newcommand*\circled[1]{\kern-2.5em%
  \put(0,4){\color{teal}\circle*{18}}\put(0,4){\circle{16}}%
  \put(-3,0){\color{white}\bfseries\large#1}~~}
\usepackage{enumitem}
\begin{document}
\noindent
\Large Apakah urutan ini benar?
\begin{enumerate}[label=\protect\circled{\arabic*}]
\item Facebook
\item Twitter
\item Skype
\end{enumerate}

\end{document}

Adjie Gumarang Pujakelana 2013

Beginilah hasilnya: 

-->
Related Posts Plugin for WordPress, Blogger...