SlideShare a Scribd company logo
1 of 6
Tugas 2 rekweb 0916
1212511560_ku
m.shafwan al farisy
APAKAHYANG ANDA KETAHUI
TENTANG XML?BERIKAN CONTOH!
 -XML (eXtensible Markup Language)
 -Bahasa markup yang didesain untuk pertukaran & penyimpanan data
antar system
 -contoh :
 <?xmlversion="1.0"?>
 <note>
 <to>Pandu</to>
 <from>Fayruz</from>
 <heading>Reminder</heading>
 <body>Don't forget me this weekend!</body>
 </note>
 JSON (dibaca: “Jason”), singkatan dari JavaScript Object Notation adalah suatu
format ringkas pertukaran data komputer. Formatnya berbasis teks dan
terbaca-manusia serta digunakan untuk merepresentasikan struktur data
sederhana dan larik asosiatif (disebut objek).
Contoh JSON
{"menu": {
"id": "file",
"value": "File",
"popup": {
"menuitem": [
{"value": "New", "onclick": "CreateNewDoc()"},
{"value": "Open", "onclick": "OpenDoc()"},
{"value": "Close", "onclick": "CloseDoc()"}
]
}
}}
BERIKAN BEBERAPA PERBEDAAN
MENDASAR ANTARA HTML DAN XML?
Perbedaan XML dengan HTML
- XML dan HTML di desain untuk tujuan yang berbeda
- XML tidak menggantikan HTML
- XML didesain untuk menampilkan data dan di fokuskan pada apa sebenarnya data itu,
sedang HTML didesain untuk menampilkan data dan bagaimana agar data
tersebut bisa di lihat
- XML bertujuan untuk mendiskripsikan informasi, sedang HTML untuk menampilkan
informasi
Jadi pada intinya XML dan HTML merupakan script yang saling berkaitan, namun
mempunyai tujuan dan fungsi yang berbeda-beda.
Menurut wikipedia, JavaScript adalah bahasa skrip yang populer di internet dan dapat
bekerja di sebagian besar penjelajah web populer seperti Internet Explorer (IE), Mozilla
Firefox, Netscape dan Opera. Kode JavaScript dapat disisipkan dalam halaman web
menggunakan tag SCRIPT.
Contoh :
 <html>
 <head>
 <title></title>
 </head><script>
 alert("Belajar JAVASCRIPT");
 </script>
 <body>

 <p id="coba">Saya belajar javascript! Semoga berhasil</p>

 <button type="button"
 onclick="document.getElementById('coba').innerHTML = 'Horeee Berhasil!'">
 Klik Saya!</button></body></html>
Jelaskan yang anda ketahui mengenai
javascript?berikan contoh!
JELASKAN DAN BERIKAN ILUSTRASI ISTILAH FRONT END DAN BACK
END PADA SOFTWARE DEVELOPMENT !
• “Frontend” mengacu pada setiap aspek dari proses desain yang muncul dalam atau berhubungan langsung dengan
browser yang berkaitan dengan desain antarmuka website
• Desain grafis dan pembuatan gambar
• Desain antarmuka
• Desain Informasi seperti berkaitan dengan pengalaman pengguna dari situsnya
• Dokumen HTML dan pengembangan style sheet dengan CSS
• JavaScript dan jQuery
• Backend”mengacu pada program dan skrip yang bekerja pada server di balik layar untuk membuat halaman web
yang dinamis dan interaktif. Secara umum, pengembangan backend web berada di tangan programmer
berpengalaman, tapi itu baik untuk semua desainer web agar terbiasa dengan fungsi backend.
• Desain informasi seperti berkaitan bagaimana informasi diatur di server
• Pemrosesan form
• Pemograman database
• Content management systems
• Aplikasi berbasis web server lain menggunakan PHP, JSP, Ruby, ASP.NET, Java, dan bahasa pemograman lainnya

More Related Content

What's hot

TUGAS2-[KU]- 0316-MUHAMMAD AYUB - 1311510844
TUGAS2-[KU]- 0316-MUHAMMAD AYUB - 1311510844TUGAS2-[KU]- 0316-MUHAMMAD AYUB - 1311510844
TUGAS2-[KU]- 0316-MUHAMMAD AYUB - 1311510844muhammad ayub
 
