Laravel Mix menggunakan Purgecss


Pembahasan ini merupakan kelanjutan dari Laravel Mix dengan VueJs dan Laravel Mix menggunakan Tailwindcss. Di kedua pembahasan itu kita sudah mengintegrasikan Tailwindcss pada aplikasi yang dibuat dengan VueJS dan Laravel Mix. Pada pembahasan ini kita akan mengintegrasikan aplikasi tersebut dengan Purgecss.


Baca Juga : Laravel Mix menggunakan Tailwindcss



Purgecss


Purgecss merupakan tool yang membantu dalam menghapus kode CSS yang tidak digunakan. Tool ini sangat berguna ketika kita hanya menggunakan sebagian kode CSS dari Framework CSS yang memiliki banyak kode CSS di dalamnya. Dengan Tool ini dapat menghapus kode CSS tersebut sehingga mengurangi ukuran dari berkas CSS yang berdampak pada loading time di aplikasi.


Purgecss berperan penting saat menggunakan Tailwindcss karena ukuran dari Framework tersebut terbesar dari Framework CSS lainnya, dan mengingat ketika kita jalankan perintah npm production (compile dan minify) di Terminal (Cmd) pada folder aplikasi kita, seperti ini.

$ npm run prod

Maka ukuran berkas "app.css" akan sangat besar dan ada tanda "[big]" di sebelah kanan, seperti yang terlihat di bawah ini.


Untuk mengatasinya kita perlu menggunakan Purgecss yang mendeteksi Kode CSS dari Tailwindcss yang digunakan saja untuk dicompile.


Integrasi Purgecss

Pertama kita install dulu Purgecss untuk Laravel Mix menggunakan Node Package Manager (NPM), ketikan perintah seperti ini.

$ npm install laravel-mix-purgecss --save-dev

Sekarang pada berkas "webpack.mix.js", kita tambahkan kode menjadi seperti ini.


Globs untuk menentukan berkas yang ingin di deteksi Kode CSSnya, disini diatur semua folder yang ada berkas vuejs di folder src dan berkas "index.html" karena disana kita ada pakai Kode CSS di bagian titlenya.

Terakhir jalankan perintah npm production.

$ npm run prod

Maka ukuran dari Kode CSS di "app.css" menjadi jauh lebih kecil dari sebelumnya.



Sekian dari Laravel Mix menggunakan Purgecss. terimakasih

No comments :

Laravel Mix menggunakan Tailwindcss


laravel_mix_tailwindcss_sutandione

Di pembahasan sebelumnya Laravel Mix dengan Vuejs, kita sudah membuat aplikasi yang sangat sederhana dengan VueJs dan Laravel Mix. Pada pembahasan ini akan melanjutkan aplikasi tersebut dengan mengintegrasikan Framework CSS Tailwindcss.


Baca Juga : Laravel Mix dengan VueJs



Tailwindcss


Tailwindcss adalah kerangka kerja (framework) CSS yang memberikan dasar-dasar dari kode CSS ke dalam bentuk class-class kecil, sehingga mudah digunakan dan lebih ramah terhadap kustomisasi. Berbeda dengan Framework CSS lain yang memiliki UI Kit, seperti button, card, alert, table dan komponen lainnya yang sudah dirancang sehingga minim kustomisasi.


Cara Penggunaan

Ada dua cara dalam menggunakan Tailwindcss.

Tailwindcss menggunakan versi CDN (Content Delivery Network). Cara ini sangat cepat dan mudah untuk dilakukan, akan tetapi membatasi fitur dari Tailwindcss itu sendiri. Sebetulnya kita sudah gunakan Tailwindcss versi CDN pada aplikasi kita di berkas "index.html".

Cara kedua, menggunakan Node Package Manager (NPM) untuk menginstall Tailwindcss. Cara ini membuat kita bisa menggunakan fitur yang ada pada Tailwindcss. Fitur tersebut antara lain :

  • Membuat default tema sendiri.
  • Bisa menggunakan fungsi directive seperti @apply, @variant, dan lainnya.
  • Bisa menggunakan fitur group-hover.
  • Bisa menginstall third-party plugins.


Integrasi Tailwindcss

Kali ini kita akan menginstall Tailwindcss di aplikasi kita menggunakan NPM, pertama buka Terminal (CMD) di folder aplikasi kita. Kemudian jalankan perintah ini.

$ npm install mix-tailwindcss --save-dev

Pada berkas "webpack.mix.js", kita tambah kode menjadi seperti ini.

laravel_mix_tailwindcss_sutandione

Pada berkas "app.scss" di folder src, kita tambah kode ini untuk mengambil class dari Tailwindcss.

laravel_mix_tailwindcss_sutandione

Pada berkas "index.html", kita ganti CDN Tailwindcss dengan hasil dari compile berkas "app.scss" kita di folder dist menjadi seperti ini.

laravel_mix_tailwindcss_sutandione

Kemudian, jalankan perintah di terminal untuk compile berkas "app.scss" kita.

$ npm run dev

Hasil compile akan seperti ini.

laravel_mix_tailwindcss_sutandione

Terakhir tinggal buka berkas "index.html" kita di browser, maka tampilan aplikasi tetap sama seperti saat menggunakan Tailwindcss versi CDN.

Sampai disini kita sudah berhasil mengintegrasikan Tailwindcss dan dapat langsung memakai class di masing-masing tags HTML pada aplikasi kita.


Kustom Class

laravel_mix_tailwindcss_sutandione

Permasalah yang dialami saat memakai Tailwindcss versi CDN adalah penggunaan class yang banyak pada tags HTML seperti template kode HTML di atas terlihat banyak sekali class yang dipakai untuk komponen input dan button.

Hal itu membuat kode menjadi susah dibaca, untuk mengatasinya kita perlu menggunakan salah satu fungsi directive yaitu @apply yang mana kita dapat membuat kustom class sendiri dengan membungkus class yang ada di Tailwindcss.

Pertama kita buka berkas "app.scss" di folder src, disini dapat membuat class kita sendiri. Di bawah @component, tambahkan kustom class kita menjadi seperti ini.

laravel_mix_tailwindcss_sutandione

Berikutnya ubah class yang ada di dalam berkas "Todolist.vue" menjadi kustom class yang kita buat tadi.

laravel_mix_tailwindcss_sutandione

Jalankan perintah di terminal untuk compile.
$ npm run dev

Buka "index.html" di browser dan selesai, sekarang kita sudah bisa membuat kustom class sendiri dengan salah fitur directive Tailwindcss pada aplikasi kita.


Sekian dari Laravel Mix menggunakan Tailwindcss, terimakasih

No comments :

Cara Install Apache Cordova di Windows 10




Cordova adalah kerangka kerja (framework) untuk pengembangan aplikasi mobile yang bersifat open source. Framework ini pertama kali dimiliki oleh perusahaan Nitobi sebelum di akuisisi oleh Adobe Systems menjadi Adobe Phonegap, dan beberapa waktu kemudian meliris versi open source yaitu Apache Cordova.

