SlideShare a Scribd company logo
APA ITU XML?
XML (Extensible Markup Language) adalah bahasa
markup yang digunakan untuk menyimpan data (tidak
ada program) dan tidak tergantung dengan tools
tertentu (seperti editor, dbms, compiler, dsb).
Contohnya :
 XHTML
 RSS
 XML Schema
 SVG
 Contoh XML
Pada contoh diatas <pesan>, <dari>, <buat> dan <isi>
bukanlah tag standard yang telah di tetapkan dalam XML.
Tag-tag itu kita buat sendiri sesuai keinginan kita.
APA ITU JSON?
JSON (JavaScript Object Notation) adalah format
pertukaran data yang ringan, mudah dibaca dan
ditulis oleh manusia, serta mudah diterjemahkan
dibuat (generate) oleh komputer.
JSON terbuat dari dua struktur:
1. Kumpulan pasangan nama/nilai.
2. Daftar nilai terurutkan.
Contoh
Salah satu cara perbedaan JSON dan XML adalah, Human
readability yaitu, mudah dibaca adalah kreteria yang penting
karena dalam proses pembuatan dan mendebug akan
memudahkan programmer. XML lebih mudah dibaca dan di
debug dibandingkan JSON.
Perbedaan yang paling mendasar
antara XML dan HTML
1. XML bukan merupakan pengganti HTML.
2. XML dirancang untuk menyimpan dan
mentransport data, dengan focus pada
data apa itudan HTML yang dirancang
untuk menampilkan data, dengan focus
pada seperti apa dataitu terlihat.
3. XML dirancang untuk transportasi dan
menyimpan data, dengan fokus pada apa
data.
4. HTML dirancang untuk menampilkan
data, dengan fokus pada bagaimana data
terlihat.
5. HTML adalah tentang menampilkan
informasi, sedangkan XML adalah
membawainformasi.
6. XML dan HTML memiliki standar
penulisan tag yang berbeda, Tag yang
digunakandalam HTML telah
ditetapkan. Dokumen HTML hanya
bisa menggunakan tag
yangdidefinisikan dalam standar HTML
(seperti<p>,<h1>,<b>,<i>dll).
Sedangkan tagXML tidak ditetapkan
atau tidak didefinisikan dalam
standar khusus. Penulis tag XML
bebas menulis tag-nya sendiri.
Apasih JavaScript Itu?
JavaScript adalah bahasa scripting yang popular di
internet dan dapat bekerja di sebagian besar browser
popular seperti Internet Explorer (IE), Mozilla Firefox,
Netscape dan Opera. Kode JavaScript dapat disisipkan
dalam halaman web menggunakan tag SCRIPT.
Contoh JavaScript :
<script type="teks/javascript">
alert("Halo Dunia!");
</script>
FRONT END DAN BACK END
 Front-end ataupun Back-end keduanya adalah bagian penting dalam
pembuatan suatu aplikasi baik berupa aplikasi desktop, web ataupun
mobile.
 Front-End Developer bertugas untuk mendesain tampilan (layout) luarnya
agar terlihat menarik , sedangkan Back-End Developer bertugas untuk
membuat web/ aplikasi agar bisa berjalan sesuai keiinginan , dinamis dan
interaktif dengan source code nya.
Ilustrasinya semisal sebuah developer website menerima pesanan
pembuatan website, perusahaan tersebut hanya memberikan gambar website
yang mereka inginkan (atau yang biasa disebut mockup). Disinilah peran Front-
End dan Back-end developer dibedakan, yang pertama memulai pekerjaan adalah
Front-End, para Front-End developer akan memulai tugas mereka yang pertama,
yaitu merubah gambar (mockup) tadi menjadi sebuah halaman web static
berbentuk HTML (atau yang biasa disebut dengan slicing), tugas ini cukup berat
karena seorang Front-End developer harus memastikan hasil slicing mereka sama
persis dengan gambar (mockup) baik itu tampilan, animasi, dan lain-lain.
Seorang Front-End developer harus memahami beberapa
bahasa programming yaitu HTML, CSS, Javascript dan Jquery. Setelah menerima
file web static maka Back-End developer akan segera merubah file tersebut
menjadi Web Dinamis, tugas Back-End Developer adalah memastikan semua
fungsi berjalan dengan baik dan benar dan para Back-end ini harus memamahi
beberapa bahasa programming yaitu php, sql, java dan sebagainya.
ILUSTRASI :

