Cara mendapatkan URL playback google drive

Assalamualaikum Wr.wb sehat temen2 ? iyah mungkin tutorial ini hanya untuk anda yang pengen buat situs streaming dengan memanfaatkan cloud di google drive , kemaren ada yang tanya saya tapi orang bule :D mungkin ada juga orang indo :D , dan disini saya akan Share API nya gan untuk mendapatkan URL playback google drive, hehehe

tapi disini admin menyediakan services untuk generate link google drive :D hanya service loh bukan source code :) jadi agan bisa coding di php ataupun nodejs atau yang lain lah

Bagimana Cara Request API nya ?

tenang gan, admin sudah menyediakan layanannya request ke server http://embed-blukutuk.rhcloud.com upss itu bukan situs porno loh gan :D

Contoh Url Request

http://embed-blukutuk.rhcloud.com/api/generate/drive/?url=https://drive.google.com/file/d/0B8JnOc7tqLE0c1NtWEJpX1hjQmc/view?usp=sharing&token=Token Anda

oh iya disini admin buat nya menggunakan token gan hehehe jadi untuk tutorial kali ini admin akan kasih trial token 1 bulan sampai bulan oktober gan :)

Token Trial

S17B17Ep .

oh iya gan, token ini hanya sementara ya gan :) jika ingin mendapatkan token full hubungi admin :)

Output Linknya

sekarang tinggal kamu custom player nya deh :D semoga berhasil gan,

Butuh Token Untuk Player Kamu ?

hubungi admin gan :)

Nila

Muzaki

Sekian tutorial dari admin, maaf jika tutorialnya kurang enak di baca, saya bukan penulis gan :D heheheh

wassalamualaikum wr.wb

Download Source Code Tagihan PLN dengan PHP

Assalamualaikum temen2 syntax blog, sudah 4 hari saya fakum nge blog rasanya gimana gitu :D karena sibuk di dunia nyata, nah sekarang admin bawain oleh2 nih source code tagihan PLN bagi yang pengen buat aplikasi PPOB :D hehe tapi jangan di korupsi ya :D

di dalam source code ini saya menggunakan php, dan source codenya saya dapatkan dari ibacor, saya fork itu library :D haha bukan copy paste loh gan, tapi di github kan opensource jadi ya siapa saja boleh dong fork source code di sana :D
cara menggunakannya seperti ini gan

maaf untuk id pel nya saya sensor ya gan :D hahahah
nah untuk outputnya bagaimana ? ini contoh output nya sudah dalam bentuk json gan, enak di baca menurut seorang programmer javascript :D

begitu outputnya gan,.. dalam 1 bulan rumah admin cuman habis 50ribu :D hahaha gimana dengan rumah agan,.. yuk download source codenya dengan link di bawah ini

Download Source Code

terimakasih sudah berkunjung di blog ane gan, semoga hari mu menyenangkan :D
salam dari admin syntax blog,
wassalamualaikum wr.wb :)

Cara membuat halaman offline page dengan html5

Ini pertama kali postingan saya di blog ini. saya akan membahas mengenai Cara membuat halaman offline page dengan html5. sekarang sudah banyak situs2 yang menggunakan offline page. sering di jumpai jika di situs2 blog atau dengan static blog. langsung saja saya simak tutorial berikut ini

Buat Manifest File

manifest ini dugunakan untuk menyimpan sebuah cache pada website, mari kita mulai membuat manifest file nya.

cermai.manifest

 saya buatnya itu di folder /latihanHtml/ jadi jika anda membuat dengan nginx berarti di buat / (root) saja itu karena saya menggunakan apache :)

Sebelum menggunakan offline page

sebelum menggunakan offline page source code seperti itu , dan hasilnya seperti ini

Ketika Online

Ketika Offline

jika belum di tambahan cache html5 maka tampilan offpage nya default dari chrome, tapi jika saya coba tambahkan manifest tadi di html seperti ini

Sesudah Menggunakan Cache Manifest

contoh saya menggunakan nama file cermai.manifest terserah anda jika menggunakan nama kesukaan anda, dan ini hasilnya

walaupun offline tapi posisi tetap online, mungkin ini yang bisa saya bagi ke anda, terimakasih sudah mengunjungi syntax blog, semoga tambah semangat coding :)

Cara Akses API dengan PHP

Assalamualaikum wr.wb, selamat datang lagi di syntax blog. mungkin kemaren saya sudah jelaskan bagaimana caranya membuat sebuah API dari pemrograman PHP , jika belum tau silahkan di baca dulu Tutorial Membuat API dengan PHP.

kali ini admin akan membahas tentang cara mengakses API nya,. kemaren kan cara membuatnya ,. sekarang cara mengaksesnya :D

