Menampilkan postingan yang diurutkan menurut relevansi untuk kueri asciidoctor. Urutkan menurut tanggal Tampilkan semua postingan

Kamis, 27 Februari 2025

Study About AsciiDoctor

These are study topic list about AsciiDoctor:

Notes

Licensed under the Apache License, Version 2.0 (c) Eclipse Foundation, Inc and Asciidoctor group.
Licensed under a Creative Commons Attribution 4.0 International (CC BY 4.0) license (c) Eclipse Foundation, Inc and Asciidoctor group.
Licensed under the MPL-2.0 license (c) Antora and Asciidoctor group.
Licensed under the terms of the MIT License (c) Eclipse Foundation, Inc and Asciidoctor group.
Licensed under the AGPL (c) Eclipse Foundation, Inc and Asciidoctor group.

Bibliography

https://asciidoctor.org/

https://www.adoc-studio.app/

https://www.udemy.com/

Sabtu, 15 Februari 2025

AsciiDoctor Unordered List

1. Open the AsciiDoctor editor.

2. Type this following Asciidoctor code sample in Asciidoctor editor:

= Learning Unordered List In AsciiDoctor

:author: AsciiDoctor
:co-author: Tutor Course and After School Course
:revnumber: 1.0
:revdate: June 6th, 2007
:doctype: article
:toc:
:icons:
:lang: en
* Popular Names For Male
** Christopher
** David
** James
** John
** Joseph
** Michael
** Richard
** Robert
** Thomas
** William
* Popular Names For Female
** Barbara
** Elizabeth
** Jennifer
** Jessica
** Karen
** Linda
** Mary
** Patricia
** Sarah
** Susan

3. Result, similar like this:

Learning Unordered List In AsciiDoctor

Popular Names For Male

Christopher
David
James
John
Joseph
Michael
Richard
Robert
Thomas
William

Popular Names For Female

Barbara
Elizabeth
Jennifer
Jessica
Karen
Linda
Mary
Patricia
Sarah
Susan

Notes you can change doctype from article to book or manpage

<< back to Study About AsciiDoctor

asciidoc, bullet list, ul, lightweight markup syntax, lightweight markup document, lightweight markup language

Bibliography

https://docs.asciidoctor.org/ ( manual book )

https://www.grammarly.com/

https://learningenglishfree.co.uk/

https://matthewsetter.com/

https://www.ssa.gov/

Jumat, 25 Juli 2025

AsciiDoctor Block Content

AsciiDoctor Block Content consist of: Blockquote Block, Comment Block, Delimited Passthrough Blocks

AsciiDoctor Quoted Block (Blockquote) Example

If the quote or excerpt is more than one paragraph, place the text between delimiter lines consisting of four underscores (____).

AsciiDoctor Syntax Quote Block

[quote,attribution,citation title and information]

____

Quote or excerpt text

____

AsciiDoctor Example Quote Block

[quote,Monty Python and the Holy Grail]

____

Dennis: Come and see the violence inherent in the system. Help! Help! I'm being repressed!

King Arthur: Bloody peasant!

Dennis: Oh, what a giveaway! Did you hear that? Did you hear that, eh? That's what I'm on about! Did you see him repressing me? You saw him, Didn't you?

____

AsciiDoctor Example Quote Block Output

AsciiDoctor Example Quote Block Output

AsciiDoctor Comment Block Example

AsciiDoctor Comment Block is defined by a text that’s prefixed by one or more .

consists of an arbitrary number of text lines bounded on either side by //// four slash delimiter lines.

////

A comment block.

Notice it's a delimited block.

////

or you can type AsciiDoctor Comment Block:

[comment]

--

Notice it's a comment block

--

AsciiDoctor Example Block

AsciiDoctor Block Content or AsciiDoctor Block Macro is defined by a single line that matches the block macro syntax.

The opening and closing delimiter in AsciiDoctor Block Content must match exactly, both in length and in sequence of characters.

====

Here's a sample AsciiDoc document:

====

AsciiDoctor Delimited Passthrough Block

A passthrough block is delimited by four plus signs (++++).

++++

<del>strike this</del> is marked as deleted.

++++

<< back to Study About AsciiDoctor

Bibliography

https://docs.asciidoctor.org/ ( manual ebook )

https://www.adoc-studio.app/

https://www.udemy.com/

Jumat, 13 Desember 2024

AsciiDoctor Link

Add URL

To add URL, add a pair of square brackets to the end of the URL. For example:

https://asciidoctor.org[]

link:https://asciidoctor.org[]

Result

https://asciidoctor.org

Custom link text

Instead of displaying the URL, you can configure the link to display custom text. When the reader clicks on the text, they are directed to the target of the link, the URL.

