Posts

install node js arsitektur arm (HG680 armbian / raspberry pi)

install node js versi 12.x.x atau lebih jalankan perintah curl (client url) curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash - setelah di update kita install node js nya dengan perintah sudo apt-get install -y nodejs setelah selesai bisa cek versi node js dan npm node -v maka nanti akan keluar tulisan v12.17.0 (artinya versi 12.17.0 bisa saja versi yang lain tergantung versi yang akan diinstall) npm -v perintah diatas mengecek dari versi npm yang digunakan Berikut beberapa daftar versi dari node js Node.js v14.x : curl -sL https://deb.nodesource.com/setup_14.x | sudo -E bash - sudo apt-get install -y nodejs Node.js v13.x : curl -sL https://deb.nodesource.com/setup_13.x | sudo -E bash - sudo apt-get install -y nodejs Node.js v12.x : curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash - sudo apt-get install -y nodejs Node.js v10.x : curl -sL https://deb.nodesource.com/setup_10.x | sudo -E bas...

install mysql server di linux os (ubuntu, debian, mint ) dan memberikan akses ke dari device lain

Install mysql server Pertama update repo apt-get install update Setelah itu install mysql server apt-get install mysql-server setelah selesai install mysql server dan konfigurasi databasenya sekarang kita bisa beri akses remote kepada device (mesin) lainnya. Memberikan Remote Akses agar bisa diakses perangkat lain kita harus membuka port mysql di firewalnya. ufw enable ufw allow mysql setelah itu bisa kita reboot mysql servernya dengan cara systemctl restart mysql Konfigurasi Interface mysql selanjutnya akan kita ubah listen interfacenya yang secara default adalah hanya localhost saja maka akan kita ubah listen interface ke semua ip address. kita dapat mengubah konfigurasi file di  /etc/mysql/mysql.conf.d/mysqld.cnf: nano /etc/mysql/mysql.conf.d/mysqld.cnf setelah itu edit pada bagian bind-address. default nya bind-address 127.0.0.1 kita ubah menjadi 0.0.0.0 agar bisa diakses oleh semua ip # Instead of skip-networking the default is now to liste...

membaca usb rfid Menggunakan Node.js (linux arm, raspberry pi, etc)

Image
Install Prequisistes dan package node-hid Pertama Install prequisistes libusb. pada arsitektur arm kita perlu install ver. 1.0-0. berdasarkan ujicoba versi ini yang bisa digunakan untuk mengakses usb hid devices pada arsitektur arm dengan menggunakan package node-hid di node.js apt-get install update apt-get install libusb-1.0-0 libusb-1.0-0-dev libudev-dev ternyata untuk menginstall node hid kita juga harus menginstall python2.7 dan package node-gyp. untuk install python2.7 bisa menggunakan perintah ini apt-get install python2.7 sedangkan untuk install package node-gyp kita menggunakan perintah berikut npm install node-gyp -g Setelah itu coba kita install package node-hid menggunakan npm npm install node-hid jika masih error silahkan cek bagian errornya. untuk referensi lanjut silahkan baca di  node-hid contoh kode program Setelah melakukan beberapa penarian mengenai pembacaan rfid dengan node.js. alhamdulillah akhirnnya ketemu juga dengan contoh programnya dan b...

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