untuk tutorial kali ini saya menggunakan library sederhana yang telah saya buat untuk mengakses API menggunakan php,

nah semoga bermanfaat bagi agan yang lagi sedang latihan mengakses API, terimakasih sudah berkunjung di syntax blog, wassalamualaikum wr.wb

Kursus MongoDB Online Gratis

Assalamualaikum wr.wb, kalian sudah tau apa itu mongodb ? belum tau gan ? yahh agan masih berada di era mysql yah ? yuk migrasi, sekarang trend nya adalah nodejs + mongodb loh gan, masak masih pake mysql ? ya gpp sih ane juga gak maksa untuk migrasi :) ayo developer indonesia pahami mongodb sekarang sebelum ketinggalan jaman, ikuti kursus mongodb gratisss tisss

Register di universitas mongodb

sudah pasti kalo pengen kursus ya register dulu donk gan :) daftarnya di mana ? disini gan

https://university.mongodb.com/

cara registernya yaitu dengan cara klik Sign in kemudian klik Sign up

jika agan sudah mendaftar sekarang klik My Course

nah sekarang pilih catalog yang agan sukai :)

jika sudah klik Register dan tunggu sampai sesi di mulai ya untuk mengikuti source nya :D

contoh saja admin pilih yang node.js developers ,

tunggu sesi nya ya gan :)

nih admin sudah pernah ikut :D

semoga berhasil gan ,. dan semoga bisa mendapatkan nilai yang lebih memuaskan :D

sekian yang bisa ane share,. wassalamualaikum wr.wb

Cara monitoring website production ketika down dan mendapat notifikasi

Assalamualaikum wr.wb, apakabar temen2 syntax blog, ? apa kalian sudah ada yang punya situs online ? dan bagaimana cara agan cek apakah situs agan down atau up ? agan cek manual tiap hari gitu ? mungkin itu bisa, tapi sekarang sudah ada robot untuk cek otomatis apakah website kita down atau sedang up, dia bernama INSPING . agan sudah dengar apa itu INSPING ? . Insping adalah sebuah layanan untuk monitoring website kita,. tidak hanya memberi tahu jika website anda down, tapi juga memberi info seperti uptime, performa website, dan juga bisa di gabungin di Slack loh...

ok sekarang kita langsung saja praktek ya gan :)
pertama buka dulu situs https://www.insping.com/ jika anda belum punya akun nya silahkan register dulu, :) pasti belum punya kalo sedang baca artikel ini :D

jika agan sudah signup, sekarang coba klik manage setelah itu klik website

Masuk Ke Menu Manage

klik website

kemudian klik Start Monitoring

nah sekarang sudah masuk di monitoring,. tinggal di liat aja di dashboard gan,

sekarang jangan khawatir lagi jika situs agan down,. nanti jika down akan ada notifikasi di email gan :) keren kan,.. dan juga ada report mingguan gan,. memberi tahu bagaimana performa situs agan, 

terimakasih sudah berkunjung di syntax blog gan,. semoga bisa menambah wawasan agan :)

wassalamualaikum wr, wb :)

Bagaimana Cara Meletakkan tag script yang benar

Assalamualaikum teman2 syntax blog, kali ini admin akan membahas bagaimana caranya meletekkan tag <script> yang benar di html, loh kenapa harus ada aturannya ? iya kalau tidak berarti anda belum developer modern yang hanya ketak ketik dan tidak tau performa sebuah aplikasi.

ok kita pelajari dulu bagaimana cara kerja browser nge-load sebuah website.

Browser load website

pernakah anda mengetahui bagaimana cara browser membuka sebuah website ? seperti ini langkah2nya.

1. Mencari Html page (contoh index.html)
2. Kemudian Di parsing menjadi HTML
3. Hasil Parsing hanya merender Html di page tadi, belum termasuk mengambil external file, contoh tag yang mengambil external file adalah tag <script>
4. download external file
5. eksekusi external file
6. kemudian menjadi sebuah HTML page yang sempurna

langkah yang ke 4 menyebabkan pengalaman pengguna yang buruk. Situs web pada dasarnya berhenti memuat sampai anda men-download semua script.

Mengapa hal ini bisa terjadi ?

Setiap script dapat menyisipkan HTML sendiri melalui document.write() atau DOM Manipulations. ini berarti bahwa parser harus menunggu sampai script telah download. setelah semua ke download maka script bisa dimasukkan HTML sendiri dalam dokumen.

Namun sebagai developer javascript tidak lagi memanipulasi DOM pada saat halaman masih loading.

nah sebaliknya mereka pasti menunggu sampai semua DOM ke load di sebuah halaman, dengan contoh script di bawah ini.

javascriptnya

karena browser anda tidak tahu my-script.js tidak akan memodifikasi dokumen sampai semua ke download dan di eksekusi, parser berhenti parsing.

