markdown - ilmu komputer ipbauriza/penkom/4-markdown.pdfmarkdown aurizaakbar 2019 ilmu komputer ipb...

Markdown

Auriza Akbar2019

Ilmu Komputer IPB

1

Motivasi

Mengapa Markdown?

• mengurangi markup• mudah ditulis dan dibaca• file teks biasa (.md)• dapat dikonversi ke format lain

2

Populer

• GitHub• Moodle (LMS)• StackOverflow• WordPress• . . .

3

Sintaks

Metadata1

---title: Markdownauthor: Auriza Akbardate: 2019---

1lihat https://pandoc.org/MANUAL.html#metadata-variables

4

https://pandoc.org/MANUAL.html#metadata-variables

Paragraf

Antar-paragraf dipisahkan dengan satu baris kosong.

Gunakan *non-breaking space* untuk spasi yang tidakboleh dipisah berbeda baris, misalnya 1\ 600\ 000.

Antar-paragraf dipisahkan dengan satu baris kosong.

Gunakan non-breaking space untuk spasi yang tidak boleh dipisahberbeda baris, misalnya 1 600 000.

5

Paragraf

\␣ non-breaking space\ line-break

-- en-dash, –--- em-dash, —... ellipsis, . . .

6

Format Teks

*emphasis* emphasis**strong** strong emphasis

`code` inline code~~strike~~ strikethrough

7

Header

# Header 1

## Header 2

### Header 3

#### Header 4

##### Header 5

###### Header 6

8

Kutipan

> There are six levels of knowledge:>> 1. excellence in asking questions,> 2. excellence in paying attention and listening,> 3. excellence in understanding, ...

There are six levels of knowledge:1. excellence in asking questions,2. excellence in paying attention and listening,3. excellence in understanding,4. memorizing,5. teaching, and6. implementing it and appreciating its boundaries.

9

Kode Program

```cint main() {

printf("Hello world!\n");return 0;

}```

int main() {printf("Hello world!\n");return 0;

}

10

Highlight Bahasa Pemrograman

abc actionscript ada agda alertindent apache asn1 asp ats awk bash bibtexboo c changelog clojure cmake coffee coldfusion commonlisp cpp cs csscurry d default diff djangotemplate dockerfile dot doxygen doxygenlua dtdeiffel elixir email erlang fasm fortran fsharp gcc glsl gnuassembler gohamlet haskell haxe html idris ini isocpp j java javadoc javascript json jspjulia kotlin latex lex lilypond literatecurry literatehaskell llvm lua m4makefile mandoc markdown mathematica matlab maxima mediawikimetafont mips modelines modula2 modula3 monobasic nasm nowebobjectivec objectivecpp ocaml octave opencl pascal perl php pikepostscript povray powershell prolog protobuf pure purebasic python rrelaxng relaxngcompact rest rhtml roff ruby rust scala scheme sci sed sgmlsml sql sqlmysql sqlpostgresql tcl tcsh texinfo typescript verilog vhdl xmlxorg xslt xul yacc yaml zsh

11

List

- satu- dua- tiga

• satu• dua• tiga

12

List Urutan

1. satu2. dua3. tiga

1. satu2. dua3. tiga

13

List Bersarang

1. satu- indentasi- empat spasi

2. dua3. tiga

1. satu• indentasi• empat spasi

2. dua3. tiga

14

List Definisi

awkward: causing difficulty; hard to do or deal with.

goggle: look with wide open eyes.

awkward causing difficulty; hard to do or deal with.goggle look with wide open eyes.

15

Tautan

OtomatisKunjungi atau email ke.

Kunjungi https://cs.ipb.ac.id atau email ke [email protected].