More Related Content

PPTX
TUGAS REKAYASA WEB 2
PPTX
Tugas 2 rekayasa web 1412510016
PPTX
Tugas 2 rekayasa web
PPTX
Tugas 2 – rekayasa web (nico nandika 1111511125)
PPTX
Tugas 2 rekweb Ika Sulistiyani
PPTX
Tugas2
PPTX
Tugas 2 rekweb laily fitria 1412510511
PPTX
Tugas rekayasa web
TUGAS REKAYASA WEB 2
Tugas 2 rekayasa web 1412510016
Tugas 2 rekayasa web
Tugas 2 – rekayasa web (nico nandika 1111511125)
Tugas 2 rekweb Ika Sulistiyani
Tugas2
Tugas 2 rekweb laily fitria 1412510511
Tugas rekayasa web

What's hot (20)

PPTX
Tugas 2 rekayasa web Freddy Ferdiansyah 1412510586
PPTX
Tugas 2 rekayasa web
PPTX
Tugas 2 rekayasa web
PPTX
Tgs 2 rekweb
PPTX
Tugas2 rekayasa web-1412510917
PPTX
Tugas2 ku-0316-dody alfad-1511510669
PPTX
Tugas 2 rekayasa web
PPTX
Tugas 2 rekayasa web 0316
PPTX
Tugas individu rekweb2
DOCX
PENGERTIAN TENTANG PHP, MYSQL, CSS, HTML DAN XML
PPTX
Tugas 2
PPT
TUGAS2 RekWeb-[KI]-0316-[SRI SUSANTO]-[1412511642]
PPTX
Tugas rekayasa web 2_1312510231 _Rostarina.H._KI
PPTX
Tugas2 rekayasa web
PPTX
Tugas 2 rekayasa web (0916)
PDF
Tugas 4 api
PPTX
Tugas 2 0916 jansen_1512510247
PPTX
Debbiemistikaweni 1412510982 tugas2
PPTX
Tugas 3 0317-dewi apriliani-1412510602
PPTX
1211510555 irfan adi rifangga tugas2_ku
Tugas 2 rekayasa web Freddy Ferdiansyah 1412510586
Tugas 2 rekayasa web
Tugas 2 rekayasa web
Tgs 2 rekweb
Tugas2 rekayasa web-1412510917
Tugas2 ku-0316-dody alfad-1511510669
Tugas 2 rekayasa web
Tugas 2 rekayasa web 0316
Tugas individu rekweb2
PENGERTIAN TENTANG PHP, MYSQL, CSS, HTML DAN XML
Tugas 2
TUGAS2 RekWeb-[KI]-0316-[SRI SUSANTO]-[1412511642]
Tugas rekayasa web 2_1312510231 _Rostarina.H._KI
Tugas2 rekayasa web
Tugas 2 rekayasa web (0916)
Tugas 4 api
Tugas 2 0916 jansen_1512510247
Debbiemistikaweni 1412510982 tugas2
Tugas 3 0317-dewi apriliani-1412510602
1211510555 irfan adi rifangga tugas2_ku
Ad

Similar to Apa itu XML - JSON - JavaScript - Front end & Back end (14)

PPTX
Tugas2_Rekayasa Web
PPTX
Tugas2 rekayasaweb
PPT
Tugas 2 – rekayasa web
PPTX
Tugas Ke-2 REKAYASA WEB BL
PPTX
Prasta adriansyah
PPTX
Tugas 3 0317-fahreza yozi-1612510832
PPTX
Tugas3 rekayasa web
PPTX
Tugas 3 0317-imelda felicia-1412510545
PPTX
Tugas 3 0317-nurulazmi-1412510487
PDF
Jeni J2 Me Bab08 Web Services
PDF
Jeni j2 me-bab08-web services
PPTX
Tugas 2 – rekayasa web - Riyadi Saputra - 1311510893
PPT
Tugas 2 Rekayasa Web 0316
PDF
Tugas 3 Pemrograman API
Tugas2_Rekayasa Web
Tugas2 rekayasaweb
Tugas 2 – rekayasa web
Tugas Ke-2 REKAYASA WEB BL
Prasta adriansyah
Tugas 3 0317-fahreza yozi-1612510832
Tugas3 rekayasa web
Tugas 3 0317-imelda felicia-1412510545
Tugas 3 0317-nurulazmi-1412510487
Jeni J2 Me Bab08 Web Services
Jeni j2 me-bab08-web services
Tugas 2 – rekayasa web - Riyadi Saputra - 1311510893
Tugas 2 Rekayasa Web 0316
Tugas 3 Pemrograman API
Ad

