SlideShare a Scribd company logo
Nama: Riyadi Saputra
Nim : 1311510893
TUGAS 2 – REKAYASA WEB
Pengertian XML
 XML (eXtensible Markup Language) merupakan bahasa web
turunan dari SGML (Standart Generalized Markup Language)
yang ada sebelumnya. XML hampir sama dengan HTML,
dimana keduanya sama-sama turunan dari SGML. Teknologi
XML dikembangkan mulai tahun 1966 dan mendapatkan
pengakuan dari Worl Wide Web Consortium (W3C) pada bulan
Februari 1998. Sedangkan SGML sendiri telah dikembangkan
pada awal tahun 1980-an. Pada saat HTML dikembangkan pada
tahun 1990, para penggagas XML mengadopsi bagian paling
penting SGML dan dengan berpedoman pada pengembangan
HTML menghasilkan bahasa markup yang tidak kalah hebatnya
dengan SGML.
Secara sederhana XML adalah suatu bahasa yang digunakan
untuk mendeskripsikan dan memanipulasi dokumen secara
terstruktur. Secara teknis XML didefinisikan sebagai suatu
bahasa meta-markup yang menyediakan format tertentu untuk
dokumen-dokumen yang mempunyai data terstruktur. Bahasa
markup adalah mekanisme untuk mengenal secara terstruktur di
dokumen. XML adalah suatu aplikasi profil dari SGML. Seperti
yang didefinisikan dari ISO 8879, SGML adalah cara standart
dan vendor-independent.
Contoh XML
 Sebuah contoh dokumen XML seperti pada contoh dibawah ini dan simpan kedalam
filecontoh1.xml :
<?xml version="1.0"?>
<product barcode="2394287410">
<manufacturer>Verbatim</manufacturer>
<name>DataLife MF 2HD</name>
<quantity>10</quantity>
<size>3.5"</size>
<color>black</color>
<description>floppy disks</description>
</product>
jika dokumen tersebut kita buka menggunakan web browser, maka tampak seperti gambar
dibawah ni :
Pengertian JSON
 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. 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:
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.
Daftar nilai terurutkan (an ordered list of values). Pada kebanyakan
bahasa, hal ini dinyatakan sebagai larik (array), vektor (vector), daftar
(list), atau urutan (sequence).
Struktur-struktur data ini disebut sebagai struktur data universal. Pada
dasarnya, semua bahasa pemprograman moderen mendukung struktur
data ini dalam bentuk yang sama maupun berlainan. Hal ini pantas
disebut demikian karena format data mudah dipertukarkan dengan
bahasa-bahasa pemprograman yang juga berdasarkan pada struktur
Pengertian JSON
JSON menggunakan bentuk sebagai berikut:
 Objek adalah sepasang nama/nilai yang tidak terurutkan. Objek dimulai
dengan { (kurung kurawal buka) dan diakhiri dengan } (kurung kurawal tutup).
Setiap nama diikuti dengan : (titik dua) dan setiap pasangan nama/nilai
dipisahkan oleh , (koma).
 Larik adalah kumpulan nilai yang terurutkan. Larik dimulai dengan [ (kurung
kotak buka) dan diakhiri dengan ] (kurung kotak tutup). Setiap nilai dipisahkan
oleh, (koma).
 Nilai (value) dapat berupa sebuah string dalam tanda kutip ganda, atau angka,
atau true atau false atau null, atau sebuah objek atau sebuah larik. Struktur-
struktur tersebut dapat disusun bertingkat.
 String adalah kumpulan dari nol atau lebih karakter Unicode, yang dibungkus
dengan tanda kutip ganda. Di dalam string dapat digunakan backslash
escapes "" untuk membentuk karakter khusus. Sebuah karakter mewakili
karakter tunggal pada string. String sangat mirip dengan string C atau Java.
 Angka adalah sangat mirip dengan angka di C atau Java, kecuali format oktal
dan heksadesimal tidak digunakan.
 Spasi kosong (whitespace) dapat disisipkan di antara pasangan tanda-tanda
tersebut, kecuali beberapa detil encoding yang secara lengkap dipaparkan oleh
bahasa pemprograman yang bersangkutan.
Contoh JSON
Perbedaan Mendasar Antara HTML
dan XML
 XML bukan merupakan pengganti HTML.
 XML dan HTML yang dirancang dengan tujuan
yang berbeda:
 XML dirancang untuk transportasi dan
menyimpan data, dengan fokus pada apa data.
 HTML dirancang untuk menampilkan data,
dengan fokus pada bagaimana data terlihat.
 HTML adalah tentang menampilkan informasi,
