blog zdienos - catatan pribadi dan sedikit tutorial

Cek Informasi RAM di Laptop Linux Ubuntu

noreply@blogger.com (zdienos) — Mon, 02 Oct 2023 13:52:00 +0000

Hari ini, coba-coba hitung berapa lama sih saya tidak buat postingan blog, dengan postingan terakhir di tanggal 25 Februari 2021 hingga per postingan ini saya publish, berarti sudah ada sekitar 31 bulan lebih (detailnya bisa lihat di gambar, hitungnya pakai kalkulator online, banyak kok di internet). Gimana yah, cara mengembalikan mood untuk buat postingan lagi?

Oh iya, ini sekali lagi buat catatan, rencana mau upgrade RAM Laptop yang digunakan, tetapi karena menggunakan linux, jadinya agak sulit mengetahui dan memastikan type ram yang cocok terkait laptop yang saya gunakan. Kalau menurut manual book produk nya sih, SODIMM DDR4 3200MHz, dengan maksimum per slot adalah 8GB, berarti totalnya bisa jadi 16GB.

Kebutuhan RAM Yang Lebih Besar

Kenapa sih butuh RAM gede?, 8GB gak cukup?, kalau menurut pemakaian saya selama ini yang sehari-hari buka tab Chrome banyak, aplikasi yang dibuka juga banyak seperti VSCode, Navicat, Terminal dll, itu adalah masih kurang. Dapat dilihat pada plugin docklet yang saya gunakan di linux, selalu lebih dari 90%, itupun setelah saya batasi penggunaan ram hingga 90% saja.

Balik lagi ke pemilihan RAM, kalau di MS Windows, tinggal pakai aplikasi CPU-Z, semua informasi terkait RAM bisa terpampang jelas di sana. Karena saya menggunakan linux, kebetulan ada aplikasi yang fungsinya mirip, yakni CPU-X. Selain CPU-X, ternyata bisa via terminal juga (seperti biasa). Berikut ini aplikasi yang saya gunakan untuk mencari informasi terkait ram di Linux Ubuntu Budgie yang saya gunakan sebagai daily driver (hadeh, istilahnya).

Terima kasih
(z)

Membuat Repository Github Pull Otomatis di Hosting

noreply@blogger.com (zdienos) — Thu, 25 Feb 2021 11:41:00 +0000

Mungkin ada yang pernah mengalami hal ini, yakni memanfaatkan github sebagai version control, lalu setelah di commit, mengcopy semua file di repository kemudian paste ke folder di hosting. Kayaknya cuma saya saja, karena kurang baca sih, ternyata di hosting yang saya gunakan (berbasis plesk) ada fitur untuk menghubungkan repository git (github) ke hosting, yang mana keuntungannya adalah di hosting akan melakukan pull otomatis terhadap repository yang telah kita tambahkan.

Biar tidak lupa, saya buat postingan saja. Oke, silahkan buka repository yang diinginkan, dalam hal ini github repository, kemudian copy link SSH (karena ini private, dan kayaknya github sudah tidak membolehkan clone by username password).

Buka cpanel hosting, kemudian pilih domain yang diinginkan, lanjutkan dengan meilih menu Git

Paste link repository ke kotak Remote Git repository, dan sebelum mengklik OK, copy dan paste SSH key yang terbentuk ke Github

Beri nama key dan klik tombol Add SSH Key

Maka akan tampil key yang sudah ditambahkan di Github repository

Kembali ke Cpanel Hosting, klik OK, dan juga copy link WebHook yang ada, nantinya link webhook ini akan dipaste ke Github.

Pada repository yang aktif, klik setting, kemudian webhook, paste link webhook dari Cpanel.

Pada akhirnya, repository github akan menjadi seperti ini

Harusnya sih, jika nanti melakukan commit dan push dari lokal repository, maka dari sisi hosting, akan melakukan pull otomatis dari repository yang sudah ditentukan tadi.

Demikian cara membuat repository github pull otomatis di hosting, dalam hal ini menggunakan Cpanel Plesk, harusnya sih tidak jauh berbeda untuk cpanel yang lain, asalkan ada fiturnya juga.

Semoga bermanfaat,

(z)

Membuat Library Export Excel di Codeigniter

noreply@blogger.com (zdienos) — Wed, 13 Jan 2021 05:57:00 +0000

Lagi belajar membuat Library untuk Export ke Excel. Kok bikin? di github kan banyak yang sudah jadi? Entahlah, mungkin lagi males saja nyarinya, atau library yang ada di luar sana terlalu kompleks. Lah, kalau library yang di luar sana terlalu kompleks, berarti punya saya?? Iya, sederhana kok, yang penting bisa menghasilkan file excel (.xls atau .xlsx), dan saking sederhananya, cuma terdiri dari beberapa parameter mandatory yang dibutuhkan. Untuk versi ini, cuma membutuhkan data yang berbentuk array sebagai parameter, dan tipe excel yang diinginkan, bisa Excel 2003 (xls) ataupun Excel 2007 (xlsx) dan csv.

Jadi sebenarnya ini bukan buat dari awal loh yah, karena saya hanya rangkum biar lebih mudah dan gampang pakenya, cukup dependency dari PHPExcel (yang sudah diarsipkan, karena sudah usang kali ya), ataukah karena saya yang masih pakai PHPExcel, yang sebenarnya sudah digantikan oleh PHPSpreadsheet. Terus, bedanya apa dong?, yaa gak ada bedanya, cuma jadi lebih simple saja, tinggal masukkan array, jadi deh excelnya, tanpa ribet-ribet tentukan header, lebar kolom, dan sebagainya, begitu sih menurut saya lohh yaa..

Library yang saya buat ini ada di github, silahkan cek di github,

Cara Penggunaan

Copy dulu file PHPExport.php ke folder library Codeigniter (v3), kemudian load library ini di function Construct.

public function __construct() {		
   $this->load->library('PHPExport');  
   $kode->lain->di->sini; 
}

Selanjutnya sediakan array bisa dari result db ataupun array lain. Kemudian masukkan eh, array tersebut ke class PHPExport, mungkin seperti begini lah nanti jadinya:

public function export() {		
   $data_set  = $this->db->get('tabel_karyawan')->result();  
    $exportExcel= new PHPExport; 			
    $exportExcel
	->dataSet($data_set)
	->rataTengah('4,5')
	->rataKanan('13')
	->warnaHeader('2,218,240','FFFFFF')
	->excel2003('Datakaryawan-'.date('YmdHis'));		
    }
}

Sedikit Dokumentasi

Method dataSet($array), inilah mandatory alias wajib, di mana parameternya membutuhkan sebuah array asosiatif yah, kalo gak salah namanya.

Method rataTengah('x,y,z'), optional, berfungsi untuk menentukan field/kolom mana saja yang berformat center alias rata tengah (x,y,z adalah nomor kolom atau field, tentunya "dimulai dari 0 yah")

Method rataKanan('x,y,z'), optional, gak usah saya jelaskan, miriplah dengan rataTengah.

Method warnaHeader('R,G,B','HEX RGB'), optional juga, untuk mengatur warna header dan warna font, formatnya bisa RGB ataupun format Hex RGB, mudah-mudahan kita sepaham yah. Oh iya, untuk warna pertama itu adalah warna background header, dan warna kedua adalah warna font header.

Method excel2003('namafile'), mandatory, untuk menentukan hasil output excel untuk versi 2003 ke bawah, dengan menambahkan parameter nama file. Jika menginginkan format excel 2007 ke atas, maka gunakan method excel2007('namafile').

Method csv('namafile'), jika menginginkan output berupa CSV, bisa juga menggunakan method ini.

Itu saja yah, mudah catatan tentang Membuat Library Export Excel di Codeigniter ini bisa bermanfaat, khususnya bagi saya pribadi.

Terima kasih

(z)

Install MariaDB Versi Tertentu di MacOS

noreply@blogger.com (zdienos) — Tue, 05 Jan 2021 04:23:00 +0000

Kebetulan kali ini saya ada keperluan untuk menggunakan mariadb untuk versi 10.1.32, kenapa sih harus versi tertentu? Karena kebutuhan agar restore dan backup file database tidak mengalami error. Karena source database hasil backup berasal dari MariaDB versi 10.1.32. Saya baru tahu (bukan tempe yah), ternyata dengan menggunakan brew, kita bisa menginstall versi mariadb yang kita inginkan.

Install Brew

Oke, langsung saja, pastikan di macOS kamu sudah terinstall brew, kalau belum, silahkan install brew dengan mengetikkan perintah berikut, pastikan sudah konek internet.

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

Install Mariadb via Brew

Kita bisa menginstall mariadb menggunakan versi terakhir (pada saat postingan ini dibuat, sudah versi 10.5.8) dengan hanya mengetikkan perintah

brew install mariadb

Tetapi karena kita menginginkan versi tertentu, yakni 10.1.32, maka kita ketik perintah

brew install mariadb@10.1.32

Hasilnya ternyata di repository brew (bottle) tidak terdapat mariadb untuk versi tersebut, untuk mengecek versi berapa yang tersedia untuk versi minor (yakni versi 10.1), maka ketikkan perintah

