MENGENAL COMMENT DI PHP

Anda tentu pernah membuat sebuah catatan, petunjuk ataupun sebagian code yang dimaksud agar tidak dijalankan. Nah yang anda tulis itulah yang disebut comment. Secara umum comment pada PHP sama dengan model bahasa C/C++

Comment ada yang berlaku untuk satu baris (single line), maka digunakan tanda // atau #

<?php 
echo "ini dicetak ";

// echo ini tidak untuk dicetak
# ini juga tidak lho
?>

Sedangkan jika comment dimaksud digunakan untuk banyak baris (multi line), maka digunakan tanda pembukan /* dan diakhiri */

<?php 
/* Ini tidak untuk dicetak dilayar
    Biarlah saya tulisan sebagai catatan saja */

echo "dicetak di layar yang ini";
?>

Perlu dicatat bahwa untuk comment multi line PHP tidaklah sama persis dengan C, pada C comment multi line akan melakukan ketika pembuka /* ada satu dan kemudian penutup */ terdapat dua, maka yang terdapat diantara akan dianggap comment, bukan tanda pembuka. Sedangkan pada PHP menganggap satu pembuka /* hanya ditutup oleh satu penutup */

lihat berikut :

<?php

/* Ini catatan panjang
    kemudian diteruskan berikut */

yang ini lain lagi */
 echo "ini akan tampil di layar";
 
?>

