Jumat, 24 Mei 2019

Kombinasi Bok pada Daftar dan Sajian.

| ... |

List     | ... |Yusni Tria Yunda.
| ..
| ..
Daftar A: 
 
|
| ..
Daftar B:
 
 |
| ..
Daftar C
 
 |
| ..
Options
Dalam "Caption" Foto "Options".
. List           Yusni Tria Yunda. 

Menguploadkan foto ke dalam background putih ini, dapat membuat beberapa éfék, di antaranya: dapat mengatur penataan baris - baris dan kolom - kolom, baik yang dibuat menggunakan html, ataupun secara visual pengkopiannya. Dalam Daftar A, penulis mengisikan beberapa calon "kontén", di antaranya adalah éfék dari penampil foto - foto yang diaplod. Dengan melakukan penyusunan 'kontén', maka dapatlah pula penulis menyusunkan Judul Pilihan (Daftar Pilihan - Pilihan) menjadi sebagai 'Fitur' penampil data, nantinya.  
| ..
Daftar A: 
 

| ... | # Petunjuk.
 : ...
| F1 adalah dirancang sebagai Petunjuk Bantuan guna memahami alur data yang penulis maksudkan.

| ... | #F1 OSS Blogger. Pada bagian bawah dan kanan dari bok kecil ini terdapat pula rincian data dan penjelasan yang lebih ditéil dari penulis. 
..↤ .
Dalam bagian postingan ini, F1 OSS Blogger yang penulis maksudkan, belum lengkap, dan masih dalam prosés tahapan penyusunan. 
..↤ .
Hal tersebut disebabkan oléh kenyataan bahwa suatu solusi atas kasus, justru dapat munculnya setelah lagi kasus tersebut muncul dan lagi ditangani. Maka, penulis melakukan heuristik data bagi F1 ini sambil berjalan (menjalani pembuatan konstruksi).
..↤ .
 |

| ... | #
 |

| ... | #
 |

| ... | #Katalog F1


Dept:  Stok Gudang Tulisan
. Penulis           Yusni Tria Yunda                                                    Dept:  Blogspot Blogger.
    Class:  OSS Blogger:
       Item: F1  :
   1B2K | Lihat |
   2B2K | Lihat |
   1B3K | Lihat |
   2B3K | Lihat | 
   3B3K | Lihat |
   3B2K | Lihat | Édit |
   3B1K | Lihat | Édit |
   Contoh Penggunaan Cell - Cell | Lihat |
   Contoh Penggunaan Kombinasi Scroll Box dengan Scroll Table | Lihat |
   Contoh Kombinasi 2 Oriéntasi Scroll Boxes |Lihat |
   J36. Input Barang Masuk (1) | Lihat | | Édit |
  Variasi Input Barang Masuk (2) | Lihat | 
   Warna - Warna Kotak | Lihat | 
   Lab01. Label | Lihat | 
   Kap01. Kapasitas Postingan Blogger | Lihat|
   J38. Kapasitas Label Blogger | Lihat | Édit |
   J40. Pemanggilan (1) | Lihat | Édit |
   J39. Pemanggilan (2) | Lihat | Édit |
   J37. Pemanggilan (3) | Lihat | Édit |
   Format Tabel Tanggal | Lihat |
   Pengisian Tanggal | Lihat | 
  Aaw.
  Aax.
  Aay.
  Aaz.
    ending of Aa Class.
 |
.
| 2 |
| 1 || 2



 |
 |
| 3 || 4 |
 |


  Rancangan penulis bagi penyusunan OSS Blogger ini adalah hal - hal téknis. Dan hal tersebut adalah variabel terikat dalam postingan ini. 

Adapun mengenai téma dan sub_téma tulisan yang penulis inputkan ke dalamnya (ke dalam format ini), itu adalah variabel bébasnya (Judul Dzikir Menghapus Ribaismeu). Dan terhadap orderan - orderan yang penulis lagi terima, serta yang lain, yang mungkin akan penulis terima sesuai dengan kemampuan dan kapasitas penulis, adalah hal lain, yang juga menjadi variabel bébasnya.
| ..
Daftar B:
 
 | Daftar A, Daftar B, dan Daftar C ini, penulis tampilkan di sini dalam fungsi yang belum diaktifkan. 

Maksud penulis menampilkannya di dalam postingan ini adalah guna mencoba ukuran - ukuran proporsionalnya, serta tampilannya apabila setelah dipostingkan, setelah penulis melakukan beberapa modifikasi terhadapnya melalui html. 