sedangkan XML adalah membawa informasi
tentang.
Pengertian Javascript
JavaScript adalah bahasa pemrograman yang bisa
disisipkan ke HTML seperti halnya PHP akan tetapi
javascript berjalan di sisi Client. Misalnya, jam
ditampilkan pada halaman yang update sendiri untuk
menunjukkan waktu saat ini pada komputer
pengguna. Desain JavaScript dipengaruhi oleh
banyak bahasa pemrograman, termasuk C, tetapi
dimaksudkan untuk lebih digunakan oleh non-
programmer. JavaScript tidak didasarkan pada atau
terkait ke Java, ini adalah kesalahpahaman umum.
JavaScript seringkali disertakan dalam file HTML atau
link dari file HTML dan dijalankan secara lokal oleh
web browser. Ini berarti bahwa server bebas untuk
mengerjakan sesuatu yang lain daripada pemrosesan
instruksi untuk setiap klien. Hal ini telah membuat
JavaScript pilihan yang lebih populer daripada
bahasa yang memerlukan server untuk melakukan
pengolahan.
Contoh Javascript
Contoh Javascript sebagai objek yang diterima acara,
jenis acara, dan tombol mouse diklik. Menggunakan
contoh inline lagi;
Istilah Front End dan Back End Pada
Software Development
Front-End Developer
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
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.

More Related Content

What's hot

Tugas 2 Rekayasa Web 0316
Tugas 2 Rekayasa Web 0316Tugas 2 Rekayasa Web 0316
Tugas 2 Rekayasa Web 0316
sapatati
 
Tugas 2 rekayasa web (0916)
Tugas 2   rekayasa web (0916)Tugas 2   rekayasa web (0916)
Tugas 2 rekayasa web (0916)
Zaid Ahmad Ramadhani
 
Json_dian sinta agustin_1100631013
Json_dian sinta agustin_1100631013Json_dian sinta agustin_1100631013
Json_dian sinta agustin_1100631013
DianSinta
 
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
 
Defri yoga p 1110651188
Defri yoga p   1110651188Defri yoga p   1110651188
Defri yoga p 1110651188
defri_yoga
 
Tugas 2 rekayasa web 1412510016
Tugas 2 rekayasa web 1412510016Tugas 2 rekayasa web 1412510016
Tugas 2 rekayasa web 1412510016
muslim rohadi
 
Penjelasan json 141151850
Penjelasan json 141151850Penjelasan json 141151850
Penjelasan json 141151850
fitrohtulhadi
 
Tugas 2 rekweb
Tugas 2 rekwebTugas 2 rekweb
Tugas 2 rekweb
Umi Kulsum Megawati
 
Tugas 4 JSON BAYU
Tugas 4 JSON BAYUTugas 4 JSON BAYU
Tugas 4 JSON BAYU
bayurizky89
 
Tugas2 rekayasa web
Tugas2 rekayasa webTugas2 rekayasa web
Tugas2 rekayasa web
ALvin Septian
 
Tugas2andremelky1212511578
Tugas2andremelky1212511578Tugas2andremelky1212511578
Tugas2andremelky1212511578
andre melky
 
pemograman API
pemograman APIpemograman API
pemograman API
FarisLufhy
 
Tugas 4 api
Tugas 4 apiTugas 4 api
Tugas 4 api
1110651055
 
Prasta adriansyah
Prasta adriansyahPrasta adriansyah
Prasta adriansyah
prasta adriansyah
 
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
 

What's hot (19)

Tugas 2 Rekayasa Web 0316
Tugas 2 Rekayasa Web 0316Tugas 2 Rekayasa Web 0316
Tugas 2 Rekayasa Web 0316
 
Tugas 2 rekayasa web (0916)
Tugas 2   rekayasa web (0916)Tugas 2   rekayasa web (0916)
Tugas 2 rekayasa web (0916)
 
Json_dian sinta agustin_1100631013
Json_dian sinta agustin_1100631013Json_dian sinta agustin_1100631013
Json_dian sinta agustin_1100631013
 
Json By Fahmi Luthfillah
Json By Fahmi LuthfillahJson By Fahmi Luthfillah
Json By Fahmi Luthfillah
 
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 4 json
Tugas 4 jsonTugas 4 json
Tugas 4 json
 
Defri yoga p 1110651188
Defri yoga p   1110651188Defri yoga p   1110651188
Defri yoga p 1110651188
 
Tugas 2 rekayasa web 1412510016
Tugas 2 rekayasa web 1412510016Tugas 2 rekayasa web 1412510016
Tugas 2 rekayasa web 1412510016
 
