SlideShare a Scribd company logo
1 of 17
3
 MVC merupakan singakatan dari model view controller,
adapun Pengertian MVC adalah sebuah bentuk pemrograman yang
memisahkan berdasarkan logika penanganan tampilan, logika
pengontrolan dan logika model.
 MVC bertujuan supaya pada pengembangan perangkat lunak yang
besar mudah untuk dilakukan maintenance (perbaikan/penambahan
atau pengurangan kode).
 Aplikasi yang dibangun menggunakan metode MVC maka akan lebih
mudah untuk dirawat dan dikembangkan. Mudah dirawat dan
dikembangkan karena kode program dikelompokan pada bagian
masing - masing sehingga lebih mudah bagi para developer untuk
menanganinya. Untuk bisa memahami metode pengembangan aplikasi
menggunakan konsep MVC diperlukan pengetahuan tentang
pemrograman berorientasi objek (Object Oriented Programming).
 1. Model
 Model adalah bagian kode program yang menangani query atau
database. Jadi isi dari model merupakan bagian (fungsi-fungsi) yang
berhubungan langsung dengan database untuk memanipulasi data
seperti memasukkan data, pembaruan data, hapus data, dan lain-lain,
namun tidak dapat berhubungan langsung dengan bagian view.
 2. View
 View adalah bagian kode prgram yang mengatur tampilan
website. Pada aplikasi web bagian view biasanya berupa file template
HTML, yang diatur oleh controller. Bagian ini tidak memiliki akses
langsung terhadap bagian model namu berhubungan langsung dengan
controller. View berfungsi untuk menerima dan merepresentasikan
data kepada pengguna. Jadi bisa di katakan bahwa viiew merupakan
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. Controller berfungsi
untuk menerima request dan data dari user kemudian menentukan
apa yang akan diproses oleh aplikasi.
 CodeIgniter (CI) merupakan salah satu framework PHP yang
menggunakan konsep MVC.
 Kelebihan CI :
◦ Fungsi-fungsi pendukung yang cukup lengkap.
◦ Mendukung PHP4 dan PHP5.
◦ Memakai konsep MVC (Model View Controller).
◦ Performa dalam mengeksekusi sangat cepat.
◦ Dokumentasi lengkap, friendly dan didukung oleh forum, wiki,
dan komunitas yang besar.
 Kekurangan CI :
◦ Library/plugin/extension yang sangat terbatas. Sangat sulit untuk
mencari plugin tambahan pada CI yang terverified, karena pada
situs resminya codeigniter tidak disediakan plugin tambahan
untuk mendukung pengembangan aplikasi dengan CI.
◦ Tidak cocok digunakan pada project skala besar. karena
pengembangan aplikasi dengan framework ini sangatlah terbatas
pada fitur dasar aplikasi web. Sementara untuk project skala
besar biasanya terdapat fitur-fitur yang rumit yang librarynya
tidak disediakan di CI.
 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.
 JSON adalah salah satu bahasa markup yang dapat melakukan
pertukaran data dimana JSON ini dibuat berdasarkan javascript dan
pastinya sintaknya lebih ke javascript.
 XML :
◦ Tidak mendukung array
◦ Tag dibuat manual/dideklarasikan oleh programmer
◦ Ukuran data besar
◦ Harus menggunakan XML DOM jika ingin memetakan teks/data
◦ Dapat berpadu dengan AJAX
 JSON :
◦ Mendukung array
◦ Mendukung pembuatan Object
◦ Sintak pendek
◦ Dapat berpadu dengan AJAX
◦ Akses data cepat
 Ketika kita mengakses sebuah data dengan menggunakan xml maka
kita memerlukan yang namanya DOM XML dab DOM HTML dan
disini kita pasti membutuhkan yang namanya request dari server
dan menyebabkan si XML itu sendiri akan lambat dalam akses
sebuah data
 Ketika menggunakan JSON kita hanya butuh akses melalui javascript
dan jika ingin ditampilkan hanya dengan menggunakan HTML DOM
yaitu dengan cara kita ambil data dari JSON melalui array javascript
lalu kita set datanya ke HTML maka data akan tampil.
 AJAX (Asynchronous JavaScript and XMLHTTP) 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.
 Pada aplikasi Javascript konvensional jika kita menginginkan data
dari server kita menggunakan Form dan memanggilnya dengan
method GET atau POST. Sehingga pengunjung perlu mengklik
tombol dan kemudian halaman akan kerefresh untuk menampilkan
hasil dari request tersebut. Kalau dengan Ajax, Javascript
berkomunikasi langsung ke server dengan sebuah fungsi yang
disebut dengan XMLHttpRequest suatu halaman web dapat
direquest dari server dan diterima hasilnya tanpa perlu terjadi
refresh pada halaman web tersebut.
 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.
 SRF merupakan pemalsuan request yang berasal dari site yang
berbeda, tetapi dari sisi client tidak mengubah alamat IP karena
memang dieksekusi oleh korban. Serangan CSRF dapat ditunjukkan
seperti serangan pada diagram dibawah.
 Penyerang mengirimkan link atau halaman berisi request
tersembunyi pada pengguna (korban), yang dieksekusi oleh
penggunan tersebut ke website target. Dalam menyusun serangan,
penyusun akan mempelajari terlebih dahulu kelemahan-kelemahan
website target yang dapat dimanfaatkan dengan teknik CSRF.
 Website yang menyimpan cookies sehingga mengizinkan pengguna
