[Hustler] Silabus School of Startup

  • Penjurusan 1bulan
    • Pengenalan diri
    • Deteksi Minat & bakat
  • Hustler9bulan
    • Leadership
    • Visioner
    • Ide Kreatif
    • Pitching
    • Networking
    • Manajemen & Keuangan
    • Marketing
  • Hipster 9bulan
    • Intro UI/UX Design
    • UX Design 3bulan
      • Dasar-Dasar UX Design
      • Design Sprint
      • Persona atau Customer Segmentation
      • Prototyping
      • User Research
      • UX Parameter
      • Simplicity
      • Addictive App
      • Behavioral Economics
      • Ideation
    • UI Design 3bulan
      • Research
      • Sketch & Wireframe
      • Design & Prototyping
      • Usability Testing
      • Evaluate
      • Implementation
    • StartUp Case 3bulan
  • Hacker 9bulan
    • Frontend Dev 2bulan
      • HTML
      • CSS
      • JS
      • ReactJS
    • Backend Dev 2bulan
      • Algoritma & Pemrograman
      • PHP & OOP
      • Database
      • PHP Framework
    • Mobile Dev 2bulan
      • React Native
    • StartUp Case 3bulan

sukses
-keputusan
-keyakinan
-berubah
–perubahan konstan
—1.upgrade standar
—2.yakin bisa membuhi standar
—3.ubah strategi atau cari mentor
–setiap kejadian selalu memilih berpikir positif
–membuka diri untuk belajar dia bisa berubah
-cari cara untuk solusi bukan alasan
-ganti kaya tapi dengan kata dan
-masalah besar/kecil itu tergantung masalah itu bertemu dengan siapa?

keahlian itu harus spesialis
pengetahuan itu generalis

step from zero to hero
1.inocent – manusia biasa
2.the call – manusia menemukan panggilan
3.ujian – pasti diuji
4.partner – menemukan sekutu
5.celebration

error
sifat impian dan syarat perubahan sama

DevOps Expert | apa dan bagaimana Google CLoud Platform (GCP) ?

google cloud platform gpc adalah
Google Cloud Platform atau disingkat GCP adalah layanan dari google tentang public cloud computing yang terdiri dari beragam layanan. diantara layanan nya adalah

  • Google Compute Engine
  • Google App Engine
  • Google Cloud Storage
  • Google Container Engine

Google Cloud Platform Service dapat diakses oleh software developer, DevOps, Sys admin dan profesional IT lainnya menggunakan piblic internet  atau melalui koneksi jaringan dedicated lain nya.
Lalu apa dan bagaimanakah GCP serta layanan-layanan nya?
ikuti event seminar gratis dari Cloud Ace berikut :

Topik Seminar :

– Pengenalan GCP
– Perbedaan antara GCP, AWS & Azure
– Demo GCP
– Sesi Q & ATanggal : 11 April 2019
Pukul : 10:00-12:00
Tempat : Horaios Malioboro Hotel
Jalan Gowongan Kidul No. 57, Gedongtengen, Yogyakarta, Yogyakarta Province, Indonesia, 55271
E-mail : id@cloud-ace.com

google cloud platform gpc adalah

klik disini untuk pendaftaran

[Compare] Berbedaan dan Perbandingan Flutter vs React Native

flutter vs react native

2017 Dunia Coding di hebohkan dengan rilisnya bahasa baru dari google. Bahasa untuk men-develop aplikasi mobile multi platform Android dan IOS. FLUTTER ikut meramaikan kancah persaingan antar bahasa pemrograman di platform mobile device. Dengan sekali coding hasilnya dapat berjalan di android dan IOS.
Tentu setiap framework mempunyai kelebihan dan kekurangan masing-masing. Pada ulasan kali ini kita bahas tentang Flutter dan React Native yang notabene sedang popular dan banyak dipakai.

1. Vendor Developer

Seperti yang kita tahu bersama bahwa 2 framework ini di develop oleh 2 raksasa yakni Flutter oleh Google dan React Native oleh Facebook. Sangat menjanjikan.

2. Initial Release

React Native rilis tahun 2015 otomatikeli dia lebih tua dan sewajarnya lebih banyak pengalaman nya. Sedangkan Flutter 2017, walaupun baru kemaren namun perkembangan nya bisa dibilang pesat.

3. Language

