Senin, 14 April 2025

Install SQLite Tools

First, create a new directory such as D:\portable\javaJARruntime\sqlite-tools-win32-x86-3400100\
Second, extract the content of the file downloaded in the previous step to the D:\portable\javaJARruntime\sqlite-tools-win32-x86-3400100\ directory. You should see three programs in the D:\portable\javaJARruntime\sqlite-tools-win32-x86-3400100\ directory as shown below:
Third, type sqlite3 --version and press enter. It’ll return the following output:
3.40.1 2022-12-28 14:03:47 df5c253c0b3dd24916e4ec7cf77d3db5294cc9fd45ae7b9c5e82ad8197f38a24

Notes

Type only font in monospace in command prompt, e.g. sqlite3.
To see the more clear screenshot, click on the picture.

Number Place Value In Mathematics

Number Place Value is the value of each digit in a number depending on its position. Number Place Value helps us to understand and compare numbers, and make calculations.

Number Place Value helps you to understand the value of each digit within a number. The same digit can have different Number Place Values depending on its position in a number, while a digit can be the same.

Number Place Value have letters on them to represent each position on Millions, Hundred Thousands, Ten Thousands, Thousands, Hundreds, Tens, Ones, decimal point, tenths, hundredths, thousandths and so on.

To separate thousands and more, you are write the numbers with more than four number digits is by separating them into groups of three with comma ( , ) and leaving a space between each group.

To separate the number place value Ones with tenths number, you are write the period of decimal point ( . ) and leaving a space between each group.

For example

in 362, the 6 ( six ) represents 6 of tens ( T ). But, in 326, the 6 ( six ) represents 6 of ones ( O ).

Number Place Value chart list

Number Place Value chart list like the one below:

2 , 367 , 402 . 960

2 represents 2 Millions place.

3 represents 3 Hundred Thousands place.

6 represents 6 Ten Thousands place.

7 represents 7 Thousands place.

4 represents 4 Hundreds place.

0 represents 0 Ones place.

. represents point.

9 represents tenths place.

6 represents hundredths place.

0 represents thousandths place.

<< Back To Topics: Subject Topics Of Math

Next Number Place Value >

Bibliography

https://thirdspacelearning.com/

https://www.smartick.com/

https://www.splashlearn.com/

Long Division In Latex 3

1. Open your Latex editor.

2. type this following latex code in your latex editor for typing a Long Division equation in latex:

% !TEX TS-program = pdflatex

% !TEX encoding = UTF-8 Unicode

%Typeset/Build program

%-LongDivision2.tex--

\documentclass[margin=2mm, preview, varwidth]{standalone}

\usepackage{amsmath}

\usepackage{array}

\usepackage{siunitx}

\usepackage{fourier}

\usepackage{scalerel}

% macro command to type long division

\newcommand{\ldsym}{$\left.\mathstrut\right)$}% unbalanced )

\newlength{\ldwidth}

\newcommand{\longdivide}[2]% #1 = divisor/denominator, #2 = dividend/numerator