brew info mariadb@10.1

Di repository brew, versi yang tersedia adalah versi 10.1.48, lanjutkan dengan mengetikkan install untuk versi tersebut.

brew install mariadb@10.1.48

tunggu hingga proses instalasi selesai

Running Mariadb

Kita coba jalankan mariadb dengan mengetikkan perintah

/usr/local/Cellar/mariadb@10.1/10.1.48/bin/mysql.server start

/usr/local/Cellar/mariadb@10.1/10.1.48/bin/mysql.server start

Silahkan lakukan koneksi ke mariadb, bisa menggunakan terminal atau navicat buat mencoba.

Otomatis Menjalankan Mariadb Setiap Boot MacOS

Untuk menjalankan mariadb setiap kali boot, maka cukup ketikkan perintah

brew services start mariadb@10.1

brew services start mariadb@10.1

Sekian postingan tentang Cara Install MariaDB Versi Tertentu di macOS, dan seperti biasa, ini hanya sekedar catatan pribadi biar gak lupa di kemudian hari. Semoga bermanfaat

(z)

Install Driver Wifi 8821CE di MX-Linux untuk Lenovo Ideapad 130-15IKB

noreply@blogger.com (zdienos) — Sun, 26 Jan 2020 10:16:00 +0000

Wahh, lumayan lama juga ya Saya tidak buat postingan lagi, yaa mohon dimaklumi saja, karena akhir-akhir ini Saya lagi sibuk di beberapa project, Project Internal (lagi maless), dan Project External (maless lagi).
Langsung saja ya, di meja saya sudah ada Laptop Lenovo seri Ideapad 130-15IKB. Sedikit spesifikasi yang bisa saya berikan, laptop ini memiliki processor Intel i5-8250U @1.8GHz (8 core), 4GB DDR4. Tibalah saatnya memilih OS untuk laptop ini, bawaan dari tokonya sih sudah ada Windows 10 Home Edition, tetapi untuk RAM 4GB, terasa pas-pasan, karena kondisi idle saja sudah terpakai hampir 50% RAM.

Oke, coba ganti ke OS Linux dengan merujuk distrowatch, maka pilihan jatuh ke MX-Linux. Setelah download ISO dan buat bootable USB, saya pun coba boot ke Live session, dan ternyata benar, sangat enteng. Tanpa tunggu lama-lama, saya pun memilih untuk install ke harddisk. Reboot. Selesai.

Ternyata belum selesai sampai di sini, setelah cek kompatibilitas hardware seperti touchpad, keyboard, tombol fungsi (brightness, volume), display dan audio, semuanya dideteksi dengan baik oleh MX Linux, kecuali... Wireless. Saya coba cek menggunakan command lspci, hardwarenya terdetek, tetapi belum aktif, alias gak ada driver. Dengan bermodalkan USB Wireles TP-Link, cari info di internet, ternyata saya adalah orang terakhir (saat itu) yang mengalami hal yang sama. Pencarian saya berakhir di https://github.com/tomaspinho/rtl8821ce, silahkan clone atau download filenya. Selanjutnya saya akan jelaskan cara Install Driver Wifi 8221CE di MX-Linux untuk Lenovo Ideapad 130-15IKB.

Install Kebutuhan Compile

Karena kita akan meng-compile driver aka kernel, maka wajib hukumnya untuk menginstall tools ini. Langsung saja dari terminal, ketikkan

sudo apt install build-essential linux-headers-$(uname -r)

Lanjutkan dengan menginstall dkms, apa itu? DKMS (Dynamic Kernel Module System), bahasa gampangnya sih agar driver tambahan yang dibuat tadi akan tetap terload pada saat menggunakan kernel terbaru, gituu.

sudo apt install dkms

Sudah download sourcecode driver tadi kan? Extract dan silahkan ganti direktori (cd) atau masuk ke direktori tersebut.

cd Downloads
cd rtl8821ce-master

Lakukan instalasi/compile dengan perintah berikut

sudo ./dkms-install.sh

Tunggu hingga proses selesai, kemudian coba lakukan probing module dengan perintah

sudo modprobe 8821ce

Harusnya sih sekarang sudah kelihatan wireless adapternya, oh iya jangan heran yah, kok ada 2 wireless adapter di laptop saya? Yang satunya pake USB TP Link loh. Coba reboot lah untuk memastikan apakah driver terload. Sampai saat postingan ini dibuat, saya berinternet masih menggunakan wifi 8821CE bawaan laptop.

Demikian postingan saya kali ini, yang cukuuuup lama baru posting lagi, semoga bermanfaat.

(z)

Inilah 5 Perbedaan Konsep Marketing dan Sales Berdasarkan Fungsinya

noreply@blogger.com (zdienos) — Tue, 05 Nov 2019 14:37:00 +0000

Meski keduanya berbeda, tetapi masih banyak orang yang menganggap marketing dan sales itu sama. Divisi sales dan marketing seringkali mengalami miskonsepsi dan sering dianggap sama saja, baik itu fungsi dan tugas kerjanya. Tak hanya itu saja, jika dilihat dari segi konsep, tentu saja marketing dan sales sangatlah berbeda. Dalam sebuah perusahaan, marketing dan sales merupakan bagian dari strategi perusahaan untuk mencapai target. Namun konsepnya sangatlah berbeda meski masih ada orang yang beranggapan konsepnya sama. Sebelum menjelaskan soal konsep, marilah untuk lebih menjelaskan apa itu sales dan apa itu marketing.

Marketing adalah kegiatan implementasi strategi yang dijalankan dengan sistem. Sedangkan sales merupakan bagian dari perusahaan yang kegiatannya adalah menjual, memastikan produk yang terlihat maupun tidak terlihat agar bisa diterima oleh konsumen. Dengan adanya penjelasan singkat tersebut pastinya sudah bisa dipahami kalau keduanya memang beda. Hal itu juga akan memudahkan untuk masuk ke poin selanjutnya yaitu mengenai konsep antara marketing dan sales. Mengapa konsep sangatlah penting? Karena hal itu juga bisa dibilang salah satu trik dalam memasarkan suatu produk. Dalam dunia marketing, tentunya kita harus paham mengenai banyak konsep. Seperti halnya konsep dalam berjualan atau kemanapun menjual barang.

Anda yang berprofesi sebagai sales maupun marketing juga harus paham akan konsep yang akan dijalankan. Profesi seorang marketing harus tahu kalau mereka sebaiknya tidak memakai konsep sales begitu juga sebaliknya. Baik marketing maupun sales harus memiliki konsep. Konsep adalah suatu representasi abstrak dan umum tentang sesuatu yang bertujuan menjelaskan suatu benda, gagasan, atau peristiwa.

Berikut 5 Perbedaan antara Konsep Marketing dan Konsep sales

1. Konsep marketing lebih berorientasi kepada kepuasan konsumen, sementara untuk sales sendiri lebih berorientasi untuk menjaga bisnis dan produk yang dihasilkan

Produk yang kita miliki tentu akan memberikan kesan yang berbeda-beda pada pelanggan. Ada yang puas dan ada yang mungkin kurang puas atau bahkan kecewa. Dan yang paling bertanggung jawab soal ini adalah marketing. Seorang marketing harus bisa meyakinkan kepuasan pada pelanggan sehingga mereka merasa produk kitalah yang paling hebat. Marketing harus bisa menjalin kerja sama yang baik untuk pelanggan, hal ini secara tidak langsung juga bisa membentuk kerja sama yang panjang. Anda pastinya sudah tahu kalau seorang marketing harus bisa menjalin komunikasi yang baik agar selalu bisa menawarkan produk baru kepada para pelanggannya. Namun, hal ini berbeda dengan konsep sales. Seorang sales lebih bertanggung jawab dengan produk yang dihasilkan. Secara garis besar, sales bertanggung jawab dengan produk yang dijual. Mereka juga yang selalu “memutar otak” tentang bagaimana agar produk laku terjual semua. Dari sini sudah pasti terlihat dengan jelas tentang perbedaannya.

2. Konsep marketing lebih mengarahkan produk agar dapat masuk ke dalam pikiran konsumen secara perlahan, sementara sales cenderung memaksa konsumen berpikir tentang produk

Di sini sangat jelas bedanya.Istilah kasarnya, marketing lebih berhati-hati dalam menawarkan produk sementara sales lebih to the point. Prioritas seorang marketing adalah agar bisa menjalin hubungan yang baik dengan customer supaya bisa menjadi pelanggan setia. Hal ini berbeda dengan sales yang lebih mencari target agar membeli barang-barang tanpa harus ada basa-basi yang panjang. selain itu, sales juga harus pandai dalam menjelaskan keunggulan produk supaya customer tertarik untuk membelinya. Maka dari itu, seorang sales juga harus paham betul mengenai produk yang dijual sehingga bisa menjawab dengan benar jika ada pelanggan yang bertanya.

3. Konsep marketing lebih fokus kepada kebutuhan konsumen, sedangkan sales lebih berfokus kepada produk