Penjelasan json 141151850
Penjelasan json 141151850Penjelasan json 141151850
Penjelasan json 141151850
 
Tugas 2 rekweb
Tugas 2 rekwebTugas 2 rekweb
Tugas 2 rekweb
 
Tugas 4 JSON BAYU
Tugas 4 JSON BAYUTugas 4 JSON BAYU
Tugas 4 JSON BAYU
 
Tugas2 rekayasa web
Tugas2 rekayasa webTugas2 rekayasa web
Tugas2 rekayasa web
 
Json
JsonJson
Json
 
Tugas2andremelky1212511578
Tugas2andremelky1212511578Tugas2andremelky1212511578
Tugas2andremelky1212511578
 
pemograman API
pemograman APIpemograman API
pemograman API
 
Tugas 4 api
Tugas 4 apiTugas 4 api
Tugas 4 api
 
Prasta adriansyah
Prasta adriansyahPrasta adriansyah
Prasta adriansyah
 
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
 

Viewers also liked

Pension Changes due in April 2011
Pension Changes due in April 2011Pension Changes due in April 2011
Pension Changes due in April 2011
philipsutton1979
 
Farah Law Firm
Farah Law FirmFarah Law Firm
Farah Law Firm
Farah Law Firm
 
Nutrition in Sport Teri Lichtenstein June 2010
Nutrition in Sport Teri Lichtenstein June 2010Nutrition in Sport Teri Lichtenstein June 2010
Nutrition in Sport Teri Lichtenstein June 2010
Terilichtenstein
 
patient classification system,staffing
patient classification system,staffingpatient classification system,staffing
patient classification system,staffing
AHMED ZINHOM
 

Viewers also liked (6)

Pension Changes due in April 2011
Pension Changes due in April 2011Pension Changes due in April 2011
Pension Changes due in April 2011
 
Farah Law Firm
Farah Law FirmFarah Law Firm
Farah Law Firm
 
Cd
CdCd
Cd
 
Ricardo lozano
Ricardo lozanoRicardo lozano
Ricardo lozano
 
Nutrition in Sport Teri Lichtenstein June 2010
Nutrition in Sport Teri Lichtenstein June 2010Nutrition in Sport Teri Lichtenstein June 2010
Nutrition in Sport Teri Lichtenstein June 2010
 
patient classification system,staffing
patient classification system,staffingpatient classification system,staffing
patient classification system,staffing
 

Similar to Tugas 2 – rekayasa web - Riyadi Saputra - 1311510893

Tugas2 rekayasaweb
Tugas2 rekayasawebTugas2 rekayasaweb
Tugas2 rekayasaweb
septianarul
 
Tugas 3 0317-nurulazmi-1412510487
Tugas 3 0317-nurulazmi-1412510487Tugas 3 0317-nurulazmi-1412510487
Tugas 3 0317-nurulazmi-1412510487
nurul azmi
 
Tugas 3 0317-imelda felicia-1412510545
Tugas 3 0317-imelda felicia-1412510545Tugas 3 0317-imelda felicia-1412510545
Tugas 3 0317-imelda felicia-1412510545
imeldafelicia
 
Tugas3 rekayasa web
Tugas3 rekayasa web Tugas3 rekayasa web
Tugas3 rekayasa web
Nasrul Akbar
 
Tugas 2 rekweb Ika Sulistiyani
Tugas 2 rekweb Ika SulistiyaniTugas 2 rekweb Ika Sulistiyani
Tugas 2 rekweb Ika Sulistiyani
ikasulistiyani
 
Tugas 3 0317-fahreza yozi-1612510832
Tugas 3 0317-fahreza yozi-1612510832Tugas 3 0317-fahreza yozi-1612510832
Tugas 3 0317-fahreza yozi-1612510832
fahreza yozi
 
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 rekayasa web
Tugas 2 rekayasa webTugas 2 rekayasa web
Tugas 2 rekayasa web
Sugianto oo
 
Tugas 2 rekayasa web
Tugas  2 rekayasa webTugas  2 rekayasa web
Tugas 2 rekayasa web
helmy afifi
 
Tugas 2 rekayasa web
Tugas 2 rekayasa webTugas 2 rekayasa web
Tugas 2 rekayasa web
Aditya Indraprasti
 
Tugas 2
Tugas 2Tugas 2
Tugas 2
Elisanendes
 
Tugas 2 rekayasa web
Tugas 2   rekayasa webTugas 2   rekayasa web
Tugas 2 rekayasa web
faisalawai
 