untuk datang kembali tanpa mengetikkan username dan password,
akan menarik perhatian menyerang untuk lebih mengekplorasi
fitur-fitur yang terdapat pada website setelah login.
 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 dahulu. Hal ini berarti ketika
menggunakan WebSocket pengguna harus terus menerus
terkoneksi dengan server, dan kita memerlukan sebuah server
khusus untuk dapat menjalankan aplikasi WebSocket dengan benar.
 Latar belakang terciptanya websocket adalah permintaan beberapa
client yang mengharuskan developer bisa membuat aplikasi
berbasis web secara real time atau real-time apps. Aplikasi real
time adalah dimana ketika ada perubahan data, maka saat itu juga
website di browser klien juga ada perubahan atau setidaknya
muncul notifikasi.
 WebSocket adalah standar baru untuk komunikasi realtime pada
Web dan aplikasi mobile. WebSocket dirancang untuk diterapkan di
browser web dan server web, tetapi dapat digunakan oleh aplikasi
client atau server. WebSocket adalah protokol yang menyediakan
saluran komunikasi full-duplex melalui koneksi TCP tunggal.
 Manfaat Websocket
◦ Websocket memungkinkan server untuk mendorong data kepada
klien yang terhubung
◦ Mengurangi traffic atau lalu lintas jaringan yang tidak perlu dan
latency menggunakan full duplex melalui koneksi tunggal.
◦ Streaming melalui proxy dan firewall, mendukung komunikasi
simultan hulu dan hilir.
◦ Kompatibel dengan pre-WebSocket dunia dengan cara beralih
dari koneksi HTTP ke WebSockets.

More Related Content

What's hot

Tugas 7 rekayasa web 1211510944 art david
Tugas 7 rekayasa web 1211510944 art davidTugas 7 rekayasa web 1211510944 art david
Tugas 7 rekayasa web 1211510944 art davidart david
 
Presentation1 rekweb
Presentation1 rekwebPresentation1 rekweb
Presentation1 rekwebseptianarul
 
Tugas 1(individu) dimas setiadi 0916
Tugas 1(individu) dimas setiadi 0916Tugas 1(individu) dimas setiadi 0916
Tugas 1(individu) dimas setiadi 0916Dimas Setiadi
 
Tugas 7 rekayasa web 1312510231 Rostarina
Tugas 7 rekayasa web 1312510231 RostarinaTugas 7 rekayasa web 1312510231 Rostarina
Tugas 7 rekayasa web 1312510231 Rostarinaosta92
 
Tugas 3 – 0317 (individu)
Tugas 3 – 0317 (individu)Tugas 3 – 0317 (individu)
Tugas 3 – 0317 (individu)Linda Lestari
 
Tugas Rekayasa Web 0316
Tugas Rekayasa Web 0316Tugas Rekayasa Web 0316
Tugas Rekayasa Web 0316osta92
 
Tugas7 rekayasa web Ajat Sudrajat
Tugas7 rekayasa web Ajat SudrajatTugas7 rekayasa web Ajat Sudrajat
Tugas7 rekayasa web Ajat SudrajatAjat Sudrajat
 
Tugas 3 0317 individu
Tugas 3 0317 individuTugas 3 0317 individu
Tugas 3 0317 individueko nofrianto
 
Mengelola isi halaman web 4
Mengelola isi halaman web 4Mengelola isi halaman web 4
Mengelola isi halaman web 4Eko Supriyadi
 
Tugas 7 rekayasa web 0316
Tugas 7 rekayasa web 0316Tugas 7 rekayasa web 0316
Tugas 7 rekayasa web 0316septianarul
 
Mengelola isi halaman web 2
Mengelola isi halaman web 2Mengelola isi halaman web 2
Mengelola isi halaman web 2Eko Supriyadi
 
pemrograman internet
pemrograman internetpemrograman internet
pemrograman internetmafailmi
 
Mengelola isi halaman web 3
Mengelola isi halaman web 3Mengelola isi halaman web 3
Mengelola isi halaman web 3Eko Supriyadi
 
Tugas Rekayasa Web 0316
Tugas Rekayasa Web 0316Tugas Rekayasa Web 0316
Tugas Rekayasa Web 0316art david
 

What's hot (20)

TEKNOLOGI WEB
TEKNOLOGI WEBTEKNOLOGI WEB
TEKNOLOGI WEB
 
Tugas 7 rekayasa web 1211510944 art david
Tugas 7 rekayasa web 1211510944 art davidTugas 7 rekayasa web 1211510944 art david
Tugas 7 rekayasa web 1211510944 art david
 
Presentation1 rekweb
Presentation1 rekwebPresentation1 rekweb
Presentation1 rekweb
 
Tugas 1(individu) dimas setiadi 0916
Tugas 1(individu) dimas setiadi 0916Tugas 1(individu) dimas setiadi 0916
Tugas 1(individu) dimas setiadi 0916
 
Tugas 7 rekayasa web 1312510231 Rostarina
Tugas 7 rekayasa web 1312510231 RostarinaTugas 7 rekayasa web 1312510231 Rostarina
Tugas 7 rekayasa web 1312510231 Rostarina
 
Laporan tugas besar_web
Laporan tugas besar_webLaporan tugas besar_web
Laporan tugas besar_web
 
Tugas 3 – 0317 (individu)
Tugas 3 – 0317 (individu)Tugas 3 – 0317 (individu)
Tugas 3 – 0317 (individu)
 
Dasar web-dan-html
Dasar web-dan-htmlDasar web-dan-html
Dasar web-dan-html
 
Tugas Rekayasa Web 0316
Tugas Rekayasa Web 0316Tugas Rekayasa Web 0316
Tugas Rekayasa Web 0316
 