Javascript adalah bahasa yang dipakai React Native. Ini menjadi poin plus tersendiri karena javascript sudah dikenal sejak lama dan banyak yang menguasai sehingga tidak membutuhkan waktu lama dalam mempelajarinya. Sedangkan Flutter menggunakan Dart, bahasa baru yang mudah digunakan bagi developer yang terbiasa dengan OOP seperti C++ dan Java.

4. Learning Curve

React Native sepertinya mendapat poin plus untuk ini karena menggunakan javascript sebagai base nya.

5. Platform

Sama2 multi platform. draw

6. Simulator

Sama2 punya hot reload yang memungkinkan untuk live coding melihat hasil nya.

7. Reusable Code

Flutter membuat developer menjadi mudah karena dapat melakukan reuse existing code. Sedangkan pada React Native meskipun dapat reusable code namun lebih mudah di Flutter

8. Code Style

Flutter dikenal dengan simplicity nya. Sedangkan React Native dikenal dengan Ready to Use componen nya.

9. Development Time

Tergantung developer, Flutter dengan simplicity dan reuse code nya. React Native dengan ready to use library nya.

10. Stability

Karena Flutter lahirnya kalah cepet ya wajar kalo React Native lebih stabil.

11. Performance

Nah, Flutter ini direct component to device loo. Sedangkan React Native pake layer javascript.

12. Library

Sama sama Banyak

13. Time to Reach Market

Tergantung developer juga. Flutter cocok buat  prototyping. React Native cocok buat longterm karena lebih stabil dan mature

14. Popularity

Otomatis React Native lebih populer wong lahir duluan. Namun Flutter sudah hampir menyusul loo.

15. Community

Kalo sekarang banyakan React Native

16. Documentation

Flutter Rapi dan update jadi bagi developer pemula mudah belajar. Sedangkan react kurang terorganisir tapi up to date.

17. Used By

Sama sama dipakai perusahaan-perusahaan besar.

Berikut ringkasan komparasi dari 2 jawara mobile apps builder framework.

Flutter83Faktor87React Native
Google
5
Developers
5
Facebook
2017
4
Initial Release
6
2015
Dart
5
Language
5
JavaScript
Need learning Dart
4
Learning Curve
6
Famous Javascript
Android and iOS
5
Platform
5
Android and iOS
Stateful Hot Reload
5
Simulator
5
Hot Reload
Yes
6
Reusable Code
4
Reuse but restrict few component
Simplicity
6
Code Style
4
More Strict
More time, but reusable code
4
Dev Time
6
Ready to use component
Trying to Stable
4
Stability
6
Mature, older
Direct with native component
6
Performance
4
Use Javascript Layer
Many
5
Library
5
Many
Fast, Cocok untuk protitype
5
Time to Reach Market
5
Longterm lebih matur
60k github
4
Popularity
6
76k github
fast growt
4
Community
6
Large already
Rapi dan up to date
6
Documentation
4
Kurang rapi tapi up to date
Alibaba, Reflectly, Tencent, Hamilton Musical, Google Greentea, JD Finance, Abbey Road Studios, etc
5
Used By
5
Facebook, Oculus Go VR Headset, Instagram, Pinterest, Uber, Tesla, Walmart, Wix.com, Baidu, Artsy, etc

referensi :

[solved] convert htaccess apache to nginx wordpress rewrite rule

convert htaccess to nginx

convert htaccess apache to nginx

Saya baru migrasi dari apache2 ke nginx. Saya bingung bagaimana rewrite rules untuk wordpress di nginx ?
Berikut ini adalah htaccess saya sebelumnya…

# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /blog/
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /blog/index.php [L]
</IfModule>

# END WordPress

 

Jawaban


  1. open/buka nginx.conf di /etx/nginx/nginx.conf
    vi /etx/nginx/nginx.conf
  2. edit atau tambahkan barus seperti berikut, sesuaikan pathnya
    server {
      ..
      ..
    
      location /blog {
          try_files $uri $uri/ /blog/index.php?$args;
      }
    
      location ~ \.php$ {
          fastcgi_split_path_info ^(/blog)(/.*)$;
      }
    
      ..
      ..
    }

    asumsi wordpress punya subdirectory blog

lihat juga cara redirect dengan nginx disini
ada juga tool online untuk konversi disini