Resép yang telah penulis gubah, disajikan formulanya di dalam space Textarea standar yang diberikan oléh Draft Blogger secara penulisan format: dalam éditasi html_nya.
____\
Gambar/foto di bawah ini adalah éditasi yang penulis lakukan bagi kalimat - kalimat dalam opsiyen - opsiyen di dalam Daftar A yang penulis letakkan pada bagian paling atas dalam postingan ini.
"Caption" fail foto, mengenai éditasi terhadap Pilihan ("Option") di dalam Daftar Pilihan. Éditasi dalam html ini masih dapat penulis lakukan, secara parsial, sehubungan penulis belum mengaktivasikannya dengan bagian - bagian yang penulis maksudkan dalam kalimat - kalimat opsi - opsi tersebut. Jadi, sambil melakukan prosés mempelajari fungsi - fungsinya, penulis memfokuskan terlebih dahulu terhadap upaya mempelajari tampilan - tampilannya. 

| ..
Daftar C
 
 | Dalam upaya memberikan rekaman data secara visual, daftar pilihan - pilihan seperti yang penulis gunakan tampilannya ini, mungkin saja dapat dipergunakan bagi banyak keperluan. 

Salahsatunya adalah apabila yuser hendak memberikan opsi ménu, seperti list catalogue yang simpel, éfisién, tida menghabiskan banyak space area penyajian, di tengah - tengah bahasan "work sheet area" utama. 

Hanya saja, hingga saat ini, penulis belum mencoba mengaktifkan fungsi  pemanggilan tampilannya, oléh sebab penulis masih disibukkan dengan éditasi cara menampilkan. Seperti juga postingan ini.
| ... |  
    | ... | Buat Penyusunan DMR III, penulis membuat form ini, sekaligus sebagai penuangan hasil - hasil ékspérimén penulis secara ditéil dalam salahsatu kajian DMR III tersebut. Adapun pada bagian postingan ini, yang hendak diangkat sajiannya adalah mengenai fitur "select option", yang telah penulis rancang sebelumnya, dengan mengikuti alur histori dalam postingan penulis di alamat: https://fbndt.blogspot.com/2019/01/kecepatan-menulis-bagian-6.html?m=1 .*Klik karakter angka akhir (1) yang digarisbawahi, guna terhubung langsung tanpa perlu mengetik ulang alamatnya. Di alamat tersebut penulis belajar menampilkan form "option", serta penulispun menampilkan sumber postingan yang menjelaskan formulasinya.
    |  |  || ... | # Bok ini secara global, terdiri atas 2 (dua) bok utama, yang disusun - tampilkan agar dapat digésér secara horizontal (menyamping), selain juga dapat secara vértikal digulungnya (scrolling aréa).
| ... | # Perancangan.: ..| ..
Daftar C
 
 |
 Dalam penggunaannya kelak, daftar opsi seperti ini akan penulis pakai guna melengkapi konstruksi blogspot penyaji data, dan jika memungkinkan: juga transaksi, berkaitan dengan keperluan dari Toko Buku Rani, yang ditanggungjawabi oléh seorang partner penulis dalam bisnis pada masa lalu: Kang Édi Kusnadi, yang juga merupakan salahseorang sénior bagi penulis saat aktif menjadi anggota Taruna Karya (Karang Taruna) di lingkungan dulu tempat penulis bertempat tinggal. Dan yang ke-2 (ke-dua), sesuai dengan akad muamalah yang telah diterima oléh penulis, adalah dengan PD. Alesha, yang dikelola oléh Bah Yaya Suhaya, salahseorang mitra penulis saat usaha di CV. Nata Laba, sebagai salahseorang suplayer barang komoditas guna diperdagangkan oléh penulis, dan juga mitra ketika penulis masih aktif menjadi "Driver" Gojek, beliau yang mempunyai sepéda motornya, yang kami lakukan kerjasama tersebut dengan akad bagi hasil.

 |
| List ini dibuat sebagai salahsatu data perjalanan penulis dalam mempelajari bagian - bagian dari pengetauan dan pemahanan penulis terhadap bidang informatika.
| ... | # 
| ..
Daftar A: 
 