Pertemuan java script 2
Pertemuan java script 2Pertemuan java script 2
Pertemuan java script 2zaenald i
 
Tugas4 1300631024
Tugas4 1300631024Tugas4 1300631024
Tugas4 1300631024Wika Anggya
 
Desain Antarmuka WebGIS: Bootstrap
Desain Antarmuka WebGIS: BootstrapDesain Antarmuka WebGIS: Bootstrap
Desain Antarmuka WebGIS: BootstrapDany Laksono
 
Buku tamu php&my sql
Buku tamu php&my sqlBuku tamu php&my sql
Buku tamu php&my sqltotoh fatah
 
Pemanfaatan json dengan mysql
Pemanfaatan json dengan mysqlPemanfaatan json dengan mysql
Pemanfaatan json dengan mysqlDermawanAdi
 
membuat Hello world dengan menggunakan JQuery
membuat Hello world dengan menggunakan JQuerymembuat Hello world dengan menggunakan JQuery
membuat Hello world dengan menggunakan JQueryAkhmad Anseve
 
Dasar Pemrograman Javascript
Dasar Pemrograman JavascriptDasar Pemrograman Javascript
Dasar Pemrograman JavascriptDeka M Wildan
 

What's hot (19)

TUGAS2-[KU]- 0316-MUHAMMAD AYUB - 1311510844
TUGAS2-[KU]- 0316-MUHAMMAD AYUB - 1311510844TUGAS2-[KU]- 0316-MUHAMMAD AYUB - 1311510844
TUGAS2-[KU]- 0316-MUHAMMAD AYUB - 1311510844
 
Pertemuan java script 2
Pertemuan java script 2Pertemuan java script 2
Pertemuan java script 2
 
Ajax - PHP
Ajax - PHPAjax - PHP
Ajax - PHP
 
JQuery
JQueryJQuery
JQuery
 
Java sfb
Java sfbJava sfb
Java sfb
 
Tugas4 1300631024
Tugas4 1300631024Tugas4 1300631024
Tugas4 1300631024
 
Desain Antarmuka WebGIS: Bootstrap
Desain Antarmuka WebGIS: BootstrapDesain Antarmuka WebGIS: Bootstrap
Desain Antarmuka WebGIS: Bootstrap
 
Buku tamu php&my sql
Buku tamu php&my sqlBuku tamu php&my sql
Buku tamu php&my sql
 
Tugas 3
Tugas 3Tugas 3
Tugas 3
 
Tugas 2 rekweb
Tugas 2 rekwebTugas 2 rekweb
Tugas 2 rekweb
 
Css tutorial-05
Css tutorial-05Css tutorial-05
Css tutorial-05
 
Tugas 2 rekayasa web
Tugas 2 rekayasa webTugas 2 rekayasa web
Tugas 2 rekayasa web
 
Pemanfaatan json dengan mysql
Pemanfaatan json dengan mysqlPemanfaatan json dengan mysql
Pemanfaatan json dengan mysql
 
membuat Hello world dengan menggunakan JQuery
membuat Hello world dengan menggunakan JQuerymembuat Hello world dengan menggunakan JQuery
membuat Hello world dengan menggunakan JQuery
 
Dasar Pemrograman Javascript
Dasar Pemrograman JavascriptDasar Pemrograman Javascript
Dasar Pemrograman Javascript
 
Jquery
JqueryJquery
Jquery
 
Pengantar WebGIS
Pengantar WebGISPengantar WebGIS
Pengantar WebGIS
 
Rifkillah s
Rifkillah sRifkillah s
Rifkillah s
 
Mean
MeanMean
Mean
 

Viewers also liked

GVML Community Needs Analysis April 2015
GVML Community Needs Analysis April 2015GVML Community Needs Analysis April 2015
GVML Community Needs Analysis April 2015Georgia von Guttner
 
McGill-Queens 2013 Conference Schedule of Events
McGill-Queens 2013 Conference Schedule of EventsMcGill-Queens 2013 Conference Schedule of Events
McGill-Queens 2013 Conference Schedule of EventsKatrina-Eve Manica
 
