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

13 December 2021

Ask Cara Mengompres PDF Hingga ke 100KB AdityaDees

07:37 0

kompres PDF secara online - Mungkin ada beberapa alasan mengapa kalian ingin mengompres file PDF. Saya juga melihat lonjakan pencarian untuk "kompres pdf ke 100kb, kompres file pdf hingga di bawah 100 kb, kompres file pdf ke 100kb online" dan kata kunci serupa. Saya tidak yakin mengapa orang ingin mengurangi PDF menjadi 100kb atau kurang. Sepertinya ada beberapa form yang batas uploadnya sudah diset 100kb. 100KB adalah ukuran file yang sangat kecil. Jika kalian ingin kompres pdf 100kb di bawah ini, kalian perlu menggunakan alat kompresi PDF yang efektif. Ada banyak alat kompresor PDF. Jika kalian tidak yakin alat apa yang harus digunakan, periksa daftar alat kompresi PDF terbaik ini.

Sebelum saya mulai, izinkan saya menjelaskan bahwa kompresi PDF tidak menjamin ukuran output. Itu semua tergantung pada input PDF. kalian tidak dapat mengunggah file PDF 500MB dan mengharapkan alat kompresi PDF untuk mengompres PDF ini menjadi 100KB. Semua alat kompresor PDF yang tercantum dalam artikelnya efektif dan pasti akan memberi kalian kompresi terbaik.

Compress PDF adalah alat online bagus yang secara efektif mengompresi file PDF. Kalian hanya perlu drag-and-drop file PDF ke dalam kotak dan menunggu kompresi. Ini adalah alat online, sehingga dapat digunakan dari platform apa pun termasuk Windows, Mac, Linux, Android, atau iOS. Alat kompres pdf 100kb online ini mengurangi file PDF yang dipindai menjadi 144 dpi. Ini juga memiliki batas 5GB. Saya tidak berpikir kebanyakan orang berurusan dengan file PDF sebanyak ini.

Dalam versi gratis alat ini, kalian dapat dengan mudah mendapatkan kompresi hingga 40-50%. Alat ini juga menawarkan versi Pro yang menawarkan kompres pdf 100kb. Alat kompresi PDF ini memberi kalian kontrol lebih besar atas kompresi PDF. Alat ini memungkinkan kalian memilih tingkat kompresi. Untuk kompresi terbaik, pilih tingkat kompresi yang mengatakan Kompresi Maksimum. Kalian dapat memilih kualitas gambar dari file PDF target. Jika kalian menginginkan kompresi yang lebih baik, kalian dapat menggunakan kualitas gambar berwarna, gambar abu-abu, dan gambar mini untuk file PDF yang dikompresi. Ada juga opsi pengaturan lanjutan untuk kompres pdf 100kb yang lebih baik.

Ini juga merupakan alat online, jadi kalian tidak perlu menginstal perangkat lunak apa pun. Ini berfungsi dengan baik di platform apa pun termasuk Windows, Mac, Linux, Android, dan iOS. Alat ini memiliki ukuran unggahan maksimal 24MB.

Compress PDF adalah alat luar biasa lainnya untuk membuat file PDF lebih kecil dengan mengompresinya. Ini adalah kompresi PDF online yang secara otomatis mengompresi file PDF dengan menggunakan algoritma komputer. Ini mengurangi bit dengan mengidentifikasi dan menghilangkan redundansi statistik untuk kompres pdf 100kb. kalian dapat mengunggah file dari komputer atau langsung mengunggahnya dari Google Drive dan Dropbox.

Jika kalian menginginkan alat kompresor PDF massal, ini untuk kalian. Pdfcompressor.com memungkinkan kalian mengunggah hingga 20 file PDF sekaligus dan mengompresnya secara bersamaan. Kemudian kalian dapat mengunduh file terkompresi satu per satu atau file ZIP. Ini juga merupakan alat yang sangat baik untuk kompresi PDF. Saya suka situs web ini karena ia juga menawarkan beberapa alat konverter dan kompres pdf 100kb.

Jika kalian ingin aplikasi seluler khusus dipasang di ponsel kalian untuk mengompresi file PDF, kalian dapat menginstal aplikasi Kompres PDF. Aplikasi ini tersedia untuk Android dan iOS. kalian dapat mengunggah file PDF dari penyimpanan perangkat udara atau Drive, OneDrive, Box, dan lainnya. Ini akan mengirim file PDF kalian ke server Compress PDF dan mengembalikan file kompres pdf 100kb. kalian kemudian dapat mengunduh file PDF di ponsel kalian.

Kesimpulan

Sekarang kalian memiliki alat online dan aplikasi seluler yang berbeda untuk mengompres file PDF. Jika kalian ingin mengurangi file kompres pdf 100kb, kalian dapat menggunakan salah satu alat ini.

Read More

17 February 2021

Ask Membuat Koneksi SMTP Gmail Untuk Aplikasi Lain AdityaDees

22:44 0

menyambungkan aplikasi ke smtp gmail - Gmail adalah layanan email milik Google. Saat ini sudah banyak digunakan di berbagai perusahaan besar maupun personal. Gmail juga membuka akses SMTP agar email kita bisa digunakan oleh aplikasi atau web lain.

Untuk cara mengaktifkannya, pertama yang harus dilakukan adalah mengizinkan email kita untuk dipakai di aplikasi yang kurang aman (less secure apps). Apa itu aplikasi yang kurang aman?