To customize the text of the link, insert that text between the square brackets to the end of the URL. For example:

https://asciidoctor.org[asciidoctor.org]

Result

asciidoctor.org

Kamis, 04 Juli 2024

AsciiDoctor Table 2

Default table syntax

a vertical bar and three equal signs ( |=== ) as table row delimiters for beginning and closing.

Each table's column cell is specified by a vertical bar ( | ).

Example:

[cols=2*,separator=¦]

|===

¦The default separator in PSV tables is the \| character.

¦The \| character is often referred to as a "`pipe`".

|===

Result

The default separator in PSV tables is the | character.

The | character is often referred to as a “pipe”.

Supported data formats

The default table data format is prefix-separated values (PSV); that means the processor creates a new cell each time it encounters a vertical bar (|). AsciiDoc also supports:

comma-separated values (CSV) (,)
tab-separated values (TSV)
delimited data separated values (DSV)

Escape the cell separator

If the cell contains the cell separator, you must escape that character. There are three ways to escape it:

Prefix the character with a leading backslash (i.e., \|), which will be removed from the output.
Use the {vbar} attribute reference in place of | in content.
Change the cell separator used by the table.

Example of AsciiDoctor CSVTable


[%header,format=csv]
|===
Artist,Track,Genre
Baauer,Harlem Shake,Hip Hop
The Lumineers,Ho Hey,Folk Rock
|===

Result: Rendered CSV table

Artist	Track	Genre
Baauer	Harlem Shake	Hip Hop
The Lumineers	Ho Hey	Folk Rock

Example

Accessible Table Of AsciiDoctor Sample

.Vegetable prices in Darwin and Hobart

[%header, cols=5*]
|===
||Beans|Peas|Carrots|Tomatoes

5+|Darwin

|Wholesale|$1.00|$1.25|$1.20|$1.00

|Retail|$2.00|$3.00|$1.80|$1.60

4+|Hobart

|Wholesale|$1.20|$1.30|$1.00|$0.80

|Retail|$1.60|$2.00|$2.00|$1.50

|===

Result

*Table 1. Vegetable prices in Darwin and Hobart*
Darwin
	Beans	Peas	Carrots	Tomatoes
Wholesale	$1.00	$1.25	$1.20	$1.00
Retail	$2.00	$3.00	$1.80	$1.60
Hobart
Wholesale	$1.20	$1.30	$1.00	$0.80
Retail	$1.60	$2.00	$2.00	$1.50

Notes:

The display of result on the above maybe a little different, because the result is based on how you build the table, AsciiDoctor role attribute, tools.
AsciiDoctor syntax code 5+|Darwin is for merge column cells

<< back to Study About AsciiDoctor

< Previous AsciiDoctor Table Tutorial 1

Next AsciiDoctor Table Tutorial 3 >

Notes: Using AsciiDoctor editor according to your environment and your requirement.

tables, column span, cells, row

Bibliography

AsciiDoctor manual

https://usability.com.au/

lightweight markup language, document format, office digital file, documentation and manual

Category Table Design In AsciiDoctor

Add Image In AsciiDoctor

AsciiDoctor Horizontal Rule

Post about AsciiDoctor

Selasa, 27 Mei 2025

Learn Internet And Communication

Learn To Using Google Chrome

Cara Membuka Aplikasi Browser Internet Google Chrome pada Komputer
Belajar cara membuka aplikasi Browser Internet Google Chrome pada komputer Microsoft Windows 8.1.
Fungsi Menu Google Chrome
mengenal fungsi menu umum di Google Chrome
Google Chrome Right Click Menu
Google Chrome Keyboard Shortcut
How To Backup Google Chrome Profile
Search Your Tabs, Bookmarks, and History In Browser Address Bar
Search your tabs, search your bookmarks, search your browsing history, search your website, search in title, search in tag, search in url Google Chrome address bar and Mozilla Firefox address bar.
Google Chrome Extension
How to Install A Google Chrome Extension
Opera And Google Chrome Extensions 1
Google Chrome Extension To Learning
Useful Google Chrome Extension

Learn To Use Latex Document

to learn more about Latex, click on the Learn About Latex List 1 >

Learn To Use Markdown And LightWeight Markup Language

to learn more about Markdown, click on the Study About Markdown 1 >

Learn To Use AsciiDoctor

to learn more about AsciiDoctor, click on Study About AsciiDoctor >

Selasa, 04 Maret 2025

Contoh Uji Coba Metode BlackBox Dalam AsciiDoctor

1. Buka editor Asciidoctor.

2. Ketik source code Asciidoctor dalam editor Asciidoctor:

