Dimensi TutupBotol: July 2016

Sunday, July 31, 2016

Instalasi Package Forms & HTML di Laravel 5.2

Okiee... disini kita akan melakukan instalasi package form dan html di laravel. Untuk dokumentasi resmi laravel mengenai Form & HTML ini bisa dilihat di sini.. Daan.. dihalaman dokumentasi tersebut juga udah ada step2 buat instalasi packagenya di laravel pake composer.
So pertama-tama kita tambain require "laravelcollective/html": "5.2.*" dpackage.json seperti terlihat di bawah :

Terus composernya kita update...dan tunggu beberapa saat sampe prosesnya selese...

Setelah itu kita tambain provider baru, so beralih ke folder config/app.php, terus tambain yg ini :

 Collective\Html\HtmlServiceProvider::class,

Terus dfile yg sama, tambain juga aliases baru :

 'Form' => Collective\Html\FormFacade::class,
 'Html' => Collective\Html\HtmlFacade::class,

Naaah...selese deeeh.... :)... Kita coba dikit...mmm... masuk ke folder resources--view, terus buka welcome.blade.php :
Terus...tambain ginian...

{!! Form::text('price') !!}

Hasilnya :

Siiip... berarti instalasi packagenya udah berhasil... :D Silahkan dicoba2 hal-hal lain .... :D...

{!! Form::text('price') !!} <br/>
        {!! Form::text('test', 'value',[
            'class' => 'hisoka-control',
            'placeholder' => 'Petunjuk'
        ])!!}

{!!Form::number('myNumber',10,
        [ 'max' => 17,
           'min' => -7
        ])!!}

Sipp... cukup sekian... :)

Sunday, July 17, 2016

myFirst Express HellowWorld Node.js Project :D

Mari kita bikin projectnya dari awal pake nodeclipse.... :D

Terus klu kita run....klik kanan app.js, terus pilih run as node application :

Tampilannya di browser...

Yooooowh..... :D Terus klu kita ubah jadi Hellow Hisoka...

Hasilnya...

npm install connect in Nodeclipse

If you want to install connect module in nodeclipse, first thing you have to do is opening the package.json in your nodeclipse project like this :

Next.... add dependencies for connect-flass as shown below :

Next... right click on package.json, choose "Run as -- npm install" :

aaaand... doneee....

You can also install another module by just adding it here on depencies section, for example adding "passport-google-oauth": "*",

Then run it again as npm install...

Well... that's all... :D :D :D :D

Membuat Hellow World Node.js pake Nodeclipse

Nodeclipse itu free IDE untuk node.js.... So silahkan download di sini....

Terus silahkan download, terus silahkan diextract....abis itu silahkan di run... :D

Teruuuus..... kita buat new project... klik file , new, terus other :

Terus pilih Node.js project :

Ini projectnya kita pilih yang template empty dl... :)
Teruss... tambain file javascript baru,,, klik kanan projectnya terus pilih new, javascript file ;

Terus taorin container, dan nama filenya ;

Daaan... hasilnya :

Terus silahkan tambahkeun Hellow Worldnya :v

Klu di run...

Yeeeei.... :v :v :v

npm install connect

Membuat Server Sederhana(hellowworldserver) di Node.js

Okiee...dipostingan ini kita akan membuat server sederhana di node.js. Yang dibutuin cuma module default http, trs kita butuh callback request, terus start servernya diport tertentu. Untuk lebih jelasnya silahkan ketik kode ini :

var http = require("http");

//callback function, kode ini dieksekusi pas ada request
function onRequest(request, response)
{
 console.log("A request from user...."+request.url);
 response.writeHead(200,{"Context-Type": "text/plain"});
 response.write("Hellow disana....Terima kasih sudah akses server ini... :D");
 response.end();
}


//Start server and listen to port 8888
http.createServer(onRequest).listen(8888);
console.log("Server running....");

Terus kita start servernya pake cmd...

Hasilnya dibuka pake browser....

setInterval, dirname, & filename di Node.js

setInterval itu ampir sama dengan setTimeout, cumaaaan,,setTimeout itu dieksekusi cma sekali, tapi klu setInterval itu dieksekusi terus menerus.... Contohnya seperti inih...

Naaah... Hellow Hisoka akan diprint terus-menerus dengan interval 2 sekon... siipss..seperti itu ajjah yang setInterval....

