AdityaDees: Tips Dan Trik

Hot

https://publishers.chitika.com/

Contact us for advertising.
Showing posts with label Tips Dan Trik. Show all posts
Showing posts with label Tips Dan Trik. Show all posts

12 November 2019

Ask Cara Terima Semua Lisensi SDK Android Di Windows/Linux AdityaDees

21:32 0
cara mengatasi error lisensi sdk di windows dan linux - Bagi yang mengembangkan aplikasi android, tentunya akan mengalami masalah ini. Terutama yang baru menjalankan SDK android pertama kali. Sistem akan menampilkan error yang menjelaskan bahwa setiap developer harus menyetujui semua lisensi yang telah dibuat oleh android.

Lalu bagaimana cara mengatasinya? Kita harus acc semua keperluan lisensi sdk. Berikut cara termudahnya.


WINDOWS
1. Buka CMD
2. Masukan perintah berikut ini
C:\Android\sdk\tools\bin\sdkmanager.bat --licenses

LINUX
1. Buka terminal
2. Masukan perintah berikut ini
sudo ~/Library/Android/sdk/tools/bin/sdkmanager --licenses

Silahkan sesuaikan dengan letak folder dimana program SDK kamu berada.

Oke, sekian tutorial singkat kali ini tentang cara mengatasi error "please accept all necessary SDK licenses using SDK Manager" di windows atau linux. Terima kasih!
Read More

09 November 2019

Ask Cara Remote Git Repository Di Hosting File Manager AdityaDees

20:53 0
cara menggunakan git di hosting - Dalam mengonlinekan web, tentunya file atau data web perlu diupload ke server yang dionlinekan. Kita sudah mengenal FTP atau File Transfer Protocol untuk melakukan transaksi data seperti itu. Namun tentunya di kalangan web developer terkadang merasa kesulitan ketika harus berulang kali upload file ke file manager atau vps jika ada perubahan di web dengan FTP.

Sebenarnya, ada cara lain untuk melakukan transaksi data untuk upload web ke server tanpa harus copas berulang ulang atau edit di server! GIT adalah solusinya

Baca Juga: Cara Remote Raspberry PI Diluar Jaringan Lokal (Via DDNS)

GIT adalah program pengontrol versi dan manajemen proyek open source. Teknologi ini diciptakan oleh Linus Trovalds, yang juga menciptakan sistem operasi Linux. Berikut ini adalah perbedaan antara manajemen data web menggunakan GIT dengan FTP

1. FTP
Cara memanajemen data web dengan FTP sebenarnya sangat umum dilakukan. Cara ini sama seperti kita copy paste data dari komputer ke komputer lain (server) secara remote.

2. GIT
Jika kita menggunakan GIT, server akan otomatis mendeteksi adanya perubahan setiap kali semua data web di-push (istilah untuk mengupload data web ke git server)

Lalu, lebih mudah FTP atau GIT?
Bagi saya, git adalah cara termudah untuk memanajemen data web. GIT memungkinkan data web kita sinkron di mode offline (development) dan mode online (deployment). Kita tidak perlu upload file setiap ada perubahaan. Selain itu, server hanya mengubah tiap baris kode yang diubah oleh git. Jadi, server tidak copy paste semua file seperti yang ftp lakukan.

Cara Menggunakan GIT di Hosting File Manager
Sebelumnya, saya akan menjelaskan alurnya terlebih dahulu. Tentang bagaimana cara git di hosting bekerja. Sebenarnya ada 3 server yang terlibat dalam hal ini.

1. Komputer kita (server offline)
2. Git server (github)
3. Hosting server (server web kita/online)

Cara kerjanya cukup sederhana. Server offline (komputer kita) mengupload data web ke git server, kemudian hosting me-remote git server jika ada perubahan.

Ada banyak sekali git server, tapi di artikel kali ini, saya akan mencontohkan Github sebagai salah satu contoh git server.

Cara Remote Git Repository Di Hosting

A. Membuat GIT Repository

1. Login ke github, lalu Buat Repository

Membuat Private Git Repository
Membuat Private Git Repository

2. Silahkan masukan nama repo dan deskripsinya. Untuk settingan "Public or Private Repository" pilih yang Private. Karena kita tentunya tidak ingin sistem web kita bersifat open source yang bisa dilihat banyak orang.

3. Setelah selesai membuat git repository, silahkan commit lalu push file web kamu ke github seperti biasa

B. Set Git Repository Di Hosting

1. Buka layanan hosting yang kamu punya

2. Cari panel "GIT" di hosting atau cpanel mu (jika tidak ada, kamu mungkin perlu upgrade paket hosting)

Membuka Settingan Git di Hosting
Membuka Settingan Git di Hosting

3. Masukan repository mu di kolom "Repository". Karena kita membuat git repository yang bersifat "Private", maka kita harus memasukan alamat SSH dari repo yang kita buat. Cara mendapatkannya, silahkan masuk ke Git Repository yang telah dibuat tadi.

Mengatur Git Repository Yang Ingin Di-Remote di Hosting
Mengatur Git Repository Yang Ingin Di-Remote di Hosting

4. Selanjutnya, masukan Branch repository ke kolom "Branch". Jika setingan default, isi saja branch Master

5. Setelah itu, masukan alamat direktori hosting yang ingin dijadikan tempat untuk menampung file dari repo git kita di kolom "Directory"

6. Klik Create

C. Memberikan Izin Hosting Untuk Mengakses Private Repository

Karena kita membuat repo dengan mode "private" demi kemanan web, kita perlu memberi izin kepada hosting untuk mengakses git repo kita.

1. Dapatkan SSH key dari hosting. Biasanya di panel "GIT" di hosting sudah ada fitur "Generate SSH Key"

Mendapatkan SSH Key di Hosting
Mendapatkan SSH Key di Hosting

2. Masukan SSH key dari hosting ke akun github. Caranya dengan masuk ke halaman Add New SSH Keys dari github.

Memasukan SSH Key Hosting ke Github
Memasukan SSH Key Hosting ke Github