.Uji Coba Metode BlackBox
|===
^|No |Pengujian |Test Case |Hasil yang diharapkan |Hasil Pengujian |Kesimpulan

|1 |Pengujian fungsi login untuk petugas |Masukkan User name dan Password |Masuk ke menu utama dengan akses pengguna yang berbeda |Sesuai harapan |Valid

|2 |Pengujian fungsi tambah data pengguna |Masukkan Kode User, Namauser, Password, dan memilih Akses Level |Data pengguna berhasil ditambah |Sesuai harapan |Valid

|3 |Pengujian fungsi input data barang |Masukkan kode barang, nama barang, satuan, stok, dan harga |Data barang berhasil ditambah |Sesuai harapan |Valid

|4 |Pengujian fungsi update data barang |Edit data barang |Data barang berhasil diubah |Sesuai harapan |Valid

|5 |Pengujian fungsi transaksi penjualan |Cari kode barang, masukkan jumlah barang. |Menampilkan data barang yang dicari, perhitungan transaksi penjualan dapat dilakukan |Sesuai harapan |Valid

|6 |Pengujian fungsi cetak struk penjualan |Menampilkan
struk penjualan |Struk penjualan dapat ditampilkan dan dicetak |Sesuai harapan |Valid

|7 |Pengujian fungsi cetak laporan |Menampilkan semua laporan yang berkaitan |Laporan dapat ditampilkan dan dicetak |Sesuai harapan |Valid

|8 |Pengujian fungsi logout untuk pengguna |Keluar dari aplikasi |Berhasil keluar dari aplikasi |Sesuai harapan |Valid
|===

3. Save As testCaseBlackBoxSample.asciidoc

4. Hasilnya, akan seperti di bawah ini:

*Table 1. Uji Coba Metode BlackBox*
No	Pengujian	Test Case	Hasil yang diharapkan	Hasil Pengujian	Kesimpulan
1	Pengujian fungsi login untuk petugas	Masukkan User name dan Password	Masuk ke menu utama dengan akses pengguna yang berbeda	Sesuai harapan	Valid
2	Pengujian fungsi tambah data pengguna	Masukkan Kode User, Namauser, Password, dan memilih Akses Level	Data pengguna berhasil ditambah	Sesuai harapan	Valid
3	Pengujian fungsi input data barang	Masukkan kode barang, nama barang, satuan, stok, dan harga	Data barang berhasil ditambah	Sesuai harapan	Valid
4	Pengujian fungsi update data barang	Edit data barang	Data barang berhasil diubah	Sesuai harapan	Valid
5	Pengujian fungsi transaksi penjualan	Cari kode barang, masukkan jumlah barang.	Menampilkan data barang yang dicari, perhitungan transaksi penjualan dapat dilakukan	Sesuai harapan	Valid
6	Pengujian fungsi cetak struk penjualan	Menampilkan struk penjualan	Struk penjualan dapat ditampilkan dan dicetak	Sesuai harapan	Valid
7	Pengujian fungsi cetak laporan	Menampilkan semua laporan yang berkaitan	Laporan dapat ditampilkan dan dicetak	Sesuai harapan	Valid
8	Pengujian fungsi logout untuk pengguna	Keluar dari aplikasi	Berhasil keluar dari aplikasi	Sesuai harapan	Valid

< to learn BlackBox Testing Result in AsciiDoctor, click on AsciiDoctor BlackBox Testing Result Sample

to learn Category Table Design in AsciiDoctor, click on Category Table Design In AsciiDoctor >

to learn Data Table in AsciiDoctor, click on AsciiDoctor Decision Table >

Bibliography

https://docs.asciidoctor.org/

https://github.com/

https://www.researchgate.net/

Study About AsciiDoctor

Post about AsciiDoctor

Selasa, 18 Februari 2025

AsciiDoctor BlackBox Testing Result Sample

1. Open the Asciidoctor editor.

2. type this following Asciidoctor code in the Asciidoctor editor

.Black Box Testing

[options="header"]

|===

|Page|Testing Button|Status

.6+|Home|About|✓ Success

|Academics|✓ Success

|Register|✓ Success

|News & Events|✓ Success

|Research|✓ Success

|Campuses|✓ Success

.5+|Learning|Students|✓ Success

|Social|✓ Success

|Parents|✓ Success

|Faculty & Staff|

|Alumni|✓ Success

|===

3. Save As blackBoxTestingResult-sample.asciidoc

4. Result, similar like this:

Table 1. Black Box Testing
Page	Testing Button	Status
Home	About	✓ Success
	Academics	✓ Success
	Register	✓ Success
	News & Events	✓ Success
	Research	✓ Success
	Campuses	✓ Success
