Saturday, May 20, 2017

[catatan] Embed Responsive Google Maps on website

Untuk memasang google maps pada website, langkahnya sangat mudah, ketika berada digoogle maps, zoom in area yang ingin anda tampilkan di web, clik icon gear, dan pilih Embed Maps pada menu.
secara default, maps yang kita sematkan pada website belum responsive, artinya panjang dan lebar google maps yang akan kita tampilkan tidak dapat menyesuaikan ukurannya terhadap kontainer, untuk itu perlu dilakukan sedikit modifikasi agar tampilan maps kita menjadi lebih responsive, caranya sangat mudah :

  1. letakkan code dari google maps dalam sebuah kontainer, misalnya dalam class "google-maps" :
  2. contoh :

  3. lalu di file css anda tambahkan properti berikut :
  4. .google-maps {
    position: relative;
    padding-bottom: 75%; // This is the aspect ratio
    height: 0;
    overflow: hidden;
    }
    .google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    }

Friday, May 19, 2017

Transportasi Konvensional

Baru saja melihat video tentang kejadian sweeping oleh beberapa oknum supir taksi terhadap driver ojek online, katanya kejadian tersebut terjadi di pekanbaru, kelihatannya sempat terjadi kontak fisik dan makian. Sebenarnya kita menyayangkan hal ini terjadi. Seharusnya bapak-supir taksi konvensional tersebut ( yang seiring dengan waktu yang berjalan tak bisa lagi disebut konvensional, lebih tepat disebut cara lama atau kuno) tidak melakukan demo atau sweeping kepada penyedia angkutan online, tetapi yang mereka demo adalah perusahaan tempat mereka bekerja untukmengadopsi teknologi agar dapat bersaing di tahun tinggi ini.
Melarang transportasi online beroperasi sama halnya dengan

  • Perusahaan mesin tik marah dengan Microsoft karena MS Wordnya 
  • Perusahan POS marah dengan provider seluler karena SMS dan Internet Messagingnya 
  • Perusahaan Surat Kabar marah dengan portal berita online 
  • Karyawan yang tidak mendapat job karena kalah dengan karyawan yang mahir bekerja dengan komputer 
  • Atau Staf yang mahir menggunakan browser untuk mengakses youtube atau facebook kalah dengan Staf yang mahir mengatur setingan kertas untuk mencetak dan menggunakan email dengan baik dan benar (eh… ini dah lain kasus ya :D )
Sekian terimakasih ;D

Friday, May 12, 2017

[catatan] Belajar Laravel - error php artisan migrate laravel 5.2

Pada saat melakukan migrate melalui command prompt php artisan migrate , jika terjadi error seperti ini [PDOException] SQLSTATE[HY000] [2002] Connection refused, berikut penjelasannya :

  • pada file .../config/database.php

    'mysql' => [
    'driver' => 'mysql',
    'host' => env('DB_HOST', 'localhost'),
    'port' => env('DB_PORT', '3306'),
    'database' => env('DB_DATABASE', 'forge'),
    'username' => env('DB_USERNAME', 'forge'),
    'password' => env('DB_PASSWORD', ''),
    'charset' => 'utf8',
    'collation' => 'utf8_unicode_ci',
    'prefix' => '',
    'strict' => false,
    'engine' => null,
    ],
      ditentukan konfigurasi port adalah '3306'


  • sedangkan pada file../.ev


    DB_CONNECTION=mysql
    DB_HOST=127.0.0.1
    DB_DATABASE=bpkadapps_db
    DB_USERNAME=bpkadapps_user
    DB_PASSWORD=bpkadapps_pass


    tambahkan code berilkut

    DB_PORT=3306

    (jika port sql anda 3306, biasanya akan berbeda jika anda menggunakan MAMP

Monday, November 28, 2016

[catatan] Mikrotik blok IP tertentu pada interface tertentu

[keterangan update]: judul sebelumnya : '[catatan] Mikrotik blok IP tertentu pada sebuah interface', sepertinya kata 'sebuah' agak kurang cocok :D

Skenarionya begini: saya memiliki beberapa buah server yang diakses oleh banyak client, client-client tersebut dikelompokkan oleh interface yang berbeda, untuk client didalam kantor menggunakan eth1 dan untuk client di luar menggunakan menggunakan eth2, jadi ceritanya saya ingin memblok akses beberapa server untuk client diluar kantor:

konfigurasi mikrotik :
1. ip > firewall, add 'filter rules'
2. pada tab general, Chain : forwar; Dst Address: x.x.x.x (ip server); in interface:etherx (interface yang akan diblok);out interface:etherx (interface server tujuan)
3. pada tab action, Action:drop;

demikian settingannya, jika ingin menambah server yang akan diblok cukup dengan menambah rules dan mengubah Dst address

semoga bermanfaat :)

mikrotik, winbox, network, tips, tutorial, admin

Sunday, October 9, 2016

[catatan] Instalasi Windows Server 2008 R2 Dell PowerEdge R730

Padahal, posting sebelum ini, mengabarkan bahwa pemilik blog ini telah pindah ke blog lain, ini akan kita bahas dilain kesempatan :D langsung sja kita kembali ke judul :D
Hampir dua hari berusaha melakukan Instalasi windows server secara manual ke perangkat Dell PowerEdge r730, mulai dari harddisk yang tidak terdeteksi, kemana-mana menari driver raid tidak ketemu, akhirnya saya menemukan artikel, atau user manual lebih tepatnya, karena artikel tersebut saya dapatkan dari website resmi perusahaan pembuat server tersebut. ternyata cara yang paling tepat untuk melakukan instalasi server tersebut adalah menggunakan fitur bawaan server, "Lifecycle Controlller" setelah membaca beberapa saat, dengan perasaan riang gembira, saya masuk ke lifecycle controller dengan melakukan rebooting sambil menekan "f10" pada keyboard, akhirnya masukklah kami ke dalam lingkungan konfigurasi bawaan dell :D, lalu langsung menekan dengan penuh perasaan tombol "Deploy OS", tak berselang lama, tiba-tiba muncul sebuah tulisan berisi peringatan "Unable to retrieve supported operating systems (SWCoo15) " mendadak kegembiraan tadi sirna kembali... (lebayy)...
akhirnya, setelah sempat hampir putus asa, saya berhasil menemukan sebuah solusi, lagi2 terdapat di web resmi Dell juga, sebuah updetan firmware lifecycle controller yang filenya tidak terlalu besar, yaitu sekitar 6GB :D, dengan ukuran itu, file tersebut harus diburning ke DVD dual layer atau dapat di burn ke usb flash drive sebagai alternatif, dengan menggunakan software yang banyak tersedia di internet, salah satunya Iso2disc seperti yang saya gunakan.
adapun cara melakukan updatenya sangat mudah, cukup mengikuti langkah-langkah seperti video dibawah :
file-file yang harus disiapkan :
Firmware LifeCycle Dell PowerEdge 730 (disarankan menggunakan download manager)

demikian catatan ini dibuat, semoga dapat juga membantu bagi anda yang membutuhkan, jika ada pertanyaan, silahkan melalui form komentar :D