Aplikasi yang kurang aman disini diartikan sebagai aplikasi diluar kepemilikan Google (aplikasi terpisah) yang dapat kita pakai untuk me-remote akun email kita. Jika kalian percaya dengan aplikasi yang akan kalian gunakan, maka hal ini tidak akan jadi masalah.

Berikut ini cara mengaktifkannya.

1. Login ke akun google mu dengan email yang ingin digunakan

2. Masuk ke halaman Less Secure Apps.

3. Izinkan/Aktifkan Less Secure Apps (Aplikasi yang kurang aman).


4. Jika sudah, silahkan masukan alamat email, dan password emailmu di aplikasi lain yang kamu gunakan. Berikut ini setelan default yang biasanya harus dimasukan.

SMTP Host: smtp.gmail.com
SMTP Port: 465 (default)
SMTP Secure: yes

Oke, itulah cara membuat koneksi SMTP Gmail ke aplikasi lain. Semoga artikel ini bermanfaat! Terima kasih!
Read More

28 July 2020

Ask Mengubah Teks Ketikan Menjadi Tulisan Tangan Sendiri AdityaDees

01:57 0
cara konversi tulisan ketik ke tulisan sendiri - Lama banget gak nulis artikel lagi disini hehe.. Untungnya selalu ada kesempatan buat ngeblog. Di artikel kali ini, saya akan kasih tau trik buat ngubah tulisan ketik di komputer menjadi tulisan sendiri.

Awalnya, saya terinspirasi dari banyaknya tugas online dari sekolah. Kadang males banget kalau nugas disuruh ngerangkum tapi gak boleh diketik. Alias dicatet di buku tulis, terus difoto, baru dikirim. Padahal kan kalo diketik bisa lebih cepet dan yang pasti bisa copas hahahh..

Tiba-tiba saya dapet ide untuk bikin aplikasi untuk konversi ketikan, ke tulisan tangan, kemudian dikasih background dan layout buku tulis. Pokoknya supaya bisa ngerjain tugas ngetik, tapi dikira nulis dan gak ketauan sama guru dah wkwk.

2 bulan ide itu direncanain tapi gak sempet dibikin. Semua nge-stuck di riset teknologi pemrogramannya. Ditambah ada projek lain. Saya iseng nyari web yang bisa ngubah ketikan jadi tulisan tangan buat ngerjain tugas sekolah. Dan bener aja, udah ada yang bikin dan keren banget! Yaitu website buatan @saurabhdaware bernama Text-To-Handwriting. Web tersebut emang dirancang buat ngerjain tugas online dari sekolah wkwk. Saya juga sempat berkontribusi untuk fitur di web itu.

Nah, berikut ini saya akan ngajarin gimana caranya.

A. Membuat Font
Tulisan orang pasti beda-beda dong. Oleh karena itu, tahap pertama kita harus ngebuat font dengan gaya kita sendiri. Ada situs yang memungkinkan kita untuk membuat font pakai tulisan tangan sendiri.