Learning	Students	✓ Success
	Social	✓ Success
	Parents	✓ Success
	Faculty & Staff
	Alumni	✓ Success

Notes

AsciiDoctor syntax code .Black Box Testing is for table caption.
AsciiDoctor syntax code .5+|Darwin is for merge 5 row cells.

< to learn Category Table Design in AsciiDoctor, click on Category Table Design In AsciiDoctor

to learn Data Table in AsciiDoctor, click on AsciiDoctor Decision Table >

Bibliography

https://docs.asciidoctor.org/

https://www.unistra.fr/ ( university )

Kamis, 13 Februari 2025

AsciiDoctor Decision Table

Open the Asciidoctor editor.

type this following Asciidoctor code in the Asciidoctor editor:

.Decision Table / Cause-Effect
[options="header,footer"]
|===
|Decision Table|Rule 1|Rule 2|Rule 3|Rule 4

5+^|**Conditions**
|C1 - Male           
^| F 
^| F 
^| T 
^| T

|C2 - Senior Citizen 
^| F 
^| T 
^| F 
^| T

5+^|**Actions**
|A1 - Interest Rate 10% 
| 
| 
| 
^| x

|A2 - Interest Rate 5%  
^| x 
^| x 
^| x
|
|===

Result, similar like this:

Table 1. Decision Table / Cause-Effect
Decision Table	Rule 1	Rule 2	Rule 3	Rule 4
Conditions
C1 - Male	F	F	T	T
C2 - Senior Citizen	F	T	F	T
Actions
A1 - Interest Rate 10%				x
A2 - Interest Rate 5%	x	x	x

Notes

AsciiDoctor syntax code .Decision Table / Cause-Effect is for table caption.
AsciiDoctor syntax code 5+^|**Conditions** is for merge cells (column merge or column span), center align, and for bold the text.

< to learn Category Table Design in AsciiDoctor, click on Category Table Design In AsciiDoctor

to learn Data Table in AsciiDoctor, click on Data Table In AsciiDoctor >

Bibliography

https://docs.asciidoctor.org/

https://www.baeldung.com/

Rabu, 05 Juni 2024

AsciiDoctor Header

AsciiDoctor Headers And Sections

AsciiDoctor Headings ( Heading level 1 to 6 ).

= This is an <h1> tag (Level 0)

== This is an <h2> tag (Level 1)

=== This is an <h3> tag (Level 2)

==== This is an <h4> tag (Level 3)

===== This is an <h5> tag (Level 4)

====== This is an <h6> tag (Level 5)

AsciiDoctor result will become like this following result:

This is an <h1> tag

This is an <h2> tag

This is an <h3> tag

This is an <h4> tag

This is an <h5> tag

This is an <h6> tag

Next AsciiDoctor Horizontal Rule >

< back to Study About AsciiDoctor

lightweight markup syntax, lightweight markup document, lightweight markup language

Bibliography:

https://docs.asciidoctor.org/

https://asciidoc.org/

https://github.com/asciidoctor

Comment Lines In AsciiDoc

Post about AsciiDoctor

Markdown Tools Online 1

Code Block In Markdown

Markdown Link 1

Markdown Headers

Markdown Basic Syntax Contents

Markdown Emphasis

Jumat, 25 Juli 2025

How To Check AsciiDoctor Gem Dependencies

How To Check AsciiDoctor Has Installed Locally

Syntax: gem list <ruby-gem-name> --local

1. Open Command Prompt.

2. Type gem list asciidoctor --local

3. Press Enter on keyboard.

Step 2 and Step 3 To Check AsciiDoctor Has Installed Locally

How To Check AsciiDoctor Ruby Gem Dependencies

Syntax: gem dependency <ruby-gem-name> --reverse-dependencies --local

1. Open Command Prompt.

2. Type gem dependency asciidoctor --reverse-dependencies --local

3. Press Enter on keyboard.

4. Sample Output:

Gem asciidoctor-2.0.23

concurrent-ruby (~> 1.1.0, development)

cucumber (~> 3.1.0, development)

erubi (~> 1.10.0, development)

haml (~> 6.1.0, development)

minitest (~> 5.22.0, development)

nokogiri (~> 1.13.0, development)

rake (~> 12.3.0, development)

slim (~> 4.1.0, development)

tilt (~> 2.0.0, development)

Step 2 To Check AsciiDoctor Ruby Gem Dependencies

Step 3 After Press Enter on keyboard

<< back to Study About AsciiDoctor

<< back to Study About Ruby

<< back to Study About Java 1

Bibliography

https://guides.rubygems.org/ ( manual ebook )

https://rubygems.org/

https://www.ruby-lang.org/ ( manual ebook )