Terus klu yang __dirname ituuu cuma ngasih liad directory file node.js kita...terus __filename itu selain dirname juga ngasih liad smpe filenamenya... contoh2nya kyk gini :

Seperti itu ajjah... :D

Dasar Pake Module di Node.js

Module berarti kita misah2in beberapa program ke dalam beberapa file. File berisi berbagai macam fungsi atau variabel dsb yang nantinya dipake oleh module atau program lain. Naah.. misalkan kita buat file aritmatik.js yg isinya :

function addNum(a, b)
{
 return a+b;
}

function divNum(a,b)
{
 return a-b;
}


var hay = "Hellow ini cuma variabel biasa... :D";

//Export masing2 fungsi buat dipakai diluar;
module.exports.tambah = addNum;
module.exports.kurang = divNum;
module.exports.test = hay;

Terus di mainProgram Node.js-nya module aritmatik ini dipanggilnya kyk gini :

var operasi = require("./aritmatik");

//Panggil masing2 fungsi dan variabel dari module aritmatik
console.log("Penjumlahan 9 + 8 = "+operasi.tambah(9,8));
console.log("Pengurangan 13 - 11 = "+operasi.kurang(13,11));
console.log("Variabel biasa = "+operasi.test);

Klu mainprogram.js ini kita jalanin hasilnya :

Naaah.... kliatan operasi penambahan, pengurangan, dan variabel biasa dari module aritmatiknya... :D
Btw... sebenarnya ada cara lain buat export sesuatu dari module, klo cara diatas kan terlihat agak ribet yaah..soalnya kita nulis fungsi atau variabel dl, trs nulis lagi buat nandain dia akan diexport. Taapi.. klu pengen sekali ajjah... carana kek gini nih...

module.exports = 
{
 perkalian: function(a,b)
 {
  return a*b;
 },

 pembagian: function(a,b)
 {
  return a/b;
 },

 stringBiasa: "Ini cara yang lebih simpel..:D"
}

Terus ngeload di mainprogram.js-nya juga sama...

//Ini cara yang kedua
var op2 = require("./aritmatika2");
console.log("Perkalian 3 * 7 = "+ op2.perkalian(3,7));
console.log("Pembagian 34/5 = "+op2.pembagian(34,5));
console.log("String biasa = "+op2.stringBiasa)

Hasil :

Daaan... yang perlu dicatet,,, Module disini itu kita ngereference yaaah,,, jadi klu ada variabel2nya diubah...maka akan secara otomatis berubah ditempat lain juga.. jadi klu g' mau pake reference, kita harus pake "return" didalam variabelnya...

Teruus... di node.js sendiri sudah banyak module2 default yang bisa kita pake {yaah kek librari bawaan gitu :D}, jadi tinggal panggil ajjah.. :D :D :D mmmm... misalkaan... kita pengen write and read file, tinggal panggil require("fs"); fs itu fileSystem, contohnya seperti ini :

//Default module untuk write and read file
console.log("\n\n");
var myFile = require("fs");
myFile.writeFileSync("hisoka.txt","This is Hisoka's awesome file... :D"); //baca file
console.log("Hasil read : "+myFile.readFileSync("hisoka.txt").toString());

filenya :

Sooo kek gitu ajjah cara makena ahahaha... simpel yaaak... :D :D :D
Mmm.... module penting yg lain mungkiiiin....mmmm.. module path, contohnya kek gini :

//Module path
var myPath = require('path'); //import path module
var hisokaWebHome = "Desktop/Hisoka//poipo/index.html";
var hisokaWebAbout = "Desktop\Hisoka/poipo/about.html";

console.log(myPath.normalize(hisokaWebHome)); //nyesuaian sesuai OS apa pake forward atau backslash
console.log(myPath.dirname(hisokaWebAbout));//dapatin directory name
console.log(myPath.basename(hisokaWebAbout));//basename
console.log(myPath.extname(hisokaWebAbout));//dapatin extension filenya

Naah... klu diliad, hisokaWebHome itu pake forwardslassh semua terus ada yagn doubleforwardslass malah...tapi begitu dinormalisasi, semuanya berubah menjadi backslash, jadi kliatan gunanya ehehe... :D

Terus yang dirname, basename, extname, jg cukup jelas dari gambar diatas... :D

Cukup sekian untuk pengenalan module di Node.js... :D