Rekomendasi Kuno

coba letakkan <script> setelah tag <body> karena hal ini memastikan parser tidak diblokir sampai akhir.

permasalahaannya : browser tidak bisa mulai men-download script sampai seluruh document ter parsing. 

Rekomendasi Modern

sekarang browser sudah mendukung attribute async dan defer pada tag <script> nah sekarang kita jadi di permudah dengan adanya 2 attribute tadi, dengan attribute ini akan memberitahu browser itu aman untuk melanjutkan parsing sementara script sedang di download

async

Script dengan atribut async dieksekusi asynchronously. Ini berarti script ini dijalankan secepat itu download, tanpa menghalangi browser sementara itu.

Ini berarti bahwa hal itu mungkin script-2 didownload & dijalankan sebelum skrip 1.

Menurut http://caniuse.com/#feat=script-async, 90% dari semua browser mendukung ini.

defer

script dengan attribute defer dijalankan dalam berurutan (yaitu pertama script 1, kemudian script 2). ini juga tidak menghalangi browser

Tidak seperti script async, menunda skrip hanya dilaksanakan setelah seluruh dokumen telah dimuat.

Menurut http://caniuse.com/#feat=script-defer, 90% dari semua browser mendukung ini. dukungan 92% itu setidaknya sebagian.

Kesimpulan

Saat ini state-of-the-art adalah penempatan script di tag <head> dan menggunakan attribute async atau defer . hal ini memungkinkan script anda untuk di download secepat mungkin tanpa menghalangi browser anda (atau biasa di sebut blocking code).

Hal yang baik adalah bahwa website Anda masih harus memuat dengan benar di 20% dari browser yang tidak mendukung atribut ini, sementara mempercepat lainnya 80%.

Wassalamualaikum wr.wb

sumber : http://stackoverflow.com/questions/436411/where-is-the-best-place-to-put-script-tags-in-html-markup

Source Code Soundcloud Downloader Nodejs

Assalamualaikum Wr.Wb, apa kabar temen2 setia syntax blog. ? admin berharap agan semua baik2 yah :) untuk kesempatan kali ini admin akan share source code tentang situs soundcloud downloader dengan nodejs, kenapa kok dengan nodejs ? kok gak php ? sejarahnya begini gan, dulu admin pernah buat module nodejs yang tentang soundcloud, nah kebetulan sekali gan, ane mau kembangin itu sebagai situs downloadernya soundcloud, nih screenshot nya :D

nahh cuman simple kan ? hehehe untuk cara menggunakan sudah saya posting di blog ane lain gan , bulan februari kemaren , heheh
Cara download lagu dari soundcloud

untuk download source codenya langsung saja di github ane gan :)
DOWNLOAD | DEMO

karena project ini saya jadikan opensource gan, jadi jika ada kesalahan lapor di sini ya gan :) untuk mendukung project ini selanjutnya :)
https://github.com/creativefull/downloader-soundcloud-nodejs/issues

Tunggu juga yang versi php dan desktop nya gan :)

terimakasih sudah berkunjung di syntax blog jangan lupa bookmark untuk dapat info lebih menarik gan :) thanks wassalamualaikum wr.wb

Var Sudah Mati ? Apa yang harus saya gunakan ?

Assalamualaikum wr.wb, langsung saja ke tema seperti yang ada dijudul , jika anda seorang developer javascript modern anda seharusnya sudah tidak lagi menggunakan var

Kami telah belajar tentang let dan const -apa yang mereka lakukan, dan bagaimana mereka scoped. Kita juga tahu ketika mereka dapat dipindahkan dan atau tidak, tapi ada pertanyaan: "apa yang harus saya gunakan ?"  .

Itu adalah sedikit topik panas dalam masyarakat sekarang, karena beberapa orang lebih memilih untuk tetap menggunakan var. Beberapa orang berkata, "var mati!" Beberapa mengatakan, "Menggunakan let." sementara orang lain selalu menggunakan const. 

var tidak mati-itu masih tidak apa itu selalu dilakukan-itu adalah fungsi scoped dan Agan dapat menetapkan kembali atau kembali mengikat. Agan mungkin sangat baik terus memilih itu. Tidak ada benar menjawab di sini, hanya pendapat. Check them out dan membuat keputusan sendiri. 

saya hanya menggabungkan kedua pendapat terkemuka di sini. Ini baik dilakukan oleh beberapa orang yang sangat, sangat cerdas dalam adegan JavaScript, jadi admin akan membiarkan Agan memilih sendiri. 

saya ambil kutipan dari Mathias Bynens . Dia mengatakan bahwa "const bukanlah tentang menunjang di mana Anda dapat mengubah properti."

Kemudian dalam artikel ia berbicara tentang let vs const... 