Jumat, 13 Desember 2024

AsciiDoctor Table Tutorial 3

Learning Objective: Span two columns and three rows with a single cell

Open the AsciiDoctor editor.
Type this following Asciidoctor code sample in Asciidoctor editor:
[options="header",cols="4*"]
|===
|Column 1, header row |Column 2, header row |Column 3, header row |Column 4, header row

|Cell in column 1, row 2
2.3+|This cell spans columns 2 and 3 and rows 2, 3, and 4 because its specifier contains a span of `2.3+`
|Cell in column 4, row 2

|Cell in column 1, row 3
|Cell in column 4, row 3

|Cell in column 1, row 4
|Cell in column 4, row 4
|===

Result, similar like this:

Column 1, header row	Column 2, header row	Column 4, header row
Cell in column 1, row 2	This cell spans in column 2 and 3 and rows 2, 3, and 4 because its specifier contains a span of 2.3+	Cell in Column 4, row 2
Cell in column 1, row 3		Cell in column 4, row 3
Cell in column 1, row 4		Cell in column 4, row 4

< Previous click AsciiDoctor Table 2

Next click AsciiDoctor Table Tutorial 4 >

Bibliography:

https://asciidoctor.org/

https://www.adoc-studio.app/

https://www.baeldung.com/

https://www.vogella.com/

Jumat, 27 September 2024

AsciiDoctor Table Tutorial 1

Open the AsciiDoctor editor.
Type this following Asciidoctor code sample in Asciidoctor editor:
Content in document.

.Example 2. Table with header assigned to the options attribute
[cols="2*",options="header"]
|===
|Column 1, header row
|Column 2, header row

|Cell in column 1, row 2
|Cell in column 2, row 2

|Cell in column 1, row 3
|Cell in column 2, row 3
|===

Result, similar like this:
Content in document.

*Table 1. Example 2. Table with header assigned to the options attribute*
Column 1, header row	Column 2, header row
Cell in column 1, row 2	Cell in column 2, row 2
Cell in column 1, row 3	Cell in column 2, row 3

Next click AsciiDoctor Table 2 >

Bibliography:

https://asciidoctor.org/

https://www.adoc-studio.app/

https://www.baeldung.com/

https://www.vogella.com/

lightweight markup language, document format, office digital file, documentation and manual, asciidoc

AsciiDoctor Header

Post about AsciiDoctor

Markdown Headers

Markdown Basic Syntax Contents

Markdown Emphasis

Post about Markdown

People At School

Pelajaran Matematika Kelas 3 SMA 1

Rabu, 16 Oktober 2024

Syntax highlighting In AsciiDoctor Code Block

Syntax highlighting is a technique of colorizing the code to make it easier to read by emphasizing types, keywords, and other language constructs. Syntax highlighting of source blocks is enabled using the source-highlighter attribute in AsciiDoctor code block.

Some of common syntax highlighting supported language:

IT language:syntax highlighting name of language

technology name:syntax highlight language name

asciidoctor:asciidoc

visual basic:basic

c#/c sharp:cs

c++/c plus plus:cpp

cascading style sheet:css

java:java

javascript:javascript

json:json

markdown:markdown

Objective C:objectivec

perl:perl

plaintext:none

php:php

python:python

ruby:ruby

sql/structured query language:sql

visual basic .net:vbnet

xml/extensible markup language:xml

See the complete (syntax highlighting supported language/syntax highlighting name-of-language ) list in :

https://asciidoctor.org/ ( manual ebook )

https://docs.antora.org/

https://github.com/highlightjs/highlight.js

Next Source Code Block In AsciiDoctor >

code blocks, source blocks, syntax highlighter, language syntax highlight, source highlight

Rabu, 08 Oktober 2025

Simple ERD Table Design In AsciiDoctor

1. Open the AsciiDoctor editor.

2. Type this following Asciidoctor code sample about simple ERD/ERM Database Table Design in Asciidoctor editor:

==== ERD ( Entity Relationship Diagram )

:author: AsciiDoctor

:co-author: Tutor Course and After School Course

:revnumber: 1.0

:revdate: June 6th, 2007

:doctype: article

:toc:

:icons:

:lang: en

.Database Table Design: adminacc

[options="header"]

|===

|Field Name |Type |Size

|Username* |Text |50

|password |Text |50

3+|* _Primary Key_ ||

|===

.Database Table Design: record

[options="header"]

|===

|Field Name |Type |Size

|stud_ID* |Text |50

|fname |Text |50

|mname |Text |50

|lname |Text |50

|email |Text |50

3+|* _Primary Key_ ||

|===

3. Result Asciidoctor code after rendering, similar like this:

ERD ( Entity Relationship Diagram )