{\settowidth{\ldwidth}{\ldsym}

$#1\,\raisebox{2.1pt}{\ldsym}\hspace*{-.75\ldwidth}\overline{

\mathstrut\hspace*{.35\ldwidth}\ #2}$}

\begin{document}

% configuration for digit separator

\sisetup{group-separator={.},group-minimum-digits=3}

\renewcommand\arraystretch{1.2} %specify the vertical stretch

\begin{center}

\begin{tabular}{rr}

% Quotient

$\num{7000000}$ \\

% 5 is Divisor, 35000000 is Dividend

\longdivide{5}{\num{35000000}}\\

\underline{\num{35000000}} &\kern-2.4ex -\\

\end{tabular}

\end{center}

\end{document}

3. Save as LongDivision2.tex

4. Build Typeset or Compile the latex code

Output

<< back to Subject Topics Of Math

< Previous Number Place Value

Next to learn Vertical Multiply Equation >

< Previous lesson of latex Equation Long Division In Latex 2

to learn other Latex draw topics, click Study About Draw In Latex >>

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>

<caption>Table 1. Identifikasi Use Case</caption>

</colgroup>

<thead>

<tr>

Use Case</th>

<th>Deskripsi</th>

<th>Aktor</th>

</tr>

</thead>

<tbody>

<tr>

<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>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>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>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.	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.	Admin Inventory Admin Pembelian Manajer
UC03	Ubah Password	Use case ini menggambarkan kegiatan mengubah password lama menjadi password baru	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.	Admin Inventory

document header, document metadata, document attributes, document structure

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/

Tabel Identifikasi Aktor Use Case Dalam Markdown

Persiapan: Markdown Editor dan Markdown Reader yang mendukung markdown-it parser dan markdown-it-table-captions plugin (Table caption plugin for markdown-it markdown parser).

1. Buka Markdown Editor.

2. Ketik dokumen markdown di bawah ini pada markdown editor:

|ID|Aktor|Deskripsi|

|---|---|---|

|AC01|Admin _Inventory_|Aktor yang dapat mengelola data barang, mengelola data pemasok, mengelola data pelanggan, mengelola data barang masuk, mengelola data barang keluar, mengelola data persediaan barang, dan mengelola data permintaan barang.|

|AC02|Admin Pembelian|Aktor yang dapat melihat dan menyetujui permohonan permintaan barang|

|AC03|Admin Penjualan|Aktor yang dapat melihat dan menyetujui permohonan penjualan barang|

|AC04|Manajer|Aktor yang dapat membuat _user_ baru, memiliki hak akses untuk mengedit dan menghapus _user_, melihat laporan barang masuk, laporan barang keluar, laporan daftar barang, laporan persediaan barang, laporan permintaan barang, dan laporan penjualan barang.|

Table: Identifikasi Aktor

3. Simpan dengan nama file tabelIdentifikasiAktor.md.

4. Jalankan preview atau save as HTML atau PDF.

5. Buka HTML di browser atau PDF di PDF reader.

Notes

Jika Markdown Editor dan Markdown Editor berjalan dengan baik maka akan menghasilkan file output HTML seperti di bawah ini:

<!DOCTYPE html>

<head>

</head>

<body>

<table>

<caption>Table: Identifikasi Aktor</caption>

<thead>

<tr>

<th>Aktor</th>

<th>Deskripsi</th>

</tr>

</thead>

<tbody>

<tr>

<td>Admin <em>Inventory</em></td>

<td>Aktor yang dapat mengelola data barang, mengelola data pemasok, mengelola data pelanggan, mengelola data barang masuk, mengelola data barang keluar, mengelola data persediaan barang, dan mengelola data permintaan barang.</td>

</tr>

<tr>

<td>Admin Pembelian</td>

<td>Aktor yang dapat melihat dan menyetujui permohonan permintaan barang</td>

</tr>

<tr>

<td>Admin Penjualan</td>

<td>Aktor yang dapat melihat dan menyetujui permohonan penjualan barang</td>

</tr>

<tr>

<td>Manajer</td>

<td>Aktor yang dapat membuat <em>user</em> baru, memiliki hak akses untuk mengedit dan menghapus <em>user</em>, melihat laporan barang masuk, laporan barang keluar, laporan daftar barang, laporan persediaan barang, laporan permintaan barang, dan laporan penjualan barang.</td>

</tr>

</tbody>

</table>

</body>

</html>

Output

Table: Identifikasi Aktor
ID	Aktor	Deskripsi
AC01	Admin Inventory	Aktor yang dapat mengelola data barang, mengelola data pemasok, mengelola data pelanggan, mengelola data barang masuk, mengelola data barang keluar, mengelola data persediaan barang, dan mengelola data permintaan barang.
AC02	Admin Pembelian	Aktor yang dapat melihat dan menyetujui permohonan permintaan barang
AC03	Admin Penjualan	Aktor yang dapat melihat dan menyetujui permohonan penjualan barang
AC04	Manajer	Aktor yang dapat membuat user baru, memiliki hak akses untuk mengedit dan menghapus user, melihat laporan barang masuk, laporan barang keluar, laporan daftar barang, laporan persediaan barang, laporan permintaan barang, dan laporan penjualan barang.

lightweight markup syntax, lightweight markup document, lightweight markup language

Bibliography

https://daringfireball.net/projects/markdown/

https://developers.google.com/

https://github.com/

http://stackoverflow.com/

JQuery Selector Short Reference

JQuery Selector

Query Selector	Description
`$(“*”)`	It is used to select all the HTML components/tags.
`$(“p.demo”)`	It is used to select p tag elements by using the class name of the p tag. Use a dot (.) and the class name.
`$("#li-with-id")`	It is used to select tag elements by using the id name of any tag. Use To select an element with a specific id, write a hash (#) character, the id of the element. a hash (#) and followed by the id element.
`$(“:button”)`	It is used to select the button and input elements.
`$(“tr:even”)`	It is used to select the even <tr> tag elements.
`$(“tr:odd”)`	It is used to select the odd <tr> tag elements.
`$(“span:parent”)`	It is used to select the elements which have a child element associated.
`$(“[href]”)`	It is used to select all elements with href attributes.
`$(“:input”)`	It is used to select all form input elements.

Bibliography

https://jquery.com/ ( manual book )

https://studysection.com/

https://www.freecodecamp.org/

Ribbon In Microsoft Word

Aktivitas Kebugaran Jasmani

Rotate Rowspan Table Cell In HTML, CSS, JS

1. Type this following HTML code in Web editor:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<style>

th.rotate {

height: 100%;

white-space: nowrap;

vertical-align: middle;

text-align: center;

}

th.rotate > div {

transform:

translate: (25px, 51px)

rotate(-90deg);

width: 1.75em;

vertical-align: middle;

margin-left: -100;

margin-right: -100;

/* Legacy vendor prefixes that you probably don't need... */

/* Safari */

-webkit-transform: rotate(-90deg);

/* Firefox */

-moz-transform: rotate(-90deg);

/* IE */

-ms-transform: rotate(-90deg);

/* Opera */

-o-transform: rotate(-90deg);

/* Internet Explorer */

filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}

th.rotate > div > span {

padding: 5px 15px;

vertical-align: middle;

display: block;

width: 100%;

height: 100%;

direction: rtl;

}

.cellnowrap {white-space:nowrap;}

</style>

</head>

<body>

<tr>

<th colspan="7">Sawah</th>

<th colspan="7">Tanah Kering</th>

</tr>

<tr>

<th rowspan="3">Nomor Persil dan Huruf Bagian Persil</th>

<th rowspan="3" width="1" class="rotate"><div><span>KelasDesa</span></div></th>

<th colspan="4">Menurut Daftar Perincian</th>

<th rowspan="3">Sebab Dan tanggal perubahan</th>

<th rowspan="3">Nomor Persil dan Huruf Bagian Persil</th>

<th rowspan="3" width="1" class="rotate"><div><span>KelasDesa</span></div></th>

<th colspan="4">Menurut Daftar Perincian</th>

<th rowspan="3">Sebab Dan tanggal perubahan</th>

</tr>

<tr>

<th colspan="2">Luas milik</th>

<th colspan="2">Pajak</th>

<th colspan="2">Luas milik</th>

<th colspan="2">Pajak</th>

</tr>

<tr>

</tr>

<tr>

<td>Jual Beli<br />13 Januari 1990</td>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

window.addEventListener('load', function () {

var rotates = document.getElementsByClassName('rotate');

for (var i = 0; i < rotates.length; i++) {

rotates[i].style.height = rotates[i].offsetWidth + 'px';

}

});

</script>

</body>

</html>

2. Save the file as rotateRowspanTableCell.html

3. To see the output, open the file using browser (e.g. Google Chrome).

Output

< back to Learn HTML

< previous HTML Table Element

Bibliography

Web and Internet e-books series O'reilly

Web development e-books series Prentice Hall

Web development and Web programming Wrox

Environment variable 1

Fungsi Menu Google Chrome

Microsoft Excel Terms 1

Kursus dan Bimbingan Belajar

Cari Blog Ini

Senin, 14 April 2025

Install SQLite Tools

Notes

Related Post

Number Place Value In Mathematics

For example

Number Place Value chart list

Bibliography

Related Post

Long Division In Latex 3

Output

Related Post

Jumat, 11 April 2025

Tabel Identifikasi Use Case Dalam AsciiDoctor

Notes

Output

Tabel Identifikasi Use Case

Bibliography

Tabel Identifikasi Aktor Use Case Dalam Markdown

Notes

Output

Bibliography

JQuery Selector Short Reference

JQuery Selector

Bibliography

Related Post

Rotate Rowspan Table Cell In HTML, CSS, JS

Output

Bibliography

Related Post