Seorang marketing harus lebih fokus dengan kebutuhan konsumen. Jika Anda ingin menjadi seorang marketing, maka Anda harus bisa mendekati pelanggan dengan menanyakan apa yang sebenarnya mereka butuhkan. Ini merupakan kemampuan yang harus dimiliki seorang marketing. Mereka harus terbiasa menjual produk dengan teknik soft selling sehingga tidak terlalu terlihat kalau sedang berjualan.

Berbeda dengan seorang sales, mereka hanya memikirkan bagaimana caranya agar produk laku terjual. Sales yang baik harus punya trik unik agar produk cepat laku terjual. Bagaimanapun caranya, mereka harus bisa menjual produk sesuai target yang telah diterapkan. Kebanyakan sales biasanya memiliki trik sendiri dalam memasarkan sehingga berapapun targetnya akan sangat mudah untuk dijual.

4. Konsep marketing harus mencakup berbagai strategi, termasuk produk, harga, tempat, distribusi dan promosi, sedangkan sales hanya fokus dengan promosi dan persuasi

Jika dilihat di sini memang konsep marketing lebih ribet jika dibanding dengan sales. Sales harus lebih memaksimalkan promosi dan bagaimana cara agar customer terpengaruh untuk membeli produk. Sedangkan untuk marketing harus memikirkan bagaimana strategi pemasaran unik dan beda dari yang lain. Selain itu marketing harus pandai dalam memainkan harga agar tidak rugi saat berjualan.

5. Konsep marketing bertanggung jawab dengan harga produk yang sudah ditentukan oleh permintaan dan penawaran komoditas pasar, sedangkan konsep sales bertanggung jawab dengan biaya produksi sebagai dasar pembentukan harga produk

Harga yang ditawarkan pada produk sebenarnya adalah tanggung jawab sales. Mereka akan langsung berhubungan dengan tim produksi. Kendati demikian, marketing juga harus turut andil memberikan penawaran harga yang disesuaikan dengan komoditas pasar. Meski memiliki konsep yang berbeda, akan tetapi sales dan marketing harus bekerja sama dalam menjual produk. Intinya memang menjual produk, hanya saja caranya yang berbeda, namun tujuannya tetap sama. Begitulah cara marketing dan sales dalam menjalankan konsep mereka. Banyak perbedaanya bukan? Dengan melihatnya dari segi konsep pastinya kamu sudah bisa membedakan antara marketing dan sales. Mungkin di zaman dulu masih sulit dalam membedakan konsep sales dan marketing lantaran kurangnya cara marketing secara digital. Berhubung sekarang zaman sudah mulai maju dan banyak orang yang lebih melek terhadap teknologi, maka konsep marketing dan sales juga harus berbeda agar lebih cepat dalam menentukan target suatu perusahaan. Demikian sekilas penjelasan tentang perbedaan antara konsep sales dan marketing. Jangan lupa jika anda ingin membuat website, anda bisa mendapatkannya di IDwebhost dengan domain dan hosting yang murah.

Membuat Helper Log Aktivitas dengan CodeIgniter

noreply@blogger.com (zdienos) — Wed, 03 Apr 2019 15:04:00 +0000

Ini buat catatan saja, pada postingan kali ini, saya akan membagikan cara membuat Helper Log Aktivitas menggunakan CodeIgniter Framework. Menurut saya, Helper sebenarnya fungsi-fungsi yang bertugas untuk membantu pemrograman dan dapat dipanggil dalam MVC CodeIgniter.

Helper pada CodeIgniter Framework terdiri dari dua macam berdasarkan ketersediaannya, ada yang sudah disediakan oleh CodeIgniter sendiri atau bawaan, dan ada juga helper custom yang pastinya buatan kita sendiri. Karena terkadang ketika mungkin helper pada CodeIgniter sangat terbatas, sehingga pastilah kita membutuhkan helper tambahan sesuai keinginan atau kebutuhan.

Helper buatan ini akan tersimpan di lokasi /Application/helpers/nama_helper.php. Pastikan menambahkan kata "_helper" pada saat penamaan file PHP nantinya. Untuk memanggil helper buatan kita, sama seperti memanggil helper bawaan seperti "url", "form" dan sebagainya.

$autoload['helper'] = array('url', 'form','nama_helper');

Membuat Helper Log Aktivitas

Selanjutnya saya akan membahas cara singkat (menurut saya lohh) membuat helper log aktivitas, yang pada contoh ini nantinya akan mencatat semua aktivitas user dalam mengelola aset atau inventori. Tentunya akan berbeda-beda sesuai dengan kebutuhan programming nantinya.

Pertama-tama, buat file activity_helper.php, dengan kode seperti ini:

<?php

function activity_log($tipe, $aksi, $item, $assign_to, $assign_type){
    $CI =& get_instance();

    $param['log_user'] = $CI->session->userdata('nama_user');
    $param['log_tipe'] = $tipe; //asset, asesoris, komponen, inventori
    $param['log_aksi'] = $aksi; //membuat, menambah, menghapus, mengubah,
    $param['log_item'] = $item; //nama item
    $param['log_assign_to']= $assign_to; //target
    $param['log_assign_type']= $assign_type; //target

    //load model log
    $CI->load->model('m_log');

    //save to database
    $CI->m_log->save_log($param);

}
?>

Pada helper tersebut dibuat function activity_log, dengan parameter tipe, aksi, item, assign_to dan assign_type. Ada beberapa parameter yang akan digunakan, seperti $param['log_user'], yang akan mengambil data sesssion nama_user yang sedang aktif/login dan parameter lainnya, yang bisa dilihat pada keterangan komentar. Selanjutnya me-load model M_log, dan memanggil fungsi save_log, dengan array $param tadi. Adapun isi dari M_log.php adalah seperti berikut:

<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');

class M_log extends CI_Model {

    public function save_log($param)
    {
        $sql        = $this->db->insert_string('tb_log',$param);
        $ex         = $this->db->query($sql);
        return $this->db->affected_rows($sql);
    }
}

Yang hanya berfungsi untuk menyimpan (INSERT) data ke tabel tb_log, dengan struktur tabel seperti ini:

Cara Penggunaan Helper

Untuk cara penggunaan helper, pada kasus aplikasi inventori ini, saya menggunakan helper log aktifitas pada saat melakukan query ke database, misalnya saat ada penambahan inventori. Seperti pada potongan code berikut ini.

//tambah data chekin di tb_inventori_in
$this->db->insert('tb_inventori_in', $field);
if($this->db->affected_rows() > 0)
{
 $assign_to  = '';
 $assign_type= '';
 activity_log("inventori", "menambah stok", $id_model, $assign_to, $assign_type);
 return true;
}
else
{
 return false;
}

Sehingga nantinya diharapkan outputnya akan seperti ini

Demikian catatan singkat saya dalam membuat helper log aktivitas menggunakan Framework CodeIgniter, silahkan dikembangkan sesuai kebutuhan. Tutorial ini berdasarkan pemahaman saya saja yah, kalau ada kesalahan atau saran, silahkan beri komentar pada kolom komentar di bawah.

Jangan lupa like, share dan follow sosial media blog zdienos, semoga bermanfaat.
Terima kasih (z).

WhatsApp Link Generator

noreply@blogger.com (zdienos) — Mon, 25 Mar 2019 06:09:00 +0000

Kali ini mau berbagi satu tools berbasis web, yakni WhatsApp Link Generator. WhatsApp Link Generator adalah sebuah script yang memanfaatkan API Whatsapp untuk menghasilkan (generate) link agar dapat dishare dan langsung terhubung ke Nomor WhatsApp tujuan.

Script ini menggunakan bahasa PHP dan memanfaatkan api WhatsApp itu sendiri.

Caranya pun sangat mudah. Pertama-tama silahkan klik menu My Tools > WhatsApp Link Generator.

Selanjutnya silahkan pilih kode negara (1), dan masukkan nomor HP/WhatsApp (2) yang akan dikirimi pesan. Lalu ketikkan pesan yang diinginkan pada kolom message (3). Klik tombol Generate WhatsApp Link (4).

Sehingga menghasilkan tampilan seperti ini. Ada beberapa hal yang bisa dilakukan pada tampilan berikut, diantaranya Copy Link untuk mengcopy link result whatsapp untuk dishare ke media sosial lainnya.

Test Link untuk mencoba hasilnya apakah sudah sesuai atau belum, sehingga tampiannya seperti ini.

Terakhir adalah ada fitur Download QR yang biasanya digunakan untuk menempelkan QR Code pada iklan online shop (OlShop).

Demikian postingan kali ini tentang WhatsApp Link Generator, silahkan dicoba, jangan lupa komentar, share, like dan follow sosial media zdienos, dan semoga bermanfaat.

Terima kasih (z)

Cara Memasang FancyBox pada Blogspot

noreply@blogger.com (zdienos) — Thu, 21 Mar 2019 01:30:00 +0000

FancyBox adalah salah satu alternatif LightBox yang sering digunakan untuk menampilkan gambar dengan cara lebih cantik dan menarik. Sebenarnya platform Blogger memiliki lightbox bawaan yang bisa dibilang cukup menarik. Tetapi entah kenapa, Lightbox bawaan Blogger ini tidak bisa bekerja pada template yang saya gunakan.

