My Blog

Vue Component dan Mixin Halo teman teman pada blog kali ini saya akan membahas mengenai component lebih tepatnya penjelasan secara rinci mengenai perbedaan Global Component dengan Local Component dan penjelasan secara rinci mengenai Mixin. Perbedaan Local Component dan Global Component  Perhatikan file yang isinya adalah kodingan global component Dan juga perhatikan file yang isinya Local Component Menurut saya perbedaan dari kedua komponen ini adalah dalam local component setelah inisialisasi setiap component misalkan ComponentA nah di dalam Vue nya kita harus meletakan komponen tersebut di dalam atribut dari sebuah element maksudnya setelah inisialisasi Component kita harus juga meletakan tempat komponen tersebut akan tampil sedangkan pada Global Component kita tidak meletakan component tersebut ke dalam atribut melainkan tinggal buat elemen nya saja dan masukan di dalam atribut html component tersebut. dan juga perbedaan lain nya adalah pada lo...

Containerization Halo teman teman pada blog kali ini saya akan membahas tentang apa itu containerization menurut pendapat saya. Konsep Containerization Konsep dari containerization adalah sama halnya dengan virtualization hanya saja containerization tidak harus menjalankan sebuah virtual machine hanya saja kita mengakses software atau sumberdaya dengan menggunakan cloud computing. sehingga apabila kita ingin membuat system operasi secara virtual dan bisa dijalankan dengan resource perangkat kita yang minim maka lebih baik menggunakan teknologi containerization. Kelebihan dari containerization 1. Waktu menyalakan virtual os lebih cepat 2. Bisa di share resource kepada pengguna lain 3. Bisa digunakan untuk perangkat dengan spesifikasi minimum. Kekurangan dari containerization 1. Dalam sistem keamanan data masih perlu dikembangkan. 2. Dalam pengembangan lebih lanjut perlu dipelajari lagi.    Teknologi yang digunakan untuk container...

Vue JS Filter & Form Halo teman - teman pada tutorial kali ini saya akan membahas mengenai pembuatan form dan filter menggunakan vue js silahkan di simak dan di coba yah Vue Form Ok tutorial yang pertama adalah pembuatan form menggunakan vue js dan form ini nantinya akan disimulasikan di server menggunakan php dan hasil dari inputan juga akan di tampilkan di bawah 1. Buatlah file baru dan masukan kode program seperti ini Pada kodingan di atas pembuatan form tersebut menggunakan v-model yang hasil inputan akan tampil di bawah form lalu form multiple select dan radio menggunakan data list yang mengambil data nya di options dan opsis lalu form ini akan di validasi menggunakan methods yang validasi nya apabila error akan ditampilkan di alert dan juga hasil inputan akan di tampilkan di server menggunakan php  Untuk kodingan php nya buatlah folder di htdocs dan di dalam folder tersebut buatlah file baru dan masukan kode nya seperti ini Sebelu...

Cloud Computing Delivery Model Halo teman teman pada tutorial kali ini saya akan membahas mengenai Cloud Delivery Model mulai dari pengertian dari Cloud Delivery Model lalu ada jenis - jenis dari Delivery Model dan akan membahas juga contoh studi kasus dari salah satu jenis dari Cloud Delivery Model Pengertian dari Cloud Delivery Model Cloud Delivery model menurut penulis adalah model pengiriman berupa paket - paket atau layanan yang diberikan atau ditawarkan oleh cloud. maksudnya adalah cloud delivery model ini lebih ke layanan atau aplikasi atau paket yang disediakan oleh server cloud. biasanya server cloud seperti Microsoft Azure, Google Cloud dan Amazon Web Service (AWS) menawarkan paket - paket atau layanan seperti layanan hosting web, penyimpanan data, database dan lain - lain. Dalam cloud delivery model ada 3 jenis yang harus diketahui diantaranya adalah sebagai berikut : • Infrastructure-as-a-Service (IaaS) • Platform-as-a-Service (PaaS)  • Software-a...

Vue JS Directive & List Pada tutorial ini akan membahas mengenai fitur vue js yaitu directive dan list silahkan di simak yah Directive Directive adalah atribut html yang ditambahkan atribut vue js sehingga vue js bisa melakukan perubahan pada atribut html tersebut. dan biasanya di tandai dengan v- seperti v-if untuk fungsi if dan juga v-for untuk looping seperti foreach. Untuk pembuatan directive pertama buatlah file baru dan masukan kode seperti ini Pada contoh kode di atas memasukan directive v-if  untuk kondisi dan pernyataan dan menggunakan v-for untuk melakukan looping pada foreach dan menggunakan v-on:click untuk melakukan event handler pada button dan apabila dijalankan maka akan muncul tampilan seperti ini apabila di klik button nya maka akan muncul pesan sama seperti yang ditulis pada v-on:click List List pada vue js berfungsi sebagai pembuatan data berbentuk array atau object yang datanya lebih dari satu dan akan ditamp...

Tutorial Vue JS Life Cylce, Method, Tempate Halo teman - teman pada tutorial kali ini saya akan membahas mengenai vue js yaitu life cycle, method dan template dan bagi yang belum mengikuti seri tutorial vue js konfigurasi pertama bisa kunjungi link di sini Vue JS Life Cycle  Tutorial yang pertama yaitu Life Cycle dari Vue JS yaitu proses yang terjadi dari penggunaan vue js  1. Buatlah file dan masukan kode seperti gambar di bawah ini : 2. Simpan file tersebut dan jalankan di browser maka akan muncul tampilan seperti ini Penjelasan : 1. pada cycle before created maka object yang dimasukan ke dalam element masih kosong maka akan muncul undefined dan pada created akan dimunculkan isi dari objectnya 2. pada cycle before mounted yang terjadi adalah nilai data dari element yang belum dimasukan sehingga akan memunculkan isi dari data dan baru dimunculkan pada life cycle mounted 3. pada cycle before update dan updated harus memasukan perintah u...