SlideShare a Scribd company logo
Tugas 2
Rekayasa Web
Nama : Dimas Setiadi
NIM : 1511510610
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>
(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 (0916)
Tugas 2   rekayasa web (0916)Tugas 2   rekayasa web (0916)
Tugas 2 rekayasa web (0916)
Zaid Ahmad Ramadhani
 
Tugas 2 rekayasa web
Tugas 2   rekayasa webTugas 2   rekayasa web
Tugas 2 rekayasa web
faisalawai
 
Tugas 2 rekayasa web 1412510016
Tugas 2 rekayasa web 1412510016Tugas 2 rekayasa web 1412510016
Tugas 2 rekayasa web 1412510016
muslim rohadi
 
Tugas 2 rekweb Ika Sulistiyani
Tugas 2 rekweb Ika SulistiyaniTugas 2 rekweb Ika Sulistiyani
Tugas 2 rekweb Ika Sulistiyani
ikasulistiyani
 
Tugas 2 rekayasa web
Tugas 2 rekayasa webTugas 2 rekayasa web
Tugas 2 rekayasa web
Han'zo WEw
 
Tugas 2 – rekayasa web
Tugas 2 – rekayasa webTugas 2 – rekayasa web
Tugas 2 – rekayasa web
Gilbert Abednego
 
Prasta adriansyah
Prasta adriansyahPrasta adriansyah
Prasta adriansyah
prasta adriansyah
 
Part 1 - pengenalan website
Part 1 - pengenalan websitePart 1 - pengenalan website
Part 1 - pengenalan website
Arfian Cahya Dwi Setya
 
Rian saputa 1211510639 tugas2
Rian saputa 1211510639 tugas2Rian saputa 1211510639 tugas2
Rian saputa 1211510639 tugas2
lagilagiryan
 
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
osta92
 
Tugas 2 rekayasa web
Tugas 2 rekayasa webTugas 2 rekayasa web
Tugas 2 rekayasa web
Filsaf Kurniawan
 
Tugas2
Tugas2 Tugas2
Tugas2
jeffry putra
 
Tugas 2 rekaya web
Tugas 2 rekaya webTugas 2 rekaya web
Tugas 2 rekaya web
Ummi khairani
 
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
freddyferdiansyah27
 
Tugas 3 0317-nurulazmi-1412510487
Tugas 3 0317-nurulazmi-1412510487Tugas 3 0317-nurulazmi-1412510487
Tugas 3 0317-nurulazmi-1412510487
nurul azmi
 
Tugas3 rekayasa web
Tugas3 rekayasa web Tugas3 rekayasa web
Tugas3 rekayasa web
Nasrul Akbar
 
pemograman API
pemograman APIpemograman API
pemograman API
FarisLufhy
 
Tugas 3 0317-dewi apriliani-1412510602
Tugas 3 0317-dewi apriliani-1412510602Tugas 3 0317-dewi apriliani-1412510602
Tugas 3 0317-dewi apriliani-1412510602
dewiapril1996
 
Tugas 2
Tugas 2Tugas 2
Tugas 2
yuyun kuratu
 
Tugas2 rekweb-ku-0316-ismailaluwi-1212511008
Tugas2 rekweb-ku-0316-ismailaluwi-1212511008Tugas2 rekweb-ku-0316-ismailaluwi-1212511008
Tugas2 rekweb-ku-0316-ismailaluwi-1212511008
ISMAIL ALUWI
 

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
Tugas 2   rekayasa webTugas 2   rekayasa web
Tugas 2 rekayasa web
 
Tugas 2 rekayasa web 1412510016
Tugas 2 rekayasa web 1412510016Tugas 2 rekayasa web 1412510016
Tugas 2 rekayasa web 1412510016
 
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
 
Tugas 2 – rekayasa web
Tugas 2 – rekayasa webTugas 2 – rekayasa web
Tugas 2 – rekayasa web
 
Prasta adriansyah
Prasta adriansyahPrasta adriansyah
Prasta adriansyah
 
Part 1 - pengenalan website
Part 1 - pengenalan websitePart 1 - pengenalan website
Part 1 - pengenalan website
 
Rian saputa 1211510639 tugas2
Rian saputa 1211510639 tugas2Rian saputa 1211510639 tugas2
Rian saputa 1211510639 tugas2
 
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
 
Tugas 2 rekaya web
Tugas 2 rekaya webTugas 2 rekaya web
Tugas 2 rekaya 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
 
Tugas 3 0317-nurulazmi-1412510487
Tugas 3 0317-nurulazmi-1412510487Tugas 3 0317-nurulazmi-1412510487
Tugas 3 0317-nurulazmi-1412510487
 
Tugas3 rekayasa web
Tugas3 rekayasa web Tugas3 rekayasa web
Tugas3 rekayasa web
 
pemograman API
pemograman APIpemograman API
pemograman API
 
Tugas 3 0317-dewi apriliani-1412510602
Tugas 3 0317-dewi apriliani-1412510602Tugas 3 0317-dewi apriliani-1412510602
Tugas 3 0317-dewi apriliani-1412510602
 
Tugas 2
Tugas 2Tugas 2
Tugas 2
 
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 0916 jansen_1512510247
Tugas 2 0916 jansen_1512510247Tugas 2 0916 jansen_1512510247
Tugas 2 0916 jansen_1512510247
Jansen Wijaya
 
Tugas kelompok rekayasa web1
Tugas kelompok rekayasa web1Tugas kelompok rekayasa web1
Tugas kelompok rekayasa web1
Jansen Wijaya
 
Tugas 3 (individu) rekayasa web
Tugas 3 (individu) rekayasa webTugas 3 (individu) rekayasa web
Tugas 3 (individu) rekayasa web
Rizki Wahyu
 
Tugas01
Tugas01Tugas01
Tugas01
dede irpandi
 
Ronald adriansyah
Ronald adriansyahRonald adriansyah
Ronald adriansyah
ronald adriansyah
 
Tugas 3 individu rekayasa web 0916
Tugas 3 individu rekayasa web 0916Tugas 3 individu rekayasa web 0916
Tugas 3 individu rekayasa web 0916
rangga priyatna
 
TUGAS 2 KELOMPOK_0916
TUGAS 2 KELOMPOK_0916TUGAS 2 KELOMPOK_0916
TUGAS 2 KELOMPOK_0916
Jansen Wijaya
 
Tugas 3 dimas setiadi 0916
Tugas 3 dimas setiadi 0916Tugas 3 dimas setiadi 0916
Tugas 3 dimas setiadi 0916
Dimas Setiadi
 
Tugas 1(individu) dimas setiadi 0916
Tugas 1(individu) dimas setiadi 0916Tugas 1(individu) dimas setiadi 0916
Tugas 1(individu) dimas setiadi 0916
Dimas Setiadi
 
TUGAS 2 KELOMPOK_0916
TUGAS 2 KELOMPOK_0916TUGAS 2 KELOMPOK_0916
TUGAS 2 KELOMPOK_0916
Jansen Wijaya
 
Tugas 3 kelompok 4 rek_web
Tugas 3  kelompok 4  rek_webTugas 3  kelompok 4  rek_web
Tugas 3 kelompok 4 rek_web
Jansen Wijaya
 
Rekayasa web 0916
Rekayasa web 0916Rekayasa web 0916
Rekayasa web 0916
rara1992
 
Tugas 2 rekayasa web
Tugas 2 rekayasa webTugas 2 rekayasa web
Tugas 2 rekayasa web
Rizki Wahyu
 

Viewers also liked (13)

Tugas 2 0916 jansen_1512510247
Tugas 2 0916 jansen_1512510247Tugas 2 0916 jansen_1512510247
Tugas 2 0916 jansen_1512510247
 
Tugas kelompok rekayasa web1
Tugas kelompok rekayasa web1Tugas kelompok rekayasa web1
Tugas kelompok rekayasa web1
 
Tugas 3 (individu) rekayasa web
Tugas 3 (individu) rekayasa webTugas 3 (individu) rekayasa web
Tugas 3 (individu) rekayasa web
 
Tugas01
Tugas01Tugas01
Tugas01
 
Ronald adriansyah
Ronald adriansyahRonald adriansyah
Ronald adriansyah
 
Tugas 3 individu rekayasa web 0916
Tugas 3 individu rekayasa web 0916Tugas 3 individu rekayasa web 0916
Tugas 3 individu rekayasa web 0916
 
TUGAS 2 KELOMPOK_0916
TUGAS 2 KELOMPOK_0916TUGAS 2 KELOMPOK_0916
TUGAS 2 KELOMPOK_0916
 
Tugas 3 dimas setiadi 0916
Tugas 3 dimas setiadi 0916Tugas 3 dimas setiadi 0916
Tugas 3 dimas setiadi 0916
 
Tugas 1(individu) dimas setiadi 0916
Tugas 1(individu) dimas setiadi 0916Tugas 1(individu) dimas setiadi 0916
Tugas 1(individu) dimas setiadi 0916
 
TUGAS 2 KELOMPOK_0916
TUGAS 2 KELOMPOK_0916TUGAS 2 KELOMPOK_0916
TUGAS 2 KELOMPOK_0916
 
Tugas 3 kelompok 4 rek_web
Tugas 3  kelompok 4  rek_webTugas 3  kelompok 4  rek_web
Tugas 3 kelompok 4 rek_web
 
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 dimas setiadi 0916

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 - 1311510844
muhammad ayub
 
Tugas2_Rekayasa Web
Tugas2_Rekayasa WebTugas2_Rekayasa Web
Tugas2_Rekayasa Web
ricoadityaputra
 
Tugas individu rekweb2
Tugas individu rekweb2Tugas individu rekweb2
Tugas individu rekweb2
Ratri Alfiani
 
Tugas 2 rekayasa web
Tugas 2 rekayasa webTugas 2 rekayasa web
Tugas 2 rekayasa web
Sugianto oo
 
Pengantar pemrograman web HTML
Pengantar pemrograman web HTMLPengantar pemrograman web HTML
Pengantar pemrograman web HTML
I 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
 
Tugas2andremelky1212511578
Tugas2andremelky1212511578Tugas2andremelky1212511578
Tugas2andremelky1212511578
andre melky
 
Modul web programing
Modul web programingModul web programing
Modul web programingFitra Sani
 
Modul webdesign
Modul webdesignModul webdesign
Modul webdesign
Nepriant Juragantv
 
Laporan pratikum 1
Laporan pratikum 1Laporan pratikum 1
Laporan pratikum 1
rahmi wahyuni
 
Tgs 2 rekweb
Tgs 2 rekwebTgs 2 rekweb
Tgs 2 rekweb
alchdila boyda
 
Modul web programing
Modul web programingModul web programing
Modul web programing
Nepriant Juragantv
 
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
 
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
Riyadi Saputra
 
Tugas 3 Pemrograman API
Tugas 3 Pemrograman APITugas 3 Pemrograman API
Tugas 3 Pemrograman API
1110651055
 
Tugas2 rekayasa web
Tugas2 rekayasa webTugas2 rekayasa web
Tugas2 rekayasa web
ALvin Septian
 

Similar to Tugas 2 dimas setiadi 0916 (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
 
Tugas2_Rekayasa Web
Tugas2_Rekayasa WebTugas2_Rekayasa Web
Tugas2_Rekayasa Web
 
Tugas individu rekweb2
Tugas individu rekweb2Tugas individu rekweb2
Tugas individu rekweb2
 
Tugas 2 rekayasa web
Tugas 2 rekayasa webTugas 2 rekayasa web
Tugas 2 rekayasa web
 
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]
 
Tugas2andremelky1212511578
Tugas2andremelky1212511578Tugas2andremelky1212511578
Tugas2andremelky1212511578
 
Modul web programing
Modul web programingModul web programing
Modul web programing
 
Modul webdesign
Modul webdesignModul webdesign
Modul webdesign
 
Laporan pratikum 1
Laporan pratikum 1Laporan pratikum 1
Laporan pratikum 1
 
Tgs 2 rekweb
Tgs 2 rekwebTgs 2 rekweb
Tgs 2 rekweb
 
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)
 
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 Pemrograman API
Tugas 3 Pemrograman APITugas 3 Pemrograman API
Tugas 3 Pemrograman API
 
