Search In This Website

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

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.


Senin, 25 Agustus 2025

Add Image In Markdown

This article is to add an image in Markdown file.

Block Image In Markdown

A block image is displayed as a discrete element (on its own line), in a document. A block image is start by an exclamation mark (!), followed by alt text in brackets, and the path or URL to the image asset in parentheses. You can optionally add a title in quotation marks after the path or URL, entered on a line by itself, and then followed by an empty line.

![Alt text for screen readers](path/to/image.png "Optional title text")

Type this following Markdown code sample in Markdown editor:
Content in document.

![logo](logo.jpeg "logo")

Content in document

Result ( similar like this following ) :

Content in document.
Content in document

Notes

  • To insert a block image, type the image target name directly followed by two parentheses ().
  • Enter the image file alternative text. Type a pair of square brackets ([]) directly after the exclamation mark (!).



next click Markdown Link 1 >

markdown, lightweight markup syntax, lightweight markup document, lightweight markup language, image, picture, figure, illustration, photo, graphic

Related Post


Selasa, 12 Agustus 2025

Visual Studio Code Extension 5

These are Useful Extension for Visual Studio Code Editor:

  • adammaras.overtype = Provides insert/overtype mode.
  • aflov.todogenerator = Boilerplate TODO .txt file generator.
  • aiekick.plantuml-switcher = Switch PlantUML elements (relations, links, ...).
  • alexcvzz.vscode-sqlite = Explore and query SQLite databases.
  • AlekseyNagovitsyn.autocomplete-line = Auto complete lines by grepping the project.
  • alpinebuster.vscode-latex-table-editor = An Open Source WYSIWYG table editor that exports to multiples languages including LaTeX, ConTeXt, Plain TeX, CSV, HTML, BBCode, Eplain, PreTeXt, MediaWiki, Markdown and WML.
  • antfu.browse-lite = Embedded browser in VS Code.
  • asciidoctor.asciidoctor-vscode = Provides rich language support for AsciiDoc.
  • barankilic.beamer = Beamer snippets for Visual Studio Code.
  • betterthantomorrow.paste-replaced = Paste text replaced using regular expressions that you configure, optionally simulating that you are typing it. Works anywhere in VS Code, not just the editors. E.g. good for fast typing canned text in your presentations and a lot of other cases.
  • bierner.markdown-mermaid = Adds Mermaid diagram and flowchart support to VS Code's builtin markdown preview.
  • Cardinal90.multi-cursor-case-preserve = Preserves case when editing with multiple cursors.
  • claudiobartoli.latex-songs = Syntax highlighting for LaTeX songs package.
  • cmoog.sqlnotebook = Open SQL files in the VS Code Notebook interface. Execute query blocks and view output interactively.
  • davraamides.todotxt-mode = Commands and decorators for managing todo.txt files.
  • efoerster.texlab = LaTeX and BibTeX language support for Visual Studio Code.
  • fabiospampinato.vscode-todo-plus = Manage todo lists with ease. Powerful, easy to use and customizable.
  • hari64boli64.latexlint = Linter for LaTeX with useful commands for academic writing.
  • HuYigong.vscode-latex-commands = Usefull commands for LaTeX.
  • isawu.partial-autocomplete = Adds common substrings to suggested completions list for partial auto-completion.
  • JaimeOlivares.yuml = UML diagramming tool based on the yUML syntax.
  • James-Yu.latex-workshop = Boost LaTeX typesetting efficiency with preview, compile, autocomplete, colorize, and more.
  • jebbs.plantuml = Rich PlantUML support for Visual Studio Code.
  • JeffersonQin.latex-snippets-jeff = Useful Snippets for LaTeX.
  • johnguo.columnpaste = Copy/Paste a column text.
  • JZWenxuan.spread-selection = Spread the selected text for every line in the clipboard.
  • k-kuroguro.csv2latex = VSCode extension for converting CSV or Excel table to LaTeX tabular.
  • kilacoda.code2latex = TeXify Your Code.
  • konstantin.wrapSelection = wrap selection with combination of symbols or your custom pattern.
  • lhl2617.latex-js-preview = Provides preview of LaTeX.js in VSCode.
  • ltex-plus.vscode-ltex-plus = Grammar/spell checker using LanguageTool with support for LaTeX, Markdown, and others.
  • lucax88x.codeacejumper = Visual Studio Code Ace Jump.
  • Lw-lonely.latex-table-helper = Latex Table Helper provides an easy way to generate table.
  • maptz.camelcasenavigation = Provides Camel Case cursor navigation for the Visual Studio Code editor.
  • marclipovsky.string-manipulation = Format strings to camelize, dasherize, etc.
  • mathematic.vscode-latex = LaTeX language support for Visual Studio Code.
  • mjpvs.latex-previewer = Preview a typeset LaTeX document in VS Code.
  • NadavGold.tex-matrix = An extension provides user snippets for latex which allows creating matrix up to 12x12.
  • nhawkes.selection-overtype = Typing with a selection active overtypes with matching case.
  • oijaz.unicode-latex = Insert unicode symbols for latex names.
  • pinglewareapps.pingleware-access-db-viewer = A Visual Studio Code extension to view Microsoft Access databases.
  • qwtel.sqlite-viewer = SQLite Viewer for VS Code.
  • rarnoldmobile.todo-txt = Todo.txt file management.
  • sabertazimi.latex-snippets = Powerful LaTeX Snippets for CS Paper Writing.
  • SaptarshiDey.latex-viewer = A simple LaTeX previewer for VsCode.
  • skyer.vscode-markdown-diagram = Adds Mermaid PlantUML DOT and ditaa support to VS Code's builtin markdown preview.
  • tecosaur.latex-utilities = An add-on to LaTeX Workshop that provides some fancy features that are less vital to the basic experience editing a LaTeX document, but can be rather nice to have.
  • TheUMLetTeam.umlet = Free UML Tool for Fast UML Diagrams.
  • tomoyukim.vscode-mermaid-editor = Live editor for mermaid.js in Visual Studio Code.
  • torn4dom4n.latex-support = LaTeX language support for Visual Studio Code.
  • usernamehw.todo-md = Todo tracking based on `todo.txt` format. Todo-md extension does NOT conform to the todo.txt spec.
  • vomout.latex-syntax = Rich LaTeX syntax highlighting (for use with Texlab).
  • vvlvm.paste-in-selected-case = 「Paste in Selected Case」は、クリップボードのテキストを選択したケース(Camel Case、Snake Case、Upper Case など)に変換して貼り付ける Visual Studio Code 拡張機能です。複数カーソルや複数行のテキストにも対応しています。
  • wmaurer.change-case = Quickly change the case (camelCase, SCREAMING_CASE or CONSTANT_CASE, PascalCase or TitleCase, dot.case, snake_case, kebab-case or param-case, slash/case, lowercase, UPPERCASE, space case or no case, Sentence case, Upperfirst, etc) of the current selection or current word.
  • wware.plain-text-diagrams = Syntax Highlighting and formatting for .ptd (Plain Text Diagram) files.
  • wxhenry.latex-begin-end-auto-rename = Automatically modify the other when editing either begin or end in LaTeX.
  • Yongke.latex-wordcount = Count the tex words by TexCount.



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.
++++