InlineKunjungi [Ilkom IPB](https://cs.ipb.ac.id) ataukirim [email](mailto:[email protected]).

Kunjungi Ilkom IPB atau kirim email.

16

https://cs.ipb.ac.idmailto:[email protected]://cs.ipb.ac.idmailto:[email protected]

Tautan

ReferensiKunjungi [Ilkom IPB] atau kirim [email].

[ilkom ipb]: https://cs.ipb.ac.id[email]: mailto:[email protected]

Kunjungi Ilkom IPB atau kirim email.

17

https://cs.ipb.ac.idmailto:[email protected]

Catatan Kaki

Dibimbing oleh Dr Heru Sukoco[^hrs] danDr Sugi Guritman[^sgn].

[^hrs]: Departemen Ilmu Komputer IPB[^sgn]: Departemen Matematika IPB

Dibimbing oleh Dr Heru Sukoco2 dan Dr Sugi Guritman3.

2Departemen Ilmu Komputer IPB3Departemen Matematika IPB

18

Gambar

Proyeksi Peirce dapat dilihat pada Gambar \ref{map}.

![Proyeksi Peirce.](map.jpg){#map width=60%}

19

Gambar

Proyeksi Peirce dapat dilihat pada Gambar 1.

Gambar 1: Proyeksi Peirce. 20

Tabel

Table: Nilai Penkom.

NIM Nama Nilai----- ------ ------001 Hanif 70002 Sarah 80003 Ahmad 100

Tabel 1: Nilai Penkom.

NIM Nama Nilai

001 Hanif 70002 Sarah 80003 Ahmad 100

21

Tabel Pipa

Table: Nilai Penkom.

NIM | Nama | Nilai:---:|:------|-----:001 | Hanif | 70002 | Sarah | 80003 | Ahmad | 100

Tabel 2: Nilai Penkom.

NIM Nama Nilai

001 Hanif 70002 Sarah 80003 Ahmad 100

22

Persamaan Matematika

Untuk menulis persamaan, sama dengan LaTeX. Misalpersamaan *inline* $x^2 + y^2 = 0$, atau persamaan*displayed*:

$$ \sum_{i=0}^n A_i $$

Untuk menulis persamaan, sama dengan LaTeX. Misal persamaaninline x2 + y2 = 0, atau persamaan displayed:

n∑i=0

Ai

23

Persamaan Matematika

Untuk persamaan bernomor, langsung dengan sintaksLaTeX:

\begin{equation}e^{i\pi} + 1 = 0

\end{equation}

Untuk persamaan bernomor, langsung dengan sintaks LaTeX:

eiπ + 1 = 0 (1)

24

Lain-lain

Untuk sintaks yang tidak disediakan oleh Markdown, bisa langsungmenggunakan sintaks LaTeX atau HTML.

\textsc{Auriza Akbar}

Auriza Akbar

Auriza Akbar

Auriza Akbar

25

Kompilasi

Pandoc

Pandoc mengubah Markdown ke:

• HTML• LaTeX, PDF• Word, PowerPoint• OpenDocument• EPUB• . . .

26

Instalasi Pandoc4

Windows https://github.com/jgm/pandoc/releasesLinux apt install pandoc

Online https://pandoc.org/try/

4instal LaTeX dahulu agar bisa konversi ke PDF

27

https://github.com/jgm/pandoc/releaseshttps://pandoc.org/try/

Opsi Penting

-o output file . . .-t to format . . .

HTML

-s standalone-c CSS file . . .

--mathjax render persamaan dengan MathJax

28

Konversi Dokumen

PDFpandoc text.md -o text.pdf

HTMLpandoc text.md -o text.html -s

DOCXpandoc text.md -o text.docx

29

Konversi Slide

PDF (Beamer)pandoc slide.md -o slide.pdf -t beamer

HTML (Reveal.js5)pandoc slide.md -o slide.html -st revealjs

PPTXpandoc slide.md -o slide.pptx

5unduh Reveal.js dan ekstrak ke direktori yang sama

30

https://github.com/hakimel/reveal.js/archive/master.zip

Slide Presentasi

Halaman

# halaman judul## halaman baru

--- halaman baru tanpa judul

31

Incremental List

::: incremental- satu- dua- tiga:::

• satu

• dua• tiga

32

Incremental List


• satu• dua

• tiga

32

Incremental List


• satu• dua• tiga

32

Jeda

. . .

Paragraf pertama.

. . .

Paragraf kedua.

Paragraf pertama.

Paragraf kedua.

33

Kolom

:::::: columns::: columnKolom kiri.:::::: columnKolom kanan.:::::::::

Kolom kiri. Kolom kanan.

34

Tema

Tambahkan metadata theme untuk mengatur tampilan slide.

Beamer themeAntibes Bergen Berkeley Berlin Boadilla CambridgeUS DarmstadtDresden Frankfurt Goettingen Hannover Ilmenau JuanLesPinsMadrid Montpellier PaloAlto Pittsburgh Rochester Singapore Szeged

Beamer colorthemebeaver crane dolphin dove lily orchid rose seagull seahorse sprucewhale cormorant frigatebird magpie owl

Reveal.js themebeige black blood league moon night serif simple sky solarized white

35

Tema — Contoh

---title : Markdownauthor : Auriza Akbarinstitute : Ilmu Komputer IPBdate : 2019theme : Singaporelinkcolor : .header-includes:

- \usepackage{hanging}- \renewcommand{\figurename}{Gambar}- \renewcommand{\tablename}{Tabel}

---

36

FIN

MotivasiSintaksKompilasiSlide PresentasiFIN

markdown - ilmu komputer ipbauriza/penkom/4-markdown.pdfmarkdown aurizaakbar 2019 ilmu komputer ipb...

Documents