Tugas2 rekayasa web
Tugas2 rekayasa webTugas2 rekayasa web
Tugas2 rekayasa web
 

Recently uploaded

VISI MISI KOMUNITAS BELAJAR SDN 93 KOTA JAMBI
VISI MISI KOMUNITAS BELAJAR SDN 93 KOTA JAMBIVISI MISI KOMUNITAS BELAJAR SDN 93 KOTA JAMBI
VISI MISI KOMUNITAS BELAJAR SDN 93 KOTA JAMBI
gloriosaesy
 
MATERI SOSIALISASI PPDB JABAR- 4PAN052024.pdf
MATERI SOSIALISASI PPDB JABAR- 4PAN052024.pdfMATERI SOSIALISASI PPDB JABAR- 4PAN052024.pdf
MATERI SOSIALISASI PPDB JABAR- 4PAN052024.pdf
ssuser289c2f1
 
UNTUK DOSEN Materi Sosialisasi Pengelolaan Kinerja Akademik Dosen
UNTUK DOSEN Materi Sosialisasi Pengelolaan Kinerja Akademik DosenUNTUK DOSEN Materi Sosialisasi Pengelolaan Kinerja Akademik Dosen
UNTUK DOSEN Materi Sosialisasi Pengelolaan Kinerja Akademik Dosen
AdrianAgoes9
 