1211510555 irfan adi rifangga tugas2_ku
1211510555 irfan adi rifangga tugas2_ku1211510555 irfan adi rifangga tugas2_ku
1211510555 irfan adi rifangga tugas2_ku
IrfanRifangga
 
Tugas2_Rekayasa Web
Tugas2_Rekayasa WebTugas2_Rekayasa Web
Tugas2_Rekayasa Web
ricoadityaputra
 
Tugas Ke-2 REKAYASA WEB BL
Tugas Ke-2 REKAYASA WEB BLTugas Ke-2 REKAYASA WEB BL
Tugas Ke-2 REKAYASA WEB BL
Rafid Rizkulloh
 
Tugas 2 Rekayasa Web
Tugas 2 Rekayasa WebTugas 2 Rekayasa Web
Tugas 2 Rekayasa Web
Ridah Almakhbuby
 
JENI-J2ME-Bab08-Web Services.pdf
JENI-J2ME-Bab08-Web Services.pdfJENI-J2ME-Bab08-Web Services.pdf
JENI-J2ME-Bab08-Web Services.pdf
Jurnal IT
 
Tugas individu rekweb2
Tugas individu rekweb2Tugas individu rekweb2
Tugas individu rekweb2
Ratri Alfiani
 

Similar to Tugas 2 – rekayasa web - Riyadi Saputra - 1311510893 (20)

Tugas2 rekayasaweb
Tugas2 rekayasawebTugas2 rekayasaweb
Tugas2 rekayasaweb
 
Tugas 3 0317-nurulazmi-1412510487
Tugas 3 0317-nurulazmi-1412510487Tugas 3 0317-nurulazmi-1412510487
Tugas 3 0317-nurulazmi-1412510487
 
Tugas 3 0317-imelda felicia-1412510545
Tugas 3 0317-imelda felicia-1412510545Tugas 3 0317-imelda felicia-1412510545
Tugas 3 0317-imelda felicia-1412510545
 
Tugas3 rekayasa web
Tugas3 rekayasa web Tugas3 rekayasa web
Tugas3 rekayasa web
 
Tugas 2 rekweb Ika Sulistiyani
Tugas 2 rekweb Ika SulistiyaniTugas 2 rekweb Ika Sulistiyani
Tugas 2 rekweb Ika Sulistiyani
 
Tugas 3 0317-fahreza yozi-1612510832
Tugas 3 0317-fahreza yozi-1612510832Tugas 3 0317-fahreza yozi-1612510832
Tugas 3 0317-fahreza yozi-1612510832
 
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 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 rekayasa web
Tugas 2 rekayasa webTugas 2 rekayasa web
Tugas 2 rekayasa web
 
Tugas 2
Tugas 2Tugas 2
Tugas 2
 
Tugas 2 rekayasa web
Tugas 2   rekayasa webTugas 2   rekayasa web
Tugas 2 rekayasa web
 
1211510555 irfan adi rifangga tugas2_ku
1211510555 irfan adi rifangga tugas2_ku1211510555 irfan adi rifangga tugas2_ku
1211510555 irfan adi rifangga tugas2_ku
 
Tugas2_Rekayasa Web
Tugas2_Rekayasa WebTugas2_Rekayasa Web
Tugas2_Rekayasa Web
 
Tugas Ke-2 REKAYASA WEB BL
Tugas Ke-2 REKAYASA WEB BLTugas Ke-2 REKAYASA WEB BL
Tugas Ke-2 REKAYASA WEB BL
 
Tugas 2 Rekayasa Web
Tugas 2 Rekayasa WebTugas 2 Rekayasa Web
Tugas 2 Rekayasa Web
 
JENI-J2ME-Bab08-Web Services.pdf
JENI-J2ME-Bab08-Web Services.pdfJENI-J2ME-Bab08-Web Services.pdf
JENI-J2ME-Bab08-Web Services.pdf
 
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
 
Tugas individu rekweb2
Tugas individu rekweb2Tugas individu rekweb2
Tugas individu rekweb2
 

Recently uploaded

Laporan Pembina Pramuka sd format doc.docx
Laporan Pembina Pramuka sd format doc.docxLaporan Pembina Pramuka sd format doc.docx
Laporan Pembina Pramuka sd format doc.docx
RUBEN Mbiliyora
 
Sebuah buku foto yang berjudul Lensa Kampung Ondel-Ondel
Sebuah buku foto yang berjudul Lensa Kampung Ondel-OndelSebuah buku foto yang berjudul Lensa Kampung Ondel-Ondel
Sebuah buku foto yang berjudul Lensa Kampung Ondel-Ondel
ferrydmn1999
 
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
 