About the htaccess to nginx converter winginx.com
The service is to convert an Apache’s .htaccess to nginx configuration instructions. First of all, the service was thought as a mod_rewrite to nginx converter. However, it allows you to convert some other instructions that have reason to be ported from Apache to nginx. Note server instructions (e.g. php_value, etc.) are ignored. The converter does not check syntax, including regular expressions and logic errors. Please, check the result manually before use.

I’m having no luck converting htaccess rules to nginx rewrite. I’ve checked out the NginxRewriteModule documentation and have a few done, but the more complicate ones I’m at a loss for. Here’s what I’m looking at:

[tutorial] Install XAMPP untuk Local Server pada Windows

Pada kesempatan ini kita akan melakukan instalasi web server dan database server mysql yang di bundling dalam XAMPP. berikut langkah-langkahnya

  1. Download XAMPP dari https://www.apachefriends.org
  2. Install XAMPP
  3. Konfigurasi XAMPP

Mari kita jabarkan tiap poinnya

1. Download XAMPP

Silahkan pilih versi yang akan di download. Pastikan bahwa versi yang dipilih mendukung aplikasi yang akan kita bangun. Selain itu sesuaikan juga OS yang digunakan. Dalam tutorial ini kita install di OS windows. Kali ini kita pilih download versi 7.2.17

 

tunggu sampai download selesai. Jika sudah jalankan file tersebut untuk mulai proses instalasi.

2. Instalasi XAMPP

Jalankan file tersebut dengan doublie klik atau tekan enter.

 

Pilih lokasi directory tempat file-file akan di install. Misal kita pilih D:\xampp
klik next > next > finish. Selanjutnya jalankan file

3. Konfigurasi

Konfigurasi ini tergantung keperluan

 

tes12

[tutorial] Analisa simple Log HaProxy dengan halog

haproxy load balancer server

How To Analyze HaProxy Logs

HALog adalah tool simple namun powerful untuk menganalisa HaProxy log. yuk lets try…

  1. Instalasi

    cd /usr/src
    wget http://haproxy.1wt.eu/download/1.5/src/devel/haproxy-1.5-dev11.tar.gz
    tar xzf haproxy-1.5-dev11.tar.gz
    cd haproxy-1.5-dev11/contrib/halog
    make
    cp halog /usr/bin/
  2. Get number of requests treated by the server (columns “tot_req”)

    cat /var/log/haproxy.log | halog -srv -H -q |awk 'NR==1; NR > 1 {print $0 | "sort -n -r -k 9"}' |column -t
  3. List servers by response time in milisecond (columns “avg_rt”)

    cat /var/log/haproxy.log | halog -srv -H -q |awk 'NR==1; NR > 1 {print $0 | "sort -n -r -k 12"}' |column -t
    
  4. List servers by application errors: HTTP status code 5xx (column “5xx”)

    cat /var/log/haproxy.log |halog -srv -H -q | awk 'NR==1; NR > 1 {print $0 | "sort -n -r -k 6"}' | column -t
    
  5. List servers errors related by application (prefixed by the backend name)

    cat /var/log/haproxy.log |halog -srv -H -q | awk 'NR==1; NR > 1 {print $0 | "sort -n -r -k 5"}' | column -t
    
  6. List URLs by server computation time in milliseconds (column “okavg”)

    cat /var/log/haproxy.log | halog -ut -H -q | column -t
    
  7. List URLs by errors (column “err”)

    cat /var/log/haproxy.log | halog -ue -H -q | column -t
    
  8. List URLs by missing files: HTTP status code 404 (column “req”)

    cat /var/log/haproxy.log | halog -u -H -q -hs 404 | column -t
    
  9. List URLs by number of request(column “req”)

    cat /var/log/haproxy.log | halog -u -H -q | awk 'NR==1; NR > 1 {print $0 | "sort -n -r -k 1"}' | column -t
    

Jangan lupa sesuaikan path log haproxy nya.
untuk cara install dan setting haproxy sendiri ada disini

referensi : https://haproxy-log-analyzer.readthedocs.io/

[tutorial] bagaimana melakukan redirect di nginx

redirect di nginx

Kapan kita melakukan redirect?

Ketika anda punya broken link yang ingin supaya link nya dapat dipakai lagi, semisal karena sudah terindex oleh google. Bisa juga karena web anda sedang maintenance sementara sehingga redirect kehalaman maintenance agar pengunjung dapat info.
Okey… disini saya anggap temen2 sudah tau apa itu file htaccess, karena kita akan langsung kepada intinya. Bagi yang belum mengetahui tentang htaccess bisa baca-baca disini.