Karier-Dan-Studi-Lanjut-Di-Bidang-Informatika.pptx
Karier-Dan-Studi-Lanjut-Di-Bidang-Informatika.pptxKarier-Dan-Studi-Lanjut-Di-Bidang-Informatika.pptx
Karier-Dan-Studi-Lanjut-Di-Bidang-Informatika.pptx
adolfnuhujanan101
 
INSTRUMEN PENILAIAN PRAKTIK KINERJA KS Dok Rating Observasi (1).docx
INSTRUMEN PENILAIAN PRAKTIK KINERJA KS Dok Rating Observasi (1).docxINSTRUMEN PENILAIAN PRAKTIK KINERJA KS Dok Rating Observasi (1).docx
INSTRUMEN PENILAIAN PRAKTIK KINERJA KS Dok Rating Observasi (1).docx
lindaagina84
 
untuk observasi kepala sekolah dengan pengawas
untuk observasi kepala sekolah dengan pengawasuntuk observasi kepala sekolah dengan pengawas
untuk observasi kepala sekolah dengan pengawas
TEDYHARTO1
 
Modul Ajar PAI dan Budi Pekerti Kelas 2 Fase A Kurikulum Merdeka
Modul Ajar PAI dan Budi Pekerti Kelas 2 Fase A Kurikulum MerdekaModul Ajar PAI dan Budi Pekerti Kelas 2 Fase A Kurikulum Merdeka
Modul Ajar PAI dan Budi Pekerti Kelas 2 Fase A Kurikulum Merdeka
Fathan Emran
 