3. SSH key sudah berhasil ditambahkan


Berhasil Menambah SSH Key Hosting di Github
Berhasil Menambah SSH Key Hosting di Github

D. Setting Hosting Agar Me-Remote Repository Github Otomatis

Hal ini bertujuan agar setiap kali kita push file web kita ke github, otomatis hosting akan mendeploy ke server.

1. Dapatkan Webhook URL dari penyedia hosting. Biasanya url ini ada di panel "GIT" di hosting juga.

Contoh Webhook URL Dari Hosting
Contoh Webhook URL Dari Hosting

2. Masuk ke Git Repository yang telah dibuat tadi. Lalu masuk ke menu Setting > Webhooks


Menambahkan URL Webhook Hosting ke Github
Menambahkan URL Webhook Hosting ke Github

3. Masukan URL Webhook dari hosting di kolom Payload, lalu klik Add Webhook

Dan selamat! Kamu telah berhasil membuat hosting me-remote git repository! Jadi, setiap kamu push kode ke github repositorymu, otomatis data web di file manager hosting akan berubah. Sangat memudahkan sekali!

Oke, itulah cara remote git repository di hosting file manager. Semoga bermanfaat! Jika masih ada yang kurang jelas, silahkan tanya ke kolom komentar. Terima kasih!
Read More

26 October 2019

Ask Cara Remote VNC Raspberry Di Luar Jaringan Lokal (Via DDNS) AdityaDees

22:05 0
cara akses raspberry dengan vnc via internet - Di artikel kali ini, saya akan mengajarkan cara untuk mengakses GUI sistem operasi di komputer raspberry. Tapi, untuk terhubung di raspberry, perlu ada suatu hubungan jaringan antara raspberry dengan komputer yang me-remote.

Cara yang paling umum dilakukan adalah dengan mengakses jaringan yang sama. Bisa menggunakan wireless maupun kabel LAN, yang penting ssidnya harus sama. Namun dengan cara ini, tentunya kita sudah bisa menemukan kekurangannya. Yaitu, kita harus benar-benar dekat dengan raspberry yang kita akses dan harus nyambung ke wifi yang sama.

Bisakah kita mengakses raspberry dimana saja tanpa harus nyambung ke jaringan yang sama?
Bisa dong! Artikel ini akan menjelaskan tahap-tahapnya.

Baca Juga: Cara Membuka Virtual Keyboard di Raspberry PI

Secara garis besar, jika kita ingin mengakses raspberry dimana saja, artinya kita harus mendaftarkan IP lokal raspberry kita ke jaringan global internet. Jaringan global tersebutlah yang akan kita akses sebagai jalur untuk remote raspberry. Untuk mendaftarkan perangkat raspberry kita ke jaringan global internet, kita harus menggunakan sebuah layanan DDNS. Sudah banyak situs yang menyediakan layanan DDNS baik secara gratis maupun berbayar. Tentunya dengan fitur yang berbeda. Karena ini hanya untuk remote simpel, saya akan mencoba layanan DDNS yang gratis saja. Salah satunya adalah layanan dari www.noip.com

A. Mendaftar akun dan membuat hostname di www.noip.com

1. Mendaftar akun DDNS
Masuk ke situs https://www.noip.com/sign-up, lalu daftar seperti biasa.

Membuat DDNS di NO IP
Ceklis Create My Hostname Later

2. Membuat Hostname DDNS
Setelah melakukan verifikasi email dan berhasil login, silahkan masuk ke menu Dynamic DNS > No-IP Hostname

Membuat Hostname DDNS
Membuat Hostname

Buat nama hostname mu sendiri dan pilih domain yang sudah disediakan. Setelah semua selesai, klik Create Hostname

Setelah berhasil membuat Hostname, silahkan klik Hostname yang baru dibuat tadi. Perhatikan IPv4 Address. Angka tersebut yang akan menjadi IP public raspberry di jaringan internet.

Mendapat IPv4
Mendapatkan IP Publik

Eitss. Tapi ini belum selesai. Kita baru mendaftarkan sebuah DDNS yang kosong. Kita harus mendaftarkan perangkat raspberrynya ke DDNS yang kita buat tadi.

B. Setting DDNS dan Port Forwarding WIFI
Untuk mendaftarkan raspberry ke DDNS, tentunya kita harus mengakses halaman admin jaringan WIFI yang ter-connect raspberry. Kebetulan saat ini saya menggunakan WIFI dengan sistem admin ZTE F609. Untuk sistem admin WIFI lain, silahkan sesuaikan ya aja caranya. Inti tahap-tahapnya sama saja.

1. Setting akun DDNS
Login ke akun wifi ZTE, setelah itu masuk ke menu Application > DDNS

Setting Akun DDNS
Setting DDNS di WIFI

Isi silahkan isi sesuai dengan yang saya contohkan di gambar. Untuk username, password, dan hostname, sesuaikan dengan akun dan settingan dari noip.com mu tadi.

2. Port Forwarding
Masuk ke menu Application > Port Forwarding. Lalu sesuaikan dengan settingan gambar dibawah ini, lalu klik Add

Port Forwarding
Setting IP lokal untuk Port Forwarding

LAN Host IP Address harus disesuaikan dengan IP lokal dari raspberry.

C. Mengakses Raspberry via Jaringan Internet

Saatnya kita tes hasilnya! Kita akan mencoba akses GUI OS raspberry dengan VNC client. Sebelumnya, pastikan VNC server di raspberry sudah aktif yaa..

1. Memasukan IP Publik ke VNC

IP Publik VNC

2. Tada...

Testing Berhasil

Oke, begitulah cara untuk remote gui dari raspberry melalui jaringan internet. Dengan begini, kita bisa akses raspberry dimana saja asal nyambung ke wifi yang sudah kita setting. Sekian artikel kali ini, semoga bermanfaat! Terima kasih!
Read More

20 October 2019

Ask Cara Deploy Node Js ke Heroku + VIDEO AdityaDees

22:02 0
cara deploy web node js ke heroku - Halo teman teman! Artikel kali ini akan menjelaskan tahap-tahap untuk men-deploy web yang dibuat dengan node js, ke heroku.