1. Menggunakan const secara default
2. Penggunaan let hanya jika rebinding diperlukan.
3. var harus tidak pernah digunakan dalam ES6.

Setiap kali agan membuat variabel, menganggap itu const. Hanya menggunakanlet jika Anda perlu memperbarui nilai variabel. agan dapat menggunakan constuntuk menjaga nilai yang sama. 

Lain populer pendapat di sini adalah dari Kyle Simpson, dan dia juga menulis sejumlah besar buku-buku JavaScript yang mengagumkan. 

1. Menggunakan var untuk variabel tingkat atas yang dibagi di banyak cakupan (terutama lebih besar). 
2. Menggunakan let untuk variabel lokal dalam cakupan yang lebih kecil.
3. Refactor let untuk const hanya setelah beberapa kode telah ditulis, dan Anda cukup yakin bahwa Anda punya kasus yang mana tidak boleh ada variabel penugasan kembali.  

Ia mengatakan, pada dasarnya, menggunakan var untuk berbagi cakupan yang lebih besar sehingga Anda dapat menempatkan mereka dalam fungsi Anda, dan menggunakan let dalam cakupan yang lebih kecil. Jika Anda menyadari kemudian bahwa Anda perlu untuk memperbarui nilai, Anda harus kembali dan membuatnyalet bukan const. Jika Anda menggunakan let, lebih mudah untuk kembali dan refactor mereka untuk const. 

Kedua dari mereka adalah pendapat yang sangat valid. Aku akan membiarkan Anda membuat pilihan Anda sendiri itu, tetapi melalui serial ES6.io, aku akan menggunakanconst secara default, let setiap kali saya perlu untuk menetapkan kembali sebuah variabel, dan tinggal jauh dari var sepenuhnya.   

terimakasih sudah mengunjungi situs syntax blog,. wassalamualaikum wr.wb :)

sumber : http://wesbos.com/

Membuat API dengan Php dan Mysqli

Assalamualaikum temen2, kalian sudah tau apa itu API ? API adalah Application Programming Interface. ini menurut saya yang utama kalo lagi buat project gan :D kenapa kok API nya dulu yang harus di bangun ? ya tunggu saja di postingan selanjutnya ya gan, saya pernah posting tentang cara membuat API di blog saya yang satu gan ,.. tapi menggunakan nodejs , sekarang admin tulis kembali menggunakan PHP gan :)

jadi API itu di tengah2 antara aplikasi 1 dengan aplikasi lainnya gan,. jadi agan jika sudah buat API, bisa buat aplikasi lebih dari 1 gan ,.. dengan 1 database,. keren kan, mungkin agan sudah pernah menjumpai aplikasi yang seperti itu :D

langsung saja saya bahas, pertama siapkan dulu koneksi mysql nya :D sudah pastilah

Buat Koneksi ke Database

saya buat koneksinya pake OOP ya gan :) hehehe
untuk memanggil koneksi seperti ini gan

Ambil Data

contoh script di atas hanya untuk menampilkan data dari table user saja gan,. untuk menampilkan dengan format json pastikan dikasih header('content-type: application/json') ya gan, dan jangan lupa pula untuk output di kasih json_encode 

contoh hasil query di atas seperti ini gan

cara aksesnya yaitu bisa dengan POSMAN bisa juga dengan tools kesayangan agan :)

http://localhost:2000/latihan-framework/?page=user

di atas saya menggunakan method POST gan ,.

hehehe mungkin hanya ini dulu gan yang bisa admin posting, nanti lain waktu admin posting yang restfull gan :) terimakasih sudah menyempatkan waktu untuk berkunjung ke blog saya ini gan :)

wassalamualaikum wr.wb

10+ Referensi Design Login Aplikasi

Assalamualaikum Wr.wb temen2,.. untuk tema kali ini admin ingin share referensi design login yang trend sekarang nih, semoga saja bisa memberi motivasi temen2 yang lagi hobi design web / android :)
langsung saja ya gan :)

1. Login & Home Screen

untuk mobile apps gan ,. bisa juga jadi referensi aplikasi web gan :)

2. Day 001

ini color palleate nya gan

3. Simply Login

4. Habitat Sign in

5. 25DaysOf

6. Email Client Login Screen

7. Sign in & Sign Up Form

8. Path Login

9. Skype re-design

10. Social App

11. Sudah Cukup Termotivasi ?

heheh jika agan sudah cukup termotivasi hargai postingan admin dengan cara mengeklik iklan yang ada di blog ini gan :) itu sebagai tanda support agan kepada blog ini :)

terimakasih sudah mau menyumbang recehan buat admin gan :)

sekian saja artikel dari admin gan jangan lupa share temen2 ya gan ,. wassalamualaikum wr.wb :)