Kisi-kisi PAT IPS Kelas 8 semester 2.pdf
Kisi-kisi PAT IPS Kelas 8 semester 2.pdfKisi-kisi PAT IPS Kelas 8 semester 2.pdf
Kisi-kisi PAT IPS Kelas 8 semester 2.pdf
indraayurestuw
 
705368319-Ppt-Aksi-Nyata-Membuat-Rancangan-Pembelajaran-Dengan-Metode-Fonik.pptx
705368319-Ppt-Aksi-Nyata-Membuat-Rancangan-Pembelajaran-Dengan-Metode-Fonik.pptx705368319-Ppt-Aksi-Nyata-Membuat-Rancangan-Pembelajaran-Dengan-Metode-Fonik.pptx
705368319-Ppt-Aksi-Nyata-Membuat-Rancangan-Pembelajaran-Dengan-Metode-Fonik.pptx
nimah111
 
Laporan Kegiatan Pramuka Tugas Tambahan PMM.pdf
Laporan Kegiatan Pramuka Tugas Tambahan PMM.pdfLaporan Kegiatan Pramuka Tugas Tambahan PMM.pdf
Laporan Kegiatan Pramuka Tugas Tambahan PMM.pdf
UmyHasna1
 
Laporan Pembina OSIS UNTUK PMMOK.pdf.pdf
Laporan Pembina OSIS UNTUK PMMOK.pdf.pdfLaporan Pembina OSIS UNTUK PMMOK.pdf.pdf
Laporan Pembina OSIS UNTUK PMMOK.pdf.pdf
OcitaDianAntari
 
RANCANGAN TINDAKAN AKSI NYATA MODUL 1.4.pptx
RANCANGAN TINDAKAN AKSI NYATA MODUL 1.4.pptxRANCANGAN TINDAKAN AKSI NYATA MODUL 1.4.pptx
RANCANGAN TINDAKAN AKSI NYATA MODUL 1.4.pptx
SurosoSuroso19
 
RANCANGAN TINDAKAN UNTUK AKSI NYATA MODUL 1.4 BUDAYA POSITIF.pdf
RANCANGAN TINDAKAN UNTUK AKSI NYATA MODUL 1.4 BUDAYA POSITIF.pdfRANCANGAN TINDAKAN UNTUK AKSI NYATA MODUL 1.4 BUDAYA POSITIF.pdf
RANCANGAN TINDAKAN UNTUK AKSI NYATA MODUL 1.4 BUDAYA POSITIF.pdf
junarpudin36
 
Aksi Nyata Merdeka Belajar Lolos Validasi
Aksi Nyata Merdeka Belajar Lolos ValidasiAksi Nyata Merdeka Belajar Lolos Validasi
Aksi Nyata Merdeka Belajar Lolos Validasi
DinaSetiawan2
 
Observasi Praktik Kinerja Kepala Sekolah.pdf
Observasi Praktik Kinerja Kepala Sekolah.pdfObservasi Praktik Kinerja Kepala Sekolah.pdf
Observasi Praktik Kinerja Kepala Sekolah.pdf
andikuswandi67
 
JUKNIS SOSIALIASI PPDB JATENG 2024/2025.PDF
JUKNIS SOSIALIASI PPDB JATENG 2024/2025.PDFJUKNIS SOSIALIASI PPDB JATENG 2024/2025.PDF
JUKNIS SOSIALIASI PPDB JATENG 2024/2025.PDF
budimoko2
 
AKSI NYATA FASILITATOR PEMBELAJARAN.pptx
AKSI NYATA FASILITATOR PEMBELAJARAN.pptxAKSI NYATA FASILITATOR PEMBELAJARAN.pptx
AKSI NYATA FASILITATOR PEMBELAJARAN.pptx
AdeRinaMuliawati1
 
Pendampingan Individu 2 Modul 1 PGP 10 Kab. Sukabumi Jawa Barat
Pendampingan Individu 2 Modul 1 PGP 10 Kab. Sukabumi Jawa BaratPendampingan Individu 2 Modul 1 PGP 10 Kab. Sukabumi Jawa Barat
Pendampingan Individu 2 Modul 1 PGP 10 Kab. Sukabumi Jawa Barat
Eldi Mardiansyah
 
ALur Tujuan Pembelajaran Materi IPA Kelas VII (1).pptx
ALur Tujuan Pembelajaran Materi IPA  Kelas VII (1).pptxALur Tujuan Pembelajaran Materi IPA  Kelas VII (1).pptx
ALur Tujuan Pembelajaran Materi IPA Kelas VII (1).pptx
rusinaharva1
 