Pemrograman api
Pemrograman apiPemrograman api
Pemrograman api
 
Tugas7 rekayasa web Ajat Sudrajat
Tugas7 rekayasa web Ajat SudrajatTugas7 rekayasa web Ajat Sudrajat
Tugas7 rekayasa web Ajat Sudrajat
 
Cms
CmsCms
Cms
 
Tugas 3 0317 individu
Tugas 3 0317 individuTugas 3 0317 individu
Tugas 3 0317 individu
 
Mengelola isi halaman web 4
Mengelola isi halaman web 4Mengelola isi halaman web 4
Mengelola isi halaman web 4
 
Tugas 7 rekayasa web 0316
Tugas 7 rekayasa web 0316Tugas 7 rekayasa web 0316
Tugas 7 rekayasa web 0316
 
Mengelola isi halaman web 2
Mengelola isi halaman web 2Mengelola isi halaman web 2
Mengelola isi halaman web 2
 
pemrograman internet
pemrograman internetpemrograman internet
pemrograman internet
 
Frame work php
Frame work phpFrame work php
Frame work php
 
Mengelola isi halaman web 3
Mengelola isi halaman web 3Mengelola isi halaman web 3
Mengelola isi halaman web 3
 
Tugas Rekayasa Web 0316
Tugas Rekayasa Web 0316Tugas Rekayasa Web 0316
Tugas Rekayasa Web 0316
 

Viewers also liked

m2fa1 Isaiah Franse woorden 2.
m2fa1 Isaiah Franse woorden 2.m2fa1 Isaiah Franse woorden 2.
m2fa1 Isaiah Franse woorden 2.leprofdefrancais2
 
The Link Between Employee Motivation and Your Compensation Philosophy
The Link Between Employee Motivation and Your Compensation PhilosophyThe Link Between Employee Motivation and Your Compensation Philosophy
The Link Between Employee Motivation and Your Compensation PhilosophyHuman Resources & Payroll
 
Philippine Folk Dances with Asian Influence - MAPEH 8 (P.E. 4th Quarter)
Philippine Folk Dances with Asian Influence - MAPEH 8 (P.E. 4th Quarter)Philippine Folk Dances with Asian Influence - MAPEH 8 (P.E. 4th Quarter)
Philippine Folk Dances with Asian Influence - MAPEH 8 (P.E. 4th Quarter)Carlo Luna
 
рпз 2017р.
рпз 2017р.рпз 2017р.
рпз 2017р.Tyrbota
 
m2fa1 Kerim Franse woorden 2.4Frans woordjes 2.4
m2fa1 Kerim Franse woorden 2.4Frans woordjes 2.4m2fa1 Kerim Franse woorden 2.4Frans woordjes 2.4
m2fa1 Kerim Franse woorden 2.4Frans woordjes 2.4leprofdefrancais2
 
Otchet za izpalnenie na budjeta za 2016 g na su vasil dechev
Otchet za izpalnenie na budjeta za 2016 g na su vasil dechevOtchet za izpalnenie na budjeta za 2016 g na su vasil dechev
Otchet za izpalnenie na budjeta za 2016 g na su vasil dechevElena Kondilova
 
Presentación SD UABIT
Presentación SD UABITPresentación SD UABIT
Presentación SD UABITjsanzman
 

Viewers also liked (15)

Portfolyo
PortfolyoPortfolyo
Portfolyo
 
m2fa1 Isaiah Franse woorden 2.
m2fa1 Isaiah Franse woorden 2.m2fa1 Isaiah Franse woorden 2.
m2fa1 Isaiah Franse woorden 2.
 
Open stack
Open stackOpen stack
Open stack
 
The Link Between Employee Motivation and Your Compensation Philosophy
The Link Between Employee Motivation and Your Compensation PhilosophyThe Link Between Employee Motivation and Your Compensation Philosophy
The Link Between Employee Motivation and Your Compensation Philosophy
 
Conflicto docente marzo_2017
Conflicto docente marzo_2017Conflicto docente marzo_2017
Conflicto docente marzo_2017
 
Tema 11 política fiscal
Tema 11  política fiscalTema 11  política fiscal
Tema 11 política fiscal
 
Philippine Folk Dances with Asian Influence - MAPEH 8 (P.E. 4th Quarter)
Philippine Folk Dances with Asian Influence - MAPEH 8 (P.E. 4th Quarter)Philippine Folk Dances with Asian Influence - MAPEH 8 (P.E. 4th Quarter)
Philippine Folk Dances with Asian Influence - MAPEH 8 (P.E. 4th Quarter)
 
Thank you 3.14.2017
Thank you 3.14.2017Thank you 3.14.2017
Thank you 3.14.2017
 
рпз 2017р.
рпз 2017р.рпз 2017р.
рпз 2017р.
 
m2fa1 Kerim Franse woorden 2.4Frans woordjes 2.4
m2fa1 Kerim Franse woorden 2.4Frans woordjes 2.4m2fa1 Kerim Franse woorden 2.4Frans woordjes 2.4
m2fa1 Kerim Franse woorden 2.4Frans woordjes 2.4
 
Otchet za izpalnenie na budjeta za 2016 g na su vasil dechev
Otchet za izpalnenie na budjeta za 2016 g na su vasil dechevOtchet za izpalnenie na budjeta za 2016 g na su vasil dechev
Otchet za izpalnenie na budjeta za 2016 g na su vasil dechev
 
Presentación SD UABIT
Presentación SD UABITPresentación SD UABIT
Presentación SD UABIT
 