Table 1. Database Table Design: adminacc
Field Name	Type	Size
Username*	Text	50
password	Text	50
* Primary Key

Table 2. Database Table Design: record
Field Name	Type	Size
stud_ID*	Text	50
fname	Text	50
mname	Text	50
lname	Text	50
email	Text	50
* Primary Key

Notes

3+| is for merge three cells in one row as one cell.

<< back to Study About AsciiDoctor

Kamis, 22 Agustus 2024

AsciiDoctor Horizontal Rule

A line with three asterisks (i.e., --- or three hyphens) inserts a thematic break (aka horizontal rule).

AsciiDoc’s block delimiter syntax, only 3 repeating characters (- or *) are recognized.

Character - is hyphen. Characer * is asterisk.

Example AsciiDoctor thematic break syntax:

---

***

Like other AsciiDoctor block forms, the line must be begin by a preceding paragraph by at least one empty line and follow by a paragraph by at least one empty line.

Goto AsciiDoctor Horizontal Rule Sample to see the result.

Next AsciiDoctor Header >

Bibliography

http://pinterest.com/

https://asciidoctor.org/

Post about AsciiDoctor

Markdown Headers

Markdown Basic Syntax Contents

Markdown Emphasis

Post about Markdown

Selasa, 15 Oktober 2024

Category Table Design In AsciiDoctor

Open the Asciidoctor editor.
type this following Asciidoctor code in the Asciidoctor editor:
= Database Structure: inventory
== Table Schema: category

.category table
[width="80%",frame="topbot",options="header, footer"]
|===
| Column Name | Nullable | Type | Size |

| id | Not null | int | 11 |
| name | Null | varchar | 100 |
| description | Null | varchar | 200 |
| created_by | Null | int | 2 |
| created_at | Not Null | timestamp | |
| update_at | Null | date | |
|===
Result
Database Structure: inventory

Table Schema: category
Table 1. category table

Column Name Nullable Type Size

id Not null int 11

name Null varchar 100

description Null varchar 200

created_by Null int 2

created_at Not Null timestamp

update_at Null date

Column Name	Nullable	Type	Size
id	Not null	int	11
name	Null	varchar	100
description	Null	varchar	200
created_by	Null	int	2
created_at	Not Null	timestamp
update_at	Null	date

< to learn, click on AsciiDoctor Table Tutorial 1

Bibliography

https://daily.dev/
https://devdocs.io/
https://dev.mysql.com/
https://tableconvert.com/
sql2asciidoc

database table, table design, database design, erd table, lightweight markup language, document format, office digital file, documentation and manual, asciidoc

Jumat, 28 Februari 2025

AsciiDoctor Table Tutorial 4

1. Open the Asciidoctor editor.
2. type this following Asciidoctor code in the Asciidoctor editor:

= Cara menjaga kebersihan lingkungan


.Di bawah ini beberapa contoh dari cara menjaga kebersihan lingkungan:
[options="header, footer", width=50%]
|===
|Hari | Kegiatan

| Senin  
a| +++<input type="checkbox" checked disabled>+++ Kerja bakti membersihkan lingkungan dan menggunakan masker saat tingkat polusi udara tinggi.

| Selasa 
a| +++<input type="checkbox" checked disabled>+++ Membersihkan halaman dan telajakan/pematang/trotoar di sekitar rumah.

| Rabu   
a| +++<input type="checkbox" checked disabled>+++ Sampah yang dihasilkan rumah tangga selanjutnya kita pilah menjadi tiga, sampah organik, sampah non organik dan sampah botol atau pecah belah.

| Kamis
a| +++<input type="checkbox" checked disabled>+++ Perlu juga diatur jadwal untuk kegiatan kerja bakti membersihkan lingkungan kantor, toko dan sekitar rumah.

| Jumat
a| +++<input type="checkbox" checked disabled>+++ Hal yang tidak kalah penting  adalah menanam tanaman. Tanaman mempunyai banyak fungsi yaitu sebagai penyaring debu, penyimpan air tanah, penyejuk dan pendingin alami. Selain itu tanaman juga dapat dijadikan sebagai taman yang akan memberikan suasana asri dan indah lingkungan sekitar kita.Dengan adanya pohon yang rindang, taman yang asri, otomatis kita akan menjadi nyaman dan betah di rumah maupun di kantor dalam melaksanakan tugas sehari-hari.

| Sabtu
a| +++<input type="checkbox" checked disabled>+++ Mengurangi sistem transportasi yang tidak efisien dengan menghemat bahan bakar dan mengurangi angkutan pribadi;