Apache Cordova memungkinkan membuat aplikasi mobile dari kode HTML, CSS, Javascript dengan cara membungkus kode tersebut sehingga dapat di-build dan berjalan di berbagai jenis device.


Instalasi Node.js

Apache Cordova merupakan package yang berjalan pada Node.js, maka kita perlu install terlebih dahulu. Menginstall Node.js dapat langsung ke halaman website resminya disini https://nodejs.org.

Bila sudah terinstall, buka Terminal (Cmd) dan jalankan perintah berikut

# cek versi node.js
$ node -v

# cek versi npm
$ npm -v


Instalasi Cordova

Menginstall Cordova kita perlu Node Package Manager (NPM), dengan mengetikan perintah di Terminal seperti ini.

$ npm install -g cordova

Kemudian jalankan perintah di Terminal untuk mengetahui Cordova sudah terinstall.

$ cordova -v



Pengaturan untuk Platform Android


Dalam membuat aplikasi android di Cordova memerlukan Android SDK Tools yang perlu di install. SDK Tools sendiri sudah terintegrasi dengan Android Studio yang mana kita cukup install saja, akan tetapi menginstall Android Studio tanpa menggunakannya hanya memenuhi ruang bebas harddisk kita saja dan Android Studio juga tergolong software yang cukup berat.

Pada pengaturan ini kita coba menggunakan Android SDK Tools saja tanpa Android Studio, berikut Tools yang perlu di install dan pengaturannya.


Instalasi Java

Sebelum instalasi Android SDK Tools, Cordova membutuhkan Java Development Kit (JDK) versi 8 atau ke-atas yang sudah terinstal. JDK 8 dapat di-unduh di halaman website Oracle disini  https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html,
cari yang windows. Kemudian install.

Setelah terinstall kita perlu mengatur path di system environment variables. Di windows 10 kita cukup ketik "env" di bagian start search, maka akan ada suggestion seperti ini.



Klik "Open" maka akan tampil dialog seperti ini.



Klik tombol Environment Variables. Dalam user variables, buat variabel baru dengan nama JAVA_HOME dan value adalah tempat folder dari JDK yang di install, kemudian klik "Ok", maka hasilnya seperti ini.



Terakhir klik "Ok", restart komputer, dan jalankan perintah di Terminal.

$ java -version


Gradle

Gradle merupakan open source tool untuk menghimpun, membuat, dan memaketkan secara fleksibel dalam membuild berbagai jenis perangkat lunak. Cordova membutuhkan Gradle untuk membantu Android SDK dalam membuild aplikasi android. Gradle berjalan pada JDK versi 8 atau ke-atas, itulah mengapa kita install dulu JDK di awal.

Download Gradle ke halaman ini https://gradle.org/releases/, cari yang versi terbaru dan pilih yang binary-only, karena kita cuma butuh Gradle-nya saja tanpa dokumentasi dan samples.
Setelah itu di-extract, kemudian ubah nama folder menjadi Gradle dan taruh di folder program files.


Android SDK Tools

Android SDK Tools memiliki dua berkas yang perlu kita download, yaitu :

  1. SDK Tools dapat download disini https://developer.android.com/studio, cari di paling bawah bagian Command line tools only yang versi windows.
  2. Platform Tools dapat download disini https://developer.android.com/studio/releases/platform-tools yang versi windows.

Masing-masing di-extract dan ditaruh ke folder baru di program files dengan nama "Android". Sehingga dalam folder android ada folder platform-tools dan tools.


Pengaturan Environment Variables

Struktur direktori saat ini :


| D:\Program Files
| -> Android
| | -> platform-tools
| | -> tools
| -> Gradle

Pada bagian ini sama seperti Instalasi Java saat mengatur path di system environment variables. Kali ini kita tambahkan tiga variabel yaitu:

  • GRADLE_HOME, dan value dari letak folder gradle.
  • ANDROID_SDK_ROOT, dan value dari letak folder android.
  • ANDROID_HOME, dan value juga sama seperti ANDROID_SDK_ROOT.

Maka akan menjadi seperti ini.


Selanjutnya masih di tempat yang sama, cari variabel path di user variables, kemudian klik edit, maka tambahkan environment variable seperti di bawah ini.


Tahap terakhir klik "Ok", kemudian restart komputer.


Instalasi Android SDK Tools

Setelah kita melakukan pengaturan terhadap Gradle dan SDK Tools, maka kita sudah bisa mengaksesnya di Terminal dan dapat menginstall SDK Android lewat sdkmanager di Terminal.


Di halaman dokumentasi Cordova disebutkan bahwa versi terbaru dari package android yang bisa digunakan adalah Android API Level 28, berarti kita perlu install versi tersebut dengan perintah di bawah ini.

# melihat package yang sudah terinstall dan dapat install.
$ sdkmanager --list

# install android api level 28
$ sdkmanager "platforms;android-28"

# install build-tools untuk api.
$ sdkmanager "build-tools;28.0.3"

# untuk update sdkmanager
$ sdkmanager --update

Bila sudah terinstall maka akan masuk ke Installed Package.


Sampai disini kita sudah selesai melakukan pengaturan dan instalasi Tools yang diperlukan.



Membuat Aplikasi Android dengan Cordova

Pada bagian ini kita coba membuat aplikasi sederhana bawaan dari cordova, dan membuild aplikasi kita menjadi aplikasi android.

# buat aplikasi cordova
$ cordova create hello com.example.hello HelloWorld

# masuk ke folder aplikasi
$ cd hello

# tambah platform android.
$ cordova platform add android

# untuk cek tool yang dibutuhkan sudah terinstall
$ cordova requirements

# membuild aplikasi android.
$ cordova build android

Aplikasi yang kita sudah build berada pada folder platforms\android\app\build\outputs\apk\debug di project aplikasi kita.




Sekian dari Cara Install Apache Cordova di Windows 10, terimakasih.

No comments :

Mendapatkan Uang Dari Adf.ly Tanpa Website Atau Blog

Banyak orang yang beranggapan mendapatkan uang dari internet itu harus memiliki sebuah website atau blog, itu semua salah menurut mimin hehe pasalnya mimin sebelum mempunyai website atau blog sudah pernah atau sering mendapatkan uang dari internet dan itu hasilnya pun cukup lumayan untuk kita traktir pacar makan bakso hehe, yang penting kalian semangat, konsisten dan berdoa. Jika kalian bisa pegang 3 kunci itu mimin yakin kalian bakalan jadi orang sukses dunia dan akhirat AAMIIN.