7. evaluation
7. evaluation7. evaluation
7. evaluation
 
5. pre production
5. pre production5. pre production
5. pre production
 
Análisis de la Norma técnica NT-01-2008
Análisis de la Norma técnica NT-01-2008Análisis de la Norma técnica NT-01-2008
Análisis de la Norma técnica NT-01-2008
 

Similar to MVC dan JSON

Laporan tugas besar
Laporan tugas besarLaporan tugas besar
Laporan tugas besar1110651055
 
Tugas 3 0317 (individu)
Tugas 3  0317 (individu)Tugas 3  0317 (individu)
Tugas 3 0317 (individu)RiaWahyuni5
 
Tugas 3 - ihsan riadi - 1412511162
Tugas 3  - ihsan riadi - 1412511162Tugas 3  - ihsan riadi - 1412511162
Tugas 3 - ihsan riadi - 1412511162ihsan riadi
 
Rekayasa web part 3 khaerul anwar
Rekayasa web part 3 khaerul anwarRekayasa web part 3 khaerul anwar
Rekayasa web part 3 khaerul anwarKhaerul Anwar
 
Tugas i rekayasa web arie firmandani
Tugas i rekayasa web arie firmandaniTugas i rekayasa web arie firmandani
Tugas i rekayasa web arie firmandaniArie Firmandani
 
Laporan pemrograman visual3
Laporan pemrograman visual3Laporan pemrograman visual3
Laporan pemrograman visual3Fenty Hidayati
 
Tugas individu rekweb4
Tugas individu rekweb4Tugas individu rekweb4
Tugas individu rekweb4Ratri Alfiani
 
Tugas3 krisna muktiandika-1511510347
Tugas3 krisna muktiandika-1511510347Tugas3 krisna muktiandika-1511510347
Tugas3 krisna muktiandika-1511510347krisna mukti andika
 
Tugas[1] 0317-[tryanita]-[1411511676]
Tugas[1] 0317-[tryanita]-[1411511676]Tugas[1] 0317-[tryanita]-[1411511676]
Tugas[1] 0317-[tryanita]-[1411511676]trya nita
 
Tugas atpi arif rohman khakim dan samuel setiado
Tugas atpi arif rohman khakim dan samuel setiadoTugas atpi arif rohman khakim dan samuel setiado
Tugas atpi arif rohman khakim dan samuel setiadoFebriy Y
 
TUGAS7-[KU]- 0316-MUHAMMAD AYUB - 1311510844
TUGAS7-[KU]- 0316-MUHAMMAD AYUB - 1311510844TUGAS7-[KU]- 0316-MUHAMMAD AYUB - 1311510844
TUGAS7-[KU]- 0316-MUHAMMAD AYUB - 1311510844muhammad ayub
 
Tugas7 ku-0316-dody alfad-1511510669
Tugas7 ku-0316-dody alfad-1511510669Tugas7 ku-0316-dody alfad-1511510669
Tugas7 ku-0316-dody alfad-1511510669dodyalfad
 

Similar to MVC dan JSON (20)

Laporan tugas besar
Laporan tugas besarLaporan tugas besar
Laporan tugas besar
 
Tugas 3 0317 (individu)
Tugas 3  0317 (individu)Tugas 3  0317 (individu)
Tugas 3 0317 (individu)
 
Pelajaran jsp smk XI RPL
Pelajaran jsp smk XI RPLPelajaran jsp smk XI RPL
Pelajaran jsp smk XI RPL
 
Tugas 3 - ihsan riadi - 1412511162
Tugas 3  - ihsan riadi - 1412511162Tugas 3  - ihsan riadi - 1412511162
Tugas 3 - ihsan riadi - 1412511162
 
Rekayasa web part 3 khaerul anwar
Rekayasa web part 3 khaerul anwarRekayasa web part 3 khaerul anwar
Rekayasa web part 3 khaerul anwar
 
Tugas 3 rekweb
Tugas 3 rekwebTugas 3 rekweb
Tugas 3 rekweb
 
Tugas i rekayasa web arie firmandani
Tugas i rekayasa web arie firmandaniTugas i rekayasa web arie firmandani
Tugas i rekayasa web arie firmandani
 
Laporan pemrograman visual3
Laporan pemrograman visual3Laporan pemrograman visual3
Laporan pemrograman visual3
 
Tugas individu rekweb4
Tugas individu rekweb4Tugas individu rekweb4
Tugas individu rekweb4
 
Tugas 7
Tugas 7Tugas 7
Tugas 7
 
Tugas 1 rekayasa web
Tugas 1 rekayasa webTugas 1 rekayasa web
Tugas 1 rekayasa web
 
Tugas 4 rekayasa web (0916)
Tugas 4   rekayasa web (0916)Tugas 4   rekayasa web (0916)
Tugas 4 rekayasa web (0916)
 
Tugas3 krisna muktiandika-1511510347
Tugas3 krisna muktiandika-1511510347Tugas3 krisna muktiandika-1511510347
Tugas3 krisna muktiandika-1511510347
 
Tugas[1] 0317-[tryanita]-[1411511676]
Tugas[1] 0317-[tryanita]-[1411511676]Tugas[1] 0317-[tryanita]-[1411511676]
Tugas[1] 0317-[tryanita]-[1411511676]
 
RekWeb
RekWebRekWeb
RekWeb
 
Tugas atpi arif rohman khakim dan samuel setiado
Tugas atpi arif rohman khakim dan samuel setiadoTugas atpi arif rohman khakim dan samuel setiado
Tugas atpi arif rohman khakim dan samuel setiado
 