Heroku adalah layanan cloud dan web server yang dapat menjalankan situs web tanpa perlu settingan yang rumit. Heroku bisa dijadikan sebagai pengganti vps. Namun, heroku menggunakan git untuk melakukan transfer data situs web (kalau di kebanyakan web hosting menggunakan ftp)

Nah, saya akan menjelaskan bagaimana step-step untuk mengupload sebuah data web dengan sistem Node JS ke heroku dengan git ini. Atau biasa disebut dengan istilah deploy.

Baca Juga: Pengertian dan Cara Kerja Node JS

Kebutuhan

1. Heroku CLI. Download Disini
2. Git. Download Disini
3. Buat akun Heroku. Silahkan Daftar Disini

Langkah-langkah

Konfigurasi File Web
1. Silahkan masuk ke direktori dimana kalian ingin deploy seluruh file web kalian
2. Setting port dari development node js kalian ke port default heroku. Caranya adalah dengan mengganti variabel port yang kalian buat untuk running server menjadi:

process.env.PORT

PERHATIKAN PORT NYA

3. Buka package.json, lalu buat perintah "npm start" dengan cara membuat key baru pada package.json => script. Lalu masukan valuenya menjadi "node index" (untuk menjalankan file yang pertama kali diakses)

"script":{
   "start": "node index"
}


Membuat Projek dan Domain di Heroku
Setelah semua siap, saatnya kita membuat projek aplikasi baru di heroku. Caranya adalah seperti berikut ini

Buka cmd/terminal, lalu ketikan perintah

heroku apps:create namawebmu // Membuat projek dan sub domain di heroku
heroku git:remote namawebmu // Setting remote git heroku

Mendaftarkan GIT di File Web
Selanjutnya kita akan membuat file git di web kita. Karena seperti yang saya bilang tadi, untuk deploy web ke heroku, kita menggunakan git. Jadi kita harus mendaftarkan (init) git di aplikasi web kita

Buka terminal, lalu masukan perintah berikut ini

git init // Mendaftarkan git
git add . // Menyiapkan semua file untuk di-commit
git commit -m "test deploy" // Commit semua file
git push heroku master // Push seluruh file ke git heroku

Testing
Selanjutnya, kita tinggal buka hasil dari web yang sudah kita buat di heroku. Caranya dengan mengetikan perintah:

heroku open

Maka otomatis akan membuka browser dengan url namawebmu.herokuapp.com

Jika tutorial tertulis ini kurang jelas, silahkan cek video tutorial deploy node js ke heroku berikut ini



Oke, sekian artikel tutorial kali ini tentang cara deploy aplikasi node js ke heroku. Semoga bermanfaat! Terima kasih!
Read More

07 October 2019

Ask Membangun Artificial Neural Network di Javascript AdityaDees

20:03 0
membangun sistem neural network sendiri di javascript - Perkembangan dunia kecerdasan buatan memang lagi hype banget akhir-akhir ini. Jika kita berbicara soal kecerdasan buatan, maka kita akan mengenal suatu model bernama neural network. Berikut ini saya akan menjelaskan mengenai apa itu neural network, dan bagaimana cara membangun sistem kecerdasan buatan sederhana untuk pertama kali.

Apa itu Neural Network?
Basically, neural network adalah cabang dari pembelajaran Artificial Intelligence. Neural Network adalah model yang meniru sistem jaringan saraf pada otak dalam mengambil keputusan. Terkhususnya adalah organ neuron yang terletak di dalam sel saraf otak. Maka dari itu, neural network juga dikenal dengan sebutan Jaringan Saraf tiruan.

Arsitektur Neural Network


Secara umum, ilmu mengenai jaringan saraf tiruan ini mengacu pada pembelajaran statistika. Ada beberapa proses sebelum input menghasilkan output. Salah satunya adalah membandingkan data yang ada sebelumnya. Proses ini dikenal dengan Training Data. Yaitu melatih sistem untuk mengambil keputusan dengan mempelajari data yang ada sebelumnya. Tentunya hal ini sangat berpengaruh pada keakuratan output. Oleh karena itu, diperlukan teknologi Big Data untuk lebih menunjang teknologi Neural Network.

Seiring berkembangnya teknologi Artificial Intelligence ini, berbagai konfigurasi kode sudah lebih dipermudah. Programmer diseluruh dunia dengan senang hati membantu berbagai projek AI untuk menjadikannya benar-benar zero config. Salah satunya di bahasa Javascript, sudah ada paket bernama BrainJS, yaitu library javascript yang mempermudah kita untuk membangun sistem neural network

BRAIN JS

Membangun Sistem Neural Network di Javascript
Saya akan mencontohkan bagaimana cara untuk membangun sistem kecerdasan buatan yang sangat sederhana. Namun seperti yang saya jelaskan  tadi, tentunya kecerdasan sistem nya nanti masih sangat kurang akurat karena keterbatasan di Training Data. Yang terpenting adalah konsep dasar dari Neural Network di Javascript.

Installasi Library Brain.JS
CDN

<script src="https://cdnjs.cloudflare.com/ajax/libs/brain/0.6.3/brain.min.js"></script>

NPM

npm i brain.js
const brain = require('brain.js')

Training Data
Training Data (melatih data) adalah tahap penting untuk membangun sistem neural network. Kita akan mencoba untuk membuat sedikit data contoh untuk dimasukan kedalam ingatan AI untuk mengambil keputusan.

Dalam training data dengan brain js, ada 2 tahap, yaitu input dan output. Input akan berisi kumpulan data yang kita miliki, dan output sebagai keputusan yang seharusnya diambil.

Untuk mendapatkan hasil yang lebih baik, kita harus mendeklarasikan semua data sebagai angka/nomor. Here is an example...

Contoh Pengambilan Keputusan Dengan Neural Network
Kita akan membuat sebuah kondisi dimana jika data berupa angka yang sama, maka outputnya adalah 0. Jika angka nya beda, maka outputnya adalah 1.