Karakteristik Manusia Komunikan dalam Bingkai Psikologi Komunikasi
Karakteristik Manusia Komunikan dalam Bingkai Psikologi KomunikasiKarakteristik Manusia Komunikan dalam Bingkai Psikologi Komunikasi
Karakteristik Manusia Komunikan dalam Bingkai Psikologi Komunikasi
AdePutraTunggali
 
Bahan Sosialisasi PPDB_1 2024/2025 Bandung
Bahan Sosialisasi PPDB_1 2024/2025 BandungBahan Sosialisasi PPDB_1 2024/2025 Bandung
Bahan Sosialisasi PPDB_1 2024/2025 Bandung
Galang Adi Kuncoro
 
NUMERASI KOMPETENSI PENDIDIK TAHAP CAKAP DAN MAHIR.pdf
NUMERASI KOMPETENSI PENDIDIK TAHAP CAKAP DAN MAHIR.pdfNUMERASI KOMPETENSI PENDIDIK TAHAP CAKAP DAN MAHIR.pdf
NUMERASI KOMPETENSI PENDIDIK TAHAP CAKAP DAN MAHIR.pdf
DataSupriatna
 
PENGUMUMAN PPDB SMPN 4 PONOROGO TAHUN 2024.pdf
PENGUMUMAN PPDB SMPN 4 PONOROGO TAHUN 2024.pdfPENGUMUMAN PPDB SMPN 4 PONOROGO TAHUN 2024.pdf
PENGUMUMAN PPDB SMPN 4 PONOROGO TAHUN 2024.pdf
smp4prg
 