Dasar web dan html
Dasar web dan htmlDasar web dan html
Dasar web dan html
 
TUGAS7-[KU]- 0316-MUHAMMAD AYUB - 1311510844
TUGAS7-[KU]- 0316-MUHAMMAD AYUB - 1311510844TUGAS7-[KU]- 0316-MUHAMMAD AYUB - 1311510844
TUGAS7-[KU]- 0316-MUHAMMAD AYUB - 1311510844
 
Tugas7 ku-0316-dody alfad-1511510669
Tugas7 ku-0316-dody alfad-1511510669Tugas7 ku-0316-dody alfad-1511510669
Tugas7 ku-0316-dody alfad-1511510669
 
Pengenalan Teknologi ajax
Pengenalan Teknologi ajaxPengenalan Teknologi ajax
Pengenalan Teknologi ajax
 

Recently uploaded

Materi Bimbingan Manasik Haji Tarwiyah.pptx
Materi Bimbingan Manasik Haji Tarwiyah.pptxMateri Bimbingan Manasik Haji Tarwiyah.pptx
Materi Bimbingan Manasik Haji Tarwiyah.pptxc9fhbm7gzj
 
Laporan Guru Piket untuk Pengisian RHK Guru Pengelolaan KInerja Guru di PMM
Laporan Guru Piket untuk Pengisian RHK Guru Pengelolaan KInerja Guru di PMMLaporan Guru Piket untuk Pengisian RHK Guru Pengelolaan KInerja Guru di PMM
Laporan Guru Piket untuk Pengisian RHK Guru Pengelolaan KInerja Guru di PMMmulyadia43
 
AKSI NYATA Strategi Penerapan Kurikulum Merdeka di Kelas (1).pdf
AKSI NYATA Strategi Penerapan Kurikulum Merdeka di Kelas (1).pdfAKSI NYATA Strategi Penerapan Kurikulum Merdeka di Kelas (1).pdf
AKSI NYATA Strategi Penerapan Kurikulum Merdeka di Kelas (1).pdfTaqdirAlfiandi1
 
Wawasan Nusantara sebagai satu kesatuan, politik, ekonomi, sosial, budaya, d...
Wawasan Nusantara  sebagai satu kesatuan, politik, ekonomi, sosial, budaya, d...Wawasan Nusantara  sebagai satu kesatuan, politik, ekonomi, sosial, budaya, d...
Wawasan Nusantara sebagai satu kesatuan, politik, ekonomi, sosial, budaya, d...MarwanAnugrah
 
Materi Pertemuan 6 Materi Pertemuan 6.pptx
Materi Pertemuan 6 Materi Pertemuan 6.pptxMateri Pertemuan 6 Materi Pertemuan 6.pptx
Materi Pertemuan 6 Materi Pertemuan 6.pptxRezaWahyuni6
 
Kelompok 4 : Karakteristik Negara Inggris
Kelompok 4 : Karakteristik Negara InggrisKelompok 4 : Karakteristik Negara Inggris
Kelompok 4 : Karakteristik Negara InggrisNazla aulia
 
Modul Ajar Bahasa Indonesia - Menulis Puisi Spontanitas - Fase D.docx
Modul Ajar Bahasa Indonesia - Menulis Puisi Spontanitas - Fase D.docxModul Ajar Bahasa Indonesia - Menulis Puisi Spontanitas - Fase D.docx
Modul Ajar Bahasa Indonesia - Menulis Puisi Spontanitas - Fase D.docxherisriwahyuni
 
LAPORAN PKP KESELURUHAN BAB 1-5 NURUL HUSNA.pdf
LAPORAN PKP KESELURUHAN BAB 1-5 NURUL HUSNA.pdfLAPORAN PKP KESELURUHAN BAB 1-5 NURUL HUSNA.pdf
LAPORAN PKP KESELURUHAN BAB 1-5 NURUL HUSNA.pdfChrodtianTian
 
MATERI EKOSISTEM UNTUK SEKOLAH MENENGAH ATAS
MATERI EKOSISTEM UNTUK SEKOLAH MENENGAH ATASMATERI EKOSISTEM UNTUK SEKOLAH MENENGAH ATAS
MATERI EKOSISTEM UNTUK SEKOLAH MENENGAH ATASKurniawan Dirham
 
Kelompok 1_Karakteristik negara jepang.pdf
Kelompok 1_Karakteristik negara jepang.pdfKelompok 1_Karakteristik negara jepang.pdf
Kelompok 1_Karakteristik negara jepang.pdfCloverash1
 
Materi Pertemuan Materi Pertemuan 7.pptx
Materi Pertemuan Materi Pertemuan 7.pptxMateri Pertemuan Materi Pertemuan 7.pptx
Materi Pertemuan Materi Pertemuan 7.pptxRezaWahyuni6
 
PELAKSANAAN + Link2 Materi TRAINING "Effective SUPERVISORY & LEADERSHIP Sk...
PELAKSANAAN  + Link2 Materi TRAINING "Effective  SUPERVISORY &  LEADERSHIP Sk...PELAKSANAAN  + Link2 Materi TRAINING "Effective  SUPERVISORY &  LEADERSHIP Sk...
PELAKSANAAN + Link2 Materi TRAINING "Effective SUPERVISORY & LEADERSHIP Sk...Kanaidi ken
 
