Dimensi TutupBotol

Friday, August 21, 2015

Belajar Dasar HTML - Pengantar

Okieee... Langsung ajjah.... Di sini kita akan belajar HTML dari dasar lagi hehehe.. sekalian ngereview pelajaran sekitar 7 atw 8 tahun yang lalu eeeew... Ummm... Stuktur dasar HTML seperti terlihat di bawah, silahkan diketik dalam notepad,

setelah itu disave dengan format .html seperti terlihat di bawah :

Stelah itu double klik filenya, atau buka dengan chrome atau firefox

Yaaapzzz... Moga satu contoh itu bisa ngasih sedikit sense tentang HTML :D. Secara umum HTML memiliki beberapa bagian dasar sebagai berikut :
1.Tag
Tag adalah teks khusus (markup) berupa dua karakter kurung siku "<" dan ">", contohnya <body> berarti adalah tag body. Umumnya tag ini ditulis secara perpasangan, yaitu tag pembuka dan tag penutup. Contoh tag pembuka <body> dan tag penutupunya </body>, jadi ditag penutup itu ada slashnya "/

2. Element
Element terdiri atas tiga bagian, yaitu tag pembuka, isi, dan tag penutup. Contohnya elemet adalah
<title>
isi
</title>
Dan perlu digarisbawahi, klu element-element HTML itu tidak boleh ditulis saling tumpang tindih kyak misalkan

Yang bener kyk gini :

3. Attribute
Attribute itu nunjukin properti dari suatu element HTML. Contohnya kyk <body bgcolor="black" text="red">. Nah...bgcolor itu nama atributenya dan "black" itu nilai atributenya.
Daaan... Umm... bgcolor itu maksudnya background color, jadi warna backgroundnya layar jadi item, terus text itu warna textnya, terus ada juga attribute kyk link, alink, vlink, dsb.... :-). Contohnya misalkan kita buat kode HTML kyk di bawah :

Hasilnya :

Heeeem... beberapa kombinasi warna yang bisa digunakan yaitu aqua,black,blue,fuchsia,gray,green,lime,marron,navy,olive,purple,red,silver,teal,white,yellow.
Terus kita juga dapat nambain background yang bergambar. Pertama-tama siapkan gambarnya, terus simpen gambar tersebut didirectory yang sama dengan file htmlnya, terus masukin kodenya

Daaan hasilnya :

Dari kode diatas, terlihat bahwa background prioritasnya lebih tinggi daripada bgcolor soalnya klu mereka ditaro dua-duanya dalam kode html, justru yang dipake adalah yang background bukan yang bgcolor hehehe... :-)
Cukup sekian dulu untuk hari ini... :-)

Semoga bermanfaat...

Thursday, August 20, 2015

Basic Routing in Laravel 5.1

I'm using laravel version 5.1.10 in this post. If you still don't install it, you can see about my laravel installation process here and here. Aaand...I'm using XAMPP for viewing the laravel default page.
Okieee... Routing.... I don't really know about the best definition for routing :D But I just can say that Routing is something that can handle our request when we are typing a web page on the browser hehehe....For example when we are typing "www.google.com", this routing will capture that url then give us the available web page that can be accessed on the google server. Let's see an example in Laravel 5.1. Go to app/https then open the routes.php as shown below :

Default routes code is shown below :

Well.. What does this code do...? the answer is shown in below picture :

Sooo... the "/" in get function is like a directory that we requested on the web browser and return value of this get function is the content of page that is shown in our browser. Okiee... Let's change the return value :

This code will result :

Next, let's change the slash sign of get function as follow :

Now when opening the page, we have to add ~/hyosoka at the end of the url page because I'm changing the '/' to 'hyosoka' so the url now is http://localhost/HisokaLaravel/public/hyosoka

I hope above examples give you a good sense about how this route works on laravel hehehe...:D
Next, let's add some parameters to get function as shown below :

The result is :

Ummm... What happen if we open the page without itachi at the end...??? Let's see...

So we need to add a simple handler if user doesn't put itachi at the end of url page. It's just a simple code like :

The result if itachi == null or user didn't put the itachi at the end of url page :

Soo... That's the basic routing in laravel according to Hyosoka's mind :D.... Thanks... :-)