const net = brain.NeuralNetwork() // memanggil fungsi neural network pada brainjs

const trainingData = [
  {input:[0,0],output:[0]},
  {input:[0,1],output:[1]},
  {input:[1,0],output:[1]},
  {input:[1,1],output:[0]}
]
net.train(trainingData) // melatih sistem

// mendeklarasikan keputusan

net.run([0,1]) // Hasil: 0.9344263672828674
net.run([1,1]) // Hasil: 0.08769062906503677
net.run([1,0]) // Hasil: 0.933978796005249
net.run([0,0]) // Hasil: 0.05937185883522034

Dengan membandingkan output (hasil) dari pengambilan keputusan sistem dengan output yang kita atur di training data, kita sudah bisa mengetahui seberapa keakuratan dari sistem neural network yang kita bangun.

Mari kita coba dengan kasus lain. Misal, sistem pengambil keputusan apakah penggabungan komposisi warna merah, hijau, dan biru akan menghasilkan warna yang terlihat terang, atau gelap.

const net = brain.NeuralNetwork() // memanggil fungsi neural network pada brainjs

const trainingData = [{
    input: {
      merah: 0.03,
      hijau: 0.7,
      biru: 0.5
    },
    output: {
      gelap: 1
    }
  },
  {
    input: {
      merah: 0.16,
      hijau: 0.09,
      biru: 0.2
    },
    output: {
      terang: 1
    }
  },
  {
    input: {
      merah: 0.5,
      hijau: 0.5,
      biru: 1.0
    },
    output: {
      terang: 1
    }
  }
]
net.train(trainingData) // melatih data

// mendeklarasikan keputusan

net.run({
   merah: 0.4,
   hijau: 0.7,
   biru: 0.9
}) // hasil: { gelap: 0.3950822651386261, terang: 0.6040115356445312 }

Dengan begitu, kita bisa mengetahui tingkat terang dan gelap suatu warna sesuai perpaduan antara warna merah, hijau, dan biru.

Dengan pengetahuan dasar mengenai neural network, tentunya akan mempermudah kita untuk belajar AI kedepannya.
Read More

27 September 2019

Ask Render HTML Dari Json Object Dengan Vue JS AdityaDees

13:27 0
cara render json yang berisi kode html - Halo! Kali ini saya akan memberikan tutorial singkat mengenai cara menampilkan data json yang berisi value html di frontend, terkhusus dengan menggunakan framework vue js.

Return HTML In HTML Object Value
JSON Api HTML Vue JS

Misal, kita memiliki data json:

var data = [
   {
      pesan: "<p style='color:green'>Contoh Pesan Dengan tag HTML</p>"
   }
]

Jika kita langsung menampilkan data pesan tersebut dari objek,

{{data.pesan}}

maka data akan keluar sesuai dengan valuenya. Artinya, kode HTML tidak di-render. Sehingga outputnya tetap:

<p style='color:green'>Contoh Pesan Dengan tag HTML</p>

Nah, untuk merender kode html dari json object dengan vue js adalah dengan menggunakan attribute v-html yang sudah disediakan oleh Vue JS

<div v-html="data.pesan"></div>

Otomatis kode html akan dirender.

Baca Juga: Cara Menambah Atribut HTML Secara Kondisional di Vue JS

Oke, sekian artikel singkat kali ini  tentang cara render html dari value json object dengan vue js. Semoga bermanfaat! Terima kasih!
Read More

23 September 2019

Ask Cara Mengirim Request REST API Dengan PHP (Guzzle) AdityaDees

19:38 0
cara mengirim request api dengan php - Halo! Selamat datang kembali di artikel TB kali ini. Hari ini saya akan member tutorial tentang cara mengirim request api menggunakan PHP.

Selama ini kita sudah mengenal cara mengirim segala macam request api (GET, POST, PUT, DELETE) menggunakan jalur Cross Origin Resource Sharing (CORS). Atau biasanya menggunakan bahasa javascript. Tetapi, ada sebuah cara untuk melakukan request ke server lain menggunakan PHP tanpa menggunakan form apapun!

Cara mengirim request dengan PHP, adalah dengan menggunakan sebuah package bernama PHP Guzzle. PHP Guzzle adalah package composer yang berisi segala function untuk melakukan request api. Package ini bisa digunakan dimana saja baik di php native, maupun framework. Tetapi akan lebih disarankan untuk menggunakan package ini di Framework yang masih berbasis php seperti Laravel, Codeigniter, CakePHP, dan lain sebagainya yang menggunakan konsep MVC.

Berikut ini adalah cara untuk menggunakan PHP Guzzle dalam melakukan request API menggunakan PHP.

Baca Juga: Cara Mengonlinekan Localhost Tanpa Hosting, GRATIS!

Untuk memulai tahap-tahapnya, pastikan Composer sudah terinstall di komputer. Jika belum, silahkan download composer disini

1. Install PHP Guzzle
Silahkan masuk ke direktori aplikasi PHPnya, lalu buka terminal/command prompt di direktori tersebut. Lalu ketikan perintah berikut ini untuk menginstall Guzzle

composer require guzzlehttp/guzzle


2. Implementasi Guzzle Dalam Controller

public function NAMA_FUNCTION(){
      $client = new GuzzleHttp\Client()
      $result = $client->post(URL_API, [
          'form_params' => [
            // OBJECT API UNTUK POST
          ]
      ]);
      echo $result->getBody(); // Untuk menampilkan response dari request
    }

Contoh Penggunaan Guzzle Pada Controller


public function changeStatus($idmonitor_tap,$flagstatus){
      $client = new Client(); //GuzzleHttp\Client
      $result = $client->post('https://sebuahweb.com/_rfid/api/status_monitor', [
          'form_params' => [
            'idmonitor_tap' => $idmonitor_tap,
            'flagstatus' => $flagstatus
          ]
      ]);
      echo $result->getBody();
    }

Oke, sekian artikel kali ini tentang cara mengirim request rest api dengan PHP guzzle. Semoga bermanfaat! Terima Kasih!
Read More

