SlideShare a Scribd company logo
1 of 10
Tugas 2
Nama : Debbie Mistikaweni
NIM : 1412510982
XML (eXtensible Markup Language)
XML adalah singkatan dari eXtensible Markup Language. Bahasa markup
adalah sekumpulan aturan-aturan yang mendefinisikan suatu sintaks yang
digunakan untuk menjelaskan, dan mendeskripsikan teks atau data dalam
sebuah dokumen melalui penggunaan tag. Bahasa markup lain yang populer
seperti HTML, menggambarkan kepada browser web tentang bagaimana
menampilkan format teks, data, dan grafik ke layar komputer ketika sedang
mengunjungi sebuah situs web. XML adalah sebuah bahasa markup yang
digunakan untuk mengolah meta data (informasi tentang data) yang
menggambarkan struktur dan maksud/tujuan data yang terdapat dalam
dokumen XML, namun bukan menggambarkan format tampilan data tersebut.
XML adalah sebuah standar sederhana yang digunakan untuk medeskrippsikan
data teks dengan cara self-describing (deskripsi diri). XML juga dapat
digunakan untuk mendefinisikan domain tertentu lainnya, seperti musik,
matematika, keuangan dan lain-lain yang menggunakan bahasa markup
terstruktur
Berikut ini adalah contoh sebuah dokumen XML untuk inform
<?xml version="1.0" encoding="ISO-8859-1"?><contact>
<phonebook>
<contact>
<name>Damian</name>
<phone>+628535343XXXX</phone>
<address>Bandung</address>
</contact>
<contact>
<name>Jonathan</name>
<phone>+628123454XXXX</phone>
<address>Jakarta</address>
</contact>
<contact>
<name>Yudis</name>
<phone>+628225546XXXX</phone>
<address>Jogjakarta</address>
</contact>
</phonebook>
(JAVASCRIPT OBJECT NOTATION)
JSON (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).
Format JSON sering digunakan untuk mentransmisikan data terstruktur melalui suatu
koneksi jaringanJSON pada suatu proses yang disebut serialisasi. Aplikasi utamanya
adalah pada pemrograman aplikasi web AJAX dengan berperan sebagai alternatif terhadap
penggunaan tradisional format XML.
Berikut contoh dokumen dari JSON :
{
"phonebook" : {
"contact":[
{
"name":“Damian",
"phone":"+628535343XXXX",
"address":“Bandung"
},{
"name":"Jonathan",
"phone":"+628123454XXXX",
"address":“Jakarta"
},{
"name":“Yudis",
"phone":"+628225546XXXX",
"address":“Jogjakarta"
}
]
}
}
Perbedaan mendasar antara XML dan HTML
• XML bukan merupakan pengganti HTML
• XML dan HTML yang dirancang dengan tujuan yang berbeda
• XML dirancang untuk trnasportasi dan menyimpan data, dengan focus pada apa data
tersebut
• HTML dirancang untuk menampilkan data, dengan focus pada bagaimana data terlihat
JavaScript
 JavaScript adalah bahasa pemograman web yang bersifat Client
Side Programming Language.Client Side Programming
Language adalah tipe bahasa pemograman yang pemrosesannya
dilakukan oleh client. Aplikasi client yang dimaksud merujuk
kepada web browser seperti Google Chrome dan Mozilla Firefox.
 Jenis bahasa pemograman Client Side berbeda dengan bahasa
pemograman Server Side seperti PHP, dimana untuk server
side seluruh kode program dijalankan di sisi server.
 Untuk menjalankan JavaScript, kita hanya membutuhkan
aplikasi text editor, dan web browser.JavaScript memiliki fitur: high-
level programming language, client-side, loosely tiped, dan
berorientasi objek
 contoh program untuk menampilkan hasil penjumlahan :
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Belajar JavaScript</title>
<script>
window.onload = function()
{
var hasil;
hasil = 1+3+5+7+9;
console.log(hasil);
}
</script>
</head>
<body>
<h1>Belajar JavaScript</h1>
<p> Saya sedang belajar JavaScript </p>
</div>
</body>
</html>
Front End dan Back End
Front-End Developer atau Programmer yang lebih fokus pada tampilan
luarnya (layout), jika kalian melihat web-web yang bagus
layout/tampilanya itu biasanya dibuat oleh para front-end web
developer untuk itu mereka harus bisa memahami beberapa bahasa
programming diantaranya HTML, CSS, Javascript dan Jquery.
Back-End Developer atau Programmer yang lebih fokus pada fungsi-
fungsi dari website tersebut, misalnya membuat form registrasi,
pembayaran dan lain sebagainya, karena itu mereka harus bisa
memahami beberapa bahasa programming juga diantaranya php, sql,
java dan lain sebagainya.
Kesimpulan dari pengertian Front End dan Back End Development
adalah seorang Front End Development bertugas membuat tampilan
sedang kan Back End Development bertugas mengatur bagaimana
sebuah website dapat diakses

