Dokumen ini menjelaskan berbagai konsep dalam rekayasa web, termasuk XML sebagai format markup untuk data terstruktur, JSON sebagai format pertukaran data yang mudah dibaca, serta perbedaan antara HTML dan XML. Selain itu, dokumen ini juga membahas tentang JavaScript sebagai bahasa pemrograman untuk interaktivitas web dan membedakan antara front-end dan back-end developer dalam pengembangan perangkat lunak. Contoh kode dan ilustrasi penggunaan masing-masing konsep juga disertakan untuk memberikan pemahaman yang lebih jelas.

1. TUGAS REKAYASA WEB
PERIODE 0916
Nim : 1312510736
Nama : Rico Aditya Putra
Fakultas Tekhnologi Informasi
Universitas Budi Luhur
2016

2. 1. Apakah yang anda ketahui tentang XML?berikan contoh!
XML adalah bahasa markup seperti HTML, tetapi tanpa format yang tetap. Sebuah bahasa markup menyediakan
kata-kata dan tag yang menggambarkan dokumen dan mengidentifikasikan bagian-bagiannya. HTML mengenai
presentasi ketika XML bekerja untuk menyimpan dan mengirimkan data terstruktur. Semua file XML mengikuti
beberapa aturan dasar untuk sintaks dan form.
Dari W3C yang merekomendasikan standar ini pada tanggal 10 Februari 1998 mengartikan bahwa eXtensibel
Markup Language adalah sebuah format berbasis teks yang sederhana untuk mempresentasikan informasi yang
tersturktur seperti dokumen, data, konfigurasi, buku, transaksi, invoice, dan masih banyak lagi. Ini berasal dari
format standar yang lebih tua disebut SGML (ISO 8879), agar lebih cocok untuk digunakan Web.
Contoh codingan menggunakan xml :
<?xml version="1.0" encoding="UTF-8"?>
<catatan>
<untuk>Rangga</untuk>
<dari>Rini</dari>
<judul>Pengingat</judul>
<isi>Jangan lupa yah akhir pekan ini!</isi>
</catatan>

3. 2. Apakah yang anda ketahui tentang JSON?berikan contoh!
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 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.
}

4. Contoh codingan dengan JSON :
package com.nursalim.zone.java.json;
import java.io.FileWriter;
import java.io.IOException;
import org.json.simple.JSONArray;
import org.json.simple.JSONObject;
public class WriteJsonSimpleDemo {
public static void main(String[] args) {
JSONObject obj = new JSONObject();
obj.put("nama", "Nursalim");
obj.put("gender", "Laki-Laki");
obj.put("umur", new Integer(20));
JSONArray listHobbies = new JSONArray(); listHobbies.add("Makan");
listHobbies.add("Tidur");
listHobbies.add("Jalan-Jalan");
obj.put("hobi", listHobbies);
try {
FileWriter file = new FileWriter("d:jsonsimplejson.json"); file.write(obj.toJSONString());
file.flush(); file.close();
} catch (IOException e) { e.printStackTrace();
} System.out.print(obj);
}

5. 3. Berikan beberapa perbedaan mendasar antara HTML dan XML?
HTML dan XML merupakan bahasa penandaan (markup languange). Penandaan ini dilakukan
dengan memberikan tag, tetapi keduanya memiliki fungsi yang berbeda. Tag yang dilakukan pada
XML(eXtensible Markup Languange) digunakan untuk menetapkan sifat suatu informasi, sedangkan
tag pada HTML(Hypertext Markup Laguange) digunakan untuk penampilan.
Contoh tag pada HTML adalah <bold> untuk mengaktifkan huruf tebal, sedangkan </bold> untuk
menonaktifkan huruf tebal. Tag pada XML contohnya adalah tag <message> yang digunakan unuk
menyatakan suatu pesan, sedangkan </message> untuk mengakhiri suatu pesan. Jika kita sudah
mengenal HTML, maka untuk mempelajari XML akan terasa sangat mudah.
HTML digunakan untuk mengatur tampilan informasi, sedangkan XML untuk menciptakan, berbagai,
dan memproses informasi. XML akan memungkinkan kita untuk mendefenisikan tag unuk suatu
keperluan tertentu. XML juga akan merincikan arti dari suatu informasi dan pelaksanaannya. Hal ini
dilakukan dengan cara yang terlebih dahulu harus didefenisikan dengan tepat dan secara pasti. XML
juga dapat diproses secara otomatis pada berbagai situasi.

6. 4. Jelaskan yang anda ketahui mengenai javascript?berikan contoh!
JavaScript adalah bahasa skrip yang populer 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 adalah sebuah bahasa komputer atau kode pemrograman yang digunakan pada website agar
website tersebut menjadi lebih interaktif dan dinamis. Javascript adalah jenis bahasa pemrograman
client side. Penggunaan kode javascript pada sebuah website bersifat opsional, artinya tidak harus selalu
ada. Namun, website-website maupun blog modern saat ini hampir semuanya menggunakan kode
javascript walaupun sedikit.
Contoh Script Javascript :
<script type="text/javascript">
function simsalabim() {
alert("Simsalabim, blah blah blah");
}
</script>
<button onclick="simsalabim()">Klik Untuk Melihat Demo</button>

7. 5. Jelaskan dan berikan ilustrasi 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.
Ilustrasi pada Software Development :
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.