Bibliography

https://docs.asciidoctor.org/ ( manual ebook )
https://www.adoc-studio.app/
https://www.udemy.com/

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 )

Study About Ruby

Getting Started



Selasa, 27 Mei 2025

Learn Internet And Communication

Learn To Using Google Chrome

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

Learn To Use AsciiDoctor

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

Rabu, 21 Mei 2025

Software Programming Environment Variable

The sample list of Programming Environment Variable and Common Programming Default Path:
Notes Use quotation marks when specifying long filenames or paths with spaces.



to learn about Environment Variable, click Environment variable 1 >

to learn about Top Command Prompt Command list, click Top Command Prompt >

to learn about change a directory in Command Prompt, click Change Directory In Command Prompt >

Jumat, 16 Mei 2025

Google Chrome Extension To Learning

10ten Japanese Reader (Rikaichamp); Offered by Birchill

ADHD Reader; Offered by: lehtuska.com

Asciidoctor.js Live Preview; Offered by: Guillaume Grossetie

Basic Calculator; Offered by: brettclapper.com

Beautiful Epub Reader; Offered by: Sparrow

Better Ruler; Offered by: paul

Break Timer; Offered by: tomjwatson

Calculator; Offered by: linangdata.com

Easy Accent Marks; Offered by: Yatin Bayya

