Rekayasa web part 3 khaerul anwar

9
Rekasa Web Part : 3 BY KHAERUL ANWAR 1511510388 Fokus : MVC, JSON, AJAX, XML

Transcript of Rekayasa web part 3 khaerul anwar

Page 1: Rekayasa web part 3 khaerul anwar

Rekasa WebPart : 3

BY KHAERUL ANWAR1511510388

Fokus : MVC, JSON, AJAX, XML

Page 2: Rekayasa web part 3 khaerul anwar

Model-View-Controller atau MVC• Model-View-Controller atau 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.[1] MVC memisahkan pengembangan aplikasi berdasarkan komponen utama yang membangun sebuah aplikasi seperti manipulasi data, antarmuka pengguna, dan bagian yang menjadi kontrol dalam sebuah aplikasiweb.

Framework Web berbasis MVCNo Bahasa Pemrograman Web Framework

1 PHP Laravel, CodeIgniter

2 Ruby Ruby on Rails3 Python Django, Flask

Page 3: Rekayasa web part 3 khaerul anwar

Kelebiahn dan Kekurangan Framework MVC

Kelebihan Mengunakan MVC• Programmer akan sangat terbantu dalam membuat

kodingan-kodingan yang bersifat repetitif• Source code secara otomatis akan mengikuti struktur file

yang ada di framework tersebut sehingga memudahkan manajemen source code• Kebanyakan perusahaan sekarang membutuhkan

programmer yang bisa menggunakan framework MVC, artinya peluang kerja semakin besar dibanding yang ngoding dari awal• Biasanya gaji programmer yang menggunakan framework

MVC lebih mahal dibanding yang ngoding dari awalKekurangan MVCadanya peningkatan kompleksifitas sehingga pada aplikasi kecil yang tidak membutuhkan loose coupling pada Model yang menjadi blok penghalang dalam pola MVC ini sendiri.

Page 4: Rekayasa web part 3 khaerul anwar

XML vs JSON• XML adalah bahasa markup untuk dokumen yang berisi informasi

yang terstruktur. Informasi yang terstruktur berisi kedua isi (kata-kata, gambar, dll) dan beberapa indikasi peran apa yang dimainkan konten (misalnya, isi di bagian judul memiliki arti yang berbeda dari konten dalam sebuah catatan kaki, yang berarti sesuatu yang berbeda dari konten dalam angka caption atau konten dalam sebuah tabel database, dll). Hampir semua dokumen memiliki beberapa struktur (http://www.xml.com).

• JSON (JavaScript Object Notation) adalah format pertukaran data yang ringan, mudah dibaca dan ditulis oleh manusia, serta mudah diterjemahkan dan dibuat (generate) oleh komputer. Format ini dibuat berdasarkan bagian dari Bahasa Pemprograman JavaScript, Standar ECMA-262 Edisi ke-3 - Desember 1999 (http://www.json.org).• ContohXML JSON

1234

<mahasiswa><nim> 1212323</nim><nama> saero </nama></mahasiswa>

xml

12345

var mahasiswa =            ({                "nim":9050505,                "nama":"saero"             })

Page 5: Rekayasa web part 3 khaerul anwar

Ajax dan Contohnya• Dari Wikipedia bahasa Indonesia, ensiklopedia bebas• Asynchronous JavaScript and XMLHTTP, atau disingkat AJaX, adalah suatu teknik pemrograman berbasis web untuk menciptakan aplikasi web interaktif. Tujuannya adalah untuk memindahkan sebagian besar interaksi pada komputer web surfer, melakukan pertukaran data dengan server di belakang layar, sehingga halaman web tidak harus dibaca ulang secara keseluruhan setiap kali seorang pengguna melakukan perubahan. Hal ini akan meningkatkan interaktivitas, kecepatan, dan usability.

Contohnya:

XMlhttpRequest

Page 6: Rekayasa web part 3 khaerul anwar

Cross-site request forgery(csrf)• CSRF (Cross-site Request Forgery) merupakan suatu teknik

hacking untuk mendapatkan atau bahkan menguasai suatu account dengan cara menyerang web yang dieksekusi atas wewenang korban, tanpa dikehendakinya.• CSRF merupakan teknik pemalsuan permintaan yang

berasal dari halaman web atau situs yang berbeda, saat halaman situs dieksekusi oleh korban maka akan muncul account baru yang tanpa dikehendaki si admin

Page 7: Rekayasa web part 3 khaerul anwar

Web Socket• WebSocket merupakan sebuah protokol komunikasi dua arah

yang dapat digunakan oleh browser.• Jika pada AJAX kita hanya dapat melakukan komunikasi satu

arah dengan mengirimkan request kepada server dan menunggu balasannya, maka menggunakan WebSocket kita tidak hanya dapat mengirimkan request kepada server, tetapi juga menerima data dari server tanpa harus mengirimkan request terlebih dahul.

Contohnya :metodePolling. Metode ini adalah metode untuk request data dari server secara terus menerus. Kalau hanya satu client yang melakukan request berulang seperti itu, mungkin tidak masalah, tapi bagaimana jika ada beberapa client yang mengakses satu server dan berulangkali melakukan metode Polling. Maka server akan jadi sibuk dan rentan terkena serangan DDOS.

Page 8: Rekayasa web part 3 khaerul anwar

Contact Meo Slideshare : /KhaerulUndesirableo Github : #khaerulanwar1o Email : [email protected]

Page 9: Rekayasa web part 3 khaerul anwar

Thank You