1.2.a.6. Demonstrasi Konstektual - Modul 1.2 (Shinta Novianti - CGP A10).pdf
1.2.a.6. Demonstrasi Konstektual - Modul 1.2 (Shinta Novianti - CGP A10).pdf1.2.a.6. Demonstrasi Konstektual - Modul 1.2 (Shinta Novianti - CGP A10).pdf
1.2.a.6. Demonstrasi Konstektual - Modul 1.2 (Shinta Novianti - CGP A10).pdfShintaNovianti1
 
Kelompok 1 Bimbingan Konseling Islami (Asas-Asas).pdf
Kelompok 1 Bimbingan Konseling Islami (Asas-Asas).pdfKelompok 1 Bimbingan Konseling Islami (Asas-Asas).pdf
Kelompok 1 Bimbingan Konseling Islami (Asas-Asas).pdfmaulanayazid
 
PPT Materi Jenis - Jenis Alat Pembayaran Tunai dan Non-tunai.pptx
PPT Materi Jenis - Jenis Alat Pembayaran Tunai dan Non-tunai.pptxPPT Materi Jenis - Jenis Alat Pembayaran Tunai dan Non-tunai.pptx
PPT Materi Jenis - Jenis Alat Pembayaran Tunai dan Non-tunai.pptxHeruFebrianto3
 
aku-dan-kebutuhanku-Kelas 4 SD Mapel IPAS
aku-dan-kebutuhanku-Kelas 4 SD Mapel IPASaku-dan-kebutuhanku-Kelas 4 SD Mapel IPAS
aku-dan-kebutuhanku-Kelas 4 SD Mapel IPASreskosatrio1
 
Kesebangunan Segitiga matematika kelas 7 kurikulum merdeka.pptx
Kesebangunan Segitiga matematika kelas 7 kurikulum merdeka.pptxKesebangunan Segitiga matematika kelas 7 kurikulum merdeka.pptx
Kesebangunan Segitiga matematika kelas 7 kurikulum merdeka.pptxDwiYuniarti14
 
implementasu Permendikbudristek no 53 2023
implementasu Permendikbudristek no 53 2023implementasu Permendikbudristek no 53 2023
implementasu Permendikbudristek no 53 2023DodiSetiawan46
 
Edukasi Haji 2023 pembinaan jemaah hajii
Edukasi Haji 2023 pembinaan jemaah hajiiEdukasi Haji 2023 pembinaan jemaah hajii
Edukasi Haji 2023 pembinaan jemaah hajiiIntanHanifah4
 
adap penggunaan media sosial dalam kehidupan sehari-hari.pptx
adap penggunaan media sosial dalam kehidupan sehari-hari.pptxadap penggunaan media sosial dalam kehidupan sehari-hari.pptx
adap penggunaan media sosial dalam kehidupan sehari-hari.pptxmtsmampunbarub4
 

Recently uploaded (20)

Materi Bimbingan Manasik Haji Tarwiyah.pptx
Materi Bimbingan Manasik Haji Tarwiyah.pptxMateri Bimbingan Manasik Haji Tarwiyah.pptx
Materi Bimbingan Manasik Haji Tarwiyah.pptx
 
Laporan Guru Piket untuk Pengisian RHK Guru Pengelolaan KInerja Guru di PMM
Laporan Guru Piket untuk Pengisian RHK Guru Pengelolaan KInerja Guru di PMMLaporan Guru Piket untuk Pengisian RHK Guru Pengelolaan KInerja Guru di PMM
Laporan Guru Piket untuk Pengisian RHK Guru Pengelolaan KInerja Guru di PMM
 
AKSI NYATA Strategi Penerapan Kurikulum Merdeka di Kelas (1).pdf
AKSI NYATA Strategi Penerapan Kurikulum Merdeka di Kelas (1).pdfAKSI NYATA Strategi Penerapan Kurikulum Merdeka di Kelas (1).pdf
AKSI NYATA Strategi Penerapan Kurikulum Merdeka di Kelas (1).pdf
 
Wawasan Nusantara sebagai satu kesatuan, politik, ekonomi, sosial, budaya, d...
Wawasan Nusantara  sebagai satu kesatuan, politik, ekonomi, sosial, budaya, d...Wawasan Nusantara  sebagai satu kesatuan, politik, ekonomi, sosial, budaya, d...
Wawasan Nusantara sebagai satu kesatuan, politik, ekonomi, sosial, budaya, d...
 
Materi Pertemuan 6 Materi Pertemuan 6.pptx
Materi Pertemuan 6 Materi Pertemuan 6.pptxMateri Pertemuan 6 Materi Pertemuan 6.pptx
Materi Pertemuan 6 Materi Pertemuan 6.pptx
 
Kelompok 4 : Karakteristik Negara Inggris
Kelompok 4 : Karakteristik Negara InggrisKelompok 4 : Karakteristik Negara Inggris
Kelompok 4 : Karakteristik Negara Inggris
 
Modul Ajar Bahasa Indonesia - Menulis Puisi Spontanitas - Fase D.docx
Modul Ajar Bahasa Indonesia - Menulis Puisi Spontanitas - Fase D.docxModul Ajar Bahasa Indonesia - Menulis Puisi Spontanitas - Fase D.docx
Modul Ajar Bahasa Indonesia - Menulis Puisi Spontanitas - Fase D.docx
 
LAPORAN PKP KESELURUHAN BAB 1-5 NURUL HUSNA.pdf
LAPORAN PKP KESELURUHAN BAB 1-5 NURUL HUSNA.pdfLAPORAN PKP KESELURUHAN BAB 1-5 NURUL HUSNA.pdf
LAPORAN PKP KESELURUHAN BAB 1-5 NURUL HUSNA.pdf
 