| Minggu
a| +++<input type="checkbox" checked disabled>+++ Melakukan penyuluhan atau sosialisasi adalah hal yang diperlukan agar orang-orang mengetahui bagaimana pentingnya upaya menjaga kebersihan lingkungan. Ini akan menyadarkan banyak orang akan bahaya lingkungan kotor dan memotivasi agar bisa menjaga kebersihan lingkungan.
|===

= Cara - Cara Menghemat Energi Listrik
.Di bawah ini beberapa contoh dari cara untuk menghemat energi listrik:
|===
a|+++<input type="checkbox" checked disabled>+++ Memanfaatkan cahaya matahari untuk menerangi rumah pada pagi hari hingga sore hari.
a|+++<input type="checkbox" checked disabled>+++ Memasang daya listrik di rumah sesuai keperluan.
a|+++<input type="checkbox" checked disabled>+++ Mematikan  kipas angin atau penyejuk ruangan ketika ruangan sedang sejuk.
a|+++<input type="checkbox" checked disabled>+++ Mematikan sakelar lampu jika sudah tidak diperlukan.
a|+++<input type="checkbox" checked disabled>+++ Mematikan sakelar lampu saat kondisi ruangan cukup cahaya.
a|+++<input type="checkbox" checked disabled>+++ Membatasi waktu menonton televisi.
a|+++<input type="checkbox" disabled>+++ Membeli Tangki Penampungan Air.
a|+++<input type="checkbox" checked disabled>+++ Mencabut kabel dari stopkontak apabila sudah tidak digunakan.
a|+++<input type="checkbox" checked disabled>+++ Mencabut pengisi daya telepon seluler atau laptop yang terpasang di stopkontak.
a|+++<input type="checkbox" disabled>+++ Mengatur Suhu Sesuai Kebutuhan.
|===

3. Result, similar like this:

Cara menjaga kebersihan lingkungan

Table 1. Di bawah ini beberapa contoh dari cara menjaga kebersihan lingkungan:
Hari	Kegiatan
Senin	Kerja bakti membersihkan lingkungan dan menggunakan masker saat tingkat polusi udara tinggi.
Selasa	Membersihkan halaman dan telajakan/pematang/trotoar di sekitar rumah.
Rabu	Sampah yang dihasilkan rumah tangga selanjutnya kita pilah menjadi tiga, sampah organik, sampah non organik dan sampah botol atau pecah belah.
Kamis	Perlu juga diatur jadwal untuk kegiatan kerja bakti membersihkan lingkungan kantor, toko dan sekitar rumah.
Jumat	Hal yang tidak kalah penting adalah menanam tanaman. Tanaman mempunyai banyak fungsi yaitu sebagai penyaring debu, penyimpan air tanah, penyejuk dan pendingin alami. Selain itu tanaman juga dapat dijadikan sebagai taman yang akan memberikan suasana asri dan indah lingkungan sekitar kita.Dengan adanya pohon yang rindang, taman yang asri, otomatis kita akan menjadi nyaman dan betah di rumah maupun di kantor dalam melaksanakan tugas sehari-hari.
Sabtu	Mengurangi sistem transportasi yang tidak efisien dengan menghemat bahan bakar dan mengurangi angkutan pribadi;
Minggu	Melakukan penyuluhan atau sosialisasi adalah hal yang diperlukan agar orang-orang mengetahui bagaimana pentingnya upaya menjaga kebersihan lingkungan. Ini akan menyadarkan banyak orang akan bahaya lingkungan kotor dan memotivasi agar bisa menjaga kebersihan lingkungan.

Cara - Cara Menghemat Energi Listrik

Table 2. Di bawah ini beberapa contoh dari cara untuk menghemat energi listrik:
Memanfaatkan cahaya matahari untuk menerangi rumah pada pagi hari hingga sore hari.
Memasang daya listrik di rumah sesuai keperluan.
Mematikan kipas angin atau penyejuk ruangan ketika ruangan sedang sejuk.
Mematikan sakelar lampu jika sudah tidak diperlukan.
Mematikan sakelar lampu saat kondisi ruangan cukup cahaya.
Membatasi waktu menonton televisi.
Membeli Tangki Penampungan Air.
Mencabut kabel dari stopkontak apabila sudah tidak digunakan.
Mencabut pengisi daya telepon seluler atau laptop yang terpasang di stopkontak.
Mengatur Suhu Sesuai Kebutuhan.

Notes:

The display of result on the above maybe a little different, because the result is based on how you build the table, AsciiDoctor role attribute, tools.
AsciiDoctor syntax code .Decision Table / Cause-Effect is for table caption.
Using AsciiDoctor editor according to your environment and your requirement.

< Previous AsciiDoctor Table Tutorial 3

Bibliography

https://asciidocfx.com/