Edge: The Web Ruler; Offered by: Andrew Stromme

Emoji Keyboard by JoyPixels®; Offered by: JoyPixels Inc

EPUBReader; Offered by: epubreader

Focus Frame; Offered by: Kunj Patel

Furigana; Offered by: Dusan Halicky

Furiganator; Offered by: Crelier

Google Dictionary (by Google); Offered by: dictionary-extension-dev

Google Docs Dark Mode; Offered by: Ivan Hidalgo

Google Docs Offline; Offered by: google.com

Google Keep Chrome Extension; Offered by: Google

Highlighter for Google Chrome™; Offered by: web-highlighter.pdfwork.com

Markdown Cheatsheet; Offered by: greybax

Markdown Reader; Offered by: md-reader.github.io

Markdown Viewer; Offered by: simov.github.io

Measuremate; Offered by: measuremate.xyz

MultiTabs Markdown Editor; Offered by: Park ChangUk

Night Shift Mode; Offered by: nightshiftmode.com

OpenDyslexic for Chrome; Offered by: abbiecod.es.

Page Marker - Draw on Web; Offered by: pagemarker.org

Photo Zoom Plus; Offered by: Presci Lia

Pinyin Web; Offered by: Silas S. Brown

Protractor; Offered by: ben.burlingham

rikaikun; Offered by: Erek Speed

RSS Feed Reader; Offered by: feeder.co

Scientific Calculator; Offered by: raad.dev

Scribbr Citation Generator; Offered by: www.scribbr.com

Text Editor; Offered by: Sevina

Unicode Converter / ASCII Converter; Offered by: GPTBLOX

View Image Info (properties); Offered by: extfan

Visor: Offered by: softharbour

Weava Highlighter - PDF & Web; Offered by: Weavatools Limited

Web Maker; Offered by: webmaker.app

Word Editor; Offered by: Keller

Zoom Text Only; Offered by: http://www.lihanli.com/

Zoom Video - UltraWide Video; Offered by: http://zoomvideos.net/


Bibliography

https://chromewebstore.google.com/

https://www.controlaltachieve.com/

https://www.edutopia.org/


Related Post

Opera And Google Chrome Extensions 1

Jumat, 11 April 2025

Tabel Identifikasi Use Case Dalam AsciiDoctor

1. Buka AsciiDoctor editor.
2. Ketik file AsciiDoctor di bawah ini ke dalam AsciiDoctor editor:
= Tabel Identifikasi Use Case
:author: -
:co-author: Tutor Course and After School Course
:revnumber: 1.0
:revdate: -
:doctype: article
:toc:
:icons:
:lang: id
.Identifikasi Use Case
[%header]
|===

|ID|Nama +
Use Case|Deskripsi|Aktor

|UC01
|Login
|Use Case ini menggambarkan +
kegiatan memasukkan data id user +
dan password untuk dapat +
masuk ke dalam sistem.
a|. Admin Inventory
. Admin Pembelian
. Manajer