MATERI EKOSISTEM UNTUK SEKOLAH MENENGAH ATAS
MATERI EKOSISTEM UNTUK SEKOLAH MENENGAH ATASMATERI EKOSISTEM UNTUK SEKOLAH MENENGAH ATAS
MATERI EKOSISTEM UNTUK SEKOLAH MENENGAH ATAS
 
Kelompok 1_Karakteristik negara jepang.pdf
Kelompok 1_Karakteristik negara jepang.pdfKelompok 1_Karakteristik negara jepang.pdf
Kelompok 1_Karakteristik negara jepang.pdf
 
Materi Pertemuan Materi Pertemuan 7.pptx
Materi Pertemuan Materi Pertemuan 7.pptxMateri Pertemuan Materi Pertemuan 7.pptx
Materi Pertemuan Materi Pertemuan 7.pptx
 
PELAKSANAAN + Link2 Materi TRAINING "Effective SUPERVISORY & LEADERSHIP Sk...
PELAKSANAAN  + Link2 Materi TRAINING "Effective  SUPERVISORY &  LEADERSHIP Sk...PELAKSANAAN  + Link2 Materi TRAINING "Effective  SUPERVISORY &  LEADERSHIP Sk...
PELAKSANAAN + Link2 Materi TRAINING "Effective SUPERVISORY & LEADERSHIP Sk...
 
1.2.a.6. Demonstrasi Konstektual - Modul 1.2 (Shinta Novianti - CGP A10).pdf
1.2.a.6. Demonstrasi Konstektual - Modul 1.2 (Shinta Novianti - CGP A10).pdf1.2.a.6. Demonstrasi Konstektual - Modul 1.2 (Shinta Novianti - CGP A10).pdf
1.2.a.6. Demonstrasi Konstektual - Modul 1.2 (Shinta Novianti - CGP A10).pdf
 
Kelompok 1 Bimbingan Konseling Islami (Asas-Asas).pdf
Kelompok 1 Bimbingan Konseling Islami (Asas-Asas).pdfKelompok 1 Bimbingan Konseling Islami (Asas-Asas).pdf
Kelompok 1 Bimbingan Konseling Islami (Asas-Asas).pdf
 
PPT Materi Jenis - Jenis Alat Pembayaran Tunai dan Non-tunai.pptx
PPT Materi Jenis - Jenis Alat Pembayaran Tunai dan Non-tunai.pptxPPT Materi Jenis - Jenis Alat Pembayaran Tunai dan Non-tunai.pptx
PPT Materi Jenis - Jenis Alat Pembayaran Tunai dan Non-tunai.pptx
 
aku-dan-kebutuhanku-Kelas 4 SD Mapel IPAS
aku-dan-kebutuhanku-Kelas 4 SD Mapel IPASaku-dan-kebutuhanku-Kelas 4 SD Mapel IPAS
aku-dan-kebutuhanku-Kelas 4 SD Mapel IPAS
 
Kesebangunan Segitiga matematika kelas 7 kurikulum merdeka.pptx
Kesebangunan Segitiga matematika kelas 7 kurikulum merdeka.pptxKesebangunan Segitiga matematika kelas 7 kurikulum merdeka.pptx
Kesebangunan Segitiga matematika kelas 7 kurikulum merdeka.pptx
 
implementasu Permendikbudristek no 53 2023
implementasu Permendikbudristek no 53 2023implementasu Permendikbudristek no 53 2023
implementasu Permendikbudristek no 53 2023
 
Edukasi Haji 2023 pembinaan jemaah hajii
Edukasi Haji 2023 pembinaan jemaah hajiiEdukasi Haji 2023 pembinaan jemaah hajii
Edukasi Haji 2023 pembinaan jemaah hajii
 
adap penggunaan media sosial dalam kehidupan sehari-hari.pptx
adap penggunaan media sosial dalam kehidupan sehari-hari.pptxadap penggunaan media sosial dalam kehidupan sehari-hari.pptx
adap penggunaan media sosial dalam kehidupan sehari-hari.pptx
 