Sebelum mimin punya blog ini dahulu mimin mendapatkan uang dari Adfly dan juga masih banyak dari cara yang lainnya tapi tidak mimin bagikan sekarang, yang ingin mimin bagikan sekarang adalah cara mendapatkan uang dari Adfly tanpa harus mempunyai blog atau website. Tidak ingin panjang lebar langsung saja lihat caranya sebagai berikut.

  • Koneksi Internet
Jelas sekali koneksi internet sangat kita perlukan karena kita ingin mendapatkan uang dari internet

  • Kopi atau Teh hangat
Ini salah satu cara mimin menjadi semangat dalam mencari uang diinternet hehe

  • Komputer atau Handphone
Dulu mimin juga tidak punya komputer hanya menggunakan handphone saja yang penting bisa buat internetan.

  • Buka pencarian di Google
Inilah bagian yang sangat penting, kalian cari artikel yang menurut kalian banyak sekali peminatnya (mimin biasanya cari artikel tentang cerita Religi, Cinta, dan Inspirator) tapi kalau kalian temukan artikel lain yang lebih bagus tidak masalah. Jangan terpaku dengan artikel yang mimin pakai hehe.

  • Copy atau salin artikel
Kita salin artikel yang tadi kita cari, ingat tidak semuanya kita copy/salin hanya sampai bagian dimana cerita itu lagi seru-serunya.

  • Paste di Sosial media
Artikel yang kita salin tadi kita paste disosial media seperti Twitter, Facebook, dan lainnya. Ingat setelah di paste masih ada step selanjutnya jadi jangan dishare dulu.

  • Link/url Jadikan Adfly
Link/url artikel yang tadi kita copy artikelnya sekarang kita Copy link/url nya, lalu kita login adf.ly (jika belum punya akun adfly silahkan lihat cara daftarnya Disini) lalu kita paste link tersebut dan kita short link/url tersebut.

  • Copy Paste link Adfly
Setelah kita short url artikelnya tadi kita copy/salin lalu kita paste ke sosial media yang akan kita share artikel tadi.

  • Share di sosial media
setelah semua selesai selanjutnya adalah share kalau perlu kalian tag atau tandai keteman - teman kalian (ingat hanya teman yang terlihat aktif saja disosmed, karena akan percuma kalau tag sembarangan).
Selesai dan lakukan itu setiap hari sekali, jangan setiap satu jam sekali karena akun kalian akan terlihat seperti akun yang spam atau sampah. Dengan begitu kalian akan merasakan sedikit demi sedikit dollar kalian akan berjalan naik terus menerus.

Min masih bingung deh caranya ? Aduh, capek deh sudah panjang lebar enggak ngerti juga hehehe baca secara perlahan kalau bisa sambil dipraktekan mimin yakin kalian bakalan bisa. Hehe. Ini mimin kasih contoh cara posting di sosial media.
Mendapatkan Uang Dari Adf.ly Tanpa Website Atau Blog

Min itu kan artikel orang apa ntr kita kena pelanggaran hak cipta ? Tidak, justru dengan adanya ini artikel mereka tanpa kalian sadari sudah membuat artikel milik blog website tersebut semakin terkenal dan juga menaikan trafik pengunjung blog atau website mereka. Jadi kita untung dan pemilik blog atau website tersebut juga untung hehe. (yang merupakan pelanggaran hak cipta itu kalau kalian copy paste artikel blog lain ke blog kalian).

No comments :

Cara daftar adf.ly dan cara mendapatkan dollar dari blog dengan Adf.ly

Pernahkah kamu berpikir, bahwa Internet adalah sebuah ladang yang bisa kita gunakan untuk mendapatkan uang?. Ya, tentunya pemikiran seperti itu tidak semudah ucapan belaka, tentu banyak faktor-faktor yang menyebabkan seseorang bisa menghasilkan uang dari Internet.
Terlebih lagi, sekarang sudah ada metode "Get Paid to Shrink Your URLs" yang diterapkan oleh Situs yang bernama Adf.ly. Apalagi jika kamu memiliki Web atau Blog yang memiliki Traffic Rate yang tinggi, tentunya hal itu bisa di manfaatkan.
Sekarang mau Jaka jelaskan dulu apa itu Adf, Adf.ly adalah sebuah situs untuk kita dapat memperpendek URL (URL Shortner), sebagai contoh gini, kamu punya Link seperti https://jalantikus.com/download/800/plants-vs-zombies-2 ketika sudah disingkat akan menjadi seperti ini http://adf.ly/cQS4H
Sekarang paham kan apa itu Adf.ly?
Bagaimana Cara Mendapatkan Uangnya? Cara mendapatkan uangnya cukup mudah, Kita hanya perlu ambil URL yang ingin kita persingkat, lalu sebarkan Link yang sudah disingkat tadi kepada orang-orang, Maka setiap klik (SKIP AD) akan dihargai sekian dolar oleh Pihak Adf.ly
Tapi Saya Ga Punya Blog, Biar Banyak Klik-nya Gimana? Blog merupakan sarana yang krusial untuk kita mendapatkan klik, tapi jika kamu tidak memiliki Blog, Kamu masih bisa menggunakan Jejaring sosial yang kamu punya, tentunya dengan promo yang giat, serta link tujuan juga harus berkualitas, dan tentunya harus sabar ya.
Lalu, Bagaimana Cara Daftarnya? [list] [li]Pertama

Klik di Sini untuk mendaftar, klik JOIN NOW


Adf
[/li] [li]Kedua
Isi dengan benar dan lengkap form yang ada, dan masukan Email yang memang benar-benar Valid dan bisa digunakan, karena Email disini sangat mempunyai peran yang krusial.
Adf2
[/li] [li]Ketiga
Sekarang masuk ke Email kamu, Cek Kotak Masuk dari Adf yang menyertakan Kode Konfirmasi. Kamu Konfirmasi dulu ya, agar bisa Login ke akun yang tadi kamu buat.[/li] [li]Keempat - Bagaimana Cara Mempersingkat URL-nya?
Setelah kamu berhasil Konfirmasi, dan kemudian Login. Maka kamu akan dihadapkan dengan Dashboard dari Adf.ly, lalu masukan Link yang ingin kamu persingkat di Kolom yang telah disediakan, Lalu klik tombol SHRINK
Adf3
[/li] [li]Kelima
Maka kamu akan mendapatkan Link Shortner yang bisa kamu gunakan untuk meraup Dolar, Sisanya tinggal bagaimana kamu memanfaatkan Link tersebut sebaik mungkin.
Adf4
[/li] [/list]
Terus, Pembayarannya Lewat Bank Apa? Adf.ly tidak kenal dengan Bank Lokal, sehingga mereka mempercayakannya kepada PayPal dan Payza. Tapi dalam kasus ini, Jaka lebih menyarankan kamu untuk menggunakan PayPal, disamping namanya yang familiar, PayPal juga sudah dipercaya oleh jutaan penggunanya dalam transaksi Uang antar negara. Daftar PayPal sekarang juga.
Jika Sudah Punya Banyak Dolar, Bagaimana Cara Mengambilnya? Pembayaran akan dilakukan setiap minggu pertama di awal bulan secara otomatis, jadi kamu ga perlu Klaim lagi. Tapi, sekarang sudah ada Fitur "Daily Payout", sehingga kamu bisa ambil saldo kamu hanya dalam periode harian. Enak bukan?
Like Facebook Page, Follow Twitter atau add Google + JalanTikus untuk terus mendapatkan informasi terbaru seputar teknologi dan download software terbaru untuk PC dan Apps Android dengan Gratis, Aman dan Cepat.