Queen's tradition now national campaign for global literacy | Queen's Gazette...
Queen's tradition now national campaign for global literacy | Queen's Gazette...Queen's tradition now national campaign for global literacy | Queen's Gazette...
Queen's tradition now national campaign for global literacy | Queen's Gazette...Katrina-Eve Manica
 
CHELSEA CONCRETE Brief Introduction
CHELSEA CONCRETE Brief IntroductionCHELSEA CONCRETE Brief Introduction
CHELSEA CONCRETE Brief IntroductionChelsea Group
 
PROFIL SEKOLAH Mi mambaul ulum
PROFIL SEKOLAH Mi mambaul ulumPROFIL SEKOLAH Mi mambaul ulum
PROFIL SEKOLAH Mi mambaul ulumNinikzuhri
 
We Remember: Lives Lost to Terror Since Rosh HaShana 2015
We Remember: Lives Lost to Terror Since Rosh HaShana 2015We Remember: Lives Lost to Terror Since Rosh HaShana 2015
We Remember: Lives Lost to Terror Since Rosh HaShana 2015OneFamily
 
Dịch nghĩa và giải thích chi tiết starter toeic unit 3
Dịch nghĩa và giải thích chi tiết starter toeic unit 3Dịch nghĩa và giải thích chi tiết starter toeic unit 3
Dịch nghĩa và giải thích chi tiết starter toeic unit 3my nguyễn
 
Dịch nghĩa và giải thích chi tiết starter toeic unit 4
Dịch nghĩa và giải thích chi tiết starter toeic unit 4Dịch nghĩa và giải thích chi tiết starter toeic unit 4
Dịch nghĩa và giải thích chi tiết starter toeic unit 4my nguyễn
 
Dịch nghĩa và giải thích chi tiết starter toeic unit 2
Dịch nghĩa và giải thích chi tiết starter toeic unit 2Dịch nghĩa và giải thích chi tiết starter toeic unit 2
Dịch nghĩa và giải thích chi tiết starter toeic unit 2my nguyễn
 
Tugas 1 indv rekayasa web rangga
Tugas 1 indv rekayasa web ranggaTugas 1 indv rekayasa web rangga
Tugas 1 indv rekayasa web ranggarangga priyatna
 

Viewers also liked (20)

Tugas rekweb 3 1212511560 m.shafwan al farisy
Tugas rekweb 3 1212511560 m.shafwan al farisyTugas rekweb 3 1212511560 m.shafwan al farisy
Tugas rekweb 3 1212511560 m.shafwan al farisy
 
FYP Proposal
FYP ProposalFYP Proposal
FYP Proposal
 
GVML Community Needs Analysis April 2015
GVML Community Needs Analysis April 2015GVML Community Needs Analysis April 2015
GVML Community Needs Analysis April 2015
 
Form wisuda
Form wisudaForm wisuda
Form wisuda
 
McGill-Queens 2013 Conference Schedule of Events
McGill-Queens 2013 Conference Schedule of EventsMcGill-Queens 2013 Conference Schedule of Events
McGill-Queens 2013 Conference Schedule of Events
 
Chuyen de bo doi cu ho
Chuyen de bo doi cu hoChuyen de bo doi cu ho
Chuyen de bo doi cu ho
 
Queen's tradition now national campaign for global literacy | Queen's Gazette...
Queen's tradition now national campaign for global literacy | Queen's Gazette...Queen's tradition now national campaign for global literacy | Queen's Gazette...
Queen's tradition now national campaign for global literacy | Queen's Gazette...
 
CHELSEA CONCRETE Brief Introduction
CHELSEA CONCRETE Brief IntroductionCHELSEA CONCRETE Brief Introduction
CHELSEA CONCRETE Brief Introduction
 
PROFIL SEKOLAH Mi mambaul ulum
PROFIL SEKOLAH Mi mambaul ulumPROFIL SEKOLAH Mi mambaul ulum
PROFIL SEKOLAH Mi mambaul ulum
 
idehistorie
idehistorieidehistorie
idehistorie
 
Bài 1
Bài 1Bài 1
Bài 1
 
We Remember: Lives Lost to Terror Since Rosh HaShana 2015
We Remember: Lives Lost to Terror Since Rosh HaShana 2015We Remember: Lives Lost to Terror Since Rosh HaShana 2015
We Remember: Lives Lost to Terror Since Rosh HaShana 2015
 