19 September 2019

Ask Cara Stop Semua Server Node Js di Windows/Linux AdityaDees

16:37 0
cara force kill node js server - Halo teman-teman! Selamat datang kembali di artikel TB! Pada kesempatan kali ini, saya akan memberi tutorial singkat mengenai cara force stop alias kill semua node proccess yang masih berjalan di server komputer.

Mengapa Node Server Perlu Dimatikan Secara Paksa?
Hal ini dikarenakan seringnya terjadi galat di node proccess. Misal, kita sudah mematikan node js server di port 1000, tapi setelah kita jalankan lagi, malah muncul error seperti ini

Node Js Address Already In Use on Port
Node Server Already in Use

Itu artinya node server tidak benar-benar berhasil distop. Nah, oleh karena itulah kita perlu stop secara paksa node proccess di port tersebut.

Berikut ini adalah cara kill node js di server windows dan linux

Windows
1. Buka cmd (tekan windows+r lalu tulis cmd)
2. Masukan perintah berikut ini

taskkill /f /im node.exe

Linux
1. Buka terminal linux
2. Masukan perintah berikut ini di terminal

killall node

Otomatis akan keluar seluruh port yang berhasil ditutup.

Oke, sekian artikel singkat kali ini tentang cara kill semua node server di windows dan linux. Semoga bermanfaat! Terima kasih!
Read More

12 September 2019

Ask Membuat Fungsi Dalam Template Handlebars Node JS AdityaDees

14:27 0
cara membuat logika baru di template express hbs - Selamat datang di artikel TB kali ini! Artikel ini akan membahas tentang pemrograman web berbasis server node js. Terkhususnya, artikel ini akan memberikan solusi untuk masalah yang muncul ketika menggunakan package express-handlebars untuk sisi frontend web.

Apa itu express handlebars?
Express Handlebars biasa disebut juga HBS, adalah package node js yang memudahkan setiap web developer untuk mengirim data dari backend (server) ke frontend (client). Templating di dalam file HBS hampir sama dengan templating di blade framework laravel.

Berikut ini contoh dari halaman HBS

Contoh Halaman HBS

Cara kerja dari HBS adalah sebagai berikut. Seluruh logika (function) yang ingin ditampilkan di halaman web dibungkus dalam sebuah object json. Kemudian HBS tinggal memanggil data tersebut dengan kurung kurawal seperti ini {{ }} dimana didalamnya berisi key json yang berisi function yang sudah dibuat sebelumnya diserver.

Baca Juga: Cara Mengamankan HTTP Request Express Node


Dengan cara kerja seperti ini, sepertinya sulit untuk membuat variabel baru atau logika baru di template hbs. Tapi tenang, artikel ini akan menjelaskan bagaimana solusinya.

HBS Helper
Solusinya adalah dengan menggunakan Helper. Helper function tambahan kita sendiri yang bisa ditampilkan di template HBS. Dengan helper ini juga kita bisa mengubah return dari function bawaan express handlebars.

Berikut ini contoh pengaplikasian HBS helper di Node JS.

SERVER
res.render('/',{
helpers:{
aku_sebuah_function: function(status,msg){
if(status === '1') return msg
}
}
})

kemudian cara menampilkan helper yang sudah dibuat adalah seperti berikut.

CLIENT
<div>{{aku_sebuah_function 1 'Hanya Tampil Jika Statusnya 1'}}</div>

Jika biasanya format function seperti ini:

function nama(parameter,parameter_lain)

tetapi di template HBS, untuk menampilkan function dari helper cukup seperti ini:

{{nama parameter parameter_lain}}

Oke, sekian artikel kali ini tentang cara membuat logika atau function baru didalam template hbs express node js. Semoga artikel ini bermanfaat! Terima kasih!
Read More

10 September 2019

Ask Cara Mengamankan HTTP Request Express Node Js AdityaDees

09:00 0
cara mengamankan request di node js - Selamat datang di artikel TB kali ini. Artikel hari ini akan membahas tentang tips mengamankan request api di node js.

Saat melakukan http request baik menggunakan ajax atau axios, terjadi pengaksesan halaman web di background website. Tentunya hal tersebut perlu diamankan. Karena rentan terkena serangan yang dikenal dengan nama XSS, CSRF, dan lain sebagainya.

Salah satu cara mengamankan request API salah satunya adalah dengan membatasi akses dengan CORS Policy.

Baca: CORS: Pengenalan, Policy, Dan Cara Konfigurasinya (Node JS Express)
Namun, dengan pembatasan CORS artinya kita hanya membatasi DNS yang bisa mengakses request halaman web kita. Tapi tidak dengan kerentanan terhadap DNS kita sendiri.

Salah satu cara terbaik untuk melindungi http request api di node js dari serangan hacker selain dengan pembatasan cors adalah dengan menggunakan package npm helmetjs.

Apa itu Helmet JS?
Melindungi Request API Dengan Helmet JS
Logo Helmet JS

Helmet
adalah package node js yang berjalan di framework backend Express. Artinya, jika kita ingin menggunakan Helmet JS, ada baiknya kita menggunakan backend dengan framework Express agar bisa berjalan. Hanya dengan beberapa line kode, segala akses ilegal seperti injeksi CSRF, XSS, dan lain sebagainya bisa dihandle. HTTP Request API akan menjadi lebih aman.

Cara Install Helmet

npm i helmet

const express = require('express')
const helmet = require('helmet')

const app = express()

app.use(helmet())

Untuk melihat dokumentasi helmet secara lengkap, silahkan Kunjungi Dokumentasi Disini.

Oke, sekian artikel kali ini tentang cara melindungi http request di express node js. Semoga artikel kali ini bermanfaat! Terima kasih!


Read More

08 September 2019

Ask Cara Buka Virtual Keyboard Di Raspberry Pi AdityaDees

21:55 0
cara install virtual keyboard di raspberry pi - Selamat datang di artikel TB kali ini. Artikel ini akan membahas tutorial singkat aja tentang salah satu mini komputer raspberry.

Tampil Keyboard Raspbian
Tampilan Virtual Keyboard