No comments :

String Class in Java


Hi guys! After a long time..Huh :D Apart from my web articles, I thought to bring you more articles on Java. Actually Java is the most prettiest and versatile language for me. There's nothing that Java can not do in programming. Today I'm going to give you a comprehensive guide for Java String class. This will consists of information about StringBuffer and StringBuilder classes also. Hope you will get a good understanding about strings, at the end of this article. Let's go!!!

What is a String in Java? - It's a unique char sequence

What are the String classes in Java?

  • String
  • StringBuilder
  • StringBuffer


String Class


Differences between String classes

String - Immutable, Inefficient
StringBuilder and StringBuffer - Mutable, Relatively efficient

String class is immutable. That means strings can not be modified once it is initialized.
StringBuilder and StringBuffer classes are mutable. That means strings can be modified once it is initialized.

Declaration of Strings

There are two ways to declare a string in Java. Let's look into these two methods separately.

1. Use of String Literals
2. Use of new Key Word

What is the difference?

When we create without new keyword, it is created in a place called String Pool which is located in Java Heap Space. These are called String Literals. But If we use new keyword, those strings are stored in the Heap Space directly as objects.

String str1 = "Salitha";
String str2 = "Salitha";
String str3 = new String("Salitha");

When we consider the word "Salitha", it is always same if we assign it into 1000 variables. The above code contains 3 string variables. Strings referenced as str1, str2 and str3 are assigned to "Salitha". Since the value is same, both str1 and str2 references variables are pointing to the same char sequence. Both are created in the String Pool. But when it comes to str3, it's created as an object in the Heap.

The above image shows how 3 variables are stored in memory. If we check the equality of strings with Java, we can implement it like this..Here Java checks for variable references difference with the sequence of chars.


But you can see the content is equal in 4 variables.. So how to check the content of a string? We can do it. We have to use equals() method available in String class. If it finds that there is the same char sequence in the content, without looking at the place where it's located, it returns true!


If Strings are IMMUTABLE, what do methods in String class do? Don't they modify the string?

There is a list of methods that can handle strings in String class. Among them, most common one is concat() which helps to join strings. If strings immutable, how is this possible?
Let me explain!
Actually what these methods do is, only take a copy of the original string and perform the operations on it. Always the original is kept safe. We can check it like this using the below code snippet..

String s1 = "Hello ";
String s2 = "World";
String s3 = s1.concat(s2);
System.out.println(s3); // HelloWorld
System.out.println("s1: "+s1+" "+"s2: "+s2); // s1: Hello S2: World
s1 = s1.concat(s2);
System.out.println("s1: "+s1+" "+"s2: "+s2); // s1: HelloWorld s2: World

As soon as we assign the result into a variable(like in 6th code line), then only the variable value is changed. Whenever we use the string in a method like concat(), always copy of the string is passed into it..Not the original string..!!!

Some common methods in String class is listed below..


String str5 = "1@2.3";
System.out.println(str1.length()); // returns length of string
String[] splits = str5.split("."); // divide string by "."(dots) -> creates String array
System.out.println(splits);
System.out.println(str1.concat(str2)); // join two strings
System.out.println(str1.charAt(0)); // returns first char of string
System.out.println(str1.getBytes()); // convert string into bytes
System.out.println(str5.replace("@", ".")); // replace @ signs with dots in string
System.out.println(str1.substring(0, 2)); // returns the sub string indexed from 0 to 1


That's all about String class. Let's move on to the StringBuilder and StringBuffer classes..


StringBuilder Class

1. StringBuilder is MUTABLE.
2. Not Synchronized.
    - Not Thread Safe (Two threads can access the same StringBuilder object.)
3. More efficient.

How to declare?

StringBuilder sb = new StringBuilder("Hello ");
System.out.println(sb); // Hello


StringBuffer Class

1. StringBuffer is MUTABLE.
2. Synchronized.
    - Thread Safe (Two threads can not access the same StringBuffer object.)
3. More efficient.

How to declare?

StringBuffer bf = new StringBuffer("Hello");
System.out.println(bf); // Hello


Both these classes contains almost same set of methods..You can try out the methods shown in the below code snippet.


StringBuilder sb = new StringBuilder("Hello ");
sb.append("Good Morning!"); // append another string in to the end
sb.insert(0, "My"); // add char set into specified index
sb.substring(0, 2); // returns the sub string indexed from 0 to 1
sb.replace(0, 4, "Nice"); // replace the char set from 0 to 3


That's all guys! I hope you got a good understanding about String classes in Java by reading this article..That was my aim..This String class is one of the most used classes when we code a logic or do programming. So, it's very important to know these classes well....

Now i'll wrap up for today..

Good Bye guys!!!





No comments :

Laravel Mix dengan VueJS

laravel_mix_vuejs_sutandione


Laravel Mix adalah compiler bawaan dari Laravel untuk mengkompilasi asset yang bertipe JS, CSS, LESS, SASS dengan bantuan Webpack.

Webpack secara sederhana adalah modul bundler javascript yang dapat memperkecil ukuran assets, membentuk beragam asset menjadi satu kesatuan, dan mempermudah manajemen dependencies.

Walaupun Laravel Mix merupakan fitur bawaan laravel namun kita bisa menggunakan secara terpisah dari Laravel. Pada pembahasan ini kita akan coba membuat aplikasi serderhana menggunakan VueJS dengan Laravel Mix.


Baca Juga : Laravel Mix menggunakan Tailwindcss



Instalasi Kebutuhan

Sebelumnya pastikan bahwa kamu sudah install NodeJS terlebih dahulu. Untuk versi yang saya pakai adalah NodeJS versi 12.11.0. Jika belum tinggal download di halaman website resminya disini : nodejs.org.


Persiapan Laravel Mix

Pertama buat folder project baru dengan nama vue-mix. Buka folder tersebut di terminal (cmd). Ketikan perintah :

$ npm init -y
$ npm install laravel-mix --save-dev
$ npm install cross-env --save-dev

Jika berhasil ada output di terminal dan dependensi akan ada di folder project kita. Selanjutnya kita perlu mencopy file konfigurasi webpack.mix.js yang ada di module laravel-mix/setup dan memindahkan ke folder root project kita. Perintah :
$ cp node_modules/laravel-mix/setup/webpack.mix.js ./

