Dokumen ini membahas tentang XML, JSON, perbedaan HTML dan XML, JavaScript, Front-End Developer, Back-End Developer, dan ilustrasi perbedaan Front-End dan Back-End. XML dan JSON digunakan untuk pertukaran data, sedangkan HTML dan XML memiliki tujuan yang berbeda. Front-End Developer berfokus pada tampilan website, sedangkan Back-End Developer berfokus pada fungsi website.

1. TUGAS 2 – REKAYASA WEB
Universitas Budi Luhur
Fakultas Teknologi Informasi
Program Studi Sistem Informasi
Periode 0316 Tahun 2016
Oleh
Gilbert Abednego
1312511049

2. XML
XML (Extensible Markup Language) adalah bahasa markup untuk keperluan
umum yang disarankan oleh W3C untuk membuat dokumen markup
keperluan pertukaran data antar sistem yang beraneka
ragam. XML merupakan kelanjutan dari HTML (HyperText Markup Language)
yang merupakan bahasa standar untuk melacak Internet.

3. 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 -
Desember 1999.
JSON

4. Perlu diketahui beberapa hal dibawah ini:
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.
Keuntungan XML
– Ekstensibilitas : dapat ditukar/digabung dengan dokumen XML lain
– Memungkinkan pemrograman yang lebih baik: maka dibuat suatu software
pengolah XML
– Memisahkan data dan presentasi. Yang akan direpresentasikan dalam XML dan
XSLT
– Pencarian data cepat karena XML merupakan data dalam format yang
terstruktur
– Plain Text dan platform independent
– Untuk pertukaran data
Perbedaan HTML & XML

5. Dokumen XML dapat digunakan untuk berbagai macam tujuan, seperti:
– Sebagai penyimpan data (database) yang mudah dibaca oleh user karena
disimpan dalam bentuk teks.
– Standard transfer data, dapat digunakan untuk pengiriman data transaksi antar
perusahaan, atau mentransfer data dari DBMS yang berbeda (mis: Oracle ke SQL
Server).
– Sebagai acuan membuat bahasa baru, seperti WML (Wireless Markup
Language) yang digunakan pada mobile device dengan protokol WAP, atau
VoiceXML yang digunakan sebagai bahasa markup untuk pengenalan suara,
dialog, aplikasi interaksi respon suara maupun DTMF (seperti aplikasi pengisian
pulsa atau call center), dan sebagainya.
– Sebagai file konfigurasi, di Java dokumen-dokumen XML sering kita jumpai
seperti file server.xml dan web.xml yang digunakan Tomcat, atau perintah-
perintah query yang disimpan dalam file XML yang dipakai pada framework iBatis
atau Hibernate.
Sejauh mana perkembangannya? XML menjadi dasar dari beberapa bahasa
markup yang telah sedang berkembang sampai saat ini, seperti: XHTML
(perbaikan dari HTML), VoiceXML (bahasa untuk aplikasi suara, telepon), XForms
(form pada web yang dapat digunakan pada berbagai macam jenis browser,
seperti: desktop, PDA , handphone, kertas), XPath, XPointer, XSL dan XSLT
(transformasi dan presentasi XML).
Perbedaan HTML & XML

6. JavaScript (/ d və skr pt/) adalah bahasa pemrograman tingkat tinggi danˈ ʒɑː ˌ ɪ
dinamis. JavaScriptpopuler di internet dan dapat bekerja di sebagian besar
penjelajah web populer seperti Internet Explorer (IE), Mozilla Firefox, Netscape
dan Opera. Kode JavaScript dapat disisipkan dalam halaman web menggunakan
tag SCRIPT.
Javascript

7. 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.
Front – End & Back End
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.

8. Sebuah developer website menerima pesanan pembuatan website, perusahaan
tersebut hanya memberikan gambar website yang mereka inginkan (atau yang
biasa disebut mockup). Disinilah peran Back-end dan Front-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 Fron-
End developer harus memastikan hasil slicing mereka sama persis dengan
gambar(mockup) baik itu tampilan, animasi, dan lain-lain. Seorang Fron-End
developer biasanya harus memahami beberapa bahasa programming yaitu
HTML, CSS, Javascript dan Jquery. Setelah para Fron-end developer selesai
maka mereka akan memeberikan hasil berbentuk Web Static yang kemudian
akan dirubah menjadi Web Dinamis oleh Back-End Developer. Setelah menerima
file web static maka Back-End developer akan segera merubah file tersebut
menjadi Web Dinamis, tugas Back-End Developer biasanya 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 Front – End & Back End

9. Thank You
Gilbert Abednego

10. Thank You
Gilbert Abednego