Yaitu situs Calligraphr (https://www.calligraphr.com/).

Silahkan baca langkah-langkah membuat font di Calligraphr disini:



B. Konversi Ketikan ke Tulisan Tangan
Nah, kalau kita udah dapet gaya tulisan kita secara digital, sekarang saatnya masuk ke tutorial inti dari artikel ini.

2. Upload font pada menu Costumization
3. Tulis sesuatu di kertas digital di dalam web
4. Print




Kita juga bisa menyatukan semua halaman menjadi PDF. Bisa dicoba-coba fitur yang ada di website Text-To-Handwriting itu.
Read More

07 July 2020

Ask Boosting Volume Komputer di Google Chrome AdityaDees

20:23 0
cara memperbesar volume di google chrome - Beberapa orang mengeluhkan volume komputer yang sangat kecil pas lagi streaming atau lagi main game. Berikut ini, saya akan membagikan cara memperbesar volume komputer melebihi kapasitas normal volume komputer (boosting).

Untuk memperbesar volume komputer di browser, kita hanya harus menginstall ekstensi di google chrome. Ekstensi ini bernama Volume Booster.

Berikut ini cara install dan menggunakannya.

1. Klik install pada Volume Booster melalui link berikut ini.

2. Klik ikon ekstensi di pojok kanan atas browser. Setelah itu, tinggal atur volumenya.


Bisa didengar sendiri, suara yang dihasilkan jauh lebih besar.

Oke, sekian artikel tentang cara boosting volume di browser. Semoga bermanfaat! Terima kasih!
Read More

02 May 2020

Ask End Process Folder in Use di Windows AdityaDees

10:19 0
cara menghapus folder atau file yang tidak bisa dihapus - Terkadang ketika kita ingin menghapus file di komputer, terjadi error:

Folder in Use: The action can't be completed because the folder is open in another program

Error tersebut menyatakan bahwa folder / file tidak bisa dihapus karena sedang berjalan di program lain. Padahal program sudah ditutup bahkan tidak ada program lain yang berjalan. Tapi kok masih gak bisa dihapus?

Baca Juga: Cara Install Terminal Kali Linux di Windows

Hal itu disebabkan komputer masih menyimpan program di RAM yang menyatakan bahwa file/folder masih berjalan akibat kita membukanya melalui program lain sebelumnya. Hal itu bisa dibilang bug akibat komputer yang slow.

Cara Melihat Proses Yang Menghalangi Penghapusan Folder


1. Buka Run Command (windows+r). Lalu ketik resmon.exe

2. Klik tab CPU

3. Pada Associated Handles, search folder/file mu yang tidak bisa dihapus.



Selamat! Kamu sudah menemukan aplikasi penyebab folder/file kamu tidak bisa dihapus.

4. Klik kanan pada Handles tersebut, lalu klik End Process

5. Coba hapus atau manipulasi lagi folder/file yang tidak bisa dihapus sebelumnya.

Oke, sekian artikel tentang cara cek process berjalan yang menghalangi folder/file di windows. Semoga bermanfaat! Terima kasih!
Read More

22 April 2020

Ask Cara Update Fork Repository Git AdityaDees

22:11 0
cara update fork dari github - Pada kesempatan kali ini, saya akan membagikan tips paling mudah dan sederhana untuk memperbarui repository kita di github yang mana adalah repository fork dari orang lain. Ini adalah cara terbaik untuk update repo github seperti fork ulang.

Cara ini bisa dilakukan di layanan apa saja yang menggunakan git. Bisa github, gitlab, bitbucket, dan lain-lain.

1. Masukan url repository yang asli (bukan repository yang di-fork) dan namakan sebagai "upstream"

git remote add upstream https://github.com/{URL_GIT_ASLI}.git

2. Fetch semua branch di upstream

git fetch upstream

3. Perbarui branch master mu (origin) dengan master dari upstream

git rebase upstream/master

4. Push branch yang baru diperbarui

git push origin master --force

Jangan lupa flag --force! Karena jika ada kode yang konflik, kita akan tetap mengganti reponya!

Oke, sekian artikel tentang cara update git yang di-fork ke repo aslinya. Semoga bermanfaat! Terima kasih!
Read More

13 April 2020

Ask Cara Install Python 2 & 3 di Windows Dengan Perintah Berbeda AdityaDees

03:32 0
cara install python versi 2 dan 3 bersamaan di windows - Seperti yang diketahui, salah satu bahasa pemrograman terkenal di dunia, Python, telah mencapai versi major 3.x. Ini adalah versi terbaru dari python.

Sudah menjadi permasalahan umum bahwa python versi sebelumnya, yaitu versi 2 juga penting dalam beberapa aplikasi. Hal itu disebabkan beberapa aplikasi dan sistem operasi masih stuck di program python versi 2 (belum diupgrade). Jadi saat ini, Python v2 dan v3 masih terpakai.

Baca Juga: 5 Layanan Gratis Untuk Akses Localhost Secara Publik

Ada pertanyaan yang muncul. Komputer saya sangat memerlukan kedua versi bahasa python, bisakah saya menginstall secara bersamaan?

Jawabannya bisa!
Dalam hal ini, kita hanya harus mengaturnya di Environment Variables ketika pemanggilan perintah lewat cmd. Jadi, untuk memanggil program python, kita akan mengganti perintah

$ python

menjadi

$ python2
untuk python versi 2.x

$ python3
untuk python versi 3.x

Berikut ini langkah-langkahnya

1. Sebelumnya, pastikan kedua program python sudah terinstall di windows. Download Python untuk Windows. Klik Disini

2. Silahkan download kedua versi python

Download Python 2 dan 3

3. Lakukan installasi seperti biasa. Akan ada opsi Select File Location untuk meletakan seluruh file program python pada saat penginstallan. Supaya sama, saya sarankan letakan file di:

C:\python2 untuk program python2
C:\python3 untuk program python3

4. Masuk ke Environment Variable


Masuk ke Env

5. Klik Environment Variables. Akan muncul tab baru. Select pada variable Path, lalu klik Edit.

Set Environment Variables

6. Masukan direktori yang berisi kedua file program Python

Direktori Kedua Versi Python

7. Klik Ok dan tutup Environment Variables.

8. Rename masing-masing file exe pada direktori:

C:\Python2\python.exe menjadi C:\Python2\python2.exe
C:\Python3\python.exe menjadi C:\Python2\python3.exe

9. Test di cmd

Test Run Python di CMD

WORK!!!

Oke, sekian artikel tentang cara install kedua versi python di windows secara bersamaan. Semoga bermanfaat! Terima kasih!
Read More

03 April 2020

Ask 5 Layanan Untuk Akses Localhost Dari Internet Gratis AdityaDees

21:22 0

5 expose localhost service gratis - Remote port forwarding adalah sebuah aktivitas yang memungkinkan web server / ip yang berjalan lokal menjadi publik. Gunanya agar server lokal kita bisa diakses oleh orang lain di internet tanpa harus tersambung ke jaringan / SSID yang sama.

Cara Kerja Remote Port Forwarding
Setelah server dari ip lokal diupload via tunnel, maka kita akan mendapat ip publik atau domain dari penyedia remote port forwarding. Domain atau IP inilah yang digunakan orang di seluruh dunia untuk mengakses server lokal kita secara sementara.

Setelah memahami apa itu localhost tunnel dan remote forwarding, berikut ini beberapa layanan yang dapat meng-onlinekan localhost dengan gratis.

1. Serveo
Serveo berbasis SSH. Cara memakai layanan ini dengan buka terminal lalu masukan perintah:

ssh -R SUBDOMAIN:80:IP_LOKAL:PORT_LOKAL serveo.net

Contoh:

ssh -R teziger:80:localhost:3000 serveo.net

Selengkapnya tentang serveo

2. Ngrok
Ngrok meng-ekspos server lokal ke publik internet secara aman. Kita juga bisa mendapatkan alamat TCP dari server lokal. Cara menggunakannya:

1. Download Ngrok Disini
2. Daftar & Login
3. Masukan kode autentikasi
4. Masukan di terminal/cmd perintah berikut ini

ngrok http PORT // untuk mengonlinekan web server

atau

ngrok tcp PORT // untuk mengonlinekan tcp/ip server

Contoh:

ngrok http 8000
ngrok tcp 4444

3. Localhost.Run
Berbasis SSH. Cara memakai layanan ini dengan membuka terminal, lalu masukan perintah:

ssh -R 80:IP_LOKAL:PORT_LOKAL SUBDOMAIN@ssh.localhost.run

Contoh:

ssh -R 80:localhost:3000 teziger@ssh.localhost.run

4. Pagekite
Dibuat dengan Python. Cara menggunakannya:

1. Download Pagekite.py
2. Masukan perintah di terminal/cmd berikut ini:

pagekite.py --signup // untuk penggunaan pertama
pagekite.py PORT SUBDOMAIN.pagekite.me

contoh:

pagekite.py 8000 teziger.pagekite.me

5. Holepunch
Holepunch adalah alternatif terbaik selain Ngrok. Karena fitur yang ditawarkan hampir sama. Kita juga bisa meng-expose http dan tcp. Cara memakai layanan ini adalah sebagai berikut:

1. Download Holepunch
2. Setelah diekstrak, buka terminal di direktori tersebut
4. Masukan perintah berikut:

./punch http PORT

contoh:

./punch http 8000

Selengkapnya tentang holepunch

Oke, itulah beberapa layanan untuk akses server lokal ke publik dengan layanan localhost tunnel. Semoga artikel ini bermanfaat. Terima kasih!
Read More

17 March 2020

Ask Melihat Data Virus Corona Secara Akurat Dan Terkini AdityaDees

22:07 0
Coronavirus Under Microscop

cara melihat data dan statistik covid19 secara realtime - Coronavirus sedang menyebar ke seluruh dunia termasuk indonesia. Dalam penangannya, seluruh petugas
dan pemerintah haruslah transparan dan hal itu telah dilaksanakan dengan baik. Untuk itu, saya telah menciptakan situs sederhana untuk melihat status corona di seluruh dunia secara akurat dan realtime.

Seluruh data tersebut dapat dilihat melalui:

https://arsan.dev/covid19

Data tersebut saya dapat melalui RapidAPI yang akan selalu update mengenai perkembangannya. Semoga bermanfaat, dan coronavirus segera hilang dari bumi ini. #StaySafe
Read More

16 March 2020

Ask Cara Menjadikan Smartphone Sebagai Dual Monitor PC AdityaDees

00:28 0
cara membuat dual monitor dengan smartphone - Artikel kali ini akan membahas tentang life hack seputar komputer. Pernah gak sih kalian ngebayangin kalau komputer dan smartphone kalian terkoneksi dan menjadi monitor yang sama? Nah, pada kesempatan kali ini, saya akan memberikan cara membuat smartphone menjadi dual monitor pc.

Persyaratan
Untuk melakukan hal ini, kamu memerlukan koneksi internet di jaringan yang sama dan sebuah software. Software yang dimaksud adalah Spacedesk.

Baca Juga: Pekerjaan Yang Banyak Diminati Namun Akan Tergantikan Oleh Robot

Cara Kerja
Cara kerja dari software ini cukup sederhana. Ia menghubungkan seluruh device secara over internet di jaringan lokal. Berikut cara menggunakannya.

1. Download dan install driver spacedesk di pc.

2. Download dan install aplikasi spacedesk di playstore / appstore smartphone. Setelah terinstall, buka aplikasi tersebut.

3. Akan muncul seluruh pc yang terinstall spacedesk driver di jaringan yang sama.


4. Klik informasi device tersebut dan smartphone mu sudah bisa digunakan sebagai dual monitor!



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

08 March 2020

Ask Teknik Grouping By Object Key di Javascript AdityaDees

00:59 0
cara mengelompokan objek berdasarkan key yang sama di javascript - halo.. pada kesempatan kali ini, saya akan memberikan tutorial singkat tentang cara grouping object berdasarkan key. Sebelum ke tutorialnya, saya akan menjelaskan tentang kegunaan grouping ini.


Apa itu grouping by obeject key?
Sebenarnya, ini adalah teknik untuk mengubah arsitektur object menjadi lebih mudah dipahami, lebih singkat, dan lebih mudah diimplementasikan di client. Salah satu contohnya adalah seperti ini.

Misal, kita memiliki object


var mobil = [

    {
        'merk': 'audi',
        'year': '2012'
    },
    {
        'merk': 'audi',
        'tahun': '2013'
    },
    {
        'merk': 'ford',
        'tahun': '2012'
    },
    {
        'merk': 'ford',
        'tahun': '2015'
    },
    {
        'merk': 'kia',
        'tahun': '2012'
    },
]


Objek tersebut terlihat terpisah satu sama lain. Misal, kita akan grouping objek tersebut berdasarkan key "merk". Jadi, mobil yang merknya sama akan tergabung dalam sebuah objek yang sama. Hasilnya akan seperti ini

var mobil = {
  'audi': [
    {
      'tahun': '2012'
    },
    {
      'tahun': '2013'
    },
  ],
  'ford': [
    {
      'tahun': '2012'
    },
    {
      'tahun': '2015'
    }
  ],
  'kia': [
    {
      'tahun': '2012'
    }
  ]
}

Ini membuat object menjadi terstruktur, mudah dilihat, dan diimplementasikan. Oke, jadi bagaimana caranya?

Saya telah memiliki kode function ajaib untuk grouping object berdasarkan key. Berikut ini kodenya

function groupBy(xs, f) {
  return xs.reduce((r, v, i, a, k = f(v)) => ((r[k] || (r[k] = [])).push(v), r), {});
}

Contoh Implementasi Kode

var mobil = [
    {
        'merk': 'audi',
        'year': '2012'
    },
    {
        'merk': 'audi',
        'tahun': '2013'
    },
    {
        'merk': 'ford',
        'tahun': '2012'
    },
    {
        'merk': 'ford',
        'tahun': '2015'
    },
    {
        'merk': 'kia',
        'tahun': '2012'
    },
]
var result = groupBy(mobil, (m) => m.merk)

Result Grouping By Merk:

{
  'audi': [
    {
      'tahun': '2012'
    },
    {
      'tahun': '2013'
    },
  ],
  'ford': [
    {
      'tahun': '2012'
    },
    {
      'tahun': '2015'
    }
  ],
  'kia': [
    {
      'tahun': '2012'
    }
  ]
}

Oke, sekian tutorial kali ini. Semoga bermanfaat! Terima Kasih!
Read More

27 January 2020

Ask Cara Handle Error Express Js Secara Global AdityaDees

12:54 0
cara try catch express js - Pada kesempatan kali ini, saya akan sharing mengenai cara handle error di express node js secara global. Sebelumnya, saya akan menjelaskan terlebih dahulu tentang apa itu handle error di express js dan mengapa harus dilakukan secara global?

Middleware Express Js Handling Error

Express Js Tidak Mempunyai Program Handle Error Bawaan
Mungkin kalian juga pernah mengalami. Jika kita membuat sebuah program menggunakan express js dan ada masalah dalam program, maka express akan menampilkan error di console dan server otomatis dimatikan. Hal ini dikarenakan program hanya menampilkan error lewat console sehingga proses running server di console menjadi terganggu sementara client (pengakses web) sedang menunggu response diberikan oleh server yang mana sedang error, sehingga proses di client hanya menampilkan loading terus menerus. Otomatis, running server server akan terhenti.

Oleh karena itu, untuk menghindari hal tersebut, diperlukan handling error. Jika kita menerapkan model try catch di tiap route, mungkin kurang lebih kodenya menjadi begini.

app.get('/',(req,res)=>{
try {
function_asal(); // function tidak terdefinisi (akan error)
} catch (e) {
res.status(500).json({
status: false,
name: err.name,
message: err.message
});
}
});

Tetapi masalahnya kita harus membuat kode try catch secara terus menerus di setiap routes. Hal itu sangat membuat capek untuk melakukan sesuatu secara berulang ulang dan kode menjadi tidak clean. Nah, disinilah kita harus menerapkan handle error di express js secara global.

Handle secara global artinya program handle error kita berlaku untuk seluruh routes yang ada. Jadi kita hanya perlu menambah kode handle error sekali lalu membuat program routes seperti biasa.

Caranya adalah dengan menambah kode ajaib ini dibagian akhir routes.

app.use((err, req, res, next) => {
 res.status(500).json({
   status: false,
   name: err.name,
   message: err.message
 });
});

Contoh script secara keseluruhan adalah seperti ini.

app.get('/',(req,res)=>{
    function_asal(); // function tidak terdefinisi (akan error)
});
app.get('/home',(req,res)=>{
    res.send('Selamat datang'); // function terdefinisi (tidak error)
});

app.use((err, req, res, next) => {
 res.status(500).json({
   status: false,
   name: err.name,
   message: err.message
 });
});

Jika kita mengakses url dengan function yang tidak terdefinisi, maka program akan error. Tetapi karena kita sudah menambah kode handling errornya dibagian paling bawah, error tidak akan mematikan running server.
Read More

12 January 2020

Ask Cara Menjalankan Babel Di Forever Node JS AdityaDees

11:00 0

cara menjalankan babel node di package forever - Babel adalah package node js yang dapat mengkonversi kode dari javascript biasa, ke ecmascript. Forever adalah package node js yang digunakan untuk tetap menjalankan node js secara terus menerus walaupun terminal sudah ditutup.

Jadi, dengan kita menjalankan perintah babel di forever node js, kita dapat menjalankan node js sambil mengkonversinya ke ecmascript secara terus menerus walaupun terminal sudah ditutup.

Berikut ini adalah perintahnya.

forever start -c "node -r babel-register" NAMA_FILE

contoh:

forever start -c "node -r babel-register" ./src/index.js

oke, itulah perintah untuk menjalankan babel di forever node js. Semoga bermanfaat! Terima kasih!
Read More

21 December 2019

Ask Cara Menjalankan Node JS di Shared Hosting AdityaDees

10:40 0
cara menjalankan node js di shared hosting - ada kalanya seseorang ingin menjalankan server node js di shared hosting yang sama sekali tidak ada fitur node js nya. Bisakah server tersebut dibuat untuk menjalankan node js?

BISA!
Kita bisa menjalankan aplikasi node js di server hosting. Yang penting di hosting tersebut terdapat akses SSH. Silahkan cek apakah paket shared hostingmu tersedia fitur SSH atau nggak :)