terakhir kita perlu ubah file package.json di bagian :
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},

menjadi seperti ini.



Instalasi VueJS

Ketikan perintah untuk install VueJs.
$ npm install vue --save-dev

Kemudian kita buat folder dengan nama src dan buat dua file didalamnya dengan nama app.js dan app.scss. Di dalam app.js :


Di folder src/components buat file Todolist.vue dengan script ini :


Selanjutnya jalankan perintah untuk compile file vuejs kita.
$ npm run watch

Jika berhasil akan ada pesan "finished, please run Mix again", dan kalau error silahkan jalankan perintah :
$ npm install


Terakhir kita jalankan kembali perintah compile, maka di terminal akan seperti ini

laravel_mix_vuejs_sutandione

Akan ada folder dist berisi file script vuejs yang sudah di kompilasi, asset ini yang akan kita gunakan di aplikasi kita.


Bagian Akhir

Buat file index.html di folder project root kita, dengan script ini :


Buka file tersebut di browser, maka aplikasi sederhana kita akan jalan.

laravel_mix_vuejs_sutandione



Sekian dari Laravel Mix dengan VueJS, untuk source code ada link https://github.com/SutandiOne/vue-mix

No comments :

5 Publik DNS Server Terbaik 2019


dns_server_public_sutandione

5 Publik DNS Server Terbaik - pada kesempatan kali ini saya akan membagikan DNS Server untuk publik yang popular dan di rekomendasikan dalam memenuhi berbagai kebutuhan ber-internet. DNS menjadi penting ketika ingin melakukan control terhadap akses internet kita, seperti :

  1. Pembatasan akses ke situs tertentu, berguna bagi orang tua yang ingin membatasi akses internet anak-nya terhadap situs dan konten yang beredar.
  2. Perluasan akses untuk situs area geografis, berguna untuk mengakses situs atau konten yang hanya tersedia di negara itu saja.
  3. Keamanan dalam akses, DNS bekerja dengan control terhadap akses internet yang memungkin untuk membatasi setiap akses yang merugikan pengguna atau organisasi, contoh : akses dalam data sensitif perusahaan.
  4. Kecepatan dalam akses, DNS Server dipilih karena berbagi faktor dan salah satu faktor yang wajib dipertimbangkan adalah kecepatan akses situs dan konten di internet.


Baca Juga : Pengenalan DNS : Definisi, Fungsi, dan Cara Kerja



Internet Provider Service (ISP) yang dipakai biasanya secara otomatis menetapkan DNS Server kita saat terhubungan ke internet, dengan akses dari Server DNS-nya membuat data history (query) kita diambil demi kepentingan iklan dan lainnya, tentu ini adalah hal yang wajar terjadi dan menjadi salah satu faktor untuk beralih Server DNS. Ada beberapa faktor beralih Server DNS yaitu : keamanan, kecepatan, dan kebebasan kita mengakses di internet.


Server DNS Publik adalah Server DNS yang diperuntungkan untuk publik sehingga semua orang dapat bebas menggunakannya. Beberapa DNS Publik menyediakan layanan baik dan sangat berguna bagi kita saat mengakses internet. Berikut Server DNS Publik :


1. Open DNS

dns_server_public_sutandione

Open DNS merupakan DNS Server yang digunakan oleh 90 juta pengguna dari seluruh dunia, dan mengklaim bahwa layanannya dapat up-time 100%, adapun keunggulan dapat mengakses internet menjadi cepat, aman, dan stabil. Juga ada fitur FamilyShield untuk control terhadap perlindungan keluarga yang menyaring situs dan konten dewasa ( Selengkapnya disini ).

Server DNS

DNS Utama : 208.67.222.222

DNS Alternatif : 208.67.220.220

Alamat web : www.opendns.com


2. Google DNS

dns_server_public_sutandione

Google DNS merupakan layanan DNS Server dari perusahaan Google yang menjanjikan pengalaman mengakses internet lebih cepat, keamanan yang baik, dan hasil yang tepat tanpa pengalihan. DNS ini sangat baik dalam kelancaran mengakses internet, karena Host-nya berada hampir di seluruh dunia.

Server DNS

DNS Utama : 8.8.8.8

DNS Alternatif : 8.8.4.4

Alamat web : dns.google.com


3. Cloudflare 1.1.1.1

dns_server_public_sutandione

1.1.1.1 adalah layanan DNS Server tercepat saat ini mengalahkan Open DNS dan Google DNS. Layanan yang dibangun oleh Cloudflare ini bukan hanya cepat tapi juga mengutamakan privacy pengguna, dan secara terang-terangan mengatakan tidak akan pernah menjual data pengguna untuk kepentingan iklan.

Server DNS

DNS Utama : 1.1.1.1

DNS Alternatif : 1.0.0.1

Alamat web : 1.1.1.1


4. Quad 9 (9999)

dns_server_public_sutandione

Quad 9 merupakan layanan DNS Server yang mengutamakan keamanan dalam melindungi komputer atau perangkat lainnya terhadap serangan cyber saat mengakses internet. DNS ini memiliki sistem threat intelligence yang memblokir otomatis setiap situs web atau domain yang tidak aman secara realtime.

Server DNS

DNS Utama : 208.67.222.222

DNS Alternatif : 208.67.220.220

Alamat web : www.quad9.net


5. CleanBrowsing DNS

dns_server_public_sutandione

CleanBrowsing DNS adalah layanan DNS Server untuk kepetingan keluarga dalam mengakses internet dengan memblokir situs atau konten dewasa, dan juga perlindungan terhadap malware dan web phishing yang di perbarui setiap 2 jam sekali.

Server DNS

DNS Utama : 185.228.168.9

DNS Alternatif : 185.228.169.9

Alamat web : cleanbrowsing.org




Sekian dari artikel 5 Publik DNS Server Terbaik 2019, Semoga bermanfaat.

No comments :

Source Code Aplikasi Antiran Klinik dengan Framework Codeigniter




Kebutuhan akan aplikasi Antrian klinik di Indonesia pada saat ini sangatlah banyak sekali, Karena saat ini banyak klinik - klinik yang berkembang pesat, maka dari itu dibutuhkan aplikasi atau web yang berguna untuk membantu klinik tersebut, dari permasalah tersebut, kali ini saya akan sedikit reshare source code aplikasi antrian klinik yang dibangun dengan framework codeigniter. dengan adanya

No comments :

Pemrograman PHP Dasar

Struktur Script PHP

Kode-kode PHP dituliskan di antara tanda berikut ini:
<?php
...
...
...
?>
atau
<?
...
...
...
?>
Tips : diantara kedua aturan struktur di atas, sebaiknya gunakan struktur yang pertama
(diawali dengan <?php dan diakhiri dengan ?>). Mengapa? Ya... karena tidak semua web
server mengenali struktur yang kedua.

Menyisipkan Script PHP dalam Dokumen (X)HTML