Dịch nghĩa và giải thích chi tiết starter toeic unit 3
Dịch nghĩa và giải thích chi tiết starter toeic unit 3Dịch nghĩa và giải thích chi tiết starter toeic unit 3
Dịch nghĩa và giải thích chi tiết starter toeic unit 3
 
Dịch nghĩa và giải thích chi tiết starter toeic unit 4
Dịch nghĩa và giải thích chi tiết starter toeic unit 4Dịch nghĩa và giải thích chi tiết starter toeic unit 4
Dịch nghĩa và giải thích chi tiết starter toeic unit 4
 
Dịch nghĩa và giải thích chi tiết starter toeic unit 2
Dịch nghĩa và giải thích chi tiết starter toeic unit 2Dịch nghĩa và giải thích chi tiết starter toeic unit 2
Dịch nghĩa và giải thích chi tiết starter toeic unit 2
 
BrochureChelsea
BrochureChelseaBrochureChelsea
BrochureChelsea
 
Tugas 1 indv rekayasa web rangga
Tugas 1 indv rekayasa web ranggaTugas 1 indv rekayasa web rangga
Tugas 1 indv rekayasa web rangga
 
Tugas2 rekayasa web
Tugas2 rekayasa webTugas2 rekayasa web
Tugas2 rekayasa web
 
Tugas rekayasa web
Tugas rekayasa webTugas rekayasa web
Tugas rekayasa web
 
Tugas 2 rekayasa web (0916)
Tugas 2   rekayasa web (0916)Tugas 2   rekayasa web (0916)
Tugas 2 rekayasa web (0916)
 

Similar to XML, JSON, dan JavaScript

Tugas 2 rekayasa web 0316
Tugas 2 rekayasa web 0316Tugas 2 rekayasa web 0316
Tugas 2 rekayasa web 0316art david
 
Tugas 2 0916 jansen_1512510247
Tugas 2 0916 jansen_1512510247Tugas 2 0916 jansen_1512510247
Tugas 2 0916 jansen_1512510247Jansen Wijaya
 
Tugas 2 – rekayasa web (nico nandika 1111511125)
Tugas 2 – rekayasa web (nico nandika 1111511125)Tugas 2 – rekayasa web (nico nandika 1111511125)
Tugas 2 – rekayasa web (nico nandika 1111511125)Nico Nandika
 
TUGAS2 RekWeb-[KI]-0316-[SRI SUSANTO]-[1412511642]
TUGAS2 RekWeb-[KI]-0316-[SRI SUSANTO]-[1412511642]TUGAS2 RekWeb-[KI]-0316-[SRI SUSANTO]-[1412511642]
TUGAS2 RekWeb-[KI]-0316-[SRI SUSANTO]-[1412511642]Universitas Budi Luhur
 
Desain Dashboard Berbasis Web dengan Platform Opensource
Desain Dashboard Berbasis Web  dengan Platform OpensourceDesain Dashboard Berbasis Web  dengan Platform Opensource
Desain Dashboard Berbasis Web dengan Platform OpensourceWildan Maulana
 
Tugas 3 – 0317 (individu)
Tugas 3 – 0317 (individu)Tugas 3 – 0317 (individu)
Tugas 3 – 0317 (individu)Linda Lestari
 
Apa itu XML - JSON - JavaScript - Front end & Back end
Apa itu XML - JSON - JavaScript - Front end & Back endApa itu XML - JSON - JavaScript - Front end & Back end
Apa itu XML - JSON - JavaScript - Front end & Back endAzhar Krisna
 
Tugas3 (individu)-andrian lesmana-1311510448
Tugas3 (individu)-andrian lesmana-1311510448Tugas3 (individu)-andrian lesmana-1311510448
Tugas3 (individu)-andrian lesmana-1311510448Andrian Lesmana
 
Tugas 2 rekayasa web 1412510016
Tugas 2 rekayasa web 1412510016Tugas 2 rekayasa web 1412510016
Tugas 2 rekayasa web 1412510016muslim rohadi
 
Tugas 3 0317 hendrie prasetyo 1612510899
Tugas 3 0317 hendrie prasetyo 1612510899Tugas 3 0317 hendrie prasetyo 1612510899
Tugas 3 0317 hendrie prasetyo 1612510899hendrieprasetyo
 
