Pertemuan ke-6

WEB DESIGN ARCHITECTURE

Malam netizen,

Sudah lama ga posting nih.. maklum baru ada waktu luang

Jadi pembahasan kali ini adalah tentang Arsitektur Web Design (sebenarnya bahan ini sudah dari minggu sebelumnya)

Jadi Web Design itu secara singkat adalah struktur dari rancangan web

Aspek dari Arsitektur Web Design ada 2 :

·        Aspek Layering

          - Konsepnya adalah pemisahan lapisan

          - Dengan adanya pengelompokkan artinya aspek ini terstruktur

          - contohnya :1-tier, 2-tier, 3-tier, n-tier

·        Aspek Data

               Ada 2 :

            o   Structured (contoh : database)

            o   Non-Structured (contoh : gambar, audio, video)

Sumber : http://lecturer.ukdw.ac.id/othie/Arsitektur_model.pdf

Berdasrkan link di atas, aspek dari Arsitektur Web Design ada 4 yaitu :

·        Data-Centered Architecture -> penggambaran dengan adanya pemusatan data pada database

·        Data-Flow Architecture -> penggambaran dengan adanya aliran data (input-proses-output)

·        Call and Return Architecture -> penggambaran secara hierarki

·        Layered Architecture -> penggambaran dengan adanya lapisan terpisah

Komponen dari Arsitektur Web Design :

·        Client = yang me-request

·        Firewall = pengaman (yang mem-filter komunikasi data)

·        Proxy = server yang menyediakan layanan untuk meneruskan setiap permintaan kita kepada server lain di internet (sumber : http://belajar-komputer-mu.com/pengertian-proxy-dan-kegunaannya-dalam-jaringan-internet/)

·        Web Server : yang mem-proses permintaan client

·        Database Server : penyimpanan data secara terstruktur dalam bentuk tabel-tabel

·        Media Server : media untuk memproses (menyesuaikan jenis data gambar atau video)

·        Content Management Server : me-manage isi

·        Application Server : mengatur aplikasi

Framework -> software untuk memudahkan para programmer membuat aplikasi atau web yang isinya adalah berbagai fungsi, plugin, dan konsep sehingga membentuk suatu sistem tertentu
(sumber : http://www.syakirurohman.net/2013/12/mengenal-pengertian-framework-website.html)

Contoh : CodeIgniter

Nah, yang pernah saya ketahui adalah CodeIgniter_2.1.4 tapi belum terlalu dalam mempelajarinya
Dengan penggunaan php yang foldernya sudah terstruktur sehingga memudahkan user menggunakannya

Pattern -> pola (sumber : http://www.makkul.com/2012/05/pengenalan-design-pattern.html)

Contoh : MVC

1-Tier, 2-Tier, 3-Tier, N-Tier

(sumber : http://blog.simcrest.com/what-is-3-tier-architecture-and-why-do-you-need-it/)

-> Client dan Server serta database hanya pada 1 tempat (lapisan yang sama)

-> Client dan Server berada pada 1 tempat sedangkan database di tempat lain

-> Client, Server dan Database berada pada tempat yang terpisah

(sumber : http://www.cs.colorado.edu/~kena/classes/7818/f06/lectures/02/#%2818%29)

-> Client, Server dan Database berada pada tempat yang terpisah dengan perbedaan pada server yang terbagi menjadi beberapa bagian (contohnya ada layer khusus application dan presentation)

Konsep MVC (Model-View-Controller)

MVC : pattern untuk memudahkan user dalam men-desain web

(sumber : http://en.wikipedia.org/wiki/Model%E2%80%93view%E2%80%93controller)

Dari gambar dapat diketahui bahwa

User menggunakan controller (untuk memproses) -> kemudian controller menuju ke model untuk proses data -> lalu model akan menampilkan di view -> sehingga user dapat melihat hasilnya

(sumber : http://www.essenceandartifact.com/2012/12/the-essence-of-mvc.html)

Berdasarkan blog pada link di atas, pembahasannya tentang MVC sangat menarik

Simbol dari MVC

Nah dari pembahasan ini ada yang perlu netizen ketahui bahwa Tier dan MVC itu beda

·        Tier itu tingkatan secara physic (Hardware) yang terdiri dari (Client-Server-Database)

·        MVC itu konsep pemrogramannya