Script PHP dapat juga disisipkan ke dalam dokumen (X)HTML. Berikut ini contohnya:
<html>
 <head>
 <title>Halaman PHP pertamaku</title>
 </head>
 <body>
 <h1>Script PHP dalam (X)HTML</h1>
<?php
 echo "Hello World!";
 echo "Hello World!";
 echo "Hello World!";
 echo "Hello World!";
 echo "Hello World!";
 ?>
 </body>
</html>
Karena dalam dokumen (X)HTML di atas terdapat script PHP, maka file di atas nantinya
juga harus disimpan menggunakan ekstensi .php, bukan .htm atau .html.
Coba tulis script di atas dan simpan dengan nama test3.php. Letakkan script ke dalam
folder ‘test’ seperti sebelumnya dan panggil dengan URL http://localhost/test/test3.php
Kita juga bisa menyisipkan lebih dari satu script PHP dalam sebuah dokumen (X)HTML
seperti contoh di bawah ini
<html>
 <head>
 <?php echo "<title>Halaman PHP pertamaku</title>"; ?>
 </head>
 <body>
 <h1>Script PHP dalam (X)HTML</h1>
 <?php
 echo "<p>Ini paragraph yang dibuat dengan script PHP</p>";
 echo "<p>Ini paragraph yang dibuat dengan script PHP</p>";
 ?>
 <p>Ini paragraph yang dibuat tanpa script PHP</p>
 <p>Ini paragraph yang dibuat tanpa script PHP</p>
 <?php
 echo "<p>Ini paragraph yang dibuat dengan script PHP</p>";
 echo "<p>Ini paragraph yang dibuat dengan script PHP</p>";
 ?>
 </body>
</html> 
Penggunaan Variabel

Variabel dalam pemrograman digunakan untuk menyimpan suatu nilai dan jika suatu
saat nilai tersebut diperlukan kembali untuk proses perhitungan, maka cukup
memanggil nama variable tersebut.
Dalam PHP, nama suatu variabel ditandai dengan tanda dollar ($). Berikut ini adalah
sintaks untuk menyimpan nilai ke dalam suatu variabel.
$namaVariabel = nilai;
Adapun beberapa aturan penulisan nama variabel adalah sebagai berikut:

  • Nama variabel harus diawali dengan huruf atau underscore ( _ )
  • Nama variabel hanya boleh dituliskan dengan alpha numeric a-z, A-Z, 0-9 dan underscore
  • Nama variabel yang terdiri lebih dari satu kata, dapat dipisahkan dengan underscore

Berikut ini beberapa contoh menyimpan nilai ke dalam variabel.
<?php
$teks = "Hello World!";
$sebuah_bilangan = 4;
$bilanganYangLain = 8.567;
$teks2 = $teks;
?>
Keterangan:

  • Perintah pertama digunakan untuk menyimpan nilai berupa string ke dalam variabel bernama $teks.
  • Perintah kedua digunakan untuk menyimpan nilai berupa bilangan bulat 4 ke dalam variabel bernama $sebuah_bilangan.
  • Perintah ketiga digunakan untuk menyimpan nilai berupa bilangan riil 8.567 ke dalam variabel bernama $bilanganYanglain.
  • Perintah keempat digunakan untuk menyimpan nilai yang tersimpan dalam variabel $teks, dalam hal ini juga “Hello World!”. 

Menampilkan Nilai Variabel

Untuk menampilkan nilai yang telah tersimpan dalam variabel, kita gunakan echo.
Berikut ini contohnya:
<?php
$teks = "Hello World!";
$sebuah_bilangan = 4;
$bilanganYangLain = 8.567;
$teks2 = $teks;
echo $teks;
echo "<br />" . $sebuah_bilangan;
echo "<br />Isi dari variabel \$bilanganYangLain : " . $bilanganYangLain;
echo "<br />Isi dari variabel \$teks2 adalah : " . $teks2;
?>
Keterangan:
  • Tanda titik (dot) digunakan untuk menggabungkan string. Dalam hal ini, nilai yang akan ditampilkan dianggap sebagai suatu string.
  • Tanda backslash (\) di depan $ pada script di atas digunakan untuk menampilkan tanda $ ke dalam browser. Coba lihat efeknya apabila tanda backslash ini dihapus. 
Assignment

Seperti yang telah disinggung pada bab sebelumnya (Bab IV) bahwa proses pemberian
suatu nilai kepada suatu variabel diistilahkan ‘assignment’. Tinjau kembali script yang
telah diberikan sebelumnya pada Bab IV berikut ini
<?php
$teks = "Hello World!";
$sebuah_bilangan = 4;
$bilanganYangLain = 8.567;
$teks2 = $teks;
echo $teks;
echo "<br />" . $sebuah_bilangan;
echo "<br />Isi dari variabel \$bilanganYangLain : " . $bilanganYangLain;
echo "<br />Isi dari variabel \$teks2 adalah : " . $teks2;
?>
Statement-statement yang saya blok tebal (bold) tersebut merupakan contoh
assignment. Apakah proses assignment hanya berupa bentuk tersebut? Yaitu
$namaVariabel = nilai; saja? Ternyata tidak hanya bentuk tersebut. Kita juga bisa
membuat proses assignment ke dalam bentuk lain, misalnya:
<?php
$a = ($b = 4) + 5;
?>
Wah… apa tuh maksudnya? Statement tersebut bermakna : Nilai $a adalah 9, yaitu
diperoleh dari $b + 5, dimana $b diassign dengan 4. Dengan demikian sebuah statement tersebut langsung memuat 2 buah proses assignment, yaitu assignment untuk variabel $a dan $b sekaligus.
Untuk membuktikan apakah benar nilai $a sekarang 9 dan $b adalah 4, coba tampilkan ke browser nilai kedua variabel tersebut. Bisa kan?

Operator Aritmatik
Dalam bahasa pemrograman secara umum, operator digunakan untuk memanipulasi atau melakukan proses perhitungan pada suatu nilai. Ada beberapa macam operator yang bisa digunakan, diantaranya adalah operator aritmatik, operator penggabungan string dan operator logika.
Untuk operator penggabungan string, sudah pernah kita gunakan di Bab IV yaitu menggunakan tanda dot (.). Operator logika akan kita bahas pada bab berikutnya karena sering digunakan pada statement kontrol. Fokus kita sekarang adalah pada operator aritmatik.
Operator aritmatik digunakan untuk operasi perhitungan yang melibatkan nilai berupa bilangan.

Contoh script:
<?php
$penjumlahan = 2 + 4;
$pengurangan = 6 - 2;
$perkalian = 5 * 3;
$pembagian = 15 / 3;
$modulus = 5 % 2;
echo "Hasil: 2 + 4 = " . $penjumlahan."<br>";
echo "Hasil: 6 - 2 = " . $pengurangan."<br>";
echo "Hasil: 5 * 3 = " . $perkalian."<br>";
echo "Hasil: 15 / 3 = " . $pembagian."<br>";
echo "Hasil: 5 % 2 = " . $modulus;
?> 
POST Request