Bab 3 Sejarah Kerajaan Hindu-Buddha.pptx
Bab 3 Sejarah Kerajaan Hindu-Buddha.pptxBab 3 Sejarah Kerajaan Hindu-Buddha.pptx
Bab 3 Sejarah Kerajaan Hindu-Buddha.pptx
nawasenamerta
 
ppt landasan pendidikan pai 9 revisi.pdf
ppt landasan pendidikan pai 9 revisi.pdfppt landasan pendidikan pai 9 revisi.pdf
ppt landasan pendidikan pai 9 revisi.pdf
setiatinambunan
 
LAPORAN TUGAS TAMBAHAN PEMBINA PRAMUKA..
LAPORAN TUGAS TAMBAHAN PEMBINA PRAMUKA..LAPORAN TUGAS TAMBAHAN PEMBINA PRAMUKA..
LAPORAN TUGAS TAMBAHAN PEMBINA PRAMUKA..
widyakusuma99
 
Kisi-kisi soal pai kelas 7 genap 2024.docx
Kisi-kisi soal pai kelas 7 genap 2024.docxKisi-kisi soal pai kelas 7 genap 2024.docx
Kisi-kisi soal pai kelas 7 genap 2024.docx
irawan1978
 
SOAL SBDP KELAS 3 SEMESTER GENAP TAHUN PELAJARAN 2023 2024
SOAL SBDP KELAS 3 SEMESTER GENAP TAHUN PELAJARAN 2023 2024SOAL SBDP KELAS 3 SEMESTER GENAP TAHUN PELAJARAN 2023 2024
SOAL SBDP KELAS 3 SEMESTER GENAP TAHUN PELAJARAN 2023 2024
ozijaya
 
INDIKATOR KINERJA DAN FOKUS PERILAKU KS.pdf
INDIKATOR KINERJA DAN FOKUS PERILAKU KS.pdfINDIKATOR KINERJA DAN FOKUS PERILAKU KS.pdf
INDIKATOR KINERJA DAN FOKUS PERILAKU KS.pdf
NurSriWidyastuti1
 
ppt profesionalisasi pendidikan Pai 9.pdf
ppt profesionalisasi pendidikan Pai 9.pdfppt profesionalisasi pendidikan Pai 9.pdf
ppt profesionalisasi pendidikan Pai 9.pdf
Nur afiyah
 
Paparan Kurikulum Satuan Pendidikan_LOKAKARYA TPK 2024.pptx.pdf
Paparan Kurikulum Satuan Pendidikan_LOKAKARYA TPK 2024.pptx.pdfPaparan Kurikulum Satuan Pendidikan_LOKAKARYA TPK 2024.pptx.pdf
Paparan Kurikulum Satuan Pendidikan_LOKAKARYA TPK 2024.pptx.pdf
SEMUELSAMBOKARAENG
 