Tugas2 rekayasa web-1412510917
Tugas2 rekayasa web-1412510917Tugas2 rekayasa web-1412510917
Tugas2 rekayasa web-1412510917rimaafauziaah
 
Laporan web
Laporan webLaporan web
Laporan webrhizky
 
Tugas2 ku-0316-dody alfad-1511510669
Tugas2 ku-0316-dody alfad-1511510669Tugas2 ku-0316-dody alfad-1511510669
Tugas2 ku-0316-dody alfad-1511510669dodyalfad
 
Tugas 2 rekweb Ika Sulistiyani
Tugas 2 rekweb Ika SulistiyaniTugas 2 rekweb Ika Sulistiyani
Tugas 2 rekweb Ika Sulistiyaniikasulistiyani
 

Similar to XML, JSON, dan JavaScript (20)

Tugas 2 rekayasa web 0316
Tugas 2 rekayasa web 0316Tugas 2 rekayasa web 0316
Tugas 2 rekayasa web 0316
 
Tugas 2
Tugas 2Tugas 2
Tugas 2
 
Tugas 2 0916 jansen_1512510247
Tugas 2 0916 jansen_1512510247Tugas 2 0916 jansen_1512510247
Tugas 2 0916 jansen_1512510247
 
Tugas 2 – rekayasa web (nico nandika 1111511125)
Tugas 2 – rekayasa web (nico nandika 1111511125)Tugas 2 – rekayasa web (nico nandika 1111511125)
Tugas 2 – rekayasa web (nico nandika 1111511125)
 
TUGAS2 RekWeb-[KI]-0316-[SRI SUSANTO]-[1412511642]
TUGAS2 RekWeb-[KI]-0316-[SRI SUSANTO]-[1412511642]TUGAS2 RekWeb-[KI]-0316-[SRI SUSANTO]-[1412511642]
TUGAS2 RekWeb-[KI]-0316-[SRI SUSANTO]-[1412511642]
 
Desain Dashboard Berbasis Web dengan Platform Opensource
Desain Dashboard Berbasis Web  dengan Platform OpensourceDesain Dashboard Berbasis Web  dengan Platform Opensource
Desain Dashboard Berbasis Web dengan Platform Opensource
 
Tugas 3 – 0317 (individu)
Tugas 3 – 0317 (individu)Tugas 3 – 0317 (individu)
Tugas 3 – 0317 (individu)
 
Tugas2
Tugas2 Tugas2
Tugas2
 
Apa itu XML - JSON - JavaScript - Front end & Back end
Apa itu XML - JSON - JavaScript - Front end & Back endApa itu XML - JSON - JavaScript - Front end & Back end
Apa itu XML - JSON - JavaScript - Front end & Back end
 
Tugas3 (individu)-andrian lesmana-1311510448
Tugas3 (individu)-andrian lesmana-1311510448Tugas3 (individu)-andrian lesmana-1311510448
Tugas3 (individu)-andrian lesmana-1311510448
 
Tugas 2 rekayasa web 1412510016
Tugas 2 rekayasa web 1412510016Tugas 2 rekayasa web 1412510016
Tugas 2 rekayasa web 1412510016
 
Tugas 3 0317 hendrie prasetyo 1612510899
Tugas 3 0317 hendrie prasetyo 1612510899Tugas 3 0317 hendrie prasetyo 1612510899
Tugas 3 0317 hendrie prasetyo 1612510899
 
Tugas 3 0317
Tugas 3 0317Tugas 3 0317
Tugas 3 0317
 
Tugas2 rekayasa web-1412510917
Tugas2 rekayasa web-1412510917Tugas2 rekayasa web-1412510917
Tugas2 rekayasa web-1412510917
 
10012333 tugas1 db_web
10012333 tugas1 db_web10012333 tugas1 db_web
10012333 tugas1 db_web
 
Laporan web
Laporan webLaporan web
Laporan web
 
Tugas2 ku-0316-dody alfad-1511510669
Tugas2 ku-0316-dody alfad-1511510669Tugas2 ku-0316-dody alfad-1511510669
Tugas2 ku-0316-dody alfad-1511510669
 