POST request adalah proses mengirim data (submit) melalui form yang berasal dari (X)HTML. Karena PHP adalah bahasa program atau scripting, maka PHP bisa digunakan untuk menerima data hasil submit tersebut. Data yang diterima nantinya bisa diproses dalam script PHP. 

Untuk menerima data dari proses submit form dalam PHP, kita gunakan statement assignment berikut ini.
$namaVariabel = $_POST['nama komponen dalam form'];
Dalam hal ini, nama variabel boleh sama atau tidak sama dengan nama komponen dalam form. Namun… sangat disarankan, Anda membuat nama variabel yang berbeda dari nama komponen formnya untuk mencegah hal-hal yang tidak diinginkan, misalnya hacking.
Perhatikan contoh berikut ini:
Dalam contoh ini, kita coba membuat form HTML yang di dalamnya terdapat dua komponen input dua buah bilangan.

input.html
<html>
 <head>
 <title>Contoh Request POST</title>
 </head>
 <body>
 <h1>Input dua bilangan</h1>
 <form method="post" action="proses.php">
 Masukkan Bilangan 1 <input type="text" name="bil1" /><br />
 Masukkan Bilangan 2 <input type="text" name="bil2" /><br />
 <input type="submit" name="submit" value="Submit" />
 </form>
 </body>
</html>
Pada form di atas dapat kita lihat bahwa terdapat dua komponen dalam form, yang masing-masing memiliki nama ‘bil1’ dan ‘bil2’ (perhatikan atribut name="…" pada komponen). Keduanya kebetulan merupakan komponen form berbentuk text box.
Selanjutnya, perhatikan bagian atribut action="proses.php". Apa maksud dari atribut tersebut? Atribut ini memiliki makna bahwa apabila tombol submit tersebut diklik, maka data yang diisikan pada form nantinya akan dikirim dan diolah pada script bernama proses.php. 

Sekarang, kita coba buat script proses.php nya. Dalam script ini, kita coba untuk membaca nilai yang diisikan ke dalam form di atas, lalu menampilkannya ke browser. 

proses.php
<?php
$bilangan1 = $_POST['bil1'];
$bilangan2 = $_POST['bil2'];
echo "<p>Anda telah memasukkan bilangan pertama = ".$bilangan1. "</p>";
echo "<p>Anda telah memasukkan bilangan kedua = ".$bilangan2. "</p>";
?>
Anda juga menggabungkan script di atas dengan struktur XHTML yang lebih lengkap seperti di bawah ini.

proses.php
<?php
$bilangan1 = $_POST['bil1'];
$bilangan2 = $_POST['bil2'];
?>
<html>
 <head>
 <title>Contoh Request POST</title>
 </head>
 <body>
 <h1>Input dua bilangan</h1>
<?php
echo "<p>Anda telah memasukkan bilangan pertama = ".$bilangan1. "</p>";
echo "<p>Anda telah memasukkan bilangan kedua = ".$bilangan2. "</p>";
?>
 </body>
</html>
Selain cara di atas yaitu menyimpan nilai dari $_POST[] ke variabel tertentu, Anda dapat pula langsung menggunakan $_POST[] untuk diproses tanpa disimpan ke variabel tertentu. Perhatikan contoh berikut ini:

proses.php
<html>
 <head>
 <title>Contoh Request POST</title>
 </head>
 <body>
 <h1>Input dua bilangan</h1>
<?php
echo "<p>Anda telah memasukkan bilangan pertama = ".$_POST['bil1']. "</p>";
echo "<p>Anda telah memasukkan bilangan kedua = ".$_POST['bil2']. "</p>";
?>
 </body>
</html>
Sekarang kita tinjau contoh kedua. Pada contoh pertama kita buat script proses.php hanya sekedar menampilkan dua bilangan yang diinputkan pada form. Selanjutnya kita buat script berikutnya, misalkan masih tetap sama nama filenya yaitu proses.php akan tetapi digunakan untuk menampilkan hasil penjumlahan dua bilangan yang diinputkan tadi.
Adapun konsepnya hampir sama, yaitu pertama baca terlebih dahulu bilanganbilangannya lalu jumlahkan keduanya dan hasil penjumlahannya kita tampilkan.
proses.php
<?php
$bilangan1 = $_POST['bil1'];
$bilangan2 = $_POST['bil2'];
$jumlah = $bilangan1 + $bilangan2;
?>
<html>
 <head>
 <title>Contoh Request POST</title>
 </head>
 <body>
 <h1>Input dua bilangan</h1>
<?php
echo "<p>Anda telah memasukkan bilangan pertama = ".$bilangan1. "</p>";
echo "<p>Anda telah memasukkan bilangan kedua = ".$bilangan2. "</p>";
echo "<p>Hasil penjumlahannya adalah ".$jumlah. "</p>";
?>
 </body>
</html>


GET Request

Apabila POST request adalah proses merequest data melalui form, maka GET request adalah melalui URL.
Terkadang ketika browsing di internet, kita temukan URL atau link yang berbentuk misalnya seperti berikut ini http://situs.com/script.php?a=4&b=6
Perhatikan bagian URL yang saya kasih bold tersebut. Bagian tersebut dinamakan parameter. Konsep GET Request pada prinsipnya mirip dengan POST. Nah… pada contoh URL di atas maksudnya adalah mensubmit atau mengirim data ke script bernama script.php. Apa yang dikirim? Yang dikirim adalah nilai a = 4 dan b = 6. Nilai yang dikirim tersebut nantinya akan dijadikan sebagai input pada proses yang terjadi di script.php.

Selanjutnya bagaimana membaca input dari GET request tersebut? Caranya adalah menggunakan $_GET['nama parameter'];
Akan saya berikan contoh script untuk menjumlahkan dua buah bilangan yang diinput melalui GET request.

proses.php


<?php
$bilangan1 = $_GET['bil1'];
$bilangan2 = $_GET['bil2'];
$jumlah = $bilangan1 + $bilangan2;
?>
<html>
 <head>
 <title>Contoh Request GET</title>
 </head>
 <body>
 <h1>Input dua bilangan</h1>
<?php
echo "<p>Anda telah memasukkan bilangan pertama = ".$bilangan1. "</p>";
echo "<p>Anda telah memasukkan bilangan kedua = ".$bilangan2. "</p>";
echo "<p>Hasil penjumlannya adalah ".$jumlah. "</p>";
?>
 </body>
</html>
Lantas bagaimana menjumlahkan dua bilangan menggunakan script di atas yang menggunakan GET request? Caranya cukup mengetikkan URL berikut ini http://localhost/proses.php?bil1=100&bil2=150 