RUBRIK OBSERVASI KINERJA KEPALA SEKOLAH.docx
RUBRIK OBSERVASI KINERJA KEPALA SEKOLAH.docxRUBRIK OBSERVASI KINERJA KEPALA SEKOLAH.docx
RUBRIK OBSERVASI KINERJA KEPALA SEKOLAH.docx
kinayaptr30
 

Recently uploaded (20)

VISI MISI KOMUNITAS BELAJAR SDN 93 KOTA JAMBI
VISI MISI KOMUNITAS BELAJAR SDN 93 KOTA JAMBIVISI MISI KOMUNITAS BELAJAR SDN 93 KOTA JAMBI
VISI MISI KOMUNITAS BELAJAR SDN 93 KOTA JAMBI
 
MATERI SOSIALISASI PPDB JABAR- 4PAN052024.pdf
MATERI SOSIALISASI PPDB JABAR- 4PAN052024.pdfMATERI SOSIALISASI PPDB JABAR- 4PAN052024.pdf
MATERI SOSIALISASI PPDB JABAR- 4PAN052024.pdf
 
UNTUK DOSEN Materi Sosialisasi Pengelolaan Kinerja Akademik Dosen
UNTUK DOSEN Materi Sosialisasi Pengelolaan Kinerja Akademik DosenUNTUK DOSEN Materi Sosialisasi Pengelolaan Kinerja Akademik Dosen
UNTUK DOSEN Materi Sosialisasi Pengelolaan Kinerja Akademik Dosen
 
Karier-Dan-Studi-Lanjut-Di-Bidang-Informatika.pptx
Karier-Dan-Studi-Lanjut-Di-Bidang-Informatika.pptxKarier-Dan-Studi-Lanjut-Di-Bidang-Informatika.pptx
Karier-Dan-Studi-Lanjut-Di-Bidang-Informatika.pptx
 
INSTRUMEN PENILAIAN PRAKTIK KINERJA KS Dok Rating Observasi (1).docx
INSTRUMEN PENILAIAN PRAKTIK KINERJA KS Dok Rating Observasi (1).docxINSTRUMEN PENILAIAN PRAKTIK KINERJA KS Dok Rating Observasi (1).docx
INSTRUMEN PENILAIAN PRAKTIK KINERJA KS Dok Rating Observasi (1).docx
 
untuk observasi kepala sekolah dengan pengawas
untuk observasi kepala sekolah dengan pengawasuntuk observasi kepala sekolah dengan pengawas
untuk observasi kepala sekolah dengan pengawas
 
Modul Ajar PAI dan Budi Pekerti Kelas 2 Fase A Kurikulum Merdeka
Modul Ajar PAI dan Budi Pekerti Kelas 2 Fase A Kurikulum MerdekaModul Ajar PAI dan Budi Pekerti Kelas 2 Fase A Kurikulum Merdeka
Modul Ajar PAI dan Budi Pekerti Kelas 2 Fase A Kurikulum Merdeka
 
Karakteristik Manusia Komunikan dalam Bingkai Psikologi Komunikasi
Karakteristik Manusia Komunikan dalam Bingkai Psikologi KomunikasiKarakteristik Manusia Komunikan dalam Bingkai Psikologi Komunikasi
Karakteristik Manusia Komunikan dalam Bingkai Psikologi Komunikasi
 
Bahan Sosialisasi PPDB_1 2024/2025 Bandung
Bahan Sosialisasi PPDB_1 2024/2025 BandungBahan Sosialisasi PPDB_1 2024/2025 Bandung
Bahan Sosialisasi PPDB_1 2024/2025 Bandung
 