Karena tidak memiliki Lightbox, blog zdienos agak kurang menarik jika saat kita mengklik gambar, lantas yang terbuka adalah URL dari gambar tersebut, dan harus menekan tombol back untuk kembali membaca artikel. Olehnya itu, saya akan coba tunjukkan bagaimana cara memasang FancyBox pada blogspot, sekalian diterapkan pada blog zdienos.

Disable LightBox Bawaan Blogspot

Sebelum memulai, ada baiknya (atau mungkin sebaiknya) kita men-disable Lightbox bawaan blogspot, biar gak bentrok nantinya. Untuk men-disable lightbox cukup mudah, buka dashboard Blogger Anda tentunya, kemudian pilih Setting -> Post, comments and sharing. Pada bagian showcase image with Lightbox, pilih No.

Memasang Script FancyBox

Script FancyBox yang saya gunakan pada tutorial ini adalah masih versi 3.1.25, sedangkan pada situs resmi, sudah versi 3.5.7. Tentunya pada versi terbaru ini sudah banyak fitur-fitur yang telah dikembangkan .Silahkan merujuk ke dokumentasi FancyBox pada situs resmi untuk penggunaan FancyBox lebih lanjut (http://fancyapps.com/fancybox/3/).

Oke, saatnya memasang script FancyBox, kembali ke dashboard blogger, pilih theme lalu edit theme. Silahkan copy dan paste script style css di bawah ini, tepat di atas tag penutup HEAD.

<b:if cond='data:blog.url != data:blog.homepageUrl'>
<!-- FancyBox CSS -->
<link href='http://cdnjs.cloudflare.com/ajax/libs/fancybox/3.1.25/jquery.fancybox.min.css' rel='stylesheet' type='text/css'/>
</b:if>

Ada sedikit modifikasi dari saya, yakni dengan menambahkan conditional if, dimana script css tersebut hanya akan diloading, jika yang dibuka adalah bukan halaman utama blog. Tips ini akan sedikit mengurangi beban blog saat loading tentunya.

Selanjutnya silahakan copy dan paste script utama FancyBox di bawah ini, dan letakkan tepat di atas tag penutup BODY.

<b:if cond='data:blog.url != data:blog.homepageUrl'>
<!-- jQuery -->
<script src='//ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js'/>

<!-- FancyBox 3 -->
<script src='https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.1.25/jquery.fancybox.min.js'/>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function(){
$(".post-body a img").each(function(){
var isImage = /\.(?:jpg|jpeg|gif|png)$/i.test( $(this).parent("a").attr("href") );
if ( isImage ) {
$(this).parent("a").attr('data-src', $(this).parent("a").attr("href"));
$(this).parent("a").attr('data-fancybox', 'fancy-box' );
}
else {
}
});
$("[data-fancybox]").fancybox({
infobar : true,
arrows : false,
animationEffect : "fade",
transitionEffect : "slide",
speed : 300,
margin : [40, 20]
});
});
//]]>
</script>
</b:if>

Sama seperti script Stylesheet CSS sebelumnya, script utama ini saya tambahkan conditional if, sehingga hanya akan diload jika yang diakses adalah bukan halaman utama. Di script ini juga bisa dilakukan kustomisasi seperti efek animasi, transisi dan sebagainya. Silahkan baca dokumentasi pada situs resmi FancyBox. Jangan lupa simpan perubahan yang telah dilakukan pada template blogspot.

Selesai

Jika tidak ada kesalahan, harusnya FancyBox sudah berjalan dengan baik pada blogspot. Silahkan buka salah satu postingan yang memiliki gambar. Kemudian klik gambar tersebut. Kira-kira begini penampakan FancyBox tadi.

Hasilnya sangat bagus menurut saya, bahkan ada fitur fullscreen, slideshow dan show thumbnailnya. Mudah-mudahan dengan penambahan script FancyBox, pengunjung blog bisa lebih betah.

Sekian saja postingan kali ini, jangan lupa komentar, like dan follow/subscribe sosial media blog zdienos.

Terima kasih,
(z)

Memasang Google Adsense for Search

noreply@blogger.com (zdienos) — Wed, 20 Mar 2019 01:30:00 +0000

Hari ini buka dashboard Adsense, lihat menu bagian kiri, kayaknya ada sesuatu yang baru, entah baru kelihatan ataukah baru saya yang perhatikan.

Adsense for Search atau Ads for Search adalah cara me-monetize website dengan menambahkan fitur pencarian (search) dan terdapat iklan pada hasil pencarian tentunya.

Membuat Custom Search Engine (ads for search)

Oke, langsung saja, mari kita coba memasang Google Adsense for Search. Buka Dashboar Adsense, lalu klik Ads for Search, Custom Search Engine dan klik tombol + New Custom Search Engine.

Lakukan beberapa pengaturan, seperti contoh, pencarian hanya pada website tertentu saja (dalam hal ini blog.zdienos.com 4) dan hasilnya (search result) akan ditampilkan langsung pada blog, dengan membuat halaman statis (5).

Akhiri dengan mengklik tombol Save and get code, biarkan tab ini terbuka dulu.

Membuat Static Page

Buka dashboard Blogger, kemudian buat baru halaman statis, beri judul "Search".
Kemudian pindah ke mode HTML, lalu paste Search Results Code (8).

Mengedit Template (Search Code Template)

Selanjutnya kita akan mengedit template blogger, khusus pada bagian script search, sesuaikan dengan template blog Anda, karena akan berbeda-beda tiap template.

Tips dari saya sih, script searchnya jangan dihapus ya, disable aja dengan memberi tag komentar (9). Lalu paste kode Search Result (8). Akhiri dengan menyimpan (save) perubahan template.

Hasil Akhir

Setelah semuanya dilakukan, saya coba klik tombol search, sehingga menjadi seperti ini

Coba search dan lihat hasilnya

Apakah dengan memasang Google Ads for Search akan meningkatkan revenue? Tentu saja tidak, karena visitornya cuma ratusan per hari, hahahahah.

Sekian saja postingan kali ini, jangan lupa beri komentar, serta follow media sosial blog zdienos.

Semoga bermanfaat, terima kasih.
(z)

Mempercepat Loading Blog yang Terpasang Iklan Google Adsense

noreply@blogger.com (zdienos) — Tue, 19 Mar 2019 01:30:00 +0000

Blog yang sudah di-approve Google Adsense mungkin menjadi impian hampir semua blogger. Walau visitor dan penghasilan tidak seberapa. Tetapi dengan tampilnya iklan Google Ads, akan menjadi kebanggaan tersendiri bagi pemilik blog/website (mungkin).

Tetapi dengan memasang unit iklan yang banyak, bisa membuat loading Blog/Website menjadi lebih lambat dan berat, karena akan meload semua script Google Adsense. Walaupun dengan memasang unit iklan yang banyak, belum tentu penghasilan Blogger juga bisa meningkat.

Nah, di sini saya akan coba berbagi tips agar dapat mempercepat loading blog yang terpasang iklan google adsense.

Sebelumnya, saya ukur dulu kecepatan blog.zdienos.com, menggunakan GTMetrix, dan hasilnya seperti berikut.

Ada 2 (dua) cara untuk mempercepat loading blog yang terpasang iklan google adsense, ini menurut saya loh.

1 Menghapus Javascript Google Adsense

Setiap kode unit iklan Adsense, memiliki script asinkron, lengkapnya kode unit iklan Adsense seperti berikut. Walaupun sebenarnya dengan format async, browser akan terus mendownload script ads, tanpa menahan (blocking) parsing HTML baris berikutnya.

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Responsive blog -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-xxxxxxxxxxx"
data-ad-slot="xxxxxx"
data-ad-format="auto"></ins>
<script> (adsbygoogle = window.adsbygoogle || []).push({}); </script>

Script tersebut akan ada pada setiap unit iklan, tentunya (mungkin saja loh) akan diload kembali jika kita memasang banyak unit iklan pada blog, dampaknya akan membuat loading blog menjadi agak lebih lambat.

Olehnya itu, kita akan hapus semua script asinkron pada setiap unit iklan, kemudian memasang satu script saja pada akhir template, tepatnya di atas penutup tag /BODY.

2 Menambahkan Script Lazyload Google Adsense

Lazy load? Iya, maksudnya script tersebut akan di-load lebih lambat atau belakangan, jika halaman sudah di-scroll sampai ke bawah (atau batas tertentu sesuai script).

Caranya hampir sama dengan yang pertama, menghapus dulu semua script async, kemudian tambahkan script berikut di atas penutup tag /BODY

<script>
//<![CDATA[
//lazy load ads
var lazyloadads = false;
window.addEventListener("scroll", function() {
    if ((document.documentElement.scrollTop != 0 && lazyloadads === false) || (document.body.scrollTop != 0 && lazyloadads === false)) {

        (function() {
            var ad = document.createElement('script');
            ad.type = 'text/javascript';
            ad.async = true;
            ad.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js';
            var sc = document.getElementsByTagName('script')[0];
            sc.parentNode.insertBefore(ad, sc);
        })();

        lazyloadads = true;
    }
}, true)
//]]>
</script>