Sesuai judul, berikut ini adalah cara menginstall virtual keyboard di raspberry. Tapi sebelum itu, tutorial ini lebih dikhususkan  untuk mini komputer raspberry dengan os raspbian yaa..

1. Buka terminal (ctrl+alt+t)
2. Ketik command dibawah ini didalam terminal

sudo apt-get install matchbox-keyboard

3. Tekan enter
4. Tunggu sampai program berhasil diinstall. Proses ini memakan waktu sekitar 30-60 detik.
5. Setelah selesai, reboot Raspberry nya.
6. Silahkan cari virtual keyboard di:
Menu > Accessories > Keyboard
Buka Keyboard Di Raspbian
Cara Mencari Keyboard Di Raspberry PI 3

Selesai...

Oke, itulah cara membuka virtual keyboard di raspberry pi 3. Semoga tutorial singkat ini bermanfaat! Terima kasih!
Read More

04 September 2019

Ask 6 Tips Mengoptimalkan Website di Google Search Terbaru AdityaDees

16:09 0
tips resmi dari google untuk mengoptimalkan situs web - Halo teman-teman! Selamat datang kembali di artikel TB kali ini. Seperti biasa saya akan membagian segala informasi mengenai teknologi dan internet. Artikel kali ini akan membahas seputar seo dan google search.

Jadi, saya baru aja ikut webinar secara online yang diadakan resmi secara langsung oleh Google Adsense. Narasumbernya adalah kak Christoper. Ia merupakan salah satu pakar dan mengetahui segala macam algoritma di Google Search. Webinar tersebut tidak digelar secara publik. Artinya hanya orang-orang tertentu aja dan kebetulan saya diundang.

Tapi, semua point-point yang saya dapat dari webinar tersebut bakal langsung saya share di artikel kali ini.

Ngomongin soal Google Search, salah satu search engine yang paling besar di dunia saat ini adalah Google tentunya. Setiap content creator pasti akan menggunakan google sebagai patokan untuk kualitas konten, anlisa, dan segala macemnya. Hal ini dikarenakan lebih dari 90% orang di seluruh dunia menggunakan fasilitas google untuk menghubungkan mereka ke situs yang mereka minta dibandingkan search engine lain.

Oleh karena itu, kita harus bersahabat dengan Google. Dengan kata lain, kita harus pahami cara kerja google, algoritma search, crawler, dan lain sebagainya agar situs kita bisa Seo Friendly dan muncul di halaman pertama Google. Dampaknya, pastinya situs kita akan ramai pengunjung dan konten kita bisa dilihat oleh banyak orang.

Topik inilah yang menjadi bahasa di Webinar tersebut. Yaitu bagaimana cara mengoptimalkan konten dalam situs web di google search engine.

Sedikit fakta resmi baru dari google, ternyata tim developer google melakukan pembaruan algoritma pencarian setidaknya 6 kali dalam sehari. Sungguh mencengangkan. Terus gimana cara kita optimasi situs web kita?

Meskipun google merubah algoritma pencarian berkali-kali, secara garis besar ada 6 poin inti yang menjadi acuan untuk mengoptimasi situs di google search. Berikut ini poinnya

1. Konten Yang Berkualitas
Maksud dari konten yang berkualitas disini adalah konten yang orisinil, trending, dan user friendly. Konten tidak perlu panjang lebar, dan tidak perlu ada keyword yang diulang-ulang. Google sekarang sudah mengembangkan teknologi sinonim. Jadi, keyword yang dijadikan target dalam artikel tidak perlu ditulis berkali-kali atau dengan kata ganti. Hal itu menyebabkan hilangnya kualitas artikel yang user friendly.

Tentunya artikel yang duplikat memiliki kualitas konten yang lebih rendah. Untuk masalah artikel copas, google memiliki algoritma sebagai berikut. Misalnya ada 5 artikel dengan konten yang sama (copas). Artikel tersebut tidak akan ditampilkan dalam satu page. Google memilih salah satu dari 5 artikel tersebut yang lebih berkualitas dan dianggap orisinil. Cara mesin google tahu itu adalah artikel yang berkualitas adalah melalui waktu, dan intensitas pengunjung.

Berikut ini adalah pertanyaan yang wajib kalian praktekan jawabannya untuk membangun situs dengan konten yang berkualitas.

Konten Berkualitas
Syarat Tepat Untuk Membuat Konten Yang Berkualitas

2. Search Friendly
Agar situs kita bersahabat dengan Google, kita harus mengoptimasi script agar memudahkan pencarian di Google. Dengan kata lain, kita harus memberi tau ke Google bahwa ada situs bernama blablabla.com Caranya adalah dengan mendaftarkannya di Search Console.

Search Console adalah layanan dari Webmaster Google untuk mendaftarkan situs web atau halaman dari situs web agar bisa di-crawl oleh google.

Klik Disini Untuk Menggunakan Tools Search Console

Selain mendaftarkan situs di Search Console, kita juga harus memperhatikan Meta Data. Meta Data adalah script yang berada didalam tag <head> di kode HTML. Kode meta memiliki tag: <meta>
Didalamnya terdapat beberapa atribut yang digunakan untuk menghubungi Google untuk membaca sesuatu, dan memblokir sesuatu didalam situs kita.

Contoh Meta Data Yang Salah
Penggunaan Meta Data Yang Salah
Contoh Meta Data Yang Benar
Penggunaan Meta Data Yang Benar

Pelajari Lebih Lengkap Tentang Meta Data

Tidak hanya konten tulisan, konten gambar juga perlu optimasi. Nama dari gambar yang diupload ternyata bisa disisipkan keyword artikel lho! Selain itu tambahkan juga caption yang relevan dan attribute 'alt' dalam kode <img>.

Penggunaan ALT Dan Judul Gambar Yang Benar
Penggunaan Atribut ALT Dan Judul Gambar Yang Benar

