Posts

Showing posts from 2019

membuat Kiosk Menggunakan STB HG680P Debian Buster

Image
install os pilih yang debian buster 5.10 https://yadi.sk/d/pHxaRAs-tZiei/OLD/5.90/s9xxx/default ========= install kiosk =============== sebelumnya ganti dulu repo debian busternya seperti ini caranya menggunakan perintah nano untuk mengeditnya nano /etc/apt/sources.list ganti repo yg sebelumnya http://httpredir.debian.org/debian menjadi http://deb.debian.org/debian setelah itu install xorg openbox dan chromium apt-get install update apt-get install upgrade apt install xorg xserver-xorg-legacy openbox chromium dan install unclutter. fungsi unclutter agar menyembunyikan cursor pada saat tidak digunakan apt-get install unclutter setelah itu kita setting Xwrapper file nano -w /etc/X11/Xwrapper.config ubah bagian baris allowed_user allowed_users=anybody needs_root_rights=yes selanjutnya membuat startup script untuk pengguna kiosk. kita buat usernya dulu useradd -m kiosk-user setelah itu baru kita buat scriptnya gunakan perintah nano nano /opt/kiosk.sh edit s...

CSS Layouting - Display

Image
Properti Display Merupakan hal yang Sangat penting dalam Properti CSS Untuk Mengontrol Sebuah layout. ada 4 Value dalam Properti Display. Inline Inline-Block Block None Berikut Ciri Inline HTM Secara Default : Tidak Menambah Baris Baru Ketika Dibuat Lebar & Tinggi Sebesar Kontennya Tidak Dapat Mengatur Tinggi dan Lebar Kecuali tag <img> Margin & padding Hanya Mempengaruhi Secara Horizontal, tidak Vertikal Contoh Inline : <span> <a> <img> <sub> <label> <textarea> dll Berikut Contoh Penggunan Display Inline B Inline-Block Ciri-cirnya : Secara Default pada Tag HTLM tidak ada property inline-block Mengubah Secara Manual Properti nya Prilaku sama dengan Inline pada inline kita tidak dapat mengatur tinggi dan lebar (kecuali tag img) namun pada inline-block kita bisa mengatur tingginya Berikut contoh penggunaan Inline-Block Block   Memiliki Ciri : Secara Default Element yg Men...

Dasar CSS - Pseudo Class

Image
Menurut W3School Pseudo Class digunakan untuk mendefinisikan kondisi khusus dari sebuah elemen. sebagai contoh pseudo class dapat digunakan sebagai : style sebuah elem ketika user menggerakan mouse kearahnya (misalkan ketika mouse diarahkan maka hurufnya menjadi besar style untuk membedakan sebuah link yang sudah dikunjungi atau belum dikunjungi Pseudo Class Terbagi menjadi : link :Style default sebuah link Hover : Style Ketika Mouse diarahkan active : Style Akitf Sebuah Link yang dipilih visited : Style Link yang sudah dikunjungi <! DOCTYPE   html > < html   lang = "en" > < head >      < style > /* unvisited link */         a:link  {            color :  red ;         }               ...

Dasar CSS - Pengenalan

Image
menurut w3schools.com : CSS merupakan sebuah bahasa yang menjelaskan style sebuah Dokumen HTML  CSS Mendeskripsikan bagaimana Element dari HTML harus ditampilkan (Cth : Warna, Ukuran, Posisi, tata letak dll) Contoh Syntax dari CSS          p  {              background :  black ;              Color :  white ;              text-align :  center         } Dari Syntax diatas kita bisa membagi Anatomi (Bagian) d ari CSS : Selector =>>      p     Property =>>  Background, color, text-align Value =>> black, white, center   Selector ==> p  {     Property ==> background :  black <...

Catatan Belajar & Tutorial di Mulai

Image
Assalamu'alaikum Warahmaturrahi Wabarakatuh. Bismillah pada tgl 07-12-2019 memulai blog personal dari Rausan Fikri tentang notes pembelajaran pribadi dan sharing tutorial tentang Web Pograming, Arduino Platform, GNU/Linux dll. Let's Start