Koneksi Antar Materi modul 1.4 Budaya Positif
Koneksi Antar Materi modul 1.4 Budaya PositifKoneksi Antar Materi modul 1.4 Budaya Positif
Koneksi Antar Materi modul 1.4 Budaya Positif
Rima98947
 
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
 
Modul Ajar Matematika Kelas 8 Fase D Kurikulum Merdeka - [abdiera.com]
Modul Ajar Matematika Kelas 8 Fase D Kurikulum Merdeka - [abdiera.com]Modul Ajar Matematika Kelas 8 Fase D Kurikulum Merdeka - [abdiera.com]
Modul Ajar Matematika Kelas 8 Fase D Kurikulum Merdeka - [abdiera.com]
Fathan Emran
 
MATERI SOSIALISASI PPDB JABAR utkMAS052024 (2).pdf
MATERI SOSIALISASI PPDB JABAR utkMAS052024 (2).pdfMATERI SOSIALISASI PPDB JABAR utkMAS052024 (2).pdf
MATERI SOSIALISASI PPDB JABAR utkMAS052024 (2).pdf
solihin kadar
 
Penjelasan tentang Tahapan Sinkro PMM.pptx
Penjelasan tentang Tahapan Sinkro PMM.pptxPenjelasan tentang Tahapan Sinkro PMM.pptx
Penjelasan tentang Tahapan Sinkro PMM.pptx
GuneriHollyIrda
 

Recently uploaded (20)

Laporan Pembina Pramuka sd format doc.docx
Laporan Pembina Pramuka sd format doc.docxLaporan Pembina Pramuka sd format doc.docx
Laporan Pembina Pramuka sd format doc.docx
 
Sebuah buku foto yang berjudul Lensa Kampung Ondel-Ondel
Sebuah buku foto yang berjudul Lensa Kampung Ondel-OndelSebuah buku foto yang berjudul Lensa Kampung Ondel-Ondel
Sebuah buku foto yang berjudul Lensa Kampung Ondel-Ondel
 
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
 
Kisi-kisi PAT IPS Kelas 8 semester 2.pdf
Kisi-kisi PAT IPS Kelas 8 semester 2.pdfKisi-kisi PAT IPS Kelas 8 semester 2.pdf
Kisi-kisi PAT IPS Kelas 8 semester 2.pdf
 
705368319-Ppt-Aksi-Nyata-Membuat-Rancangan-Pembelajaran-Dengan-Metode-Fonik.pptx
705368319-Ppt-Aksi-Nyata-Membuat-Rancangan-Pembelajaran-Dengan-Metode-Fonik.pptx705368319-Ppt-Aksi-Nyata-Membuat-Rancangan-Pembelajaran-Dengan-Metode-Fonik.pptx
705368319-Ppt-Aksi-Nyata-Membuat-Rancangan-Pembelajaran-Dengan-Metode-Fonik.pptx
 
Laporan Kegiatan Pramuka Tugas Tambahan PMM.pdf
Laporan Kegiatan Pramuka Tugas Tambahan PMM.pdfLaporan Kegiatan Pramuka Tugas Tambahan PMM.pdf
Laporan Kegiatan Pramuka Tugas Tambahan PMM.pdf
 
Laporan Pembina OSIS UNTUK PMMOK.pdf.pdf
Laporan Pembina OSIS UNTUK PMMOK.pdf.pdfLaporan Pembina OSIS UNTUK PMMOK.pdf.pdf
Laporan Pembina OSIS UNTUK PMMOK.pdf.pdf
 
RANCANGAN TINDAKAN AKSI NYATA MODUL 1.4.pptx
RANCANGAN TINDAKAN AKSI NYATA MODUL 1.4.pptxRANCANGAN TINDAKAN AKSI NYATA MODUL 1.4.pptx
RANCANGAN TINDAKAN AKSI NYATA MODUL 1.4.pptx
 
RANCANGAN TINDAKAN UNTUK AKSI NYATA MODUL 1.4 BUDAYA POSITIF.pdf
RANCANGAN TINDAKAN UNTUK AKSI NYATA MODUL 1.4 BUDAYA POSITIF.pdfRANCANGAN TINDAKAN UNTUK AKSI NYATA MODUL 1.4 BUDAYA POSITIF.pdf
RANCANGAN TINDAKAN UNTUK AKSI NYATA MODUL 1.4 BUDAYA POSITIF.pdf
 
Aksi Nyata Merdeka Belajar Lolos Validasi
Aksi Nyata Merdeka Belajar Lolos ValidasiAksi Nyata Merdeka Belajar Lolos Validasi
Aksi Nyata Merdeka Belajar Lolos Validasi
 