Tugas 2 rekweb Ika Sulistiyani
Tugas 2 rekweb Ika SulistiyaniTugas 2 rekweb Ika Sulistiyani
Tugas 2 rekweb Ika Sulistiyani
 
Tugas rekayasa web
Tugas rekayasa webTugas rekayasa web
Tugas rekayasa web
 
Laporan_PHP-MySQL
Laporan_PHP-MySQLLaporan_PHP-MySQL
Laporan_PHP-MySQL
 

XML, JSON, dan JavaScript

  • 1. Tugas 2 rekweb 0916 1212511560_ku m.shafwan al farisy
  • 2. APAKAHYANG ANDA KETAHUI TENTANG XML?BERIKAN CONTOH!  -XML (eXtensible Markup Language)  -Bahasa markup yang didesain untuk pertukaran & penyimpanan data antar system  -contoh :  <?xmlversion="1.0"?>  <note>  <to>Pandu</to>  <from>Fayruz</from>  <heading>Reminder</heading>  <body>Don't forget me this weekend!</body>  </note>
  • 3.  JSON (dibaca: “Jason”), singkatan dari JavaScript Object Notation adalah suatu format ringkas pertukaran data komputer. Formatnya berbasis teks dan terbaca-manusia serta digunakan untuk merepresentasikan struktur data sederhana dan larik asosiatif (disebut objek). Contoh JSON {"menu": { "id": "file", "value": "File", "popup": { "menuitem": [ {"value": "New", "onclick": "CreateNewDoc()"}, {"value": "Open", "onclick": "OpenDoc()"}, {"value": "Close", "onclick": "CloseDoc()"} ] } }}
  • 4. BERIKAN BEBERAPA PERBEDAAN MENDASAR ANTARA HTML DAN XML? Perbedaan XML dengan HTML - XML dan HTML di desain untuk tujuan yang berbeda - XML tidak menggantikan HTML - XML didesain untuk menampilkan data dan di fokuskan pada apa sebenarnya data itu, sedang HTML didesain untuk menampilkan data dan bagaimana agar data tersebut bisa di lihat - XML bertujuan untuk mendiskripsikan informasi, sedang HTML untuk menampilkan informasi Jadi pada intinya XML dan HTML merupakan script yang saling berkaitan, namun mempunyai tujuan dan fungsi yang berbeda-beda.
  • 5. Menurut wikipedia, JavaScript adalah bahasa skrip yang populer di internet dan dapat bekerja di sebagian besar penjelajah web populer seperti Internet Explorer (IE), Mozilla Firefox, Netscape dan Opera. Kode JavaScript dapat disisipkan dalam halaman web menggunakan tag SCRIPT. Contoh :  <html>  <head>  <title></title>  </head><script>  alert("Belajar JAVASCRIPT");  </script>  <body>   <p id="coba">Saya belajar javascript! Semoga berhasil</p>   <button type="button"  onclick="document.getElementById('coba').innerHTML = 'Horeee Berhasil!'">  Klik Saya!</button></body></html> Jelaskan yang anda ketahui mengenai javascript?berikan contoh!
  • 6. JELASKAN DAN BERIKAN ILUSTRASI ISTILAH FRONT END DAN BACK END PADA SOFTWARE DEVELOPMENT ! • “Frontend” mengacu pada setiap aspek dari proses desain yang muncul dalam atau berhubungan langsung dengan browser yang berkaitan dengan desain antarmuka website • Desain grafis dan pembuatan gambar • Desain antarmuka • Desain Informasi seperti berkaitan dengan pengalaman pengguna dari situsnya • Dokumen HTML dan pengembangan style sheet dengan CSS • JavaScript dan jQuery • Backend”mengacu pada program dan skrip yang bekerja pada server di balik layar untuk membuat halaman web yang dinamis dan interaktif. Secara umum, pengembangan backend web berada di tangan programmer berpengalaman, tapi itu baik untuk semua desainer web agar terbiasa dengan fungsi backend. • Desain informasi seperti berkaitan bagaimana informasi diatur di server • Pemrosesan form • Pemograman database • Content management systems • Aplikasi berbasis web server lain menggunakan PHP, JSP, Ruby, ASP.NET, Java, dan bahasa pemograman lainnya