SlideShare a Scribd company logo
1 of 10
Tugas 2
Nama : Moh. Ridah Almakhbuby
NIM : 1411511205
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 informasi contact person:
<?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>
JSON (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 jaringan 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
Tugas 2   rekayasa webTugas 2   rekayasa web
Tugas 2 rekayasa webfaisalawai
 
PENGERTIAN TENTANG PHP, MYSQL, CSS, HTML DAN XML
PENGERTIAN TENTANG PHP, MYSQL, CSS, HTML DAN XMLPENGERTIAN TENTANG PHP, MYSQL, CSS, HTML DAN XML
PENGERTIAN TENTANG PHP, MYSQL, CSS, HTML DAN XMLDian Arifin
 
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 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
 
Rian saputa 1211510639 tugas2
Rian saputa 1211510639 tugas2Rian saputa 1211510639 tugas2
Rian saputa 1211510639 tugas2lagilagiryan
 
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
 
pemograman API
pemograman APIpemograman API
pemograman APIFarisLufhy
 
Tugas 3 0317-nurulazmi-1412510487
Tugas 3 0317-nurulazmi-1412510487Tugas 3 0317-nurulazmi-1412510487
Tugas 3 0317-nurulazmi-1412510487nurul azmi
 
Tugas 3 0317-dewi apriliani-1412510602
Tugas 3 0317-dewi apriliani-1412510602Tugas 3 0317-dewi apriliani-1412510602
Tugas 3 0317-dewi apriliani-1412510602dewiapril1996
 
Tugas3 rekayasa web
Tugas3 rekayasa web Tugas3 rekayasa web
Tugas3 rekayasa web Nasrul Akbar
 
Tugas2 rekweb-ku-0316-ismailaluwi-1212511008
Tugas2 rekweb-ku-0316-ismailaluwi-1212511008Tugas2 rekweb-ku-0316-ismailaluwi-1212511008
Tugas2 rekweb-ku-0316-ismailaluwi-1212511008ISMAIL ALUWI
 

What's hot (20)

Tugas 2 rekayasa web
Tugas 2   rekayasa webTugas 2   rekayasa web
Tugas 2 rekayasa web
 
PENGERTIAN TENTANG PHP, MYSQL, CSS, HTML DAN XML
PENGERTIAN TENTANG PHP, MYSQL, CSS, HTML DAN XMLPENGERTIAN TENTANG PHP, MYSQL, CSS, HTML DAN XML
PENGERTIAN TENTANG PHP, MYSQL, CSS, HTML DAN XML
 
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 rekweb Ika Sulistiyani
Tugas 2 rekweb Ika SulistiyaniTugas 2 rekweb Ika Sulistiyani
Tugas 2 rekweb Ika Sulistiyani
 
Tugas 2 – rekayasa web
Tugas 2 – rekayasa webTugas 2 – rekayasa web
Tugas 2 – rekayasa web
 
Prasta adriansyah
Prasta adriansyahPrasta adriansyah
Prasta adriansyah
 
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
 
Tugas2
Tugas2 Tugas2
Tugas2
 
Rian saputa 1211510639 tugas2
Rian saputa 1211510639 tugas2Rian saputa 1211510639 tugas2
Rian saputa 1211510639 tugas2
 
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
 
pemograman API
pemograman APIpemograman API
pemograman API
 
Part 1 - pengenalan website
Part 1 - pengenalan websitePart 1 - pengenalan website
Part 1 - pengenalan website
 
Tugas 3 0317-nurulazmi-1412510487
Tugas 3 0317-nurulazmi-1412510487Tugas 3 0317-nurulazmi-1412510487
Tugas 3 0317-nurulazmi-1412510487
 
Tugas 2
Tugas 2Tugas 2
Tugas 2
 
Tugas 3 0317-dewi apriliani-1412510602
Tugas 3 0317-dewi apriliani-1412510602Tugas 3 0317-dewi apriliani-1412510602
Tugas 3 0317-dewi apriliani-1412510602
 
Tugas3 rekayasa web
Tugas3 rekayasa web Tugas3 rekayasa web
Tugas3 rekayasa web
 
Tugas2 rekweb-ku-0316-ismailaluwi-1212511008
Tugas2 rekweb-ku-0316-ismailaluwi-1212511008Tugas2 rekweb-ku-0316-ismailaluwi-1212511008
Tugas2 rekweb-ku-0316-ismailaluwi-1212511008
 

Viewers also liked

TUGAS 2 KELOMPOK_0916
TUGAS 2 KELOMPOK_0916TUGAS 2 KELOMPOK_0916
TUGAS 2 KELOMPOK_0916Jansen Wijaya
 
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 kelompok rekayasa web1
Tugas kelompok rekayasa web1Tugas kelompok rekayasa web1
Tugas kelompok rekayasa web1Jansen Wijaya
 
Tugas 2 0916 jansen_1512510247
Tugas 2 0916 jansen_1512510247Tugas 2 0916 jansen_1512510247
Tugas 2 0916 jansen_1512510247Jansen Wijaya
 
Tugas 3 dimas setiadi 0916
Tugas 3 dimas setiadi 0916Tugas 3 dimas setiadi 0916
Tugas 3 dimas setiadi 0916Dimas Setiadi
 
Tugas 3 individu rekayasa web 0916
Tugas 3 individu rekayasa web 0916Tugas 3 individu rekayasa web 0916
Tugas 3 individu rekayasa web 0916rangga priyatna
 
Tugas 3 (individu) rekayasa web
Tugas 3 (individu) rekayasa webTugas 3 (individu) rekayasa web
Tugas 3 (individu) rekayasa webRizki Wahyu
 
Tugas 3 kelompok 4 rek_web
Tugas 3  kelompok 4  rek_webTugas 3  kelompok 4  rek_web
Tugas 3 kelompok 4 rek_webJansen Wijaya
 
TUGAS 2 KELOMPOK_0916
TUGAS 2 KELOMPOK_0916TUGAS 2 KELOMPOK_0916
TUGAS 2 KELOMPOK_0916Jansen Wijaya
 
Rekayasa web 0916
Rekayasa web 0916Rekayasa web 0916
Rekayasa web 0916rara1992
 
Tugas 2 rekayasa web
Tugas 2 rekayasa webTugas 2 rekayasa web
Tugas 2 rekayasa webRizki Wahyu
 

Viewers also liked (13)

TUGAS 2 KELOMPOK_0916
TUGAS 2 KELOMPOK_0916TUGAS 2 KELOMPOK_0916
TUGAS 2 KELOMPOK_0916
 
Tugas 1(individu) dimas setiadi 0916
Tugas 1(individu) dimas setiadi 0916Tugas 1(individu) dimas setiadi 0916
Tugas 1(individu) dimas setiadi 0916
 
Ronald adriansyah
Ronald adriansyahRonald adriansyah
Ronald adriansyah
 
Tugas kelompok rekayasa web1
Tugas kelompok rekayasa web1Tugas kelompok rekayasa web1
Tugas kelompok rekayasa web1
 
Tugas 2 0916 jansen_1512510247
Tugas 2 0916 jansen_1512510247Tugas 2 0916 jansen_1512510247
Tugas 2 0916 jansen_1512510247
 
Tugas 3 dimas setiadi 0916
Tugas 3 dimas setiadi 0916Tugas 3 dimas setiadi 0916
Tugas 3 dimas setiadi 0916
 
Tugas01
Tugas01Tugas01
Tugas01
 
Tugas 3 individu rekayasa web 0916
Tugas 3 individu rekayasa web 0916Tugas 3 individu rekayasa web 0916
Tugas 3 individu rekayasa web 0916
 
Tugas 3 (individu) rekayasa web
Tugas 3 (individu) rekayasa webTugas 3 (individu) rekayasa web
Tugas 3 (individu) rekayasa web
 
Tugas 3 kelompok 4 rek_web
Tugas 3  kelompok 4  rek_webTugas 3  kelompok 4  rek_web
Tugas 3 kelompok 4 rek_web
 
TUGAS 2 KELOMPOK_0916
TUGAS 2 KELOMPOK_0916TUGAS 2 KELOMPOK_0916
TUGAS 2 KELOMPOK_0916
 
Rekayasa web 0916
Rekayasa web 0916Rekayasa web 0916
Rekayasa web 0916
 
Tugas 2 rekayasa web
Tugas 2 rekayasa webTugas 2 rekayasa web
Tugas 2 rekayasa web
 

Similar to Tugas 2 Rekayasa Web

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

Similar to Tugas 2 Rekayasa Web (19)

Pengenalan web design dan programming
Pengenalan web design dan programmingPengenalan web design dan programming
Pengenalan web design dan programming
 
Homepage untuk informasi dan komunikasi
Homepage untuk informasi dan komunikasiHomepage untuk informasi dan komunikasi
Homepage untuk informasi dan komunikasi
 
T 12 (database internet)
T 12 (database internet)T 12 (database internet)
T 12 (database internet)
 
TUGAS2-[KU]- 0316-MUHAMMAD AYUB - 1311510844
TUGAS2-[KU]- 0316-MUHAMMAD AYUB - 1311510844TUGAS2-[KU]- 0316-MUHAMMAD AYUB - 1311510844
TUGAS2-[KU]- 0316-MUHAMMAD AYUB - 1311510844
 
Tugas individu rekweb2
Tugas individu rekweb2Tugas individu rekweb2
Tugas individu rekweb2
 
Tugas2andremelky1212511578
Tugas2andremelky1212511578Tugas2andremelky1212511578
Tugas2andremelky1212511578
 
Tugas 2 rekayasa web
Tugas 2 rekayasa webTugas 2 rekayasa web
Tugas 2 rekayasa web
 
Tugas2_Rekayasa Web
Tugas2_Rekayasa WebTugas2_Rekayasa Web
Tugas2_Rekayasa Web
 
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
 
Pengantar pemrograman web HTML
Pengantar pemrograman web HTMLPengantar pemrograman web HTML
Pengantar pemrograman web HTML
 
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 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)
 
Laporan pratikum 1
Laporan pratikum 1Laporan pratikum 1
Laporan pratikum 1
 
Modul web programing
Modul web programingModul web programing
Modul web programing
 
Tgs 2 rekweb
Tgs 2 rekwebTgs 2 rekweb
Tgs 2 rekweb
 
Modul webdesign
Modul webdesignModul webdesign
Modul webdesign
 
Tugas2 rekayasa web
Tugas2 rekayasa webTugas2 rekayasa web
Tugas2 rekayasa web
 
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
 

More from Ridah Almakhbuby (6)

Tugas 7
Tugas 7Tugas 7
Tugas 7
 
Tugas 6
Tugas 6Tugas 6
Tugas 6
 
Tugas 5
Tugas 5Tugas 5
Tugas 5
 
Tugas 4
Tugas 4Tugas 4
Tugas 4
 
Tugas 3
Tugas 3Tugas 3
Tugas 3
 
Tugas 1
Tugas 1Tugas 1
Tugas 1
 

Tugas 2 Rekayasa Web

  • 1. Tugas 2 Nama : Moh. Ridah Almakhbuby NIM : 1411511205
  • 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 informasi contact person: <?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. JSON (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 jaringan 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