Model View Controller

             Model View Controller

 MVC adalah sebuah metode untuk membuat sebuah aplikasi dengan memisahkan data (Model) dari tampilan (View) dan cara bagaimana memprosesnya (Controller). Dalam implementasinya kebanyakan framework dalam aplikasi website adalah berbasis arsitektur MVC. MVC memisahkan pengembangan aplikasi berdasarkan komponen utama yang membangun sebuah aplikasi seperti manipulasi data, antarmuka pengguna, dan bagian yang menjadi kontrol dalam sebuah aplikasi web

Bagian  MVC

1. Model, Model mewakili struktur data. Biasanya model berisi fungsi-fungsi yang membantu seseorang dalam pengelolaan basis data seperti memasukkan data ke basis data, pembaruan data dan lain-lain.
2. Viewers, Viewers adalah bagian yang mengatur tampilan ke pengguna. Bisa di katakan berupa halaman web.
3. Controller, Controller merupakan bagian yang menjembatani model dan view. Controller berisi perintah-perintah yang berfungsi untuk memproses suatu data dan mengirimkannya ke halaman web

Jenis Jenis MVC

• Server Side MVC, Server Side MVC biasa terjadi pada aplikasi web tradisional, yang tidak melibatkan client side seperti Javascript, Java applet, Flash, dan lain-lain. Server SideMVC menyerahkan keseluruhan proses bisnis pada server, aplikasi pada sisi pengguna hanya dapat menerima. MVC jenis ini kadang-kadang disebut juga dengan nama Thin Client.
• Mixed Client Side and Server Side MVC, Pada Mixed Client Side and Server Side MVC 1 client tidak menggunakan model sebagai jembatan untuk melakukan komunikasi pada server, dibandingkan dengan Server Side MVC, arsitektur ini memiliki tingkat kompleksitas yang lebih tinggi karena lebih banyak komponen yang terlibat. Untuk selanjutnya arsitektur ini disebut, dengan Mixed MVC 1. Pada Mixed Client Side and Server Side MVC 2, client menggunakan model sebagai jembatan untuk melakukan komunikasi pada server, dibandingkan dengan arsitektur MVC yang lain, arsitektur ini memiliki tingkat kompleksitas yang paling tinggi karena lebih banyak komponen yang terlibat, sehingga membutuhkan sumber daya yang lebih besar pula. Untuk selanjutnya arsitektur ini disebut dengan Mixed MVC 2.
• Rich Internet Application MVC, Application MVC Rich Internet Application (RIA) disebut juga dengan nama Fat Client, merupakan aplikasi web yang memiliki kemampuan dan fungsi hampir seperti aplikasi desktop. RIA pada sisi client, memiliki mesin untuk mengambil data yang berada pada server, sehingga pada client terdapat bagian MVC sendiri dan hanya membutuhkan bagian model pada sisi server.

CONTOH:

Pemrograman Berbasis Objek (PBO)

Pemrograman Berbasis Objek

PBO adalah semua data dan fungsi di bungkus dalam kelas-kelas objek.

• Kelas/Class : 

          Kumpulan atas definisi data dan fungsi dalam suatu unit untuk suatu tujuan tertentu.

•  Objek : 

          Membungkus data dan fungsi bersama menjadi unit.

•  Abstraksi : 

          Kemampuan program untuk melewati aspek informasi yang diproses olehnya.

• Enkapsulasi :

         Proses pengkapsulan/pembuatan paket data objek agar hanya method dalam objek tersebut.

• Polimorphisme : 

          Sebuah variabel tunggal dalam program dapat memegang berbagai jenis objek yang berbeda                selama program berjalan.

Class Diagram & Sequence Diagram

Class Diagram

Class diagram adalah diagram UML yang menggambarkan kelas-kelas dalam sebuah sistem dan hubungannya antar satu dengan yang lain serta dimasukkan pula attribute, operasi dan hubungan antar kelas.

Tahapan pembuatan class diagram

Megidentifikasi objek dan mendapatkan kelas-kelas
Mengidentifikasi attribute kelas-kelas
Mulai mengkonstruksikan kamus data
Mengidentifikasi operasi data kelas-kelas
Menggunakan teknik CRC untuk memperlihatkan pertanggungjawaban dan kolaborasi
Mengidentifikasi hubungan antar kelas dengan asosiasi, agresiasi, inheritance
Memoles Model

 Simbol class diagram

Contoh class diagram

Sequence Diagram

Sequence diagram adalah salah satu diagram-diagram UML yang menggambarkan kolaborasi dinamis antara sejumlah objek. kegunaanya digunakan untuk menunjukan rangkaian pesan yang dikirim antara objek juga interaksi antar objek.

Notasi sequence diagram

Contoh sequence diagram

Grafic User Interface (GUI)

GUI adalah tampilan garis yang mengandung data-data/komponen yang memampukan pengguna untuk melakukan pekerjaan interaktif.

Tujuan GUI adalah pengguna dapat berinteraksi dengan perangkat keras komputer serta memudahkan client mengoperasikan sistem operasi.

Elemen utama GUI yaitu wimp(window, icon, menu, pointing, device)
Contoh system GUI:

• Apple Machintos.
• Windows pada IBM PC.
• Open look pada workstation Unix.
• KDE GNOME pada linux

Kelebihan GUI

Graphical symbol lebih mudah dikenali dan di ingat dari pada text.
Direct manipulation dengan menunjuk dan mengeklik pada objek grafis dengan mouse atau mengurangi waktu pembelajaran pemakai.
Jenis paket grafik

Ditujukan untuk memenuhi kebutuhan seniman dan perancang grafik dalam pembuatan design visual kreatif.
menghasilkan tampilan bit mapped yang berkualitas baik.
Desktop metaphor

Metodologi guilding paradigma untuk lebih memudahkan user memahami metaphor .
Metaphor adalah analogi/kemiripan objek visual pada desktop grafis dengan objek sebenarnya .

Widget GUI

Diciptakan, dioperasikan dan dihapus oleh sofhware aplikasi melalui toolkit aplikasi

CONTOH= table field,button,radio field,toggle field,bar field,srcoll bar,slide bar.

Grafik 2Dimensi & 3Dimensi

Grafik 2 Dimensi

Grafik 2 dimensi adalah gambar digital berbasis komputer dan merupakan gabungan model geometri, fungsi, matematika, dan gambar digital.
Komponen grafis 2D  :

• Shapes
• stroking
• Filling
• Transformation
• Alpha Compositting
• Clipping 
• Antialiasing
• Text
• Color
• Image & Image processing
• Printing
• Grafik 3 Dimensi

Grafik 3 dimensi adalah bentuk dari benda yang mempunyai panjang, lebar & tinggi
Macam objek  3D  :

• Kubus
• Balok 
• Bola 
• Prisma
• Limas