3. Mobile Friendly
Sejak awal 2015, jumlah pengguna mobile selalu melebihi angka pengguna desktop dalam mengakses web. Oleh karena itu, situs kita harus responsive. Google juga menjadikan ini sebagai poin untuk mempertimbangkan kualitas web. Untuk cek apakah situs kita sudah mobile friendly atau belum, Google sudah menyediakan toolsnya.

Cek Mobile Friendly Web Disini

Situs yang mobile friendly harus menerapkan sistem Mobile First Indexing.

Mobile Friendly Itu Penting
Gambaran Tentang Mobile First Indexing
Berikut ini syarat tepat untuk membangun situs dengan Mobile First Indexing.

Membuat Web Yang Mobile Friendly
Membuat Situs Web Dengan Mobile First Indexing

4. Cepat
Tidak ada pengguna yang mau mengakses situs yang lambat. Berdasarkan data resmi dari google, 53% pengguna memilih meninggalkan situs web yang loadingnya melebihi waktu diatas 3 detik. Google bisa mengetahui kecepatan web apapun dan hal ini bisa menjadi acuan untuk mempertimbangkan kualitas web. Google juga sudah menyediakan tools untuk developer web yang ingin cek kecepatan situs web nya.

Cek Kecepatan Situs Web Disini

Untuk mengoptimalkan kecepatan web, penting untuk mengetahui syarat tepat berikut ini.

Optimasi Kecepatan Web
Syarat Membangun Situs Dengan Load Cepat

5. Aman
SSL wajib bagi google. Situs yang masih menggunakan protokol HTTP (Not Secure) langsung dianggap lebih rendah kualitasnya daripada yang menggunakan HTTPS (Secure). Keamanan lainnya juga sangat penting baik dari sisi search engine maupun sisi pengunjung.

Security Website
Keamanan HTTP vs HTTPS

Pelajari Selengkapnya Tentang HTTPS Disini

6. Terstruktur
Sampai saat ini, Google sedang menerapkan interface yang lebih relevan untuk menampilkan hasil pencarian. Tidak hanya tulisan, jika kita mencari sesuatu yang dianggap relevan, maka akan muncul hasil yang lebih menarik.

Misalnya jika kita mencari publik figur, maka akan keluar biodata beserta fotonya. Jika kita mencari resep sebuah makanan, maka langsung muncul gambar dan tahap membuatnya.

Google akan memilih situs mana yang paling terstruktur dengan keyword yang relevan. Kemudian Google akan menyusun konten tersebut menjadi sebuah table atau elemen web yang tampil langsung di situs google nya sendiri.

Data Terstruktur Web
Perkembangan Google Dalam Mengindex Website
Penerapan Terstruktur Di Google Search
Google Sudah Menerapkan Data Terstruktur Untuk Interface Yang Lebih Menarik

Google bisa memahami data yang terstruktur. Tentunya hal tersebut dilakukan oleh teknologi kecerdasan buatan yang ada. Jika konten didalam web kita tidak terstruktur, bagaimana mesin google bisa mengindex konten secara tepat?

Pelajari Selengkapnya Tentang Cara Membuat Konten Terstruktur

6 Tips Optimalisasi Web Di Pencarian Google
6 Poin Pengoptimalan Web Di Pencarian Google

Oke, itulah 6 poin penting untuk optimasi konten situs web di google search terbaru dan resmi. Semoga bermanfaat dan menambah wawasan! Terima kasih!
Read More

03 September 2019

Ask Tools Agar Tampilan JSON di Browser Lebih Rapih AdityaDees

04:28 0
cara agar menyusun tampilan json di browser - Selamat datang di artikel TB kali ini! Hari ini saya akan membagikan tips untuk developing halaman web. Khususnya halaman web yang berisi data JSON.

Baca Juga: Cara Enkripsi Data JSON dengan Node JS

Seperti yang kita ketahui, format JSON banyak digunakan untuk mengirimkan sebuah data dari web. Berikut ini contoh dari data JSON.

Data JSON biasa
Bagi orang-orang, bahkan programmer sekalipun, data yang berpenampilan seperti itu akan sulit untuk dibaca. Nah, ternyata ada sebuah tools gratis yang bisa merapihkan data tersebut agar mudah dibaca.

Nama tools ini adalah Json Viewer.

Json Viewer adalah tools yang berbasis ekstensi atau add on di semua browser. Tentu saja setelah semua penjelasan diatas, Json Viewer berfungsi untuk merapihkan data json yang tertampil di browser.

Berikut ini data json yang tampil dengan menggunakan tools json viewer

Data JSON yang sudah dirapihkan

Cara Install Json Viewer di Chrome
Saya menggunakan browser chrome sebagai tutorial installasi. Jika kalian menggunakan browser lain, silahkan tambah ekstensi atau add on seperti biasa dengan nama esktensi JsonView.

1. Klik ke link berikut

https://chrome.google.com/webstore/detail/jsonview/chklaanhfefbnpoihckbnefhakgolnmc

2. Klik Add To Chrome atau Tambahkan ke Chrome

3. Selesai. Silahkan buka kembali halaman yang berisi data JSON

Oke, sekian tutorial singkat kali ini tentang cara menampilkan data json di browser agar lebih rapih. Semoga bermanfaat!
Read More

26 August 2019

Ask Cara Ganti Ekstensi Semua File di Windows Tanpa Aplikasi AdityaDees

22:10 0
cara termudah mengganti format file secara masal di windows - Selamat datang kembali di artikel TB kali ini! Artikel ini mungkin akan jadi artikel yang sangat singkat. Sesuai judul, saya akan memberi tutorial untuk mengubah ekstensi semua file dalam satu folder di windows secara masal alias keseluruhan.

Baca Juga: Perbandingan Windows dengan Linux, Mana Yang Lebih Bagus?

Gak perlu aplikasi tambahan untuk mengubah ekstensi di windows. Karena semua itu bisa dilakukan dengan 1 line perintah di CMD. Berikut ini caranya

1. Masuk ke direktori yang berisi file yang ingin diubah ekstensinya secara masal. Misalnya seperti gambar dibawah ini


2. Ketik cmd di bagian link direktori


