SlideShare a Scribd company logo
1 of 12
HARDI TANAMAS
1411510538
TUGAS 3
INDIVIDU
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 code).
Model adalah komponen yang berfungsi mengambil data dari database/sumber
data. Fungsi yang terdapat dalam Model akan dipanggil oleh Controller.
View adalah komponen yang berfungsi menyajikan tampilan kepada user.
View menampilkan data yang diperoleh Controller.
Controller adalah komponen yang berfungsi untuk memanggil fungsi yang ada di
dalam Model dan mengirim hasilnya melalui View, Controller juga berfungsi
mengambil input dari user yang selanjutnya akan diolah oleh Model.
Kelebihan :
Gratis -
Support PHP4 & PHP5 -
Ukuran File kecil dan access yang lebih cepat -
Supported Dokumentasi -
Memiliki komunitas atau forum yang baik -
Kekurangan :
Codeigniter dikembangkan oleh Ellislab dan bukan oleh suatu -
komunitas, yang menyebabkan update core engine-nya tidak secepat
framework lain.
Tidak ditujukan untuk pembuatan web dengan skala besar -
(enterprise) walaupun tersedia banyak library.
Masih banyak kelonggaran dalam hal coding, misalnya bebas dalam -
menambah file.
Tidak mencerminkan MVC yang sesungguhnya, misalnya -
penulisan echo masih dapat dilakukan pada file controller.
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
<?xml version=”1.0″ encoding=”UTF-8″?>
<Resep nama=”roti” waktu_persiapan=”5 menit” waktu_masak=”3 jam”>
<judul>Roti tawar</judul>
<bahan jumlah=”3″ satuan=”cangkir”>Tepung</bahan>
<bahan jumlah=”0,25″ satuan=”ons”>Ragi</bahan>
<bahan jumlah=”1,5″ satuan=”cangkir”>Air hangat</bahan>
<bahan jumlah=”1″ satuan=”sendok teh”>Garam</bahan>
<Cara_membuat>
<langkah>Campur semua bahan dan uleni adonan sampai merata.</langkah>
<langkah>Tutup dengan kain lembab dan biarkan selama satu jam di ruangan
yang hangat.</langkah>
<langkah>Ulangi lagi, letakkan di loyang dan panggang di oven.</langkah>
<langkah>Keluarkan, hidangkan</langkah>
</Cara_membuat>
</Resep>
Contoh codingan XML:
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
merupakan format teks yang tidak bergantung pada bahasa pemprograman apapun
karena menggunakan gaya bahasa yang umum digunakan oleh programmer
keluarga C termasuk C, C++, C#, Java, JavaScript, Perl, Python dll. Oleh karena
sifat-sifat tersebut, menjadikan JSON ideal sebagai bahasa pertukaran-data.
JSON terbuat dari dua struktur:
1.Kumpulan pasangan nama/nilai. Pada beberapa bahasa, hal ini dinyatakan
sebagai objek (object), rekaman (record), struktur (struct), kamus (dictionary),
tabel hash (hash table), daftar berkunci (keyed list), atau associative array.
2,Daftar nilai terurutkan (an ordered list of values). Pada kebanyakan bahasa, hal
ini dinyatakan sebagai larik (array), vektor (vector), daftar (list), atau urutan
(sequence).
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<html>
<head>
<title>JSON testing - adiputra</title>
<script type='text/javascript'>
var JSON_adi = {
nama:'adiputra',
umur:21,
status_nikah:false,
hobi:['coding','main game','ngetik']
};
var nikah;
if(JSON_adi.status_nikah){
nikah = "sudah nikah";
}else{
nikah = "belum nikah";
}
document.write (JSON_adi.nama +" berumur "+JSON_adi.umur+" suka "+JSON_adi.hobi[0]+ "
dan "+nikah);
</script>
</head>
<body>
</body>
</html>
Contoh codingan JSON:
AJAX, singkatan dari “Asynchronous JavaScript and XML“, merupakan
metode suatu laman web menggunakan JavaScript untuk mengirim dan
menerima data dari server tanpa harus menyegarkan (refresh) laman itu.
XML adalah sejenis markup language – seperti HTML, yang kerap dipakai
untuk mengirimkan data melalui internet. Belakangan
ini, JSON (“JavaScript Object Notation”) lebih populer dan bisa dibaca –
secara bawaan (native) – oleh JavaScript.
<!DOCTYPE html>
<html>
<head>
<title>Contoh Ajax Sederhana</title>
<meta charset="UTF-8">
<script>
function loadXMLDoc()
{
var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","ajax_info.txt",true);
xmlhttp.send();
}
</script>
</head>
<body>
<div id="myDiv"><h2>Let AJAX change this text</h2></div>
<button type="button" onClick="loadXMLDoc()">Change Content</button>
</body>
</html>
Contoh codingan XML:
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.
Socket adalah salah satu cara untuk komunikasi antar komputer,
umumnya lewat network atau internet. Socket biasa digunakan untuk
pemrograman berbasis client-server yang dapat menggunakan socket
TCP/IP atau socket UDP.
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. Protokol WebSocket sudah di
standarisasi oleh IETF sebagai RFC 6455 pada tahun 2011, dan API
WebSocket di Web IDL sedang distandarisasi oleh W3C.
Contoh dari komponen server Websocket:
Socket.IO (Javascript) -
SignalR (.Net) -
Jetty (JVM) -
Event Machine (Ruby) -
Tornado (Python) -

More Related Content

What's hot

Panduan Pemrograman Berbasis Web dengan HTML, PHP, dan Database MySQL Part 2 ...
Panduan Pemrograman Berbasis Web dengan HTML, PHP, dan Database MySQL Part 2 ...Panduan Pemrograman Berbasis Web dengan HTML, PHP, dan Database MySQL Part 2 ...
Panduan Pemrograman Berbasis Web dengan HTML, PHP, dan Database MySQL Part 2 ...Doni Tobing
 
Web dengan php mysql dreamweaver
Web dengan php mysql dreamweaverWeb dengan php mysql dreamweaver
Web dengan php mysql dreamweaverAlbertz Ace-Red
 
Tutorial Pembuatan Aplikasi Website Beserta Databasenya
Tutorial Pembuatan Aplikasi Website Beserta DatabasenyaTutorial Pembuatan Aplikasi Website Beserta Databasenya
Tutorial Pembuatan Aplikasi Website Beserta DatabasenyaRCH_98
 
Tutorial Jsp (Java Server Page) Bagian 1
Tutorial Jsp (Java Server Page) Bagian 1Tutorial Jsp (Java Server Page) Bagian 1
Tutorial Jsp (Java Server Page) Bagian 1yuhana
 
Aplikasi JSP dengan netbeans
Aplikasi JSP dengan netbeansAplikasi JSP dengan netbeans
Aplikasi JSP dengan netbeansJogal
 
Panduan Pemrograman Berbasis Web dengan HTML, PHP, dan Database MySQL
Panduan Pemrograman Berbasis Web dengan HTML, PHP, dan Database MySQLPanduan Pemrograman Berbasis Web dengan HTML, PHP, dan Database MySQL
Panduan Pemrograman Berbasis Web dengan HTML, PHP, dan Database MySQLDoni Tobing
 
Cara mudah koneksi php dan mysql dengan database
Cara mudah koneksi php dan mysql dengan databaseCara mudah koneksi php dan mysql dengan database
Cara mudah koneksi php dan mysql dengan databaseProgrammer and Design
 
Menjadi webmaster dalam 30 hari
Menjadi webmaster dalam 30 hariMenjadi webmaster dalam 30 hari
Menjadi webmaster dalam 30 hariDidit Septiawan
 
Belajar pemrograman berbasis web menggunakan DHTMLX, PHP dan MySQL
Belajar pemrograman berbasis web menggunakan DHTMLX, PHP dan MySQLBelajar pemrograman berbasis web menggunakan DHTMLX, PHP dan MySQL
Belajar pemrograman berbasis web menggunakan DHTMLX, PHP dan MySQLTobing Manuppak
 
Menampilkan data pada Database MySQL di JSP(Java Server Page)
Menampilkan data pada Database MySQL di JSP(Java Server Page)Menampilkan data pada Database MySQL di JSP(Java Server Page)
Menampilkan data pada Database MySQL di JSP(Java Server Page)fahmi azain
 
Bab 4 tools-pemrograman-web-dan-database
Bab 4 tools-pemrograman-web-dan-databaseBab 4 tools-pemrograman-web-dan-database
Bab 4 tools-pemrograman-web-dan-databasefebeniken
 
Panduan lengkap php ajax j query
Panduan lengkap php ajax j queryPanduan lengkap php ajax j query
Panduan lengkap php ajax j queryapriatin
 
Tugas 3 – 0317 (individu)
Tugas 3 – 0317 (individu)Tugas 3 – 0317 (individu)
Tugas 3 – 0317 (individu)Linda Lestari
 

What's hot (18)

Panduan Pemrograman Berbasis Web dengan HTML, PHP, dan Database MySQL Part 2 ...
Panduan Pemrograman Berbasis Web dengan HTML, PHP, dan Database MySQL Part 2 ...Panduan Pemrograman Berbasis Web dengan HTML, PHP, dan Database MySQL Part 2 ...
Panduan Pemrograman Berbasis Web dengan HTML, PHP, dan Database MySQL Part 2 ...
 
Web dengan php mysql dreamweaver
Web dengan php mysql dreamweaverWeb dengan php mysql dreamweaver
Web dengan php mysql dreamweaver
 
Tutorial Pembuatan Aplikasi Website Beserta Databasenya
Tutorial Pembuatan Aplikasi Website Beserta DatabasenyaTutorial Pembuatan Aplikasi Website Beserta Databasenya
Tutorial Pembuatan Aplikasi Website Beserta Databasenya
 
Tutorial Jsp (Java Server Page) Bagian 1
Tutorial Jsp (Java Server Page) Bagian 1Tutorial Jsp (Java Server Page) Bagian 1
Tutorial Jsp (Java Server Page) Bagian 1
 
Aplikasi JSP dengan netbeans
Aplikasi JSP dengan netbeansAplikasi JSP dengan netbeans
Aplikasi JSP dengan netbeans
 
Panduan Pemrograman Berbasis Web dengan HTML, PHP, dan Database MySQL
Panduan Pemrograman Berbasis Web dengan HTML, PHP, dan Database MySQLPanduan Pemrograman Berbasis Web dengan HTML, PHP, dan Database MySQL
Panduan Pemrograman Berbasis Web dengan HTML, PHP, dan Database MySQL
 
Cara mudah koneksi php dan mysql dengan database
Cara mudah koneksi php dan mysql dengan databaseCara mudah koneksi php dan mysql dengan database
Cara mudah koneksi php dan mysql dengan database
 
Menjadi webmaster dalam 30 hari
Menjadi webmaster dalam 30 hariMenjadi webmaster dalam 30 hari
Menjadi webmaster dalam 30 hari
 
Belajar pemrograman berbasis web menggunakan DHTMLX, PHP dan MySQL
Belajar pemrograman berbasis web menggunakan DHTMLX, PHP dan MySQLBelajar pemrograman berbasis web menggunakan DHTMLX, PHP dan MySQL
Belajar pemrograman berbasis web menggunakan DHTMLX, PHP dan MySQL
 
Menampilkan data pada Database MySQL di JSP(Java Server Page)
Menampilkan data pada Database MySQL di JSP(Java Server Page)Menampilkan data pada Database MySQL di JSP(Java Server Page)
Menampilkan data pada Database MySQL di JSP(Java Server Page)
 
Bab 4 tools-pemrograman-web-dan-database
Bab 4 tools-pemrograman-web-dan-databaseBab 4 tools-pemrograman-web-dan-database
Bab 4 tools-pemrograman-web-dan-database
 
Ajax pada jquery
Ajax pada jqueryAjax pada jquery
Ajax pada jquery
 
Panduan lengkap php ajax j query
Panduan lengkap php ajax j queryPanduan lengkap php ajax j query
Panduan lengkap php ajax j query
 
Ajax - PHP
Ajax - PHPAjax - PHP
Ajax - PHP
 
P webfb
P webfbP webfb
P webfb
 
Installasi moodle
Installasi moodleInstallasi moodle
Installasi moodle
 
JQuery
JQueryJQuery
JQuery
 
Tugas 3 – 0317 (individu)
Tugas 3 – 0317 (individu)Tugas 3 – 0317 (individu)
Tugas 3 – 0317 (individu)
 

Viewers also liked

Taking Engagement Seriously - Heller Consulting
Taking Engagement Seriously - Heller ConsultingTaking Engagement Seriously - Heller Consulting
Taking Engagement Seriously - Heller ConsultingHeller Consulting
 
Origen y composición del ser humano Conforme a la palabra de Dios
Origen y composición del ser humano Conforme a la palabra de DiosOrigen y composición del ser humano Conforme a la palabra de Dios
Origen y composición del ser humano Conforme a la palabra de DiosJairo Chingaté
 
Fujitsu SUSE presentation at SAPPHIRE 2016
Fujitsu SUSE presentation at SAPPHIRE 2016Fujitsu SUSE presentation at SAPPHIRE 2016
Fujitsu SUSE presentation at SAPPHIRE 2016Mike Nelson
 
Presentasi tugas ekonomi materi ketenagakerjaan (dengan video) [autosaved]
Presentasi tugas ekonomi materi ketenagakerjaan (dengan video) [autosaved]Presentasi tugas ekonomi materi ketenagakerjaan (dengan video) [autosaved]
Presentasi tugas ekonomi materi ketenagakerjaan (dengan video) [autosaved]Ida Bagus Anom Sanjaya
 
Sights of novosibirsk
Sights of novosibirskSights of novosibirsk
Sights of novosibirskmankurtDomMix
 
Testiculos anatomia mariana
Testiculos  anatomia marianaTesticulos  anatomia mariana
Testiculos anatomia marianaMary Sinning
 
257759909 seismologi
257759909 seismologi257759909 seismologi
257759909 seismologiNora Abner
 
Simulacro 14 - Nombramiento y Ascenso Docente 2019
Simulacro 14 - Nombramiento y Ascenso Docente 2019Simulacro 14 - Nombramiento y Ascenso Docente 2019
Simulacro 14 - Nombramiento y Ascenso Docente 2019Jorge Luis Huayta
 

Viewers also liked (13)

Prakarya : Tutorial Membuat Danke
Prakarya : Tutorial Membuat Danke Prakarya : Tutorial Membuat Danke
Prakarya : Tutorial Membuat Danke
 
REVISTA PSICOLOGIA CLINICA
REVISTA PSICOLOGIA CLINICAREVISTA PSICOLOGIA CLINICA
REVISTA PSICOLOGIA CLINICA
 
Taking Engagement Seriously - Heller Consulting
Taking Engagement Seriously - Heller ConsultingTaking Engagement Seriously - Heller Consulting
Taking Engagement Seriously - Heller Consulting
 
Origen y composición del ser humano Conforme a la palabra de Dios
Origen y composición del ser humano Conforme a la palabra de DiosOrigen y composición del ser humano Conforme a la palabra de Dios
Origen y composición del ser humano Conforme a la palabra de Dios
 
Fujitsu SUSE presentation at SAPPHIRE 2016
Fujitsu SUSE presentation at SAPPHIRE 2016Fujitsu SUSE presentation at SAPPHIRE 2016
Fujitsu SUSE presentation at SAPPHIRE 2016
 
Presentasi tugas ekonomi materi ketenagakerjaan (dengan video) [autosaved]
Presentasi tugas ekonomi materi ketenagakerjaan (dengan video) [autosaved]Presentasi tugas ekonomi materi ketenagakerjaan (dengan video) [autosaved]
Presentasi tugas ekonomi materi ketenagakerjaan (dengan video) [autosaved]
 
Sights of novosibirsk
Sights of novosibirskSights of novosibirsk
Sights of novosibirsk
 
Analisis practica docente
Analisis practica docenteAnalisis practica docente
Analisis practica docente
 
Algoritmo
AlgoritmoAlgoritmo
Algoritmo
 
Tumors and its pathophysiology
Tumors and its pathophysiologyTumors and its pathophysiology
Tumors and its pathophysiology
 
Testiculos anatomia mariana
Testiculos  anatomia marianaTesticulos  anatomia mariana
Testiculos anatomia mariana
 
257759909 seismologi
257759909 seismologi257759909 seismologi
257759909 seismologi
 
Simulacro 14 - Nombramiento y Ascenso Docente 2019
Simulacro 14 - Nombramiento y Ascenso Docente 2019Simulacro 14 - Nombramiento y Ascenso Docente 2019
Simulacro 14 - Nombramiento y Ascenso Docente 2019
 

Similar to MVC-AJAX

Similar to MVC-AJAX (20)

Tugas 2 - Rekayasa Web
Tugas 2 - Rekayasa WebTugas 2 - Rekayasa Web
Tugas 2 - Rekayasa Web
 
Jsp
JspJsp
Jsp
 
Laporan_PHP-MySQL
Laporan_PHP-MySQLLaporan_PHP-MySQL
Laporan_PHP-MySQL
 
Moduljavascript
ModuljavascriptModuljavascript
Moduljavascript
 
Moduljavascript
ModuljavascriptModuljavascript
Moduljavascript
 
Moduljavascript
ModuljavascriptModuljavascript
Moduljavascript
 
Kelompok 15
Kelompok 15Kelompok 15
Kelompok 15
 
Kelompok 15
Kelompok 15Kelompok 15
Kelompok 15
 
Kelompok 15
Kelompok 15Kelompok 15
Kelompok 15
 
Tugas 2 0916 jansen_1512510247
Tugas 2 0916 jansen_1512510247Tugas 2 0916 jansen_1512510247
Tugas 2 0916 jansen_1512510247
 
Jquery Ajax Part 1 by Yussan
Jquery Ajax Part 1 by YussanJquery Ajax Part 1 by Yussan
Jquery Ajax Part 1 by Yussan
 
Modul Javascript
Modul JavascriptModul Javascript
Modul Javascript
 
Module desain web
Module desain webModule desain web
Module desain web
 
W E B P R O G R A M M I N G
W E B  P R O G R A M M I N GW E B  P R O G R A M M I N G
W E B P R O G R A M M I N G
 
Webprograming
WebprogramingWebprograming
Webprograming
 
Web programming
Web programmingWeb programming
Web programming
 
Pengenalan Teknologi ajax
Pengenalan Teknologi ajaxPengenalan Teknologi ajax
Pengenalan Teknologi ajax
 
Belajar membuat modul crud di laravel 5
Belajar membuat modul crud di laravel 5Belajar membuat modul crud di laravel 5
Belajar membuat modul crud di laravel 5
 
Slide struktur codeigneter
Slide struktur codeigneterSlide struktur codeigneter
Slide struktur codeigneter
 
Tugas 1 rekayasa web
Tugas 1 rekayasa webTugas 1 rekayasa web
Tugas 1 rekayasa web
 

More from Hardy Tanamas

Rekayasa web tugas 6
Rekayasa web tugas 6Rekayasa web tugas 6
Rekayasa web tugas 6Hardy Tanamas
 
Tugas 3 kelompok matkul rekayasa web 0317
Tugas 3 kelompok matkul rekayasa web 0317Tugas 3 kelompok matkul rekayasa web 0317
Tugas 3 kelompok matkul rekayasa web 0317Hardy Tanamas
 
Tugas 1 rekweb kelompok 3
Tugas 1 rekweb kelompok 3Tugas 1 rekweb kelompok 3
Tugas 1 rekweb kelompok 3Hardy Tanamas
 
Rekayasa web (tugas 2)
Rekayasa web (tugas 2)Rekayasa web (tugas 2)
Rekayasa web (tugas 2)Hardy Tanamas
 

More from Hardy Tanamas (8)

Tugas kelompok 2
Tugas kelompok 2Tugas kelompok 2
Tugas kelompok 2
 
Rekayasa web tugas 6
Rekayasa web tugas 6Rekayasa web tugas 6
Rekayasa web tugas 6
 
Tugas 5 individu
Tugas 5 individuTugas 5 individu
Tugas 5 individu
 
Tugas 4
Tugas 4Tugas 4
Tugas 4
 
Tugas 3 kelompok matkul rekayasa web 0317
Tugas 3 kelompok matkul rekayasa web 0317Tugas 3 kelompok matkul rekayasa web 0317
Tugas 3 kelompok matkul rekayasa web 0317
 
Tugas 1 rekweb kelompok 3
Tugas 1 rekweb kelompok 3Tugas 1 rekweb kelompok 3
Tugas 1 rekweb kelompok 3
 
Rekayasa web (tugas 2)
Rekayasa web (tugas 2)Rekayasa web (tugas 2)
Rekayasa web (tugas 2)
 
Tugas individu 1
Tugas individu 1Tugas individu 1
Tugas individu 1
 

MVC-AJAX

  • 2. 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 code). Model adalah komponen yang berfungsi mengambil data dari database/sumber data. Fungsi yang terdapat dalam Model akan dipanggil oleh Controller. View adalah komponen yang berfungsi menyajikan tampilan kepada user. View menampilkan data yang diperoleh Controller. Controller adalah komponen yang berfungsi untuk memanggil fungsi yang ada di dalam Model dan mengirim hasilnya melalui View, Controller juga berfungsi mengambil input dari user yang selanjutnya akan diolah oleh Model.
  • 3. Kelebihan : Gratis - Support PHP4 & PHP5 - Ukuran File kecil dan access yang lebih cepat - Supported Dokumentasi - Memiliki komunitas atau forum yang baik - Kekurangan : Codeigniter dikembangkan oleh Ellislab dan bukan oleh suatu - komunitas, yang menyebabkan update core engine-nya tidak secepat framework lain. Tidak ditujukan untuk pembuatan web dengan skala besar - (enterprise) walaupun tersedia banyak library. Masih banyak kelonggaran dalam hal coding, misalnya bebas dalam - menambah file. Tidak mencerminkan MVC yang sesungguhnya, misalnya - penulisan echo masih dapat dilakukan pada file controller.
  • 4. 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
  • 5. <?xml version=”1.0″ encoding=”UTF-8″?> <Resep nama=”roti” waktu_persiapan=”5 menit” waktu_masak=”3 jam”> <judul>Roti tawar</judul> <bahan jumlah=”3″ satuan=”cangkir”>Tepung</bahan> <bahan jumlah=”0,25″ satuan=”ons”>Ragi</bahan> <bahan jumlah=”1,5″ satuan=”cangkir”>Air hangat</bahan> <bahan jumlah=”1″ satuan=”sendok teh”>Garam</bahan> <Cara_membuat> <langkah>Campur semua bahan dan uleni adonan sampai merata.</langkah> <langkah>Tutup dengan kain lembab dan biarkan selama satu jam di ruangan yang hangat.</langkah> <langkah>Ulangi lagi, letakkan di loyang dan panggang di oven.</langkah> <langkah>Keluarkan, hidangkan</langkah> </Cara_membuat> </Resep> Contoh codingan XML:
  • 6. 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 merupakan format teks yang tidak bergantung pada bahasa pemprograman apapun karena menggunakan gaya bahasa yang umum digunakan oleh programmer keluarga C termasuk C, C++, C#, Java, JavaScript, Perl, Python dll. Oleh karena sifat-sifat tersebut, menjadikan JSON ideal sebagai bahasa pertukaran-data. JSON terbuat dari dua struktur: 1.Kumpulan pasangan nama/nilai. Pada beberapa bahasa, hal ini dinyatakan sebagai objek (object), rekaman (record), struktur (struct), kamus (dictionary), tabel hash (hash table), daftar berkunci (keyed list), atau associative array. 2,Daftar nilai terurutkan (an ordered list of values). Pada kebanyakan bahasa, hal ini dinyatakan sebagai larik (array), vektor (vector), daftar (list), atau urutan (sequence).
  • 7. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 <html> <head> <title>JSON testing - adiputra</title> <script type='text/javascript'> var JSON_adi = { nama:'adiputra', umur:21, status_nikah:false, hobi:['coding','main game','ngetik'] }; var nikah; if(JSON_adi.status_nikah){ nikah = "sudah nikah"; }else{ nikah = "belum nikah"; } document.write (JSON_adi.nama +" berumur "+JSON_adi.umur+" suka "+JSON_adi.hobi[0]+ " dan "+nikah); </script> </head> <body> </body> </html> Contoh codingan JSON:
  • 8. AJAX, singkatan dari “Asynchronous JavaScript and XML“, merupakan metode suatu laman web menggunakan JavaScript untuk mengirim dan menerima data dari server tanpa harus menyegarkan (refresh) laman itu. XML adalah sejenis markup language – seperti HTML, yang kerap dipakai untuk mengirimkan data melalui internet. Belakangan ini, JSON (“JavaScript Object Notation”) lebih populer dan bisa dibaca – secara bawaan (native) – oleh JavaScript.
  • 9. <!DOCTYPE html> <html> <head> <title>Contoh Ajax Sederhana</title> <meta charset="UTF-8"> <script> function loadXMLDoc() { var xmlhttp; if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); } else {// code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) { document.getElementById("myDiv").innerHTML=xmlhttp.responseText; } } xmlhttp.open("GET","ajax_info.txt",true); xmlhttp.send(); } </script> </head> <body> <div id="myDiv"><h2>Let AJAX change this text</h2></div> <button type="button" onClick="loadXMLDoc()">Change Content</button> </body> </html> Contoh codingan XML:
  • 10. 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.
  • 11. Socket adalah salah satu cara untuk komunikasi antar komputer, umumnya lewat network atau internet. Socket biasa digunakan untuk pemrograman berbasis client-server yang dapat menggunakan socket TCP/IP atau socket UDP. 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. Protokol WebSocket sudah di standarisasi oleh IETF sebagai RFC 6455 pada tahun 2011, dan API WebSocket di Web IDL sedang distandarisasi oleh W3C.
  • 12. Contoh dari komponen server Websocket: Socket.IO (Javascript) - SignalR (.Net) - Jetty (JVM) - Event Machine (Ruby) - Tornado (Python) -