Upload
others
View
8
Download
0
Embed Size (px)
Citation preview
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
::: incremental- satu- dua- tiga:::
• satu• dua
• tiga
32
Incremental List
::: incremental- satu- dua- tiga:::
• satu• dua• tiga
32
Jeda
. . .
Paragraf pertama.
. . .
Paragraf kedua.
Paragraf pertama.
Paragraf kedua.
33
Jeda
. . .
Paragraf pertama.
. . .
Paragraf kedua.
Paragraf pertama.
Paragraf kedua.
33
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