Ketika dieksekusi maka akan terjadi error pada bagian yang ini lain lagi */. Karena bagian ini tidak mempunyai pembuka /*

MENDESAIN WEB BERBASIS GRID SYSTEM

Menggembangkan weblog atau template berbasis "Grid System" adalah salah satu alternatif untuk mempermudah penempatan dalam pembagian kolom. Sebagai kerangka tata letak halaman, supaya terlihat seimbang dan tertata rapih.

Ragam Jenis Framework dan Tool untuk Menggembangkan Grid

Ada beraga jenis tools dan framework yang dapat memandu anda mengembangkan desain weblog berbasis grid. Mulai dari yang kompleks seperti Blue Print dan 960 Grid System, sampai yang sederhana seperti The 1KB Grid dan Simple-css-grid.

Lihat Ultimate Guide To Grid-Based Web Design: Techniques and Tools lebih lengkapnya.

Prinsip Dasar Menggembangkan Desain Weblog Berbasis Grid

Prinsip dasar membangun desain grid adalah keseimbangan antar kolom berdasarkan rasio, yaitu:

1. Lebar Keseluruhan Layout

Lebar keseluruhan layout ini yang pertama perlu anda pastikan sebagai kerangka. Standart saat ini mungkin lebar yang tepat digunakan adalah 960 pixel (berdasarkan pertimbangan jenis monitor dan resolusi yang digunakan).

Lebar Keseluruhan Layout berdasarkan grid itu = Jumlah Kolom+ Lebar Kolom+Jarak antar Kolom.

2. Jumlah Kolom

Lajimnya kita dapat membuat jumlah kolom dalam suatu layout yaitu: 9, 10, 12, 14 atau 16. Jumlah kolom ini sebagai kerangka pembagian ruang elemen seperti Header, Post, Sidebar dan Footer.

3. Lebar Kolom

Masalah lebar tiap kolom ini berkaitan dengan jumlah kolom yang anda tentukan, atau sebaliknya. Lebar tiap kolom bisa 40, 60, atau 80 pixel.

4. Jarak antar Kolom

Jarak antar kolom ini adalah ruang terbuka, bisa sebagai pembatas tiap kolom. Lebar jarak antar kolom ini standarnya 10 atau 20 pixel.

Gambar dibawah adalah contoh Penerapan Grid System. Jumlah Kolom: 12, Lebar Kolom: 60px, Jarak antar Kolom: 20px, Lebar Layout keseluruhan: 960px.



Empat hal diatas bisa menjadi dasar kerangka grid. Namun untuk masalah detilnya anda dapat mengembangkan sendiri tanpa terpatok ukuran standar diatas.

Mark Boulton dalam Five Simple Steps to designing grid systems, menjelaskan mengenai sistem grid secara lengkap.

'Subtraction.com' : Contoh Kreatif Penerapan Grid

Membangun Weblog atau template yang berbasis grid, sebenarnya tidak perlu menggunakan jasa seperti framework atau tool grid. Anda dapat mengembangkannya sendiri dengan kemampuan teknik CSS.

Subtraction.com, bisa kita jadi contoh atau inspirasi untuk mengembangkan sistem grid yang menarik, tidak terlihat kaku. Blog yang bermain warna putih dan hitam ini sudah sangat populer untuk masalah grid, banyak sudah yang mereviewnya.



Lihat bagaimana desain grid yang diterapkan pada template yang merapat kekiri ini. Pembagian komposisi kolom yang menarik pada artikel untuk tanggal, judul, dan jumlah komentar.

Halaman berikut ini Grid Computi, mengambarkan bagaimana blog tersebut mengembangkan sistem grid di blognya.



Kreatifitas sipengembang desain berbasis grid tersebut yang membuat blog diatas terlihat elegan.

Penutup

Grid system hanyalah sebuah kerangka atau acuan desain weblog atau template agar terdapat keseimbangan ruang. Anda bebas mengembangkan desain berbasis grid sesuai kreatifitas anda.


Tambahan: Grid system juga bisa diterapkan dengan lebar berdasarkan fluid. lihat Fluid 960 Grid System

SEKILAS TENTANG 978 GRID SYSTEM

978gs — 978 Grid System adalah salah satu dari sekian banyak framework berbasis grid untuk pembuatan desain website. Sebagai varian yang termasuk masih anyar, 978gs mengklaim bahwa ia adalah framework berbasis grid dengan sistem yang lebih modern dan lebih baik.

978 grid system

978 Grid System menggunakan sistem 12 kolom. Lebar masing-masing 54px dengan gutters 30px. Total lebar kontainernya adalah 978 piksel. Mengapa 978 piksel? Kan sudah ada 960 piksel? Menurut si pembuatnya, sistem 978 ini sengaja dibikin untuk memberikan ruang yang lebih ketika kita mendesain sebuah web. Sehingga white-space lebih jelas dan dilihat lebih nyaman / longgar. Tapi menurut saya sendiri untuk memperjelas white-space dengan memakai sistem 960 pun masih sangat bisa tergantung penataannya.

978 Grid System juga menyertakan grid untuk mendesain tampilan PC tablet dan smartphone. Ketika kita mengunduh paket framework ini. Di dalam folder akan berisi framework sebagai berikut :

1. 1378 Grid template untuk layar dengan resolusi 1440×900 / wide 16:10.
2. 1280 Grid template untuk layar dengan resolusi 1280×800 / wide 5:3.
3. 978 Grid template untuk layar dengan resolusi 1024×768 / standard 4:3 dan landscape tablet.
4. 748 Grid template untuk portrait tablet.
5. 300 Grid template untuk tampilan layar smartphone.

Mungkin buat kamu yang ingin membuat desain web yang responsif dengan menggunakan sistemfixed-grid, framework ini sangat membantu karena sudah tersedia dalam berbagai ukuran layar. 978 Grid System juga sudah cross-browsers available. Saya kemarin sudah mencoba untuk membuat sebuah halaman depan dari sebuah website dengan menggunakan 978 Grid system dan hasilnya lumayan bagus.

Tertarik untuk mencobanya? silahkan kunjungi website resminya di http://978.gs. Untuk melihat properties display, ada tool bantuan di http://978.gs/measure/

MENGENAL PHP ARRAY

Bagi yang sudah pernah belajar programming pasti sudah tidak asing lagi dengan array. Dalam berbagai bahasa pemrograman yang saya pelajari, array (larik) adalah kumpulan data bertipe sama yang menggunakan nama sama. Namun pada PHP, array memiliki kelebihan yang tidak dimiliki oleh bahasa pemrograman yang lain. Kelebihan inilah yang membuat arraypada PHP menjadi sangat powefull.

Pertama-tama array pada PHP sama seperti pada bahasa pemrograman yang lain.

1 2 3 4

$arr = array(1, 2, 3); echo $arr[0]; // 1 echo $arr[1]; // 2 echo $arr[2]; // 3

Kemudian array pada PHP juga merupakan sebuah hash table.

1 2 3 4

$arr = array('satu'=>1, 'dua'=> 2, 'tiga'=>3); echo $arr['satu']; // 1 echo $arr['dua']; // 2 echo $arr['tiga']; // 3

Dan hebatnya, arraypada PHP memiliki ukuran yang dinamis.

1 2 3

$arr = array('satu'=>1, 'dua'=> 2, 'tiga'=>3); $arr['empat'] = 4; echo $arr['empat']; //4

Belum berhenti sampai di situ, array pada PHP juga bisa dengan mudah digabungkan.

1 2 3 4

$arr1 = array(1=>'satu', 2=>'dua'); $arr2 = array(3=>'three', 4=>'four'); $arr3 = $arr1 + $arr2; print_r ($arr3); //Array ([1]=>satu [2]=>dua [3]=>three [4]=>four)

Masih banyak kelebihan-kelebihan array pada PHP yang dapat dilihat di http://php.net/manual/en/language.types.array.php