NUMERASI KOMPETENSI PENDIDIK TAHAP CAKAP DAN MAHIR.pdf
NUMERASI KOMPETENSI PENDIDIK TAHAP CAKAP DAN MAHIR.pdfNUMERASI KOMPETENSI PENDIDIK TAHAP CAKAP DAN MAHIR.pdf
NUMERASI KOMPETENSI PENDIDIK TAHAP CAKAP DAN MAHIR.pdf
 
PENGUMUMAN PPDB SMPN 4 PONOROGO TAHUN 2024.pdf
PENGUMUMAN PPDB SMPN 4 PONOROGO TAHUN 2024.pdfPENGUMUMAN PPDB SMPN 4 PONOROGO TAHUN 2024.pdf
PENGUMUMAN PPDB SMPN 4 PONOROGO TAHUN 2024.pdf
 
Bab 3 Sejarah Kerajaan Hindu-Buddha.pptx
Bab 3 Sejarah Kerajaan Hindu-Buddha.pptxBab 3 Sejarah Kerajaan Hindu-Buddha.pptx
Bab 3 Sejarah Kerajaan Hindu-Buddha.pptx
 
ppt landasan pendidikan pai 9 revisi.pdf
ppt landasan pendidikan pai 9 revisi.pdfppt landasan pendidikan pai 9 revisi.pdf
ppt landasan pendidikan pai 9 revisi.pdf
 
LAPORAN TUGAS TAMBAHAN PEMBINA PRAMUKA..
LAPORAN TUGAS TAMBAHAN PEMBINA PRAMUKA..LAPORAN TUGAS TAMBAHAN PEMBINA PRAMUKA..
LAPORAN TUGAS TAMBAHAN PEMBINA PRAMUKA..
 
Kisi-kisi soal pai kelas 7 genap 2024.docx
Kisi-kisi soal pai kelas 7 genap 2024.docxKisi-kisi soal pai kelas 7 genap 2024.docx
Kisi-kisi soal pai kelas 7 genap 2024.docx
 
SOAL SBDP KELAS 3 SEMESTER GENAP TAHUN PELAJARAN 2023 2024
SOAL SBDP KELAS 3 SEMESTER GENAP TAHUN PELAJARAN 2023 2024SOAL SBDP KELAS 3 SEMESTER GENAP TAHUN PELAJARAN 2023 2024
SOAL SBDP KELAS 3 SEMESTER GENAP TAHUN PELAJARAN 2023 2024
 
INDIKATOR KINERJA DAN FOKUS PERILAKU KS.pdf
INDIKATOR KINERJA DAN FOKUS PERILAKU KS.pdfINDIKATOR KINERJA DAN FOKUS PERILAKU KS.pdf
INDIKATOR KINERJA DAN FOKUS PERILAKU KS.pdf
 
ppt profesionalisasi pendidikan Pai 9.pdf
ppt profesionalisasi pendidikan Pai 9.pdfppt profesionalisasi pendidikan Pai 9.pdf
ppt profesionalisasi pendidikan Pai 9.pdf
 
Paparan Kurikulum Satuan Pendidikan_LOKAKARYA TPK 2024.pptx.pdf
Paparan Kurikulum Satuan Pendidikan_LOKAKARYA TPK 2024.pptx.pdfPaparan Kurikulum Satuan Pendidikan_LOKAKARYA TPK 2024.pptx.pdf
Paparan Kurikulum Satuan Pendidikan_LOKAKARYA TPK 2024.pptx.pdf
 
RUBRIK OBSERVASI KINERJA KEPALA SEKOLAH.docx
RUBRIK OBSERVASI KINERJA KEPALA SEKOLAH.docxRUBRIK OBSERVASI KINERJA KEPALA SEKOLAH.docx
RUBRIK OBSERVASI KINERJA KEPALA SEKOLAH.docx
 

Tugas 2 dimas setiadi 0916

  • 1. Tugas 2 Rekayasa Web Nama : Dimas Setiadi NIM : 1511510610
  • 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. (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