More Related Content

What's hot

Tugas 2 rekayasa web 1412510016
Tugas 2 rekayasa web 1412510016Tugas 2 rekayasa web 1412510016
Tugas 2 rekayasa web 1412510016muslim rohadi
 
Tugas 2 rekayasa web
Tugas 2   rekayasa webTugas 2   rekayasa web
Tugas 2 rekayasa webfaisalawai
 
Tugas 2 rekayasa web
Tugas 2 rekayasa webTugas 2 rekayasa web
Tugas 2 rekayasa webHan'zo WEw
 
Tugas 2 rekweb Ika Sulistiyani
Tugas 2 rekweb Ika SulistiyaniTugas 2 rekweb Ika Sulistiyani
Tugas 2 rekweb Ika Sulistiyaniikasulistiyani
 
Tugas rekayasa web 2_1312510231 _Rostarina.H._KI
Tugas rekayasa web 2_1312510231 _Rostarina.H._KITugas rekayasa web 2_1312510231 _Rostarina.H._KI
Tugas rekayasa web 2_1312510231 _Rostarina.H._KIosta92
 
Tugas 2 rekayasa web Freddy Ferdiansyah 1412510586
Tugas 2 rekayasa web Freddy Ferdiansyah 1412510586Tugas 2 rekayasa web Freddy Ferdiansyah 1412510586
Tugas 2 rekayasa web Freddy Ferdiansyah 1412510586freddyferdiansyah27
 
Tugas 3 0317-nurulazmi-1412510487
Tugas 3 0317-nurulazmi-1412510487Tugas 3 0317-nurulazmi-1412510487
Tugas 3 0317-nurulazmi-1412510487nurul azmi
 
pemograman API
pemograman APIpemograman API
pemograman APIFarisLufhy
 
Tugas3 rekayasa web
Tugas3 rekayasa web Tugas3 rekayasa web
Tugas3 rekayasa web Nasrul Akbar
 
Rian saputa 1211510639 tugas2
Rian saputa 1211510639 tugas2Rian saputa 1211510639 tugas2
Rian saputa 1211510639 tugas2lagilagiryan
 
Tugas 2 – rekayasa web - Riyadi Saputra - 1311510893
Tugas 2 – rekayasa web - Riyadi Saputra - 1311510893Tugas 2 – rekayasa web - Riyadi Saputra - 1311510893
Tugas 2 – rekayasa web - Riyadi Saputra - 1311510893Riyadi Saputra
 
Tugas 3 0317-dewi apriliani-1412510602
Tugas 3 0317-dewi apriliani-1412510602Tugas 3 0317-dewi apriliani-1412510602
Tugas 3 0317-dewi apriliani-1412510602dewiapril1996
 

What's hot (20)

Tugas 2 rekayasa web (0916)
Tugas 2   rekayasa web (0916)Tugas 2   rekayasa web (0916)
Tugas 2 rekayasa web (0916)
 
Tugas 2 rekayasa web 1412510016
Tugas 2 rekayasa web 1412510016Tugas 2 rekayasa web 1412510016
Tugas 2 rekayasa web 1412510016
 
Tugas 2 rekayasa web
Tugas 2   rekayasa webTugas 2   rekayasa web
Tugas 2 rekayasa web
 
Tugas 2 rekayasa web
Tugas 2 rekayasa webTugas 2 rekayasa web
Tugas 2 rekayasa web
 
Tugas 2 rekweb Ika Sulistiyani
Tugas 2 rekweb Ika SulistiyaniTugas 2 rekweb Ika Sulistiyani
Tugas 2 rekweb Ika Sulistiyani
 