MVC dan JSON

  • 1. 3
  • 2.  MVC merupakan singakatan dari model view controller, adapun Pengertian MVC adalah sebuah bentuk pemrograman yang memisahkan berdasarkan logika penanganan tampilan, logika pengontrolan dan logika model.  MVC bertujuan supaya pada pengembangan perangkat lunak yang besar mudah untuk dilakukan maintenance (perbaikan/penambahan atau pengurangan kode).  Aplikasi yang dibangun menggunakan metode MVC maka akan lebih mudah untuk dirawat dan dikembangkan. Mudah dirawat dan dikembangkan karena kode program dikelompokan pada bagian masing - masing sehingga lebih mudah bagi para developer untuk menanganinya. Untuk bisa memahami metode pengembangan aplikasi menggunakan konsep MVC diperlukan pengetahuan tentang pemrograman berorientasi objek (Object Oriented Programming).
  • 3.  1. Model  Model adalah bagian kode program yang menangani query atau database. Jadi isi dari model merupakan bagian (fungsi-fungsi) yang berhubungan langsung dengan database untuk memanipulasi data seperti memasukkan data, pembaruan data, hapus data, dan lain-lain, namun tidak dapat berhubungan langsung dengan bagian view.  2. View  View adalah bagian kode prgram yang mengatur tampilan website. Pada aplikasi web bagian view biasanya berupa file template HTML, yang diatur oleh controller. Bagian ini tidak memiliki akses langsung terhadap bagian model namu berhubungan langsung dengan controller. View berfungsi untuk menerima dan merepresentasikan data kepada pengguna. Jadi bisa di katakan bahwa viiew merupakan halaman web.
  • 4.  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. Controller berfungsi untuk menerima request dan data dari user kemudian menentukan apa yang akan diproses oleh aplikasi.
  • 5.  CodeIgniter (CI) merupakan salah satu framework PHP yang menggunakan konsep MVC.  Kelebihan CI : ◦ Fungsi-fungsi pendukung yang cukup lengkap. ◦ Mendukung PHP4 dan PHP5. ◦ Memakai konsep MVC (Model View Controller). ◦ Performa dalam mengeksekusi sangat cepat. ◦ Dokumentasi lengkap, friendly dan didukung oleh forum, wiki, dan komunitas yang besar.
  • 6.  Kekurangan CI : ◦ Library/plugin/extension yang sangat terbatas. Sangat sulit untuk mencari plugin tambahan pada CI yang terverified, karena pada situs resminya codeigniter tidak disediakan plugin tambahan untuk mendukung pengembangan aplikasi dengan CI. ◦ Tidak cocok digunakan pada project skala besar. karena pengembangan aplikasi dengan framework ini sangatlah terbatas pada fitur dasar aplikasi web. Sementara untuk project skala besar biasanya terdapat fitur-fitur yang rumit yang librarynya tidak disediakan di CI.
  • 7.  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).
  • 8.  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.  JSON adalah salah satu bahasa markup yang dapat melakukan pertukaran data dimana JSON ini dibuat berdasarkan javascript dan pastinya sintaknya lebih ke javascript.
  • 9.  XML : ◦ Tidak mendukung array ◦ Tag dibuat manual/dideklarasikan oleh programmer ◦ Ukuran data besar ◦ Harus menggunakan XML DOM jika ingin memetakan teks/data ◦ Dapat berpadu dengan AJAX  JSON : ◦ Mendukung array ◦ Mendukung pembuatan Object ◦ Sintak pendek ◦ Dapat berpadu dengan AJAX ◦ Akses data cepat
  • 10.  Ketika kita mengakses sebuah data dengan menggunakan xml maka kita memerlukan yang namanya DOM XML dab DOM HTML dan disini kita pasti membutuhkan yang namanya request dari server dan menyebabkan si XML itu sendiri akan lambat dalam akses sebuah data  Ketika menggunakan JSON kita hanya butuh akses melalui javascript dan jika ingin ditampilkan hanya dengan menggunakan HTML DOM yaitu dengan cara kita ambil data dari JSON melalui array javascript lalu kita set datanya ke HTML maka data akan tampil.
  • 11.  AJAX (Asynchronous JavaScript and XMLHTTP) 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.
  • 12.  Pada aplikasi Javascript konvensional jika kita menginginkan data dari server kita menggunakan Form dan memanggilnya dengan method GET atau POST. Sehingga pengunjung perlu mengklik tombol dan kemudian halaman akan kerefresh untuk menampilkan hasil dari request tersebut. Kalau dengan Ajax, Javascript berkomunikasi langsung ke server dengan sebuah fungsi yang disebut dengan XMLHttpRequest suatu halaman web dapat direquest dari server dan diterima hasilnya tanpa perlu terjadi refresh pada halaman web tersebut.
  • 13.  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.  SRF merupakan pemalsuan request yang berasal dari site yang berbeda, tetapi dari sisi client tidak mengubah alamat IP karena memang dieksekusi oleh korban. Serangan CSRF dapat ditunjukkan seperti serangan pada diagram dibawah.
  • 14.  Penyerang mengirimkan link atau halaman berisi request tersembunyi pada pengguna (korban), yang dieksekusi oleh penggunan tersebut ke website target. Dalam menyusun serangan, penyusun akan mempelajari terlebih dahulu kelemahan-kelemahan website target yang dapat dimanfaatkan dengan teknik CSRF.  Website yang menyimpan cookies sehingga mengizinkan pengguna untuk datang kembali tanpa mengetikkan username dan password, akan menarik perhatian menyerang untuk lebih mengekplorasi fitur-fitur yang terdapat pada website setelah login.
  • 15.  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 dahulu. Hal ini berarti ketika menggunakan WebSocket pengguna harus terus menerus terkoneksi dengan server, dan kita memerlukan sebuah server khusus untuk dapat menjalankan aplikasi WebSocket dengan benar.
  • 16.  Latar belakang terciptanya websocket adalah permintaan beberapa client yang mengharuskan developer bisa membuat aplikasi berbasis web secara real time atau real-time apps. Aplikasi real time adalah dimana ketika ada perubahan data, maka saat itu juga website di browser klien juga ada perubahan atau setidaknya muncul notifikasi.  WebSocket adalah standar baru untuk komunikasi realtime pada Web dan aplikasi mobile. WebSocket dirancang untuk diterapkan di browser web dan server web, tetapi dapat digunakan oleh aplikasi client atau server. WebSocket adalah protokol yang menyediakan saluran komunikasi full-duplex melalui koneksi TCP tunggal.
  • 17.  Manfaat Websocket ◦ Websocket memungkinkan server untuk mendorong data kepada klien yang terhubung ◦ Mengurangi traffic atau lalu lintas jaringan yang tidak perlu dan latency menggunakan full duplex melalui koneksi tunggal. ◦ Streaming melalui proxy dan firewall, mendukung komunikasi simultan hulu dan hilir. ◦ Kompatibel dengan pre-WebSocket dunia dengan cara beralih dari koneksi HTTP ke WebSockets.