Titimangsa

Salah satu bentuk penanda waktu (penjadwalan) yang cukup bermanfaat adalah titimangsa (timeline). 
Di bawah ini ditunjukkan satu contoh pengkodean dan hasil timeline yang dibuat dengan menggunakan $\small\LaTeX$. 

Dokumen tersebut ditulis dengan menggunakan $\small\LaTeX$ melalui writeLaTeX. 
Demikian semoga bermanfaat. 

Adjie Gumarang Pujakelana 2014

\documentclass[a4,11pt]{scrartcl}
\title{Timeline 2014}
\usepackage{graphicx}
\usepackage{colortbl}
\usepackage{tikz}

\usepackage[a4paper,margin=2cm]{geometry}

\usepackage[math]{anttor}
\usepackage[T1]{fontenc}
\usepackage[utf8]{inputenc}

\definecolor{RoyalBlue}{cmyk}{1, 0.50, 0, 0}
\definecolor{wine-stain}{rgb}{0.5,0,0}
\definecolor{Teal}{RGB}{0 128 128}
\definecolor{biru}{cmyk}{1,.60,0,.40}
\definecolor{anu}{RGB}{90,27,49}
\definecolor{myblue}{RGB}{40,96,139}

\makeatletter
\newcommand\ratio[2]{\strip@pt\dimexpr#1pt/#2\relax}
\newcolumntype{A}[2]
{
        >{\begin{minipage}[t]{#2\linewidth-2\tabcolsep-#1\arrayrulewidth}%
        \vspace{\tabcolsep}}%
        c%
        <{\vspace{\tabcolsep}\end{minipage}}%   
}
\arrayrulecolor{wine-stain!60!myblue}
\makeatother



\usepackage{ragged2e}
\usepackage{fourier}
\usetikzlibrary{chains,shapes.arrows,fit}

\definecolor{arrowcolor}{RGB}{201,216,232}% color for the arrow filling
\definecolor{circlecolor}{RGB}{79,129,189}% color for the inner circles filling
\colorlet{textcolor}{white}% color for the text inside the circles
\colorlet{bordercolor}{white}% color for the outer border of circles

\pgfdeclarelayer{background}
\pgfsetlayers{background,main}

\newcounter{task}

\newlength\taskwidth% width of the box for the task description
\newlength\taskvsep% vertical distance between the task description and arrow

\setlength\taskwidth{2.5cm}
\setlength\taskvsep{17pt}

\def\taskpos{}
\def\taskanchor{}

\newcommand\task[1]{%
  {\parbox[t]{\taskwidth}{\it\small\color{white!25!black}\Centering#1}}}

\tikzset{
inner/.style={
  on chain,
  circle,
  inner sep=4pt,
  fill=circlecolor,
  line width=1.5pt,
  draw=bordercolor,
  text width=1.2em,
  align=center,
  text height=1.25ex,
  text depth=0ex
},
on grid
}

\newcommand\Task[2][]{%
\node[inner xsep=0pt] (c1) {\phantom{A}};
\stepcounter{task}
\ifodd\thetask\relax
  \renewcommand\taskpos{\taskvsep}\renewcommand\taskanchor{south}
\else
  \renewcommand\taskpos{-\taskvsep}\renewcommand\taskanchor{north}
\fi
\node[inner,font=\sf\footnotesize\color{textcolor}]    
  (c\the\numexpr\value{task}+1\relax) {#1};
\node[anchor=\taskanchor,yshift=\taskpos] 
  at (c\the\numexpr\value{task}+1\relax) {\task{#2}};
}

\newcommand\drawarrow{% the arrow is placed in the background layer 
                                                     % after the node for the tasks have been placed
\ifnum\thetask=0\relax
  \node[on chain] (c1) {}; % if no \Task command is used, the arrow will be drawn
\fi
\node[on chain] (f) {};
\begin{pgfonlayer}{background}
\node[
  inner sep=10pt,
  single arrow,
  single arrow head extend=0.8cm,
  draw=none,
  fill=arrowcolor,
  fit= (c1) (f)
] (arrow) {};
\fill[white] % the decoration at the tail of the arrow
  (arrow.before tail) -- (c1|-arrow.west) -- (arrow.after tail) -- cycle;
\end{pgfonlayer}
}

\newenvironment{timeline}[1][node distance=.65\taskwidth]
  {\par\noindent\begin{tikzpicture}[start chain,#1]}
  {\drawarrow\end{tikzpicture}\par}


\begin{document}

{
  \centering\color{biru}
  \renewcommand{\arraystretch}{2}
  \begin{tabular}{  |>{\centering\arraybackslash}m{2.2cm}|%
                    >{\centering\arraybackslash}m{11.25cm}|%
                    >{\centering\arraybackslash}m{2.2cm}|%
  }
    \hline
    \vspace{0.25cm} \includegraphics[height=1.7cm,width=0.125\textwidth]{twh}
    & Departemen Pendidikan Nasional
      \linebreak Kabupaten Sumbawa
      \linebreak {\large \bfseries SMK Negeri 2 Sumbawa Besar}
      \linebreak Jalan Lingkar Selatan KM 4 Sumbawa Besar
    & \vspace{0.25cm}
    \includegraphics[height=1.8cm,width=0.135\textwidth]{smk}\\
    \hline
  \end{tabular}
}

\vspace{15pt}
\noindent
\begin{center}
\LARGE\bfseries\color{anu}{Titimangsa (\emph{Timeline}) }
\end{center}

\vspace{20pt}
\begin{timeline}
\Task{Pengayaan\\ 6 -- 18 Jan 2014}
\Task{Tryout I \\ 21 -- 22 Jan 2014}
\Task{Pengayaan\\ 27 -- 30 Jan 2014 \\ 1 -- 8 Feb 2014}
\Task{Tryout II \\ 25 -- 26 Feb 2014}
\Task{Uji Kompetensi Keahlian \\ 3 -- 6 Mar 2014}
\Task{Ulangan Tengah Semester \\ 17 -- 22 Mar 2014}
\Task{Ujian Sekolah \\ 1 -- 4 Apr 2014}
\Task{Ujian Nasional \\ 14 -- 17 Apr 2014}
\Task{Ulangan Akhir Semester \\ 9 -- 14 Jun 2014}
\end{timeline}

\end{document}

-->