Saya sendiri hanya mencoba cara yang pertama, sehingga menghasilkan GTMetrix seperti berikut

Hasilnya luar binasa menurut saya loh.

Sekian saja postingan kali ini, dan sebagai tambahan, katanya dengan metode tersebut, akan mengurangi impresi iklan. Jadi, resiko ditanggung penumpang. :D

Semoga bermanfaat, jangan lupa komentar, like dan follow/subscribe sosial media blog zdienos.
Terima kasih (z).

Memperbaiki Error Non Aggregated Column MySQL 5.7

noreply@blogger.com (zdienos) — Sun, 17 Mar 2019 16:00:00 +0000

Ceritanya lagi belajar SQL Query menggunakan statement GROUP BY, tetapi kok muncul error yah. Padahal menurut tutorial sudah bener begitu syntax nya. Setelah dicek lebih lanjut, ternyata saya menggunakan MySQL versi 5.7.5, di mana pada versi ini, parameter SQL Mode ONLY_FULL_GROUP_BY menjadi enabled default.

https://dev.mysql.com/doc/refman/5.7/en/sql-mode.html#sqlmode_only_full_group_by

Biar catatan saya lebih lengkap, kita coba praktik saja. Misalkan saya punya tabel tb_buku seperti ini

Saya akan coba menghitung jumlah buku berdasarkan pengarang dengan menggunakan statement COUNT dan GROUP BY

SELECT *,COUNT(pengarang) FROM tb_buku GROUP BY pengarang

Sehingga menghasilkan data seperti berikut, walaupun yang kita perlukan hanya pengarang dan jumlahnya saja

Atau menghitung jumlah penerbit pada tabel tersebut digrup berdasarkan nama penerbit

SELECT *,COUNT(penerbit) FROM tb_buku GROUP BY penerbit

Sehingga hasilnya menjadi

Error Non aggregated Column MySQL 5.7

Nah, kita coba di MySQL 5.7, apa yang terjadi jika query tersebut dieksekusi?

SELECT *,COUNT(pengarang) FROM tb_buku GROUP BY pengarang

Dan

SELECT *,COUNT(penerbit) FROM tb_buku GROUP BY penerbit

Maksudnya sih (menurut saya sendiri loh), ada kolom yang sebenarnya tidak bergantung pada hasil statement GROUP BY, seperti id, judul, harga.

Solusi

Untuk mengatasi masalah tersebut, lakukan SELECT field/kolom yang diperlukan saja, atau GROUP BY kolom yang menggunakan fungsi agregated (COUNT, MAX, MIN, dll)

SELECT pengarang,COUNT(pengarang) FROM tb_buku GROUP BY pengarang

Dan

SELECT penerbit,COUNT(penerbit) FROM tb_buku GROUP BY penerbit

Begini saja postingan Memperbaiki Error Non Aggregated Column MySQL 5.7. Semoga bermanfaat, dan sekali lagi, itu menurut pemahaman saya saja yah (atau silahkan merujuk ke dokumentasi MySQL), kalau salah mohon dikoreksi pada kolom komentar. Jangan lupa follow sosial media zdienos ya!!

Semoga bermanfaat, terima kasih.
(z)

Firefox Send - Cara Cepat Mengirim File dengan Aman

noreply@blogger.com (zdienos) — Sun, 17 Mar 2019 01:11:00 +0000

At Mozilla, we are always committed to people's security and privacy. Begitu slogan Mozilla yang sudah dipertahankan sejak lama, dan akan terus menerus membuat terobosan baru, baik itu browser, software, aplikasi serta layanan.

File Sharing Lebih Mudah

Kita bisa berbagi file dengan end-to-end encryption, serta link yang akan otomatis tidak akan berlaku lagi dalam jangka waktu tertentu, bahkan pengaturan untuk didownload berapa kali. Sehingga memungkinkan kita menjaga file yang dishare tidak online selamanya.

Berbagi File Besar dan Navigasi yang Lebih Mudah

Dengan Send kita bisa mengirim file dengan ukuran sampai 1 GB, dan untuk mengirim dengan ukuran hingga 2.5GB, dan kita perlu Sign In dulu dengan akun Firefox Anda. Beberapa keunggulan jika Anda login, selain ukuran file hingga 2.5GB, bisa dishare ke beberapa orang. Link aktif hingga 7 hari dan dapat memanage file dari berbagai perangkat.

Tutorial Kirim File dengan Firefox Send

Baiklah, daripada bercepat-cepat, mari kita coba mengirim satu file menggunakan Firefox send. Buka browser Anda (tidak perlu Firefox loh), pada address bar, ketikkan alamat https://send.firefox.com

Silahkan pilih file yang akan diupload dengan mengklik tombol Select files to upload, atau dengan meng-drag file ke kotak yang tersedia.

Lanjutkan dengan memilih lama atau expired file yang akan dikirim (berapa kali download dan berapa lama), akhiri dengan menekan tombol Upload.

Tunggu beberapa saat hingga proses upload selesai.

Selanjutnya copy link file yang akan dikirim lalu paste di komputer yang lain (penerima). Jika link masih aktif, akan tampil seperti ini.

Jika file sudah di-download, atau sudah expired (sesuai pengaturan), maka akan tampil seperti ini, file yang di-share sudah tidak bisa di-download kembali.

Sungguh sangat simpel, mudah dan aman mengirim file dengan Firefox Send.

Demikian postingan kali ini, jangan lupa like dan share, atau beri komentar yah.
Semoga bermanfaat, terima kasih.

(z)

PayrollBozz - Software Payroll Online Terbaik untuk Perusahaan UKM

noreply@blogger.com (zdienos) — Fri, 22 Feb 2019 03:05:00 +0000

Software Payroll berbasis Web – Software as a service atau yang disingkat Saas adalah teknologi computing berbasis cloud base data yang memungkinkan data-data tersebut dapat digunakan, dikelola, dan disunting secara online.

Nyamannya menggunakan Saas adalah Anda tidak perlu menginstall software ini di komputer atau laptop, Anda dapat mengakses software tersebut dari komputer mana saja, yang terpenting tersambung dengan koneksi internet.

Selain itu, kelebihan menggunakan Saas adalah anda tidak perlu melakukan update atau upgrade, karena semuanya sudah dikelola oleh pengembangnya sendiri.

PayrollBozz adalah salah satu Saas payroll software terbaik saat ini yang bisa anda dapatkan, selain memiliki aksesibilitas yang tinggi, PayrollBozz juga dapat digunakan oleh segala jenis perusahaan.

PayrollBozz, Payroll Software online untuk semua perusahaan

Payrollbozz adalah software payroll Indonesia terabit yang memberikan fleksibilitas tinggi bagi penggunannya, dengan akses online. Pengguna baik itu HRD, SPV, ataupun staff yang memilki akun, dapat mengakses segala informasi yang mereka butuhkan di dashboard, mulai dari absensi online, jadwal lembur/shifting dan lainnya di manapun kapanpun.

Bagi yang memilki cabang-cabang perusahaan di wilayah yang berbeda, tetap bisa melakukan pengontrolan dan pengelolaan secara terpusat dengan menggunakan PayrollBozz. Dengan fitur ini, perusahaan atau divisi HR akan mengetahui perkembangan karyawan bahkan juga mengatur karir transisi pada kantor cabang lain.

Alur atau sistem penggajian juga akan terlaksana dengan otomatis sampai kepada payslip, HRD hanya perlu melakukan satu kali pengaturan formula penggajian yang sesuai dengan regulasi perusahaan, maka proses selanjutnya dapa dilakukan secara otomatis.

PayrollBozz memiliki tingkat kesulitan yang lebih tinggi dibandingkan Saas payroll software lainnya yang ada di Indonesia, hal tersebut dikarenakan software ini memiliki pengaturan yang lebih advance dengan variabel penghitungan gaji yang lebih banyak, karena memang didedikasikan untuk semua perusahaan.

Fitur penggajian PayrollBozz

Komponen Payroll yang Fleksibel (Formula)

Kelola sistem penggajian Anda dengan mudah, mulai dari membuat komponen penggajian, seperti tunjangan kesehatan, transport, anak dan lainnya sesuai jabatan. Atur komponen payroll juga bisa sesuai jabatan (massal) atau sesuai karyawan (spesifik)

Konfigurasi Pajak PPh21 Karyawan

Mengelola penggajian pastinya tidak terlepas dari pajak, oleh karenanya konfigurasikan pajak penghasilan karyawan dengan mudah menggunakan PayrollBozz. Konfigurasi sistem pajak yang dipakai – neto, bruto atau gross up.

Pengaturan BPJS / Jamsostek

Lakukan pengaturan nominal potongan iuran untuk BPJS sesuai dengan pendapatan atau gaji yang diterima dengan mudah. Terdapat laporan yang jelas sesuai dengan komposisi komponen BPJS Kesehatan dan Ketenagakerjaan yang berlaku.