Baca Juga: Pengenalan dan Implementasi JWT di Node JS

Saya akan mencoba melakukan 5 hal berikut ini kepada server hosting saya:

1. Membuat sub domain (karena domain utama saya sudah terpakai)
2. Menginstall node js via NVM lewat ssh
3. Membuat project node js sederhana
4. Upload project node js ke folder sub domain
5. Menjalankan node js di sub domain tersebut sebagai server pengganti server hosting

Oke, mari kita mulai untuk menjalankan node di shared hosting.

1. Masuk ke halaman sub domain hosting/cpanel untuk membuat sub domain beserta folder baru untuk sub domain tersebut


2. Buka SSH hosting


3. Install NVM dengan memasukan perintah berikut di SSH

$ curl -sL https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh -o install_nvm.sh
$ bash install_nvm.sh
$ export NVM_DIR="$HOME/.nvm"
$ [ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"
$ nvm install 13.5.0

node js dan npm telah berhasil diinstall

4. Buat sebuah file node js sederhana lalu upload di subdomain yang telah dibuat tadi.


5. Buat file dengan nama .htaccess yang berisi:

Options +FollowSymLinks -Indexes
IndexIgnore *
DirectoryIndex
<IfModule mod_rewrite.c>
RewriteEngine on
# Simple URL redirect:
RewriteRule ^(.*)$ http://127.0.0.1:PORT/$1 [P]
</IfModule>

ganti PORT sesuai dengan di port berapa kamu menjalankan node jsnya.


6. Install "forever" package di npm. Package ini memungkinkan kita untuk menjalankan perintah node terus menerus walaupun ssh sudah ditutup. Install dengan memasukan perintah berikut di SSH

npm install -g forever

7. Jalankan file node js dengan menjalankan perintah berikut di ssh

$ cd (file sub domain)
$ forever start index.js

Dan taraa... Situs telah berjalan.


Untuk lebih jelasnya, berikut ini video tutorial mengenai cara run node di hosting:



Read More

03 December 2019

Ask Cara Mendapatkan Durasi Video Dengan Youtube API AdityaDees

02:21 0
cara mendapatkan informasi video dengan yt api 3 - Berikut ini saya akan menjelasakan tahap-tahap termudah untuk mendapatkan api durasi dan informasi tiap video di youtube dengan youtube api v3.

1. Masuk ke Console Developers Google: Youtube Api V3

2. Klik Buat Kredensial atau Create Credential, lalu pilih Kunci API atau API Key


3. Salin kode yang telah didapat


4. Gunakan url dengan parameter berikut ini untuk mendapatkan durasi beserta informasi video di youtube.

https://www.googleapis.com/youtube/v3/videos?id={ID_VIDEO}&part=contentDetails&key={KUNCI_API}

{ID_VIDEO} adalah id video di youtube yang ingin diambil informasinya.


dan {KUNCI API} adalah api key yang sudah dibuat di console developers youtube api tadi.

Contoh hasilnya adalah seperti ini:

{
   "kind":"youtube#videoListResponse",
   "etag":"\"j6xRRd8dTPVVptg711_CSPADRfg/gXcj69j_8gpc2YmMJRCk7VvxNj0\"",
   "pageInfo":{
      "totalResults":1,
      "resultsPerPage":1
   },
   "items":[
      {
         "kind":"youtube#video",
         "etag":"\"j6xRRd8dTPVVptg711_CSPADRfg/m3_Dy5S_e2qqhBtLSWRXMH_otUs\"",
         "id":"dFr0OzL1yWQ",
         "contentDetails":{
            "duration":"PT3M11S",
            "dimension":"2d",
            "definition":"hd",
            "caption":"true",
            "licensedContent":true,
            "projection":"rectangular"
         }
      }
   ]
}

Itu adalah beberapa informasi yang diberikan dari youtube api. Kamu juga bisa melihat durasi video yang berada di items->contentDetails->duration. PT3M11S berarti 3 minute 11 second.

Oke, sekian tutorial singkat mengenai cara mendapatkan durasi dan informasi video dengan youtube api. Semoga bermanfaat. Terima kasih!
Read More

02 December 2019

Ask Menjalankan Composer & Artisan di Laravel Tanpa Terminal Hosting AdityaDees

15:57 0
run artisan dan composer command tanpa terminal di shared hosting - Beberapa orang mengalami masalah ketika deploy laravel di shared hosting. Biasanya masalah tersebut tak jauh dari perubahan cache, route, atau folder vendor. Yap, karena ketika kita mengupload laravel ke hosting, maka alamat hostnya akan berubah dari lokal, ke domain online. Salah satu cara termudah untuk fix masalah tersebut adalah dengan menggunakan ssh atau terminal.

Baca Juga: Mengatasi NPM Error Ketika Deploy Laravel

Namun gimana kalau kita cuma punya paket hosting misqueen yang gak ada terminal atau sshnya? :(
Untungnya, Laravel udah mengantisipasi hal tersebut. Kita bisa menjalanakan perintah artisan maupun composer tanpa akses ssh atau terminal, tapi lewat Route URL! Kok bisaa wkwk?

Laravel Command

Laravel sudah menciptakan library Artisan yang bisa menjalankan semua perintah artisan dan composer di laravel. Kita hanya perlu memasukan perintah didalam function artisan tersebut. Nah, agar function tersebut ter-trigger, kita taruh function tersebut di routes. Sehingga ketika kita mengakses url nya, artisan / composer command akan berjalan.

Contohnya:

routes/web.php
Route::get('/config-cache', function() {
     \Artisan::call('config:cache');
     echo 'Config cache cleared';
 });
 Route::get('/updateapp', function()
{
    \Artisan::call('dump-autoload');
    echo 'dump-autoload complete';
});

Oke, itulah cara menjalankan composer dan artisan command di laravel tanpa terminal hosting. Semoga bermanfaat! Terima kasih!
Read More

30 November 2019

Ask Membuat Route Bercabang di Vue JS (Nested / Child) AdityaDees

09:03 0
implementasi nested route di vue - Ada kalanya kita membuat path didalam path yang sama di sebuah route. Hal ini disebut route bercabang dimana ada istilah route induk, dan route anak. Kayak gini nih contohnya.

/induk
/induk/anakPertama
/induk/anakKedua
/induk/anakOnda

Dari sisi pemrograman vue route, mungkin terlihat seperti ini (contoh).

routes: [
    {
      path: '/induk',
      name: 'induk',
      component: () => import('./views/Induk.vue'),
    },
    {
      path: '/induk/anakPertama',
      name: 'anakPertama',
      component: () => import('./views/AnakPertama.vue'),
    },
    {
      path: '/induk/anakKedua',
      name: 'anakKedua',
      component: () => import('./views/AnakKedua.vue'),
    },
    {
      path: '/induk/anakOnda',
      name: 'anakOnda',
      component: () => import('./views/AnakOnda.vue'),
    }
]

Itu adalah program yang umum ketika membuat route. Tapi sebenarnya, cara tersebut sangat kurang efektif. Mengapa?

1. 'name' induk tidak dinamis
2. Jika ada middleware, harus diimplementasikan di tiap route
3. Kode tidak rapih
4. Browser harus reload ulang tiap views dengan (kemungkinan) ada kode yang duplikat

Cara yang paling bagus untuk melakukan route bercabang seperti ini, adalah dengan mengimplementasikan Nested Route Vue Js.

Baca Juga: Menambah Atribut HTML Secara Kondisional di Vue JS

Apa Itu Nested Route?
Ini adalah teknik routing di vue js yang membuat views dapat menampilkan views lain secara bercabang. Dimana ada views induk, dan views anak.

Route Group on Vue JS
user sebagai Induk, foo sebagai contoh parameter, profile dan posts sebagai anak
Untuk menggunakan teknik nested route, kita harus menambahkan children:[] di objek route induk. Dimana children tersebut berisi objek route baru.

Sebagai contoh, mari kita coba memperbaiki kode sebelumnya dengan mengimplementasikan nested route. Maka akan jadi seperti ini.

routes: [
   {
      path: '/induk',
      name: 'induk',
      component: () => import('./views/Induk.vue'),
      children: [
        {
          path: 'anakPertama',
          name: 'anakPertama',
          component: () => import('./views/AnakPertama.vue'),
        },
        {
          path: 'anakKedua',
          name: 'anakKedua',
          component: () => import('./views/AnakKedua.vue'),
        },
        {
          path: 'anakOnda',
          name: 'anakOnda',
          component: () => import('./views/AnakOnda.vue'),
        }
      ]
    }
]

Kemudian, di component induk (./views/Induk.vue), kita harus menambahkan </router-view> sebagai lokasi untuk menampilkan anak-anaknya.

Dengan begini kode menjadi lebih clean kan? Selain itu, kita juga lebih mudah jika ingin menambah middleware atau guard. Cukup ditambah di route induk aja.

Untuk demo Nested Route agar lebih jelas, silahkan Lihat Demo Disini.

Oke, sekian artikel kali ini tentang cara membuat children route di vue js. Semoga bermanfaat! Terima kasih!
Read More

19 November 2019

Ask Cara Menghapus Plugin PWA di Vue CLI AdityaDees

02:19 0
cara uninstall pwa di vue cli - Artikel kali ini akan menjelaskan tutorial singkat tentang cara menghapus plugin pwa di vue cli. PWA atau Progressive Web App adalah plugin yang dapat mengirim web kita ke cache browser setiap user. Dengan kata lain, web kita benar-benar seperti aplikasi dan dapat diakses secara offline.


Namun kesulitannya ketika membangun PWA yaitu kita harus membuat script untuk load ulang cache jika ada perubahan di web kita. Hal tersebut sangat merepotkan. Untuk kalian yang merasa webnya tidak memerlukan PWA di vue js, berikut ini cara uninstallnya dari vue cli.

Cara Hapus PWA di Vue CLI
1. Hapus file src/registerServiceWorker.js
2. Hapus kode import './registerServiceWorker' di file src/main.js
3. Pada package.json, hapus register-service-worker di dependencies{} dan @vue/cli-plugin-pwa di devDependencies{}

Plugin PWA sudah berhasil dihapus!

Baca Juga: Membuat Lazy Load Untuk Mempercepat Load Halaman di Vue CLI

Oke, sekian tutorial singkat kali ini tentang cara hapus pwa di vue cli. Semoga bermanfaat! Terima kasih!
Read More

17 November 2019

Ask Memulai React Native di Windows AdityaDees

16:18 0
cara install react native beserta bahannya -  React native adalah program untuk membuat aplikasi mobile yang ditulis dalam bahasa javascript. React native mendukung 2 sistem operasi yaitu ios dan android hanya dengan sekali program. Hasil dari aplikasi yang dibuat dengan react native adalah aplikasi mobile yang benar-benar native (bukan web view).

Baca Juga: Cara Terima Semua Lisensi SDK Android di Windows/Linux

Artikel kali ini akan menjelaskan secara singkat dan lengkap tentang apa saja yang dibutuhkan untuk memulai react native sebagai persiapan awal dan cara installnya.

A. Perlengkapan Yang Harus Diinstall
1. Android Studio. Download Disini
2. Java Development Kit (JDK). Download Disini
3. Node Js. Download Disini
4. Genymotion Android Emulator + Virtual Box. Download Disini
5. Python2. Download Disini

Pastikan seluruh perlengkapan sudah terinstall dengan sempurna.

B. Setting Environment Variable
1. Klik start, lalu cari environment variables

Buka System Environment Variables
Buka System Environment Variables

2. Klik Environment Variables

Buka Environment Variables Windows
Buka Environment Variables Windows

3. Pada User Variable, klik New, lalu tambahkan seperti yang ada di kotak merah

Tambah User Variables
Tambah User Variables

*Keterangan: Untuk value ANDROID_HOME dan JAVA_HOME, silahkan sesuaikan dengan lokasi folder SDK (bersama Android Stuido) dan JDK di komputer mu. Jika kamu menginstall Android Studio dan JDK secara default, kamu bisa memasukan value berikut ini.

ANDROID_HOME:
C:\Users\USERNAME_KOMPUTER_MU\AppData\Local\Android

JAVA_HOME:
C:\Program Files\Java\jdkVERSI_JDK_MU

C. Install React Native
1. Buka CMD sebagai admin

Buka CMD Sebagai Administrator
Buka CMD Sebagai Administrator

2. Masukan perintah:

npm i -g react-native

Install React Native
Install React Native

3. Tutup CMD

D. Menjalankan Android Emulator
1. Buka aplikasi Genymotion (aplikasi android emulator yang cukup ringan).

2. Pilih device android/ios mana yang ingin dijadikan emulator. Lalu klik ikon titik 3 vertikal, lalu Install

Install Device Android
Install Device Android

3. Setelah device diinstall, scroll ke paling atas. Kamu akan menemukan My Installed Device. Start device yang sudah diinstall tadi.

Start Device Emulator
Start Device Emulator

4. Emulator akan terbuka. Biarkan emulator tetap terbuka

Emulator Berhasil Berjalan
Emulator Berhasil Berjalan

E. Membuat Projek React Native
1. Buat folder untuk install aplikasi react native, lalu buka cmd dan arahkan ke folder tersebut.

Buka CMD di Directory Khusus React Native
Buka CMD di Directory Khusus React Native

2. Masukan perintah berikut

react-native init reactnative1

Init React Native
Init React Native

3. Akan muncul folder bernama reactnative1 yang sudah berisi program react native

Folder Yang Berisi Program React Native
Folder Yang Berisi Program React Native

4. Change Directory cmd ke folder reactnative1. Masukan perintah berikut.

cd reactnative1

5. Karena tadi saya install device Samsung Galaxy S9 di Genymotion (Android), maka untuk menjalankan react native di emulator, masukan perintah berikut ini.

react-native run android

Jika kamu menginstall device lain dengan OS ios di emulator, masukan perintah.

react-native run-ios

Run React Native
Run React Native

6. Buka emulator Genymotion

Emulator Berhasil Berjalan
Emulator Berhasil Berjalan

G. Coba-coba edit React Native
1. Buka folder reactnative1 di text editor

2. Buka App.js, lalu coba-coba edit deh..

Edit React Native
Edit React Native
Oke, itulah tutorial singkat tentang cara install react native di windows dan bahan apa saja yang diperlukan. Semoga bermanfaat! Terima kasih!
Read More

13 November 2019

Ask Cara Termudah Membuat Backend API Di Laravel AdityaDees

23:05 0
cara membuat backend api otomatis di laravel - Di laravel, kita dapat menggunakan frontend javascript selain blade. Jika kita menggunakan frontend javascript seperti vue, react, atau angular, kita memerlukan komunikasi API untuk menghubungkan antara backend php dengan frontend javascript.

Untuk membuat backend untuk API, tentunya kita harus membuat model, controller, migration, dan route. Tentunya hal itu sangat merepotkan jika kita membuat banyak table database untuk dijadikan api. Nah, berikut ini saya akan membagikan perintah untuk otomatis membuat semua yang API backend butuhkan.

berikut ini perintahnya:

php artisan make:model NamaModel -mcr

Sistem akan membuat migration, controller, dan route api secara otomatis. Controller sudah bersifat resource. Artinya, secara default sudah support CRUD model. URL untuk komunikasi API sudah otomatis dibuat. Kita bisa cek dengan perintah

php artisan route:list
Contoh Route Yang Sudah Otomatis Dibuat
Kita hanya tinggal mengisi isi dari function di controller ketika url diakses.

Oke, itulah tadi trik untuk mempermudah pembuatan backend api di laravel. Semoga bermanfaat! Terima kasih!
Read More

https://payclick.com/

Contact us for advertising.