Recently uploaded (20)

PPTX
PENGIMBASAN PEMBELAJARAN MENDALAM (DEEP LEARNING)
PPTX
Presentasi_Pembelajaran_Mendalam_Lengkap.pptx
PDF
PPT IPS Geografi SMA Kelas X_Bab 1 Pengantar Geografi_May.pdf
PPTX
Bahan Presentasi Persamaan Elips .pptx
PPTX
9ICP - Hubungan antara Pancasila dengan UUD 1945Bhinneka Tunggal Ika.pptx
PDF
lembar kerja LMS tugas pembelajaran mendalam
PDF
KASUS_INKUIRI_KOLABORATIF_KELAS_BAWAH-ISI-ARNI.pdf
PDF
883668952-KP-4-Modul-2-Kerangka-Pembelajaran-Mendalam.pdf
PPTX
MATERI MPLS TENTANG KURIKULUM DAN KEGIATAN PEMBELAJARAN
PPTX
PPT Kurikulum Berbasis Cinta tahun 2025.
PPTX
PPT MATERI KODING DAN KECERDASAN ARTIFISIAL UNTUK PEMBELAJARAN
PDF
Gangguan Penglihatan Mata - presentasi biologi
DOCX
Modul Ajar Deep Learning Bahasa Inggris Kelas 12 SMA Terbaru 2025
PPTX
Rancangan Kegiatan Kokurikuler SMP N 1 Karanggede
PPTX
Keterbatasan-Fasilitas-dalam-Mengajar-KKA.pptx
DOCX
Lembar Kerja Mahasiswa Information System
DOCX
Modul Ajar Pembelajaran Mendalam Senbud Seni Teater Kelas XII Terbaru 2025
PDF
Materi Seminar AITalks: AI dan Konseling GPT
DOCX
Modul Ajar Deep Learning PAI & BP Kelas 10 SMA Terbaru 2025
DOCX
Modul Ajar Deep Learning PJOK Kelas 12 SMA Terbaru 2025
PENGIMBASAN PEMBELAJARAN MENDALAM (DEEP LEARNING)
Presentasi_Pembelajaran_Mendalam_Lengkap.pptx
PPT IPS Geografi SMA Kelas X_Bab 1 Pengantar Geografi_May.pdf
Bahan Presentasi Persamaan Elips .pptx
9ICP - Hubungan antara Pancasila dengan UUD 1945Bhinneka Tunggal Ika.pptx
lembar kerja LMS tugas pembelajaran mendalam
KASUS_INKUIRI_KOLABORATIF_KELAS_BAWAH-ISI-ARNI.pdf
883668952-KP-4-Modul-2-Kerangka-Pembelajaran-Mendalam.pdf
MATERI MPLS TENTANG KURIKULUM DAN KEGIATAN PEMBELAJARAN
PPT Kurikulum Berbasis Cinta tahun 2025.
PPT MATERI KODING DAN KECERDASAN ARTIFISIAL UNTUK PEMBELAJARAN
Gangguan Penglihatan Mata - presentasi biologi
Modul Ajar Deep Learning Bahasa Inggris Kelas 12 SMA Terbaru 2025
Rancangan Kegiatan Kokurikuler SMP N 1 Karanggede
Keterbatasan-Fasilitas-dalam-Mengajar-KKA.pptx
Lembar Kerja Mahasiswa Information System
Modul Ajar Pembelajaran Mendalam Senbud Seni Teater Kelas XII Terbaru 2025
Materi Seminar AITalks: AI dan Konseling GPT
Modul Ajar Deep Learning PAI & BP Kelas 10 SMA Terbaru 2025
Modul Ajar Deep Learning PJOK Kelas 12 SMA Terbaru 2025