| Prolog.
| ..
Daftar B:
 
 |

 . Dzikir Menghapus Ribaismeu ( #DMR ), adalah salahsatu karya penulis dan beberapa kawan, yang cukup sulit dibuat dan disusun. Mengingat pembatasan - pembatasan bidang kajian yang akan kami garap pada bagian III (ke-tiga) karya tulis tersebut, yang mana salahsatunya adalah bahasan mengenai séktor ékonomi jasa di bidang informatika, maka pilihan penulis guna menjadikan Blogger sebagai salahsatu téma utama bagi sémpel kajian yang tertunda oléh Tim Penulis tersebut, adalah pilihan yang terbaik dan sangat memungkinkan guna penulis lakukan secara individual (belum secara tim), mengingat bahwa selama ini ternyata penulis telah banyak melakukan ékspérimén terhadap Draft Blogger, yang mana dengan demikian, berarti penulis mempunyai cukup banyak bahan guna dikaji dengan menggunakan berbagai variabel ditéil yang mulai dapat ditentukan sejak saat ini.
|  Bok ini (yang berlatar belakang warna hijau, biru, seeta putih,), adalah bidang aréa penulisan yang cocok juga bagi penulis apabila dijadikan sebagai aréa tulis (work sheet) bagi bagian - bagian karya tulis DMR III (Dzikir Menghapus Ribaismeu, Jilid ke-3).
Kotak - Kotak putih pada tabél di bawah ini, awalnya adalah prototype yang penulis buat guna menjadi tampilan dari Form Alur Kas (Laporan Kas) secara "daily", juga sebagai Form Pembayaran Hutang Dagang. Namun, penulis melihat adanya peluang guna menjadikannya sebagai lahan tulis bagi DMR III tersebut, minimal bagi konsép - konsép utama ataupun variabel - variabel ditéil yang akan menjadi dasar dari struktur tulisan tersebut.
 | ... | | ... | Format  Penulis telah membuat 5 (lima) kopian kolom isian di bawah ini, dengan masing - masing 4 (empat) baris ("rows"), yang dapat menjadi bidang inputasi tulisan (work sheet).                                            ||
1 ||  | Tulisan (Calon Daftar A)| Calon Daftar B | Calon Daftar C**|  |
| ... Misalkan: Daftar A pada Fitur Opsiyen di atas, diubah oléh penulis menjadi Daftar Tulisan, dan pilihan - pilihan yang dimuat di dalamnya diubah menjadi judul - judul dari suatu koléksi Pos Persediaan Barang Dagangan bagi Toko Buku Rani, maka penulis merencanakan bahwa Daftar Opsiyen tersebut ditempatkannya di dalam form ini, dengan posisi fitur diletakkan di atas (sebagai héding ke-2 ("sub heading"/"h2"), yang mana nantinya bisa diaktifkan bagi pemanggilan berbagai jenis pilihan yang penulis sajikan di dalamnya.  Format bagi pilihan yang ditentukan dari Daftar A, nantinya akan merupakan pilihan - pilihan yang isinya adalah apa - apa yang diinpukan di dalam kolom yang sejajar dengan kolom ini (dari sini ke bawah, ada 4 baris dalam satu jajaran kolom yang batas horizontalnya rata (sama dengan kolom tulisan ini). Paragraf ini, dengan demikian, dapat diasosiasikan sebagai Paragraf ke-1, dan isi dari 4 sub kolom di bawah paragraf ini dapat menjadi Paragraf ke-2, 3, dan ke-4. Artinya, dalam pemanggilannya nanti, Daftar akan dikonéksikan ke bagian - bagian kolom ini (yang telah penulis buatkan 5 baris ke bawah, dan 4 kolom ke kanan, tinggal digésér guna melihat secara manual, namun dengan mengaktifkan Fitur Daftar Pilihan tersebut, dapat langsung dikonéksikan ke déstinasi yang dimaksudkan di dalam "option - option" pada Daftar Pilihan tersebut).  |  || ... Adapun terhadap kolom - kolom yang sejajar dengan Paragraf ke-1 di sebelah  kiri dari tulisan ini, dapat diisikan sebagai bagian dari penjelasan lain terhadap Paragraf ke-1 tadi. Kolom yang ini (berdampingan dengan calon Isi Daftar A , idéalnya berisikan pembanding - pembanding  terhadap variabel - variabel yang diadakan di dalam Daftar A. Sehingga, apabila kontén dari Kolom ini dapat mempunyai kapasitas yang sama banyaknya dengan perkiraan terhadap kapasitas Daftar A, maka dapatlah isi dari Kolom ini dijadikan sebagai Isi dari Daftar B, yang juga setara dengan Isi dari Daftar A, namun dengan variabel - variabel yang berbéda. Pada tahap awal pembuatan kolom ini (penulis membuatnya menggunakan format tabel dalam html, penulis memperuntukkannya bagi penggunaan Transaksi Perdagangan, yang memuat data - data Pos Kas Penjualan, namun belum difungsikan saling keterkaitan antar kolom dan bagian - bagian datanya. Maka itulah sebabnya, penulis memerlukan Format Daftar Opsi sebagaimana yang penulis tampilkan pada bagian atas postingan ini. Denhan demikian, dalam Variabel Terikat, Daftar Pilihan dapat mengatasi masalah - masalah yang timbul sehubungan format tabel yang mana formatnya telah_lagi rata, namun isi karakter - karakter di dalam cell - cell_nya tida sama banyaknya sehingga paragraf ketinggiannya ta sama rata di antara 2 (dua) kolom ataupun lebih, dibandingkan dengan kerataan form batas - batas kiri dan kanannya (batas kolom/horizontal). Masalah kerataan Kolom yang satu dengan kolom yang lainnya, selain ditentukan oléh format html yang dipergubahkan saat membuat tabel, juga dapat ditentukan oléh adanya karakter lain yang dihadirkan di dalam bagian salahsatu isi kolom, sedangkan pada kolom - kolom yang lain tida dihadirkan, seperti karakter fail gambar/foto. Contohnya pada kolom di sebelah kanan kolom paragraf ini (gésér ke kiri gina melihat yang ditampilkan di kanan). | ||  Paragraf pada kolom ini (Baris pertama dalam Kolom Calon Daftar C), sama seperti juga dua kolom di sebelahh kiri tulisan ini (Kolom Calon Daftar A, dan Kolom Calon Daftar B), ketiganya menggunakan latar belakang warna abu - abu.  Fungsi dari latar belakang abu - abu ini, dapat juga digubahkan guna membuat suatu "space" bagi opsi - opsi, sebagaimana tajuk dan format yang penulis sajikan di atas pada postingan ini.  Namun, setelah penulis mencobanya, ternyata lébar tepi kanan dan kiri (horizontal) dari bagian tersebut tetap melébar, sehingga lebih sulit mengatur penempatannya dibandingkan apabila dipasteukan di dalam aréa berlatar putih. Dan, latar abu - abu ini, yang pada mulanya penulis modifikasi dari hasil kopian Google Account pada fitur Draft Blogger, mempunyai keunggulan dapat dilakukan "scrolling" secara vértikal (layar gulung normal), sehingga akan lebih sesuai apabila difungsikan sebagai média penampung bagi "spreading" karakter - karakter komputasi yang memerlukan space banyak dan luas, seperti gambar ataupun tulisan..** berlanjut di baris luar bok berlatar hijau ini (dilanjut di dalam baris bok luar yang berlatar abu - abu, pada bagian bawah bok ini, tanda **).   
Caption Buat foto di dalam kolom.
 Foto tersebut di atas, membuat lébar dari kolom ini terkesan lebih padat dan merata, apabila dibandingkan dengan dua kolom sebelumnya, yang penulis isikan di sebelah kiri kolom ini.   
 | |
|| ...         ||
| ...          |  || ...          | || ...        | ||| ...         ||
| ...          |  || ...          | || ...        ||| ...         ||
| ...          |  || ...          | || ...        | ||| ...         ||
| ..
   
  .** (Lanjutan dari  Calon Daftar C |**).
 Sedangkan bagi Daftar Pilihan - Pilihan, akan lebih sesuai apabila ditampilkan pada bidang yang lebih luas, di tengah - tengah 'himpitan' berbagai karakter komputasi yang memerlukan tempat lebih luas tersebut.
Maka, saat ini, atas arguméntasi tersebut, penulis lebih menyukai menjadikan sub_aréa berlatar abu - abu ini sebagai "space" bagi karakter - karakter tulisan dan atau gambar, daripada sebagai "space" bagi Daftar Opsi - Opsi.
Berikut, adalah contoh gambar/fail foto yang mempengaruhi kesan kepadatan dan keraraan dari suatu kolom di dalam suatu formulasi "table" yang dibuat menggunakan html, namun kolom yang satu dilampiri dengan fail gambar/foto, sedangkan kolom yang lain tida disertakan dengan fail gambar/foto. Kedua kolom sama - sama menggunakan latat belakang abu - abu (sama dengan latar belakang yang penulis pergunakan guna menulis pada bagian ini, namun disimpan oléh penulis di dalam bok yang lebih kecil (di atas, gésér layar di atas tersebut ke sebelah kiri guna melihatnya yang diletakkan di sebelah kanannya). 
Kolom
"Caption" foto ini: contoh fail foto yang mempengaruhi kerataan kolom tabel dalam suatu tampilan di dalam bok yang sama.

 | ... | HTML bagi penambahan fitur sajian, penulis buatkan dalam téksaréa, yang mana apabila formula html diinput ke dalam téksarèa, maka nantinya dapat dikopi secara keseluruhan (tanda kotak dikelilingi titik - titik). Téksaréa:*|| Hasil dari pengkopian dari téksaréa yang penulis buat ini, insya`_Alloh akan sama dengan 3 (tiga) Daftar Pilihan yang penulis buatkan tabelnya di bagian paling atas postingan ini (namun dengan isian pilihan - pilihan dalam daftar yang masih standar, dapat disesuaikan dengan keperluan masing - masing penayangan).