https://bulelengkab.go.id/

https://github.com/

https://jetbrains.com/

https://www.kemdikbud.go.id/

https://kemkes.go.id/

https://marketplace.visualstudio.com/

https://semarangkota.go.id/

https://www.vogella.com/

Jumat, 07 Februari 2025

Data Table In AsciiDoctor

1. Type this AsciiDoctor code to AsciiDoctor editor:

.Metro Bus Lines Transportation Data Table

[options="header"]

|===

|150|Bladensburg Road-Anacostia|EASTERN HIGH SCHOOL|ANACOSTIA|1424069|DC|REG|Crosstown

|44|Benning Heights-Alabama Avenue|CONGRESS HEIGHTS STATION|MINNESOTA AVE STATION|1423700|DC|NON|Crosstown

|133|Capitol Heights - Minnesota Ave.|MINNESOTA AVE|CAPITOL HEIGHTS |1424188|DC|REG|Radial

|108|16th Street|SILVER SPRING TRANSIT CENTER|FEDERAL TRIANGLE|1424270|DC|REG|Radial

|63|Hillcrest Heights|BRANCH AVENUE|NAYLOR ROAD|1424099|MD|REG|Radial

|===

2. Save As DataTable1.asciidoc

3. See your result may similar to the result below:

Result

Table 1. Metro Bus Lines Transportation Data Table
LIN_ID	DESCRIPTION	ORIGIN	DESTINATION	EGIS_ID	STATE	REGIONAL	SERVICE_TYPE
150	Bladensburg Road-Anacostia	EASTERN HIGH SCHOOL	ANACOSTIA	1424069	DC	REG	Crosstown
44	Benning Heights-Alabama Avenue	CONGRESS HEIGHTS STATION	MINNESOTA AVE STATION	1423700	DC	NON	Crosstown
133	Capitol Heights - Minnesota Ave.	MINNESOTA AVE	CAPITOL HEIGHTS	1424188	DC	REG	Radial
108	16th Street	SILVER SPRING TRANSIT CENTER	FEDERAL TRIANGLE	1424270	DC	REG	Radial
63	Hillcrest Heights	BRANCH AVENUE	NAYLOR ROAD	1424099	MD	REG	Radial

< Previous Category Table Design In AsciiDoctor

Bibliography

https://asciidoc.org/ ( manual book )

https://antora.org/ ( manual book )

https://www.vogella.com/

https://www.writethedocs.org/

Search In This Website

Kamis, 27 Februari 2025

Getting Started

Visuals

Advanced Syntax And Features

Other AsciiDoctor Study Topics

Setup Ruby AsciiDoctor

Notes

Bibliography

Related Post:

Sabtu, 15 Februari 2025

Learning Unordered List In AsciiDoctor

Bibliography

Related Post

Jumat, 25 Juli 2025

AsciiDoctor Quoted Block (Blockquote) Example

AsciiDoctor Comment Block Example

AsciiDoctor Example Block

AsciiDoctor Delimited Passthrough Block

Bibliography

Jumat, 13 Desember 2024

Add URL

Custom link text

Related Post

Kamis, 04 Juli 2024

Default table syntax

Example:

Result

Supported data formats

Escape the cell separator

Example of AsciiDoctor CSVTable

Result: Rendered CSV table

Example

Accessible Table Of AsciiDoctor Sample

Result

Notes:

Bibliography

Related Post

Selasa, 27 Mei 2025

Learn To Using Google Chrome

Learn To Use Latex Document

Learn To Use Markdown And LightWeight Markup Language

Learn To Use AsciiDoctor

Selasa, 04 Maret 2025

Bibliography

Related Post

Selasa, 18 Februari 2025

Notes

Bibliography

Kamis, 13 Februari 2025

Notes

Bibliography

Rabu, 05 Juni 2024

AsciiDoctor Headers And Sections

AsciiDoctor Headings ( Heading level 1 to 6 ).

This is an <h1> tag

This is an <h2> tag

This is an <h3> tag

This is an <h4> tag

This is an <h5> tag

This is an <h6> tag

Next AsciiDoctor Horizontal Rule >

< back to Study About AsciiDoctor

lightweight markup syntax, lightweight markup document, lightweight markup language

Bibliography:

Related Post:

Jumat, 25 Juli 2025

How To Check AsciiDoctor Has Installed Locally

How To Check AsciiDoctor Ruby Gem Dependencies

Bibliography

Jumat, 13 Desember 2024

Bibliography:

Related Post

Jumat, 27 September 2024

Bibliography:

Related Post:

Rabu, 16 Oktober 2024

Related Post

Rabu, 08 Oktober 2025

ERD ( Entity Relationship Diagram )