Template Sistem Penggajian

Buat template slip penggajian perusahaan anda sendiri yang sesuai dengan kebutuhan, serta dapat juga mengkustom email gaji yang digunakan untuk melakukan pengiriman slip gaji karyawan.

THR (Tunjangan Hari Raya)

Fitur THR akan memudahkan perusahaan dalam melakukan penghitungan tunjangan hari sesuai ketentuan yang berlaku. Dan juga hitungan pajak penghasilan pph21 atas penerimaan THR otomatis terhitung sesuai peraturan yang berlaku.

Laporan

Lihat laporan-laporan seperti gaji, pajak, transisi karyawan hingga laporan perencanaan SDM, yang semuanya bisa anda download ke dalam format CSV, PDF, dan juga Excel.

Payslip Online dan Transfer Gaji Lebih Cepat

Cetak dan kirim payslip karyawan kemudian kirim laporan gaji ke sistem disbursement Bank seperti BCA, BNI, BRI dan Mandiri untuk proses pembayaran otomatis.

Payroll software online ini juga tersedia dalam bentuk aplikasi Mobile untuk membantu pengguna dalam melakukan adminstrasi kepersonaliaan, seperti pengajuan izin, sakit, lembur dan lainnya. Untuk anda yang ingin mengetahui fitur apa saja yang terdapat didalam PayrollBozz bisa langsung mengunjungi websitenya, atau dapat mencoba demo PayrollBozz untuk bisa mengetahui bentuk dalam software payroll terbaik Indonesia ini.

Membuat Script Anti Copas Klik Kanan dan Mencegah Inspect Element

noreply@blogger.com (zdienos) — Mon, 11 Feb 2019 06:14:00 +0000

Pada postingan kali ini saya coba share beberapa gabungan css dan javascript untuk sedikit memproteksi template website atau blog dari orang-orang yang ingin melihat-lihat atau bahkan iseng meng-clone website/blog Anda.

Script Anti Copas

Script ini sebenarnya hanya property CSS saja, digunakan agar tidak bisa menyeleksi teks untuk kemudian dicopy. Cukup tambahkan script CSS ini saja pada template,

* {
box-sizing: border-box;
 user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select:none;
-o-user-select:none; 
}

Script Anti Klik Kanan

Kemudian kita tambahkan script anti klik kanan, pertama tambahkan atribut oncontextmenu pada tag pembuka body, sehingga menjadi

<body oncontextmenu="return false;">