URL di atas akan menjumlahkan dua bilangan yaitu 100 (bil1) dan 150 (bil2).

Catatan: Tanda ampersand (&) digunakan untuk memisahkan antar parameter.
Anda juga menjalankan script di atas melalui sebuah link.
jumlah.html
<html>
 <head>
 <title>Contoh Request GET</title>
 </head>
 <body>
 <a href='http://localhost/proses.php?bil1=100&bil2=150'>Klik di sini</a>
 </body>
</html> 

No comments :

Sistem Informasi Klinik Menggunakan Framework Codeigniter







Sistem Informasi Klinik Gigi Dengan Menggunakan Framework Codeigniter, software untuk mengakses informasi klinik secara internet. Sistem Informasi Berbasis Web Yang Gratis dan Menggunakan PHP database MySQL

Selamat malam sobat programmer semuanya, semoga dalam  keadaan sehat selalu, kali ini saya akan menginformasikan, bagi sobat semuanya yang sedang mengembangkan sistem informasi klik

No comments :

Source Code Website Kampus dengan Laravel 5.8 + Demo
















Source Code Website Kampus dengan Laravel 5.8 - Rp 290.000



BELI 





Web kampus ini bisa digunakan untuk website kampus atau sekolah. Website ini dibangun dengan menggunakan Framework Laravel yang cocok untuk sekolah dan Universitas.  Bagi teman yang ingin membuat website menggunakan laravel, source code ini cocok sebagai sample.



Update Log



Version 1.0.1 – Agustu 1, 2019:

No comments :

File Manager Untuk Laravel








Hai sobat developer, kali ini saya akan share tentang file manager yang bisa teman-teman gunakan pada project laravel. Laravel mendukung filesystem yang sangat banyak, mulai dari mendukung penyimpanan dengan driver ftp, aws dan sebagainya.

Laravel file manager laravel akan di butuhkan ketika kita akan mengupload berupa gambar, video, ducoment dan file asset lainnya. Package dari alexusmai

No comments :

Laravel 5.8 Upload File dengan Dropbox API

laravel_dropbox_api_sutandione

Dropbox adalah sebuah media penyimpanan online untuk berbagai file atau berkas, di artikel ini saya akan membahas bagaimana membuat aplikasi laravel untuk mengupload berkas gambar ke Dropbox menggunakan laravel package yang disebut spatie/flysystem-dropbox. Paket modul tersebut akan berguna sebagai penghubung antara filesystem laravel dengan dropbox.


Kebutuhan yang diperlukan

----- Framework laravel versi 5.6 ke atas.
----- Database server yang sudah terinstall.
----- Akun Dropbox


Pengaturan Dropbox API


Sebelum kita terjun ke aplikasi laravel, pertama kali kita harus membuat Dropbox API di akun kita. Dengan cara membuatnya disini : https://www.dropbox.com/developers/apps/create . Pilih Dropbox Api, baru Pilih App folder, terakhir masukan nama aplikasi dan klik Create app.
dropbox_api_sutandione

Maka kita langsung diarahkan ke halaman settings API kita, masih di halaman yang sama klik generated access token, untuk mendapatkan token sebagai kunci mengakses API kita.

dropbox_api_sutandione


Membuat Aplikasi Laravel

Untuk membuat aplikasi laravel seperti biasa kita ketikan perintah ini di terminal.
composer create-project --prefer-dist laravel/laravel sutandione


Membuat Model, Migration, dan Controller


Setelah masuk ke folder projek "sutandione" yang dibuat tadi, kita harus membuat Model untuk menyimpan nama berkas kita ke dalam database untuk itu dibutuhkan juga Controller dan Migrations, berikut perintahnya :
php artisan make:model Berkas -mc


Model Berkas

Pertama kita akan ubah script model menjadi sesuai dengan kebutuhkan aplikasi kita, yang dimana memerlukan beberapa field yaitu : nama, ekstensi, ukuran.



Migration Berkas

Masuk ke bagian Migration disini untuk membuat table dan field yang ada di database, seperti yang ada di Model, kita akan menambahkan field tersebut.


Selanjutnya kita mengeksekusi Migration yang kita buat, tapi terlebih dahulu kita harus mengatur file .env yang berguna sebagai tempat konfigurasi aplikasi laravel. disini kita mengubah konfigurasi database kita sesuai menjadi :


Jangan lupa buat dulu database sesuai dengan nama DB_DATABASE, lalu kita jalankan perintah untuk membuat database.
php artisan migrate


Instalasi dan Konfigurasi Paket Modul


Sekarang melakukan instalasi spatie/flysystem-dropbox menggunakan composer.
composer require spatie/flysystem-dropbox

Selesai menginstall paket modul kita perlu setting di config/filesystems.php dan kita akan menambahkan driver baru untuk filesystem dengan nama dropbox, seperti dibawah ini.


Seperti yang dilihat kita menambahkan driver baru yaitu dropbox, disitu ada keterangan authorizationToken yang mengarahkan ke file .env kita, maka bisa kita tambahkan token yang kita dapat diawal ke file .env kita sekarang.
DROPBOX_TOKEN=Token_kita

Setelah menambah driver Dropbox, kita perlu membuat service provider untuk menjalankannya.
php artisan make:provider DropboxServiceProvider

Selanjutnya membuat Service Provider yang kita buat dikenali oleh aplikasi, sehingga harus menambahkan script di bawah ini ke config/app.php pada bagian Package Service Provider


Berikutnya tinggal ubah script DropboxServiceProvider menjadi seperti ini


Dengan ini kita sudah selesai mengintegrasikan filesystem dropbox ke aplikasi kita.


Berkas Controller

Pada bagian ini kita mulai dengan membuat Controller yang berguna sebagai pengatur hubungan antara Model dan View di aplikasi kita. Di dalam Controller aplikasi kita memiliki beberapa function atau fungsi yaitu : index,store,view,download,delete yang akan digunakan untuk callback dari Route kita nanti.


Routing

Route di laravel bertujuan untuk mendaftarkan URI kita sendiri agar bisa mengakses Controller aplikasi kita yang sebelumnya telah dibuat. Disini kita membuat 5 Route sesuai dengan yang ada di Controller.


Berkas View

Sampai pada bagian terakhir dari aplikasi laravel kita yaitu View, berbeda dengan function view yang ada di Controller yang berfungsi untuk menampilkan gambar, View yang ini berfungsi sebagai tampilan atau user interface dari aplikasi kita. Sebelumnya kita buat dulu file viewnya di folder resource/views, buat file dengan nama "index.blade.php" .


Selamat aplikasi kita sudah selesai tinggal jalankannya lewat terminal.
php artisan serve

Hasil akhir dari aplikasi yang dibuat

aplikasi_laravel_dropbox_api_sutandione

Sekian dari artikel Laravel 5.8 Upload File dengan Dropbox API, Semoga bermanfaat.

No comments :