Observasi Praktik Kinerja Kepala Sekolah.pdf
Observasi Praktik Kinerja Kepala Sekolah.pdfObservasi Praktik Kinerja Kepala Sekolah.pdf
Observasi Praktik Kinerja Kepala Sekolah.pdf
 
JUKNIS SOSIALIASI PPDB JATENG 2024/2025.PDF
JUKNIS SOSIALIASI PPDB JATENG 2024/2025.PDFJUKNIS SOSIALIASI PPDB JATENG 2024/2025.PDF
JUKNIS SOSIALIASI PPDB JATENG 2024/2025.PDF
 
AKSI NYATA FASILITATOR PEMBELAJARAN.pptx
AKSI NYATA FASILITATOR PEMBELAJARAN.pptxAKSI NYATA FASILITATOR PEMBELAJARAN.pptx
AKSI NYATA FASILITATOR PEMBELAJARAN.pptx
 
Pendampingan Individu 2 Modul 1 PGP 10 Kab. Sukabumi Jawa Barat
Pendampingan Individu 2 Modul 1 PGP 10 Kab. Sukabumi Jawa BaratPendampingan Individu 2 Modul 1 PGP 10 Kab. Sukabumi Jawa Barat
Pendampingan Individu 2 Modul 1 PGP 10 Kab. Sukabumi Jawa Barat
 
ALur Tujuan Pembelajaran Materi IPA Kelas VII (1).pptx
ALur Tujuan Pembelajaran Materi IPA  Kelas VII (1).pptxALur Tujuan Pembelajaran Materi IPA  Kelas VII (1).pptx
ALur Tujuan Pembelajaran Materi IPA Kelas VII (1).pptx
 
Koneksi Antar Materi modul 1.4 Budaya Positif
Koneksi Antar Materi modul 1.4 Budaya PositifKoneksi Antar Materi modul 1.4 Budaya Positif
Koneksi Antar Materi modul 1.4 Budaya Positif
 
ppt profesionalisasi pendidikan Pai 9.pdf
ppt profesionalisasi pendidikan Pai 9.pdfppt profesionalisasi pendidikan Pai 9.pdf
ppt profesionalisasi pendidikan Pai 9.pdf
 
Modul Ajar Matematika Kelas 8 Fase D Kurikulum Merdeka - [abdiera.com]
Modul Ajar Matematika Kelas 8 Fase D Kurikulum Merdeka - [abdiera.com]Modul Ajar Matematika Kelas 8 Fase D Kurikulum Merdeka - [abdiera.com]
Modul Ajar Matematika Kelas 8 Fase D Kurikulum Merdeka - [abdiera.com]
 
MATERI SOSIALISASI PPDB JABAR utkMAS052024 (2).pdf
MATERI SOSIALISASI PPDB JABAR utkMAS052024 (2).pdfMATERI SOSIALISASI PPDB JABAR utkMAS052024 (2).pdf
MATERI SOSIALISASI PPDB JABAR utkMAS052024 (2).pdf
 
Penjelasan tentang Tahapan Sinkro PMM.pptx
Penjelasan tentang Tahapan Sinkro PMM.pptxPenjelasan tentang Tahapan Sinkro PMM.pptx
Penjelasan tentang Tahapan Sinkro PMM.pptx
 