Apa itu XML - JSON - JavaScript - Front end & Back end

  • 1. APA ITU XML? XML (Extensible Markup Language) adalah bahasa markup yang digunakan untuk menyimpan data (tidak ada program) dan tidak tergantung dengan tools tertentu (seperti editor, dbms, compiler, dsb). Contohnya :  XHTML  RSS  XML Schema  SVG
  • 2.  Contoh XML Pada contoh diatas <pesan>, <dari>, <buat> dan <isi> bukanlah tag standard yang telah di tetapkan dalam XML. Tag-tag itu kita buat sendiri sesuai keinginan kita.
  • 3. APA ITU JSON? JSON (JavaScript Object Notation) adalah format pertukaran data yang ringan, mudah dibaca dan ditulis oleh manusia, serta mudah diterjemahkan dibuat (generate) oleh komputer. JSON terbuat dari dua struktur: 1. Kumpulan pasangan nama/nilai. 2. Daftar nilai terurutkan.
  • 4. Contoh Salah satu cara perbedaan JSON dan XML adalah, Human readability yaitu, mudah dibaca adalah kreteria yang penting karena dalam proses pembuatan dan mendebug akan memudahkan programmer. XML lebih mudah dibaca dan di debug dibandingkan JSON.
  • 5. Perbedaan yang paling mendasar antara XML dan HTML 1. XML bukan merupakan pengganti HTML. 2. XML dirancang untuk menyimpan dan mentransport data, dengan focus pada data apa itudan HTML yang dirancang untuk menampilkan data, dengan focus pada seperti apa dataitu terlihat. 3. XML dirancang untuk transportasi dan menyimpan data, dengan fokus pada apa data. 4. HTML dirancang untuk menampilkan data, dengan fokus pada bagaimana data terlihat. 5. HTML adalah tentang menampilkan informasi, sedangkan XML adalah membawainformasi. 6. XML dan HTML memiliki standar penulisan tag yang berbeda, Tag yang digunakandalam HTML telah ditetapkan. Dokumen HTML hanya bisa menggunakan tag yangdidefinisikan dalam standar HTML (seperti<p>,<h1>,<b>,<i>dll). Sedangkan tagXML tidak ditetapkan atau tidak didefinisikan dalam standar khusus. Penulis tag XML bebas menulis tag-nya sendiri.
  • 6. Apasih JavaScript Itu? JavaScript adalah bahasa scripting yang popular di internet dan dapat bekerja di sebagian besar browser popular seperti Internet Explorer (IE), Mozilla Firefox, Netscape dan Opera. Kode JavaScript dapat disisipkan dalam halaman web menggunakan tag SCRIPT. Contoh JavaScript : <script type="teks/javascript"> alert("Halo Dunia!"); </script>
  • 7. FRONT END DAN BACK END  Front-end ataupun Back-end keduanya adalah bagian penting dalam pembuatan suatu aplikasi baik berupa aplikasi desktop, web ataupun mobile.  Front-End Developer bertugas untuk mendesain tampilan (layout) luarnya agar terlihat menarik , sedangkan Back-End Developer bertugas untuk membuat web/ aplikasi agar bisa berjalan sesuai keiinginan , dinamis dan interaktif dengan source code nya.
  • 8. Ilustrasinya semisal sebuah developer website menerima pesanan pembuatan website, perusahaan tersebut hanya memberikan gambar website yang mereka inginkan (atau yang biasa disebut mockup). Disinilah peran Front- End dan Back-end developer dibedakan, yang pertama memulai pekerjaan adalah Front-End, para Front-End developer akan memulai tugas mereka yang pertama, yaitu merubah gambar (mockup) tadi menjadi sebuah halaman web static berbentuk HTML (atau yang biasa disebut dengan slicing), tugas ini cukup berat karena seorang Front-End developer harus memastikan hasil slicing mereka sama persis dengan gambar (mockup) baik itu tampilan, animasi, dan lain-lain. Seorang Front-End developer harus memahami beberapa bahasa programming yaitu HTML, CSS, Javascript dan Jquery. Setelah menerima file web static maka Back-End developer akan segera merubah file tersebut menjadi Web Dinamis, tugas Back-End Developer adalah memastikan semua fungsi berjalan dengan baik dan benar dan para Back-end ini harus memamahi beberapa bahasa programming yaitu php, sql, java dan sebagainya. ILUSTRASI :