Tugas 2 rekaya web
Tugas 2 rekaya webTugas 2 rekaya web
Tugas 2 rekaya web
 
Tugas rekayasa web 2_1312510231 _Rostarina.H._KI
Tugas rekayasa web 2_1312510231 _Rostarina.H._KITugas rekayasa web 2_1312510231 _Rostarina.H._KI
Tugas rekayasa web 2_1312510231 _Rostarina.H._KI
 
Tugas 2 – rekayasa web
Tugas 2 – rekayasa webTugas 2 – rekayasa web
Tugas 2 – rekayasa web
 
Prasta adriansyah
Prasta adriansyahPrasta adriansyah
Prasta adriansyah
 
Tugas 2 rekayasa web
Tugas 2 rekayasa webTugas 2 rekayasa web
Tugas 2 rekayasa web
 
Tugas 2 rekayasa web Freddy Ferdiansyah 1412510586
Tugas 2 rekayasa web Freddy Ferdiansyah 1412510586Tugas 2 rekayasa web Freddy Ferdiansyah 1412510586
Tugas 2 rekayasa web Freddy Ferdiansyah 1412510586
 
Tugas2
Tugas2 Tugas2
Tugas2
 
Tugas 3 0317-nurulazmi-1412510487
Tugas 3 0317-nurulazmi-1412510487Tugas 3 0317-nurulazmi-1412510487
Tugas 3 0317-nurulazmi-1412510487
 
pemograman API
pemograman APIpemograman API
pemograman API
 
Tugas3 rekayasa web
Tugas3 rekayasa web Tugas3 rekayasa web
Tugas3 rekayasa web
 
Tugas 2
Tugas 2Tugas 2
Tugas 2
 
Rian saputa 1211510639 tugas2
Rian saputa 1211510639 tugas2Rian saputa 1211510639 tugas2
Rian saputa 1211510639 tugas2
 
Tugas 2 – rekayasa web - Riyadi Saputra - 1311510893
Tugas 2 – rekayasa web - Riyadi Saputra - 1311510893Tugas 2 – rekayasa web - Riyadi Saputra - 1311510893
Tugas 2 – rekayasa web - Riyadi Saputra - 1311510893
 
Tugas 3 0317-dewi apriliani-1412510602
Tugas 3 0317-dewi apriliani-1412510602Tugas 3 0317-dewi apriliani-1412510602
Tugas 3 0317-dewi apriliani-1412510602
 
Part 1 - pengenalan website
Part 1 - pengenalan websitePart 1 - pengenalan website
Part 1 - pengenalan website
 

Viewers also liked

Viewers also liked (6)

Professional Scrum Master 1 Certification
Professional Scrum Master 1 CertificationProfessional Scrum Master 1 Certification
Professional Scrum Master 1 Certification
 
Proc.1435 97
Proc.1435 97Proc.1435 97
Proc.1435 97
 
Project Management Presentation PP
Project Management Presentation PPProject Management Presentation PP
Project Management Presentation PP
 
Tugas 8
Tugas 8Tugas 8
Tugas 8
 
Etica para amador ii
Etica para amador iiEtica para amador ii
Etica para amador ii
 
Search.xxx
Search.xxxSearch.xxx
Search.xxx
 

Similar to Debbiemistikaweni 1412510982 tugas2

Homepage untuk informasi dan komunikasi
Homepage untuk informasi dan komunikasiHomepage untuk informasi dan komunikasi
Homepage untuk informasi dan komunikasiResa Firmansyah
 
Pengenalan web design dan programming
Pengenalan web design dan programmingPengenalan web design dan programming
Pengenalan web design dan programmingFrisianlllllllFlag
 
Tugas2andremelky1212511578
Tugas2andremelky1212511578Tugas2andremelky1212511578
Tugas2andremelky1212511578andre melky
 
T 12 (database internet)
T 12 (database internet)T 12 (database internet)
T 12 (database internet)Rifky A Ayub
 
Tugas individu rekweb2
Tugas individu rekweb2Tugas individu rekweb2
Tugas individu rekweb2Ratri Alfiani
 
TUGAS2-[KU]- 0316-MUHAMMAD AYUB - 1311510844
TUGAS2-[KU]- 0316-MUHAMMAD AYUB - 1311510844TUGAS2-[KU]- 0316-MUHAMMAD AYUB - 1311510844
TUGAS2-[KU]- 0316-MUHAMMAD AYUB - 1311510844muhammad ayub
 