Tugas 2 – rekayasa web - Riyadi Saputra - 1311510893

  • 1. Nama: Riyadi Saputra Nim : 1311510893 TUGAS 2 – REKAYASA WEB
  • 2. Pengertian XML  XML (eXtensible Markup Language) merupakan bahasa web turunan dari SGML (Standart Generalized Markup Language) yang ada sebelumnya. XML hampir sama dengan HTML, dimana keduanya sama-sama turunan dari SGML. Teknologi XML dikembangkan mulai tahun 1966 dan mendapatkan pengakuan dari Worl Wide Web Consortium (W3C) pada bulan Februari 1998. Sedangkan SGML sendiri telah dikembangkan pada awal tahun 1980-an. Pada saat HTML dikembangkan pada tahun 1990, para penggagas XML mengadopsi bagian paling penting SGML dan dengan berpedoman pada pengembangan HTML menghasilkan bahasa markup yang tidak kalah hebatnya dengan SGML. Secara sederhana XML adalah suatu bahasa yang digunakan untuk mendeskripsikan dan memanipulasi dokumen secara terstruktur. Secara teknis XML didefinisikan sebagai suatu bahasa meta-markup yang menyediakan format tertentu untuk dokumen-dokumen yang mempunyai data terstruktur. Bahasa markup adalah mekanisme untuk mengenal secara terstruktur di dokumen. XML adalah suatu aplikasi profil dari SGML. Seperti yang didefinisikan dari ISO 8879, SGML adalah cara standart dan vendor-independent.
  • 3. Contoh XML  Sebuah contoh dokumen XML seperti pada contoh dibawah ini dan simpan kedalam filecontoh1.xml : <?xml version="1.0"?> <product barcode="2394287410"> <manufacturer>Verbatim</manufacturer> <name>DataLife MF 2HD</name> <quantity>10</quantity> <size>3.5"</size> <color>black</color> <description>floppy disks</description> </product> jika dokumen tersebut kita buka menggunakan web browser, maka tampak seperti gambar dibawah ni :
  • 4. Pengertian JSON  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. 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: 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. Daftar nilai terurutkan (an ordered list of values). Pada kebanyakan bahasa, hal ini dinyatakan sebagai larik (array), vektor (vector), daftar (list), atau urutan (sequence). Struktur-struktur data ini disebut sebagai struktur data universal. Pada dasarnya, semua bahasa pemprograman moderen mendukung struktur data ini dalam bentuk yang sama maupun berlainan. Hal ini pantas disebut demikian karena format data mudah dipertukarkan dengan bahasa-bahasa pemprograman yang juga berdasarkan pada struktur
  • 5. Pengertian JSON JSON menggunakan bentuk sebagai berikut:  Objek adalah sepasang nama/nilai yang tidak terurutkan. Objek dimulai dengan { (kurung kurawal buka) dan diakhiri dengan } (kurung kurawal tutup). Setiap nama diikuti dengan : (titik dua) dan setiap pasangan nama/nilai dipisahkan oleh , (koma).  Larik adalah kumpulan nilai yang terurutkan. Larik dimulai dengan [ (kurung kotak buka) dan diakhiri dengan ] (kurung kotak tutup). Setiap nilai dipisahkan oleh, (koma).  Nilai (value) dapat berupa sebuah string dalam tanda kutip ganda, atau angka, atau true atau false atau null, atau sebuah objek atau sebuah larik. Struktur- struktur tersebut dapat disusun bertingkat.  String adalah kumpulan dari nol atau lebih karakter Unicode, yang dibungkus dengan tanda kutip ganda. Di dalam string dapat digunakan backslash escapes "" untuk membentuk karakter khusus. Sebuah karakter mewakili karakter tunggal pada string. String sangat mirip dengan string C atau Java.  Angka adalah sangat mirip dengan angka di C atau Java, kecuali format oktal dan heksadesimal tidak digunakan.  Spasi kosong (whitespace) dapat disisipkan di antara pasangan tanda-tanda tersebut, kecuali beberapa detil encoding yang secara lengkap dipaparkan oleh bahasa pemprograman yang bersangkutan.
  • 7. Perbedaan Mendasar Antara HTML dan XML  XML bukan merupakan pengganti HTML.  XML dan HTML yang dirancang dengan tujuan yang berbeda:  XML dirancang untuk transportasi dan menyimpan data, dengan fokus pada apa data.  HTML dirancang untuk menampilkan data, dengan fokus pada bagaimana data terlihat.  HTML adalah tentang menampilkan informasi, sedangkan XML adalah membawa informasi tentang.
  • 8. Pengertian Javascript JavaScript adalah bahasa pemrograman yang bisa disisipkan ke HTML seperti halnya PHP akan tetapi javascript berjalan di sisi Client. Misalnya, jam ditampilkan pada halaman yang update sendiri untuk menunjukkan waktu saat ini pada komputer pengguna. Desain JavaScript dipengaruhi oleh banyak bahasa pemrograman, termasuk C, tetapi dimaksudkan untuk lebih digunakan oleh non- programmer. JavaScript tidak didasarkan pada atau terkait ke Java, ini adalah kesalahpahaman umum. JavaScript seringkali disertakan dalam file HTML atau link dari file HTML dan dijalankan secara lokal oleh web browser. Ini berarti bahwa server bebas untuk mengerjakan sesuatu yang lain daripada pemrosesan instruksi untuk setiap klien. Hal ini telah membuat JavaScript pilihan yang lebih populer daripada bahasa yang memerlukan server untuk melakukan pengolahan.
  • 9. Contoh Javascript Contoh Javascript sebagai objek yang diterima acara, jenis acara, dan tombol mouse diklik. Menggunakan contoh inline lagi;
  • 10. Istilah Front End dan Back End Pada Software Development Front-End Developer 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 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.