|UC02
|Update Profil
|Use case ini menggambarkan +
kegiatan memperbaharui atau +
mengubah biodata user seperti +
nama lengkap, nomor telepon, +
e-mail, dan foto profil.
a|. Admin Inventory
. Admin Pembelian
. Manajer

|UC03
|Ubah Password
|Use case ini menggambarkan +
kegiatan mengubah password +
lama menjadi password baru
a|. Admin Inventory
. Admin Pembelian
. Manajer

|UC04
|Manajemen Barang
|Use case ini menggambarkan +
kegiatan melihat data barang, +
menambahkan data barang, +
mengubah data barang dan +
menghapus data.
a|Admin Inventory
|===
3. Simpan dengan nama file TabelIdentifikasiUseCase.asciidoc
4. Jalankan preview atau save as HTML atau PDF.
5. Buka HTML di browser atau PDF di PDF reader.

Notes

Jika Asciidoctor Editor berjalan dengan baik maka akan menghasilkan file output HTML seperti di bawah ini:
<!DOCTYPE html>
<html>
<head><title>Tabel Identifikasi Use Case</title></head>
<body>
<h1>Tabel Identifikasi Use Case</h1>
<table border="1">
<caption>Table 1. Identifikasi Use Case</caption>
<colgroup>
<col style="width: 25%;">
<col style="width: 25%;">
<col style="width: 25%;">
<col style="width: 25%;">
</colgroup>
<thead>
<tr>
<th>ID</th>
<th>Nama<br>
Use Case</th>
<th>Deskripsi</th>
<th>Aktor</th>
</tr>
</thead>
<tbody>
<tr>
<td>UC01</td>
<td>Login</td>
<td>Use Case ini menggambarkan<br>
kegiatan memasukkan data id user<br>
dan password untuk dapat<br>
masuk ke dalam sistem.</td>
<td>
<ol>
<li>
Admin Inventory
</li>
<li>
Admin Pembelian
</li>
<li>
Manajer
</li>
</ol>
</td>
</tr>
<tr>
<td>UC02</td>
<td>Update Profil</td>
<td>Use case ini menggambarkan<br>
kegiatan memperbaharui atau<br>
mengubah biodata user seperti<br>
nama lengkap, nomor telepon,<br>
e-mail, dan foto profil.</td>
<td>
<ol>
<li>
Admin Inventory
</li>
<li>
Admin Pembelian
</li>
<li>
Manajer
</li>
</ol>
</td>
</tr>
<tr>
<td>UC03</td>
<td>Ubah Password</td>
<td>Use case ini menggambarkan<br>
kegiatan mengubah password<br>
lama menjadi password baru</td>
<td>
<ol>
<li>
Admin Inventory
</li>
<li>
Admin Pembelian
</li>
<li>
Manajer
</li>
</ol>
</td>
</tr>
<tr>
<td>UC04</td>
<td>Manajemen Barang</td>
<td>Use case ini menggambarkan<br>
kegiatan melihat data barang,<br>
menambahkan data barang,<br>
mengubah data barang dan<br>
menghapus data.</td>
<td>
Admin Inventory
</td>
</tr>
</tbody>
</table>
</body>
</html>

Output

Tabel Identifikasi Use Case

Table 1. Identifikasi Use Case
ID Nama
Use Case
Deskripsi Aktor
UC01 Login Use Case ini menggambarkan
kegiatan memasukkan data id user
dan password untuk dapat
masuk ke dalam sistem.
  1. Admin Inventory
  2. Admin Pembelian
  3. Manajer
UC02 Update Profil Use case ini menggambarkan
kegiatan memperbaharui atau
mengubah biodata user seperti
nama lengkap, nomor telepon,
e-mail, dan foto profil.
  1. Admin Inventory
  2. Admin Pembelian
  3. Manajer
UC03 Ubah Password Use case ini menggambarkan
kegiatan mengubah password
lama menjadi password baru
  1. Admin Inventory
  2. Admin Pembelian
  3. Manajer