3. Setelah CMD terbuka, kamu bisa ganti ekstensi semua file secara masal dengan memasukan perintah line berikut ke cmd.


ren *.EKSTENSI_LAMA *.EKSTENSI_BARU


Contoh:


ren *.html *.jpg



4. Tadaa... Otomatis semua file yang formatnya html tadi berubah jadi jpg



Oke, sekian artikel singkat kali ini tentang cara mengganti banyak format file sekali klik di windows. Semoga bermanfaat! Terima kasih!
Read More

23 August 2019

Ask Cara Enkripsi Json API Dengan Node JS AdityaDees

16:51 0

cara encrypt json dengan node js - Pada kesempatan kali ini, saya akan membagikan tutorial singkat seputar pemrograman web. Dikhususkan untuk web yang dibangun menggunakan node js.

API memang menjadi salah satu fitur penting didalam transaksi data. Oleh karena itu, halaman API harus selalu dilindungi. Baik dengan cors policy, maupun json web token. Namun di artikel kali ini, saya akan memberi tahu tentang cara melindungi api dengan teknik enkripsi data json api.

Baca Juga: Cara Membuat Bot Email Node JS dengan Nodemailer

Dalam kasus ini, kita harus menggunakan package node js bernama json-encrypt. Package ini adalah buatan saya yang menggunakan konsep crypto untuk mengenkripsi data json. Package ini bisa digunakan untuk melindungi API dan juga memudahkan format json untuk dieksekusi di beberapa kondisi program tertentu.

Berikut ini cara menggunakan Json Encrypt.

Install json-encrypt

npm i json-encrypt

Implementasi package


const je = require('json-encrypt')


Enkripsi data Json

Untuk enkripsi data, kita gunakan function encrypt() pada package json-encrypt. Contohnya:


var json = [
  {
    name:"Tegar Santosa",
    gender:"male"
  },
  {
    name:"Santi Puspa",
    gender:"female"
  },
]

console.log(je.encrypt(json)) // hasil enkripsi


Dekripsi data Json

Untuk dekripsi data, kita gunakan function decrypt() pada package json-encrypt. Contohnya:


var json = [
  {
    name:"Tegar Santosa",
    gender:"male"
  },
  {
    name:"Santi Puspa",
    gender:"female"
  },
]

console.log(je.decrypt(je.encrypt(json))) // hasilnya akan sama dengan variable json karena sudah dienkripsi, kemudian didekripsi lagi


Oke, sekian artikel singkat kali ini. Semoga bermanfaat! Terima kasih!
Read More

22 August 2019

Ask Mengatasi ECONNREFUSED 127.0.0.1:27017 MongoDB Windows/Linux AdityaDees

17:20 0
cara mengatasi gagal connect ke mongodb di windows - Pada kesempatan kali ini, saya akan mengajari cara solving masalah error ketika connect di mongodb. Error ini berisi pesan  ECONNREFUSED 127.0.0.1:27017. Apa arti dari error tersebut?


Itu artinya sistem tidak bisa berkomunikasi dengan mongodb. Yang pada hal ini, seharusnya mongodb berjalan di Host 127.0.0.1 atau Localhost, dan di port 27017. Penyebabnya adalah service dari mongodb belum dijalankan. Berikut ini cara menjalankannya.

Baca Juga: Cara Join Beberapa (Multiple) Collection dengan MongoDB

Windows
  1. Klik logo windows untuk membuka menu, kemudian cari "Services"



  2. Buka Services, kemudian di pilihan aplikasi services, pilih MongoDB Server



  3. Klik kanan di MongoDB Server, kemudian klik Start.
  4. Coba connect kembali aplikasi MongoDBnya
Linux
  1. Buka terminal
  2. Ketik command berikut ini

    service mongodb start

  3. Connect kembali ke aplikasi MongoDBnya
Oke, sekian tutorial singkat kali ini tentang cara mengatasi error connect mongodb di os linux atau windows. Semoga bermanfaat! Terima kasih!
Read More

19 August 2019

Ask Convert HDD Internal ke Eksternal dengan USB AdityaDees

17:58 0
cara mengubah hdd internal ke eksternal port usb - Halo! Selamat datang kembali di artikel TB kali ini. Pada kesempatan ini saya akan membagikan tutorial untuk mengubah harddisk yang tadinya berada di internal komputer menjadi harddisk eksternal.

Sedikit berbagi pengalaman boleh lah yak.. Jadi saya baru aja dapet rejeki buat ganti laptop. Tentunya bagian yang paling penting bagi saya adalah harddisk alias hddnya. Karena disitu tempat nyimpen berbagai file kerjaan, game, film, dan banyak lagi dah pokoknya. Masalahnya ukuran file yang disimpen di hdd lama udah buanyak banget. Sekitar lebih dari 300GB

Awalnya saya kepikiran untuk transfer pakai hdd eksternal temen, tapi gak ada yg punya. Terus kepikiran lagi dengan transfer pakai LAN. Nah, masalahnya kedua komputer saya ini gak ada yang punya port lan. Harus ada konverternya. Masa mau via internet? pastinya bakal lama banget transfer filenya. Sampai pada cara terakhir, untungnya temen saya punya alat untuk konversi hdd internal menjadi eksternal. Nama alat ini adalah HDD Docking Station


HDD Docking Station adalah alat yang dapat membuat HDD kita yang tadinya didalam komputer menjadi HDD eksternal. Cara kerjanya, HDD internal harus dikeluarin dari komputernya. Kemudian HDD dimasukan ke slot Dock nya. Ada 2 kabel di alat HDD Docking Station. Yaitu adaptor sama kabel USB.

Adaptornya yang bakal dicolok ke stop kontak, USB dicolok ke komputer. Jadi akhirnya, kita bisa akses file di HDD melalui kabel dan slot USB.

Saya menggunakan HDD Docking Station bermerk Orico. Berikut ini foto alatnya.




Oke, sekian artikel kali ini. Semoga bermanfaat dan bisa nambah wawasan! Terima Kasih!
Read More

https://payclick.com/

Contact us for advertising.