Home

About Proweb

Services

Our Infrastructure

Portfolio

Articles

Career

Contact Us

Search

Widget yang membentuk layout website

Fungsi utama dalam website adalah menyajikan informasi. dalam komunikasi melalui media bisa disampaikan melalui tulisan, gambar, audio dan video. dalam websitepun demikian juga.

Untuk dapat memberikan informasi yang baik di atas kita harus menata tulisan, gambar, suara dan video supaya disajikan sistematis dan menarik. dalam hal inilah kita melihat pentingnya layout website.

Sebelum kita membuat layout website untuk company profile kita perlu mengerti komponen-komponen atau widget yang membentuknya yaitu:

1. Header
   Widget ini akan mengambil gambar-gambar untuk disajikan  sebagai header maupun slideshow. Nama dari gambar-gambar ini dambil dari database
2. Menu untuk navigasi
   Widget ini akan mengambil daftar menu-menu yang akan ditampilkan sebagai navigasi utama. Menu-menu bisa static, bisa juga mengambuil dari database
3. Submenu untuk navigasi
   Submenu dari navigasi ini bisa berupa daftar sub product, sub gallery atau daftar halaman yang diambil dari database
4. Content
   Widget ini menampilkan isi halaman secara detail
5. List sub product
   Widget ini menampilkan daftar sub product. Bisa berupa list maupun gambar kecil disertai dengan nama sub product dan bisa juga ditambah penjelasan singkat
6. List product
   Widget ini menampilkan daftar product. Bisa berupa list maupun gambar kecil disertai dengan nama  product dan bisa juga ditambah penjelasan singkat
7. Product detail
   Widget ini menampilkan detail product yang biasanya berisi gambar besar disertai penjelasan
8. List sub gallery
   Widget ini menampilkan daftar sub gallery. Bisa berupa list maupun gambar kecil disertai dengan nama sub gallery dan bisa juga ditambah penjelasan singkat. Jika tampilan sama persis dengan List sub product, kita bisa memakai list sub product saja
9. List photo
   Widget ini menampilkan daftar foto. Bisa berupa list maupun gambar kecil disertai dengan nama  foto dan bisa juga ditambah penjelasan singkat. Saat diklik akan menampilkan window kecil
10. Paging
    Widget ini menentukan penampilkan daftar halaman.
    Parameter masukannya adalah
    - jumlah halaman (total_page)
    - jumlah record perhalaman (record_per_page)
    - posisi halaman sekarang (current_page)
    - link halaman (page_link)
11. Position
    Widget ini untuk membuat link seperti Home -> Product -> Sub 1 -> Nama Product

Langkah berikutnya adalah mendefinisikan style-style yang mungkin terjadi di website. Style-style akan menentukan isi content yang akan diberikan kepada template. Style-style ini berisi coding-coding yang menggabungkan widget-widget di atas. Style-style yang akan didefinisikan yaitu:

1. get_style_list_sub_product()
   Widget widget yang akan dipakai yaitu : Menu untuk navigasi, Submenu untuk navigasi, List sub product, Paging, Position.
2. get_style_list_product_style()
   Widget widget yang akan dipakai yaitu : Menu untuk navigasi, Submenu untuk navigasi, List product, Paging, Position .
3. get_style_detail_product_style()
   Widget widget yang akan dipakai yaitu : Menu untuk navigasi, Submenu untuk navigasi, Product Detail, Position .
4. get_stylelist_gallery_photo_style()
   Widget widget yang akan dipakai yaitu : Menu untuk navigasi, Submenu untuk navigasi, List photo, Paging, Position .
5. get_style_general-style
   Widget widget yang akan dipakai yaitu : Menu untuk navigasi, Submenu untuk navigasi, Content, Position . 

Setelah melewati style ini, kemudian variabel yang didapatkan diberikan kepada file template untuk ditampilkan.

Kunjungi www.proweb.co.id untuk menambah wawasan anda.