Bagaimana caranya?

untuk melakukan redirect di nginx bisa kita lakukan dengan meng-edit file konfigurasi di nginx atau di konfigurasi domain nginx.

  1. pake return (example : return 301 https://example.com$request_uri;)
    server {
        listen 80;
        listen [::]:80;
        hostname example.com www.example.com;
        return 301 https://example.com$request_uri;
    }
  2. pake regex (example : rewrite ^/foo/(bar)/(.*)$ https://$server_name/$1/$2 permanent; )
    server {
        listen 80;
        listen [::]:80;
        hostname example.com www.example.com;
        root /var/www/example.com/public;
        rewrite ^/foo/(bar)/(.*)$ $scheme://$server_name/$1/$2 permanent;
    }
  3. pake map
    include redirect-map.conf;
    server {
        […]
        if ( $redirect_uri ) {
            return 301 $redirect_uri;
        }
    }

    redirect-map.conf isinya …

    map $request_uri $redirect_uri {
        /home.html          /beranda;
        /usman.html         /cakep;
        /ribuantoro.html    /ganteng;
    }
  4. HTTP to HTTPS
    return 301 https://$host$request_uri;
  5. non-www to www
    if ( $host !~ ^www\. ) {
        return 301 $scheme://www.$host$request_uri;
    }
  6. www to non-www
    if ( $host ~ ^www\.(?<domain>.+)$ ) {
        return 301 $scheme://$domain$request_uri;
    }

     

Selain redirect di nginx bisa juga redirect dengan file htaccess namun menggunakan webserver apache. berikut caranya disini
Semoga bermanfaat.

referensi :
nginx official

[solved] composer Content-Length mismatch

composer Content Length mismatch

 How to solve composer Content-Length mismatch error

Content-Length mismatch, received 573177 bytes out of the expected 761373
https://repo.packagist.org could not be fully loaded, package information was loaded from the local cache and may be out of date
Your requirements could not be resolved to an installable set of packages.

Just change the composer default repo url:

composer config -g repo.packagist composer https://packagist.org
composer config -g github-protocols https ssh

It changes or sets the packagist repo to be used by https only.

see other post @ qodrbee

[tutorial] Cara Mengirim Isi Form ke Whatsapp

Selama ini kita sudah ketahui bersama bahwa mengirim pesan WA dapat lewat web atau lewat URL. Lebih tepat nya lewat http://api.whatsapp.com/send?phone=628975835238&text=Assalamualaikum%20mas%20usman .
Namun cara ini punya banyak keterbatasan, diantaranya…

  1. hanya bisa jalan jika menggunakan google chrome
  2. bagaimana kalo yang dikirim text nya dari suatu form
  3. loading yang cukup lama ketika mau mengirim pesan di api.whatsapp.com

Nah kali ini saya akan membeberkan rahasia dahsyat cara mengirim pesan whatsapp lewat form secara instan tanpa coding… serius tanpa coding. Saya jamin tanpa coding… kalau sampai coding Anda boleh datengi rumah saya (sambil bawa oleh2) untuk komplain… haha

oke kembali ke laptop… jadi ceritanya kita punya form lalu ingin agar auto sent ke WA isi form tersebut. Caranya cukup mudah… anda hanya perlu :

  1. install plugin wordpress woowa dari http://woo-wa.com
  2. buat form
  3. setting plugin
  4. submit form

oke kita jabarkan

1. Install plugin woowa

pastikan web anda menggunakan wordpress jika bukan maka skip sampe bawah lalu klik share. kemudian kunjungi https://woo-wa.com untuk mendapatkan plugin woowa. Anda juga dapat mencoba berbagai demo disana.

woowa whtasapp gateway notifier api

Setelah mendaftar dan dapat akun sebagai member. Login masuk ke member area dan klik menu DOWNLOAD & UPDATE dan klik download.zip

woowa download page

Setelah di download install plugin tersebut di menu plugins > Add New klik Upload Plugin lalu Browse

Setelah itu active plugin itu di menu installed plugins dengan cara klik active. Oke sekarang plugin sudah berhasil active. selanjutnya kita perlu untuk setting konfigurasi agar dapat kita gunakan.

untuk selanjutnya akan kita setting plugin ini pada step 3. sebelum itu kita bikin dulu form yang akan kita gunakan untuk kirim ke WA.

2. Membuat Form

untuk membuat form dapat dilakukan dengan berbagai macam cara. Diantaranya dengan memakai plugin Contact Form 7 (CF7), elementor atau caldera Form dan lain nya. Kita coba dengan CF7. pertama install lewat plugins > add new . Search plugin Contact Form 7 lalu install dan activate.

contact form 7 install plugin

lalu klik menu Contact > add new dan buat form sesukamu.

PENTING!! jangan lupa tambahkan field no telp atau semisalnya agar di kirim ke nomor tujuan dan tombol submit tentunya. Kalau sudah klik save maka akan muncul shortcode. Contoh nya seperti ini
[contacts-form-7 id="296" title="Test Send WA via Woowa" html_id="contact-form-1234"] lalu copas. o iya saya tambahkan html_id="contact-form-1234" (khusus cf7) agar form nya ada id nya. karena id ini wajib ada untuk deteksi di plugin woowa. Bagi yang memakai selain cf 7 silahkan disesuaikan.

paste shortcode tadi di page. Klik pages > Add New lalu paste di textarea dan kasih judul form. Jika sudah maka save.

Lalu untuk lihat hasil nya klik View Page . Berikut contoh form yang berhasil dibuat dengan url yang terbentuk adalah http://qodrbee.com/online/test-form-send-wa-via-woowa/. Url ini akan kita pakai ketika setting nanti.

Oke form sudah jadi maka kita lanjutkan agar form ini terintegrasi dengan woowa, sehingga ketika di submit pesan akan terkirim ke Whatsapp.

3.Setting Plugin

Setelah mendapat license dari woo-wa.com masuk ke dashboard my.woo-wa.com untuk link WA Anda ke woo-wa sehingga terkoneksi. Setelah berhasil login di dashboard my.woo-wa.com klik add domain untuk menambah domain anda dan kli link WA untuk mengkoneksikan WA anda dengan woowa.

ketika link akan muncul popup untuk scan qr code, tunggu sampai qr code ter-load. setelah itu scan qr code menggunakan hp Anda yg terinstall whatsapp. klik pojok kanan atas pada aplikasi whatsapp pilih web whatsapp. jika masih bingung lihat video yg ada di samping qrcode pada popup.

Jika sudah scan qr code pastikan bahwa status link WA anda authenticated caranya klik more pilih check dan tunggu sampai statusnya keluar.

ada juga fungsi lain di pilihan more yg bisa anda coba-coba. seperti screnshot untuk melihat layar status WA Anda. Oke selanjutnya setting pada plugin woowa pada wordpress.

Pertama pastikan plugin woowa sudah terinstall. Jika belum lihat step 1
lalu klik menu Woowa Premium > woocommerce klik tab license lalu masukan license yang di dapat dari woo-wa.com

setelah activated license maka anda bisa menggunakan plugin ini. Untuk keperluan send form to WA pilih menu Custom Form lalu klik Add Custom Form masukan judul/ title form nya, terserah saja. Lalu klik Add Form, akan muncul accordion template form, pada sebelah kanan switch on untuk mengaktifkan template.

selanjutnya masukan url form yang tadi (step 2) sudah kita bikin. Url tadi misalnya http://qodrbee.com/online/test-form-send-wa-via-woowa/ lalu klik scan

setelah scan form by url akan di dapat data-data field name dan id. Masukkan form id dan phone number field seperti gambar. Anda juga bisa menyusun kalimat yang dirangkai dengan memakai field yang tersedia. Jika sudah klik save.

4. Submit Form

buka form dan isi field nya lalu submit

Setelah di submit cek WA seharusnya ada yang masuk seperti ini

selamat anda telah berhasil mengirim pesan dari form ke Whatsapp secara instan.

5. Ringkasan

untuk mengirim WA ini diperlukan

  • form yang ada id, field no telp dan tombol submit
  • form dapat dibuat dengan apa saja yang penting syarat di atas terpenuhi
  • form tidak di generate oleh ajax/javascript tp murni html css
  • scan url form dengan plugin woowa untuk mendapatkan id dan name field
  • buat template sesuai kebutuhan dan isi form id dan field name no hp
  • pastikan whatsapp Anda sudah terkoneksi dengan woowa.com

 

6. Demo

Demo : http://qodrbee.com/online/test-form-send-wa-via-woowa/

7. Konsultasi

Feel free to ask me at ztoro.code@gmail.com
or WA 08975835238
or Telegram @ztorocode