Pengantar pemrograman web HTML
Pengantar pemrograman web HTMLPengantar pemrograman web HTML
Pengantar pemrograman web HTMLI Gede Iwan Sudipa
 
Tugas 2 rekayasa web
Tugas 2 rekayasa webTugas 2 rekayasa web
Tugas 2 rekayasa webSugianto oo
 
Modul web programing
Modul web programingModul web programing
Modul web programingFitra Sani
 
Tugas2 rekweb-ku-0316-ismailaluwi-1212511008
Tugas2 rekweb-ku-0316-ismailaluwi-1212511008Tugas2 rekweb-ku-0316-ismailaluwi-1212511008
Tugas2 rekweb-ku-0316-ismailaluwi-1212511008ISMAIL ALUWI
 
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
 
Tugas 3 Pemrograman API
Tugas 3 Pemrograman APITugas 3 Pemrograman API
Tugas 3 Pemrograman API1110651055
 

Similar to Debbiemistikaweni 1412510982 tugas2 (19)

Homepage untuk informasi dan komunikasi
Homepage untuk informasi dan komunikasiHomepage untuk informasi dan komunikasi
Homepage untuk informasi dan komunikasi
 
Pengenalan web design dan programming
Pengenalan web design dan programmingPengenalan web design dan programming
Pengenalan web design dan programming
 
Tugas2_Rekayasa Web
Tugas2_Rekayasa WebTugas2_Rekayasa Web
Tugas2_Rekayasa Web
 
Tugas2andremelky1212511578
Tugas2andremelky1212511578Tugas2andremelky1212511578
Tugas2andremelky1212511578
 
T 12 (database internet)
T 12 (database internet)T 12 (database internet)
T 12 (database internet)
 
Tugas individu rekweb2
Tugas individu rekweb2Tugas individu rekweb2
Tugas individu rekweb2
 
TUGAS2-[KU]- 0316-MUHAMMAD AYUB - 1311510844
TUGAS2-[KU]- 0316-MUHAMMAD AYUB - 1311510844TUGAS2-[KU]- 0316-MUHAMMAD AYUB - 1311510844
TUGAS2-[KU]- 0316-MUHAMMAD AYUB - 1311510844
 
Pengantar pemrograman web HTML
Pengantar pemrograman web HTMLPengantar pemrograman web HTML
Pengantar pemrograman web HTML
 
Tugas 2 rekayasa web
Tugas 2 rekayasa webTugas 2 rekayasa web
Tugas 2 rekayasa web
 
Modul web programing
Modul web programingModul web programing
Modul web programing
 
Laporan pratikum 1
Laporan pratikum 1Laporan pratikum 1
Laporan pratikum 1
 
Modul webdesign
Modul webdesignModul webdesign
Modul webdesign
 
Tugas2 rekweb-ku-0316-ismailaluwi-1212511008
Tugas2 rekweb-ku-0316-ismailaluwi-1212511008Tugas2 rekweb-ku-0316-ismailaluwi-1212511008
Tugas2 rekweb-ku-0316-ismailaluwi-1212511008
 
Modul web programing
Modul web programingModul web programing
Modul web programing
 
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)
 
Jeni J2 Me Bab08 Web Services
Jeni J2 Me Bab08 Web ServicesJeni J2 Me Bab08 Web Services
Jeni J2 Me Bab08 Web Services
 
Jeni j2 me-bab08-web services
Jeni j2 me-bab08-web servicesJeni j2 me-bab08-web services
Jeni j2 me-bab08-web services
 
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]
 
Tugas 3 Pemrograman API
Tugas 3 Pemrograman APITugas 3 Pemrograman API
Tugas 3 Pemrograman API
 