Selanjutnya biar lebih greget, tambahkan lagi javascript tepat di atas penutup tag </ body >, mau klik kanan, tengah, kiri gak bakalan ada yang bisa :D. (kalau mau menghilangkan klik kiri, hapus aja (eventbutton==1)||.

<script type="text/javascript">
var isNS = (navigator.appName == &quot;Netscape&quot;) ? 1 : 0;
if(navigator.appName == &quot;Netscape&quot;) document.captureEvents(Event.MOUSEDOWN||Event.MOUSEUP);
function mischandler(){
return false;
}
function mousehandler(e){
var myevent = (isNS) ? e : event;
var eventbutton = (isNS) ? myevent.which : myevent.button;
if((eventbutton==1)||(eventbutton==2)||(eventbutton==3)) {
 alert("copyThieft");
 return false;
 }
}
document.oncontextmenu = mischandler;
document.onmousedown = mousehandler;
document.onmouseup = mousehandler;
</script>

Mencegah dan Membuat Inspect Element Lebih Merepotkan

Inspect Element adalah salah satu tools bawaan browser versi dekstop yang mampu memperlihatkan, mengedit, bahkan mengubah kode HTML yang dapat diambil langsung dari sumber website/situs.

Umumnya Inspect element sering digunakan oleh web designer atau web developer untuk melihat atau mengintip kode HTML, CSS dan Javascript yang ada pada website/blog, atau bahkan saat membuat/men-develop website sendiri. Inspect element kadang juga digunakan untuk memastikan script HTML yang dibuat sudah sesuai dengan yang diinginkan.
Selain itu, inspect element juga kadang digunakan untuk melakukan kloning atau mencuri desain (html dan css) pada suatu website/blog. Nah script berikut ini akan mencegah atau minimal sedikit menyusahkan bagi para cloner pada saat ingin melakukan inspect element ke suatu source website/blog.

Silahkan copas script di bawah ini lalu paste ke template blogspot, letakkan tepat di atas kode penutup </ body >

<script type="text/javascript">
document.onkeydown = function(e) {
if(event.keyCode == 123) {
return false;
}
if(e.ctrlKey && e.shiftKey && e.keyCode == 'I'.charCodeAt(0)){
return false;
}
if(e.ctrlKey && e.shiftKey && e.keyCode == 'J'.charCodeAt(0)){
return false;
}
if(e.ctrlKey && e.keyCode == 'U'.charCodeAt(0)){
return false;
}
}
</script>

Script di atas akan mencegah kombinasi keyboard, Ctrl Shift I, Ctrl Shift J dan Control U. Selanjutnya script untuk debugger saat melakukan inspeksi, biar ke pause saat inspect element.

<script type="text/javascript">
eval(function(p,a,c,k,e,d){e=function(c){
return c.toString(36)};if(!''.replace(/^/,String)){while(c--){d[c.toString(a)]=k[c]||c.toString(a)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('(3(){(3 a(){8{(3 b(2){7((\'\'+(2/2)).6!==1||2%5===0){(3(){}).9(\'4\')()}c{4}b(++2)})(0)}d(e){g(a,f)}})()})();',17,17,'||i|function|debugger|20|length|if|try|constructor|||else|catch||5000|setTimeout'.split('|'),0,{}))
</script>

Jika tidak bisa copy script di atas, coba klik link dari pastebin,

Demikian postingan tentang cara Membuat Script Anti Copas, Klik Kanan dan Mencegah Inspect Element. Walaupun sebenarnya saya sendiri berpikir, kenapa harus diprotek? Yang namanya sudah di-publish, yahh berarti siap-siap jadi konsumsi umum, heheheh.

Sekian postingan kali ini, semoga bermanfaat. Jangan lupa share, like dan komen jika postingan ini dirasa bermanfaat.

Terima kasih (z).

Exploit macOS untuk Mendapatkan Password KeyChain

noreply@blogger.com (zdienos) — Thu, 07 Feb 2019 10:02:00 +0000

Keychain Access adalah password management system pada sistem operasi macOS, tentunya dikembangkan oleh Apple. Diperkenalkan mulai versi mac OS 8.6. Keychain Access digunakan untuk mengatur dan menyimpan password, private key dan secure note ke dalam suatu file yang terenkripsi. Keychain bahkan dikembangkan untuk perangkat mobile dan bisa melakukan sinkronisasi antara perangkat-perangkat yang terhubung.

Nah, baru-baru ini, seorang pengamat keamanan dari Eropa, memposting sebuah video yang menampilkan Zero-Day exploit pada macOS Mojave dan versi sebelumnya, untuk mencuri semua password yang terdapat pada Keychain Access, tanpa hak akses root atau administrator, bahkan prompt untuk meminta password.

Berikut ini penjelasan pengamat keamanan Linus Henze tentang exploit tersebut, bersamaan dengan video yang hanya berdurasi 90 detik.

In this video, I'll show you a 0day exploit that allows me to extract all your (local) keychain passwords on macOS Mojave (and lower versions). Without root or administrator privileges and without password prompts of course

Kenapa Sampai Pengamat Security Men-shared Kelemahan (Vulnerability) Tersebut?

Kenapa Anda membaca artikel dan menonton video exploit macOS, daripada menunggu Apple mengeluarkan patch untuk bug tersebut?

Henze menjelaskan dengan logika:

Alasan sederhana: Apple sampai sekarang gak mengadakan Bug Bounty Program untuk macOS, salahkan mereka. Mungkin dengan begini akan memaksa Apple untuk membuat Bug Bounty Program suatu waktu nanti

Demikian postingan Exploit macOS untuk Mencuri Password Keychain Access. Semoga bermanfaat, jangan lupa like, share dan komen yah.

Terima kasih (z)

Update Terbaru Google+ dan Blogger

noreply@blogger.com (zdienos) — Wed, 06 Feb 2019 03:46:00 +0000

Seperti kabar yang tersebar di tahun lalu, 2018, bahwa salah satu layanan dari Google, yakni Google+ akan segera ditiadakan/ditutup pada tahun ini, 2019.

Hari ini, dapat notifikasi dari Blogger, yang mengumumkan kelanjutan tentang Google+ API yang servicenya akan ditutup bulan Maret tahun 2019 ini, beberapa perubahan sudah diterapkan pada platform Blogger mulai dari 4 Februari 2019.

Widget Google+

Tombol +1, dan Google+ Follower dan Google+ Badge, widget tersebut tidak akan tersedia lagi untuk semua blog.

Tombol +1 atau G+ dan link Google+ Share, yang biasa berada di bawah postingan atau navigation bar akan dihapus.

Jadi pastikan, jika template Anda menggunakan fitur Google+, harus diedit lagi tuh.

Google+ Comments

Dukungan terhadap Google+ Comment juga akan dihentikan, jadi semua blog yang menggunakan Google+ Comment, akan diubah kembali menggunakan Blogger Comment, dimulai 4 Februari 2019.

Google+ Profile

Pada bulan Maret 2019, Blogger hanya akan memiliki Blogger profiles, (dulunya bisa dipilih apakah menggunakan Blogger profiles ataukah Google+ Profile). Bagi pengguna yang telah menggunakan G+ Profile, nantinya akan nampak sebagai Unknown author, sampai login kembali dan mengganti avatar serta nama profilenya.

Tidak ada lagi Google+ share saat buat postingan di Blog,

Begitulah kira-kira Update Terbaru dari Google+ dan Blogger, katanya sih kedepannya akan ada update lebih untuk platform Blogger.

Semoga bermanfaat, jangan lupa share, like dan komentar yah.
Terima kasih (z)

Membuat Embed Video Youtube Lebih Responsive di Blogspot

noreply@blogger.com (zdienos) — Tue, 05 Feb 2019 04:03:00 +0000

Langsung saja, postingan ini saya akan coba share cara membuat postingan video embed youtube lebih responsive pada platform blogspot.

Seperti yang diketahui, untuk menambahkan video youtube pada postingan blog, cukup dengan mengklik tombol/icon *video*, kemudian pilih URL Video, entah itu dari Channel youtube sendiri ataupun link youtube dari channel orang lain.

1. Buka template editing blogger
2. Paste kode CSS berikut ke template blogger, di atas tag penutup /head>

.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

3. Buat postingan seperti biasa, lalu insert video/youtube, maka akan seperti ini scriptnya jika dilihat pada tab HTML.

<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/DwCyokR3YFg/0.jpg" frameborder="0" height="266" src="https://www.youtube.com/embed/DwCyokR3YFg?feature=player_embedded" width="320"></iframe>

4. Lanjutkan dengan mengurung/mengapit tag iframe tersebut dengan satu tag div dengan class video-container, sehingga menjadi berikut:

<div class="video-container">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/DwCyokR3YFg/0.jpg" frameborder="0" height="266" src="https://www.youtube.com/embed/DwCyokR3YFg?feature=player_embedded" width="320"></iframe>
</div>

Beginilah kira-kira tampilan Youtube Video yang diembed ke postingan blogger.

Singkat saja, semoga postingan Membuat Embed Video Youtube Lebih Responsive di Blogspot bisa bermanfaat, jangan lupa share, like dan beri komentar pada kolom komentar.

Terima kasih (z)

Cara Cepat Screenshot Dengan Timer Grab di Mac OS X

noreply@blogger.com (zdienos) — Sat, 26 Jan 2019 07:29:00 +0000

Ternyata, saya juga baru tahu, kalau kita bisa mengambil screenshot dengan timer di Mac OS X atau macOS langsung dengan aplikasi Grab bawaan macOS. Kegunaan timer adalah kita bisa mengatur 'posisi' objek sesaat sebelum di-capture dengan waktu tertentu.

Langsung saja jelaskan cara cepat screenshot dengan timer grab di Mac OS X

1. Buka aplikasi Grab, sekali lagi, ini bukan aplikasi Ojek Online loh. Biar cepat ketik saja Grab pada saat Launchpad diklik.

2. Pilih menu Captured - Timed Screen dari menubar Grab.

3. Setelah Window Grab muncul, klik tombol Timer.

Baca juga : Cara Cepat Disable Drop Shadow saat Screenshot di MacOSX

4. Sembari menunggu waktu habis, ambil pose yang diinginkan, Grab akan melakukan screenshot dalam waktu 10 detik setelah tombol Timer diklik.

5. Selanjutnya akan terdengar suara 'ceklek' atau shutter kamera, itu artinya proses screenshot sudah selesai.

6. Sehingga tampil window screenshot di Grab, kita bisa memilih untuk menyimpan atau menghapus hasil screenshot.

7. Done

Singkat saja, semoga bermanfaat. Silahkan komentar dan share jika dirasa bermanfaat.
Terima kasih (z).

Cara Cepat Menampilkan-Menyembunyikan Hidden Files di Mac OS X

noreply@blogger.com (zdienos) — Thu, 24 Jan 2019 04:14:00 +0000

Hampir setiap kali saya mau menampilkan atau menyembunyikan hidden file di mac os X, selalu pake Google untuk mencari perintah atau command terminal. Iya, perintahnya terlalu panjang, agak susah untuk diingat.

Postingan ini saya akan coba bahas cara cepat, gampang dan mudah diingat untuk menampilkan/menyembunyikan hidden files pada Mac OS X, contoh misalnya hanya dengan mengetikkan perintah tampilkanFile, sembunyikanFile.

Tetapi sebelumnya, saya akan infokan

Cara Cepat untuk Menampilkan/Menyembunyikan Hidden File

Khusus untuk mac OS Sierra ke atas, pada saat berada di Finder, cukup ketik kombinasi keyboard CMD + SHIFT + .

Dan tekan sekali lagi untuk mengembalikan ke kondisi sebelumya, sangat-sangat cepat.
Tetapi bagaimana untuk versi di bawah Sierra? Lanjutkan bacanya.

Cara Lama untuk Menampilkan/Menyembunyikan Hidden File

1. Buka Terminal (Finder > Applications > Utilities)

2. Ketikkan perintah berikut

defaults write com.apple.finder AppleShowAllFiles YES

3. Tekan Enter

4. ReLaunch Finder dengan cara tekan tombol Command Option Control, lalu klik icon Finder yang ada di doc, lalu pilih menu Relaunch

Oh iya, untuk menyembunyikan kembali file-file hidden tersebut, cukup ganti perintah YES menjadi NO.

Tetapi cara tersebut jadi masalah kalau lupa perintahnya (kaya' saya tadi), mana panjang lagi perintahnya. Nah, bagian berikut saya akan jelaskan panjang kali lebar.

Cara Lama dan Panjang untuk Menampilkan/Menyembunyikan Hidden File Menggunakan Alias pada Terminal

Alias biasa digunakan sebagai nama pengganti atau shortcut untuk satu perintah di terminal. Dengan menggunakan alias, kita (kita?, saya aja kaleee..) hanya perlu mengingat sedikit perintah saja, bahkan dengan kata-kata sendiri. Alias pada terminal bisa bersifat sementara (temporary session) maupun selamanya (permanent). Pada alias kali ini akan dibuat permanen, sehingga bisa digunakan di kemudian hari nantinya.

Langsung saja, buka kembali Terminal, lalu ketikkan perintah berikut :

sudo nano ~/.bash_profile

Masukkan password jika diminta, lalu tambahkan perintah berikut pada baris paling bawah

alias tampilFile='defaults write com.apple.finder AppleShowAllFiles YES; killall Finder /System/Library/CoreServices/Finder.app'

alias sembunyiFile='defaults write com.apple.finder AppleShowAllFiles NO; killall Finder /System/Library/CoreServices/Finder.app'

Tekan Ctrl + O, lalu tekan Enter untuk menyimpan (save)
Lanjutkan dengan menekan Ctrl + X untuk keluar dari editor file dan kembali ke Command Line Terminal
Untuk me-load konfigurasi tadi, ketikkan perintah

source ~/.bash_profile

Cara pakainya bagaimana?

Buka terminal, lalu ketikkan tampilFile untuk menyampilkan hidden file, atau ketik sembunyiFile untuk menyembunyikan hidden file. (ingat huruf besar kecil).

Begitu saja postingan kali ini, silahkan komentar di bawah, like dan share postingan ini jika dirasa bermanfaat.

Terima kasih (z)

Membuat Installer USB Mac OS 10.14 Mojave

noreply@blogger.com (zdienos) — Wed, 23 Jan 2019 03:57:00 +0000

Kemarin coba-coba membuat installer USB MacOS Mojave, untuk keperluan instalasi di Real Mac maupun di Hackintosh. Entah lupa sejak versi berapa, kalo tidak salah sejak El Capitan, untuk membuat USB Installer MacOS, sudah tersedia command/aplikasi internal dari installer itu sendiri, yakni createinstallmedia.

Contoh misal untuk membuat USB Installer Mac OS El Capitan, gunakan perintah berikut, dengan asumsi Installer berada di folder Applications, dan Nama Volume USB diberi nama Untitled.

sudo /Applications/Install\ OS\ X\ El\ Capitan.app/Contents/Resources/createinstallmedia --volume /Volumes/Untitled --applicationpath /Applications/Install\ OS\ X\ El\ Capitan.app

Di mana untuk versi-versi sebelumnya, kita harus melakukan restore image ke Volume target.

Lihat juga : Membuat Sendiri Installer El Capitan pada USB Flashdisk

Nah, untuk versi Mojave, ternyata ada sedikit perubahan, kita tidak perlu lagi menambahkan opsi --applicationpath dan progress saat mengcopy file juga sudah ditambahkan, sehingga kita bisa mengetahui presentase proses pembuatan installer tersebut.

Installer sudah jadi, dan otomatis nama volume berubah menjadi Install macOS Mojave

Selanjutnya biar lebih 'cantik', kita akan ganti icon harddisk menjadi icon installer Mojave juga. Caranya gampang, klik kanan file installer mojave app, klik Get Info.

kemudian klik icon/logo mojave

dan pilih Finder->Edit->Copy.

Kembali ke USB Installer, klik kanan icon Harddisk, Get Info

Pilih icon harddisk, lalu Finder->Edit->Paste

Harusnya sih icon sudah berubah menjadi Mojave, seperti gambar berikut

Kelihatan lebih 'cantik' kan kalau begini?

Karena kebetulan saya ada storage tidak terpakai, jadilah saya buat 3 Installer mac OS, plus 1 data/aplikasi, buat kebutuhan instalasi (dibuat jasa juga boleh, kalau ada yang mau sih).

Sekian saja postingan kali ini, selamat menikmati berkah dari langit (aka hujan) alhamdulillah. Jangan lupa like, share postingan ini, dan silahkan komentar di bawah.

Semoga bermanfaat, terima kasih (z)

Cara Cepat Mengatasi Lupa Pola Android

noreply@blogger.com (zdienos) — Tue, 15 Jan 2019 10:30:00 +0000

Ceritanya lagi restore backup via TWRP, sukses. Tetapi setelah booting, saya dihadapkan (hadeh) dengan pola keamanan (pattern). Hebatnya lagi, saya sudah lupa pola nya, soalnya ini backup sudah dua tahun yang lalu kayaknya.

Postingan ini akan membahas tips cara cepat mengatasi lupa pola atau pin pada Smartphone Android.

Syarat

Sudah root
Tentunya sudah terinstal TWRP

Langkah-langkah

Langsung saja, masuk ke mode recovery ke TWRP
Pilih File Manager
Cari atau buka folder /data/system
Hapus file berikut

gatekeeper.password.key 
gatekeeper.pattern.key 
locksettings.db 
locksettings.db.shm
locksettings.db.wal

Reboot Android,

Harusnya sih sekarang sudah tidak ada lagi screen permintaan pola atau pin saat masuk ke desktop Android.

Singkat saja, sebagai catatan. Semoga bermanfaat, jangan lupa comment, like dan share artikel ini.
Terima kasih (z)

Tahun Baru, GitHub Gratiskan Private Repository

noreply@blogger.com (zdienos) — Tue, 08 Jan 2019 03:44:00 +0000

Hari ini dapat announcement GitHub, ada dua Update Major GitHub agar lebih mudah digunakan oleh para developer, yakni: sudah bisa membuat private repository tanpa perlu upgrade menjadi akun pro (alias gratis), serta adanya satu fitur tambahan bagi Enterprise Developer.

Ada dua tipe plan bagi pengembang yaitu:

GithubFree, sudah termasuk repository private tanpa batas. Untuk pertama kali, para pengembang bisa menggunakan GitHub untuk project private, dengan batasan hingga tiga kolaborator setiap repositorinya.
GitHub Enterprise, merupakan produk baru dari GitHub yang ditujukan untuk Enterprise Cloud (awalnya Business Cloud) dan Enterprise Server (dulunya GitHub Enterprise).

Saya pun coba mem-private salah satu repository pada akun github sendiri. Caranya cukup mudah, pilih Repository, lalu klik tombol Setting, selanjutnya pilih private.

Sekian postingan singkat ini, semoga bermanfaat.
Terima kasih (z)

Cara Cepat Disable Drop Shadow saat Screenshot di MacOSX

noreply@blogger.com (zdienos) — Sun, 06 Jan 2019 10:16:00 +0000

Grab (bukan aplikasi ojek online yah), merupakan aplikasi screenshot (screen capture). Grab digunakan untuk mengambil tampilan layar komputer (desktop) MacOS. Aplikasi screenshot sangatlah berguna untuk mengambil tangkapan gambar desktop, yang biasa digunakan untuk membuat artikel ataupun dokumentasi.

Ada beberapa mode screenshot yang terdapat pada MacOS (Grab), termasuk pilhan antara membuat file gambar ataupun hanya meng-copy hasil capture ke clipboard, mode seleksi, full screen atau window tertentu.
Biar cepat, ada kombinasi tombol keyboard dalam meng-capture menggunakan Grab:

command + shift + 3, akan meng-capture seluruh layar (desktop) MacOS Anda, termasuk monitor kedua (jika menggunakan dual monitor).
command + shift + 4, kursor akan berubah menjadi crosshair, untuk menseleksi area yang akan di-capture.
command + shift + 4, kemudian tekan tombol spasi, maka kursor akan berubah menjadi kamera, mode ini akan meng-capture window yang dipilih.

Semua perintah di atas akan menghasilkan satu file PNG di lokasi desktop. Nah, dengan menambahkan kombinasi tombol Control, maka output tidak menghasilkan file, melainkan hanya meng-copy hasil screenshot ke Clipboard. Khusus saat meng-capture jendela (Window), secara otomatis MacOS akan menambahkan bayangan (drop shadow). Tetapi bagaimana jika ingin menghilangkan drop shadow? Karena bisa saja hasil screenshot ini akan diolah lagi di Photoshop misalnya. Untuk menon-aktifkan drop shadow, caranya sangat mudah, hanya dengan sedikit kode pada terminal.

Cara Cepat Disable Drop Shadow saat Screenshot di MacOS

Berikut ini cara cepat menon-aktifkan drop shadow pada MacOS. Pertama buka aplikasi terminal, kemudian ketikkan (atau copy dan paste) perintah berikut:

defaults write com.apple.screencapture disable-shadow -bool true

Selanjutnya restart System UI agar perubahan tersimpan pada sistem, ketikkan perintah

killall SystemUIServer

Mulai sekarang, ketika melakukan screenshot untuk Window, harusnya sih drop shadow sudah tidak ada.

Bagaimana Cara Mengaktifkan Kembali Drop Shadow

Untuk mengaktifkan kembali drop shadow, cukup ganti saja perintah true menjadi false, sehingga menjadi

defaults write com.apple.screencapture disable-shadow -bool true

Jangan lupa restart System UI

killall SystemUIServer

Cukup postingan kali ini, jangan lupa komentar, like sosial media zdienos dan share postingan ini jika dianggap bermanfaat.

Terima kasih (z)

Tidak Bisa Mengakses Data Attribute pada DataTables

noreply@blogger.com (zdienos) — Fri, 04 Jan 2019 06:58:00 +0000

Ceritanya lagi membuat tombol hapus pada dataTables (Manufaktur) dengan memanfaatkan data atribut menggunakan jQuery pada CodeIgniter Framework. Scriptnya sih bekerja, tetapi hanya pada halaman pertama saja, pagination berikutnya (halaman dua dan seterunya), data nya tidak di-passing (entah apa isitlahnya :D).

Berikut script tombol hapus yang saya gunakan pada halaman view

<a class="hapus-data btn btn-danger btn-xs" 
 data-url="<?php echo base_url('manufaktur/hapus_manufaktur/') . $d->id; ?>" 
 rel="tooltip" data-tooltip="true" data-toggle="modal" 
 data-content="<?php echo $d->manufaktur; ?>" 
 data-title="Hapus" title="">
 <i class="fa fa-trash"></i>
</a>

Halaman view yang saya maksud seperti ini :

Jika saya memilih untuk menghapus salah satu item tersebut, misalnya item ke-10, E-Pro, dengan menggunakan SweetAlert, saya akan mengambil data-atribut tombol tersebut, untuk saya teruskan di Controller hapus_manufaktur. Sehingga akan tampil seperti ini:

Scriptnya bekerja, tetapi masalahnya adalah, hanya akan bekerja pada halaman pertama saja, halaman dua dan seterunya tidak ada respon.

Saya menggunakan jQuery untuk mencari class hapus-data dari tombol dan membuat fungsi click, seperti ini:

$('.hapus-data').on('click', function(e){ 
 //e.preventDefault(); 
 //cancel default action 
 var href = $(this).attr('data-url'); 
 var data_content = $(this).attr('data-content'); 
 //pop up 
 swal({ title: "Anda yakin ingin menghapus "+data_content+" ?", 
   icon: "warning", buttons: ["Tidak", "Ya"], dangerMode: true, 
 }) 
 .then((hapus) => {
  if (hapus) { 
    window.location.href = href; 
   } 
  }); 
});

Solusi

Karena saya masih baru di dunia jQuery, akhirnya cari informasi sana-sini, ternyata masalahnya adalah urutan script.

Jadi script fungsi hapus di atas, harus diletakkan sebelum deklarasi dataTables, di mana pada kondisi sebelumnya saya meletakkan fungsi ini setelah deklarasi dataTables Manufaktur.

Posisi menentukan hasil, ya, semoga menjadi pelajaran dan catatan bagi saya, dan mudah-mudahan bisa bermanfaat buat Anda pengunjung blog Zdienos. Jangan lupa komentear, like dan share artikel Tidak Bisa Mengakses Data Attribut pada DataTables.

Terima kasih (z).