UC04 Manajemen Barang Use case ini menggambarkan
kegiatan melihat data barang,
menambahkan data barang,
mengubah data barang dan
menghapus data.
Admin Inventory

document header, document metadata, document attributes, document structure, low-code application development, software requirement specification document, srs document


Bibliography

Software Engineering;R.S. Pressman et. al.
Analisis Dan Desain Sistem Informasi;Jogiyanto
https://books.google.com/
https://www.researchgate.net/
https://www.scribd.com/

Kamis, 10 April 2025

AsciiDoctor Localization Label Reference

Language : AsciiDoctor Localization Label
English : en
French : fr
German : de
Russian : ru
Italian : it
Spanish : es
Swedish : sv
Japanese : ja
Danish : da
Latin : la


built-in labels, converting to docbook, language tag, lang attribute, asciidoc

Bibliography

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

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

https://github.com/

https://toronto.edu/ ( university )

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

http://www.iana.org/ ( manual book )

https://www.ietf.org/ ( manual book )

https://www.rfc-editor.org/ ( manual book )

https://www.unesco.org/

https://www.w3.org/ ( manual book )


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/

Related Post

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.



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/

Kamis, 27 Februari 2025

Study About AsciiDoctor

These are study topic list about AsciiDoctor:

Getting Started

Visuals

Advanced Syntax And Features

Other AsciiDoctor Study Topics


Setup Ruby 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/

Related Post:

Minggu, 23 Februari 2025

Decision Table

Decision tables are a concise visual representation for specifying which actions to perform or decision to be taken depending on given conditions. Decision table is the term used for a Control table or State-transition or Cause-Effects table in the field of Business process modeling.
  • Each decision corresponds to a variable, relation or predicate whose possible values are listed among the condition alternatives. 
  • Each action is a procedure or operation to perform, and the entries specify whether (or in what order) the action is to be performed for the set of condition alternatives the entry corresponds to.
  • Rules are combinations of conditions and actions. Each row in a decision table typically represents a rule that maps a specific set of conditions to an action. Rules are what make decision tables so powerful; they allow you to manage complex logic by listing out all possible condition-action pairs systematically. Typically to place a simple Boolean values, and the action entries are check-marks. Typically to place a do not care symbol (this can be a hyphen, although using a blank is discouraged as it may merely indicate that the decision table has not been finished).
Typically Decision Table form is:
  • One per row, on the left is indicated condition, action, 
  • Each column on the right is indicated business rules.
to learn a sample decision table in AsciiDoctor, click on:

Bibliography

https://camunda.com/
https://en.wikipedia.org/
https://www.ibm.com/
https://www.sciencedirect.com/
https://www.smartsheet.com/
https://www.visual-paradigm.com/

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|&#10003; Success

|Academics|&#10003; Success

|Register|&#10003; Success

|News & Events|&#10003; Success

|Research|&#10003; Success

|Campuses|&#10003; Success


.5+|Learning|Students|&#10003; Success

|Social|&#10003; Success

|Parents|&#10003; Success

|Faculty & Staff|

|Alumni|&#10003; 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 )

Senin, 17 Februari 2025

Markdown Horizontal Rules

Horizontal rule is created using three or more dashes ( --- ) on a line by itself.

---

Example:

Try to put a blank line before...

---

...and after a horizontal rule.

Output

Try to put a blank line before...


...and after a horizontal rule.




lightweight markup syntax, lightweight markup document, lightweight markup language


Bibliography

http://daringfireball.net/projects/markdown/

https://docs.github.com/

https://gist.github.com/stevenyap


Related Post

Markdown Link 1

Syntax Highlight In Markdown Code Block

Code Block In Markdown

Comment In Markdown

Study About Markdown 1

Markdown, AsciiDoctor, reStructuredText File Extension


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




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/

Related Post