Debbiemistikaweni 1412510982 tugas2

  • 1. Tugas 2 Nama : Debbie Mistikaweni NIM : 1412510982
  • 2. XML (eXtensible Markup Language) XML adalah singkatan dari eXtensible Markup Language. Bahasa markup adalah sekumpulan aturan-aturan yang mendefinisikan suatu sintaks yang digunakan untuk menjelaskan, dan mendeskripsikan teks atau data dalam sebuah dokumen melalui penggunaan tag. Bahasa markup lain yang populer seperti HTML, menggambarkan kepada browser web tentang bagaimana menampilkan format teks, data, dan grafik ke layar komputer ketika sedang mengunjungi sebuah situs web. XML adalah sebuah bahasa markup yang digunakan untuk mengolah meta data (informasi tentang data) yang menggambarkan struktur dan maksud/tujuan data yang terdapat dalam dokumen XML, namun bukan menggambarkan format tampilan data tersebut. XML adalah sebuah standar sederhana yang digunakan untuk medeskrippsikan data teks dengan cara self-describing (deskripsi diri). XML juga dapat digunakan untuk mendefinisikan domain tertentu lainnya, seperti musik, matematika, keuangan dan lain-lain yang menggunakan bahasa markup terstruktur
  • 3. Berikut ini adalah contoh sebuah dokumen XML untuk inform <?xml version="1.0" encoding="ISO-8859-1"?><contact> <phonebook> <contact> <name>Damian</name> <phone>+628535343XXXX</phone> <address>Bandung</address> </contact> <contact> <name>Jonathan</name> <phone>+628123454XXXX</phone> <address>Jakarta</address> </contact> <contact> <name>Yudis</name> <phone>+628225546XXXX</phone> <address>Jogjakarta</address> </contact> </phonebook>
  • 4. (JAVASCRIPT OBJECT NOTATION) JSON (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). Format JSON sering digunakan untuk mentransmisikan data terstruktur melalui suatu koneksi jaringanJSON pada suatu proses yang disebut serialisasi. Aplikasi utamanya adalah pada pemrograman aplikasi web AJAX dengan berperan sebagai alternatif terhadap penggunaan tradisional format XML.
  • 5. Berikut contoh dokumen dari JSON : { "phonebook" : { "contact":[ { "name":“Damian", "phone":"+628535343XXXX", "address":“Bandung" },{ "name":"Jonathan", "phone":"+628123454XXXX", "address":“Jakarta" },{ "name":“Yudis", "phone":"+628225546XXXX", "address":“Jogjakarta" } ] } }
  • 6. Perbedaan mendasar antara XML dan HTML • XML bukan merupakan pengganti HTML • XML dan HTML yang dirancang dengan tujuan yang berbeda • XML dirancang untuk trnasportasi dan menyimpan data, dengan focus pada apa data tersebut • HTML dirancang untuk menampilkan data, dengan focus pada bagaimana data terlihat
  • 7. JavaScript  JavaScript adalah bahasa pemograman web yang bersifat Client Side Programming Language.Client Side Programming Language adalah tipe bahasa pemograman yang pemrosesannya dilakukan oleh client. Aplikasi client yang dimaksud merujuk kepada web browser seperti Google Chrome dan Mozilla Firefox.  Jenis bahasa pemograman Client Side berbeda dengan bahasa pemograman Server Side seperti PHP, dimana untuk server side seluruh kode program dijalankan di sisi server.  Untuk menjalankan JavaScript, kita hanya membutuhkan aplikasi text editor, dan web browser.JavaScript memiliki fitur: high- level programming language, client-side, loosely tiped, dan berorientasi objek
  • 8.  contoh program untuk menampilkan hasil penjumlahan : <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Belajar JavaScript</title> <script> window.onload = function() { var hasil; hasil = 1+3+5+7+9; console.log(hasil); } </script>
  • 9. </head> <body> <h1>Belajar JavaScript</h1> <p> Saya sedang belajar JavaScript </p> </div> </body> </html>
  • 10. Front End dan Back End Front-End Developer atau Programmer yang lebih fokus pada tampilan luarnya (layout), jika kalian melihat web-web yang bagus layout/tampilanya itu biasanya dibuat oleh para front-end web developer untuk itu mereka harus bisa memahami beberapa bahasa programming diantaranya HTML, CSS, Javascript dan Jquery. Back-End Developer atau Programmer yang lebih fokus pada fungsi- fungsi dari website tersebut, misalnya membuat form registrasi, pembayaran dan lain sebagainya, karena itu mereka harus bisa memahami beberapa bahasa programming juga diantaranya php, sql, java dan lain sebagainya. Kesimpulan dari pengertian Front End dan Back End Development adalah seorang Front End Development bertugas membuat tampilan sedang kan Back End Development bertugas mengatur bagaimana sebuah website dapat diakses