tugas 2 rekweb ika sulistiyani 1412510529

1. TUGAS 2
REKAYASA WEB
IKA SULISTIYANI
1412510529

2. 1. Apa 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. Semua file XML mengikuti beberapa aturan
dasar untuk sintaks dan form.
 eXtensibel Markup Language (XML) 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.

3. Tujuan pembuatan XML
 XML seharusnya dapat digunakan secara langsung di Internet.
 XML seharusnya mendukung berbagai aplikasi secara luas.
 XML seharusnya kompatibel dengan SGML Seharusnya mudah
untuk membuat program yang memproses dokumen XML Jumlah
dari faslitas pilihan dari XML dijaga supaya absolut minimal,
idealnya nol.
 Dokumen XML seharusnya mudah dan dapat jelas dimengerti.
 Desain XML seharusnya dipersiapkan secara cepat.
 Desain dari XML seharusnya formal dan singkat tetapi padat.
 Dokumen XML seharusnya mudah dibuat markup XML tidak selalu
dianjurkan bentuk singkat.

4. <?xml version="1.0" encoding="UTF-8"?>
<Resep nama="roti" waktu_persiapan="5 menit" waktu_masak="3
jam">
<judul>Roti tawar</judul>
<bahan jumlah="3" satuan="cangkir">Tepung</bahan>
<bahan jumlah="0,25" satuan="ons">Ragi</bahan>
<bahan jumlah="1,5" satuan="cangkir">Air hangat</bahan>
<bahan jumlah="1" satuan="sendok teh">Garam</bahan>
<Cara_membuat>
<langkah>Campur semua bahan dan uleni adonan sampai
merata.</langkah>
<langkah>Tutup dengan kain lembap dan biarkan selama satu jam
di ruangan yang hangat.</langkah>
<langkah>Ulangi lagi, letakkan di loyang dan panggang di
oven.</langkah>
<langkah>Keluarkan, hidangkan</langkah>
</Cara_membuat>
</Resep>
Contoh XML sederhana :

5. 2. Apa yang anda ketahui tentang JSON? Berikan contoh !
JSON adalah kependekan dari Javascript Object Notation. JSON
dipakai untuk dua hal; yang pertama untuk format transfer data antar
device/OS/bahasa pemerograman yang berbeda dan sebagai media
penyimpanan data seperti MongoDB. JSON dalam artikel ini lebih
menekankan pada transfer data. Sebenarnya selain JSON, format
transfer data antar sistem bisa dilakukan XML, plaintext ataupun
HTML, namun 3 format tersebut punya banyak kekurangan, terutama
dari sisi ukuran. Saingan terdekat dari JSON adalah XML, dalam
layanan Web API atau webservice, sebagian layanan menggunakan
JSON, sebagian yang lain menggunakan format XML. Dua format ini
bisa saling menggantikan.

6. Kelebihan JSON
Walaupun XML sudah sejak lama dipakai dalam format transfer data,
namun beberapa tahun terakhir, JSON menggeser posisi XML.
Kelebihan JSON dari XML adalah sbb:
 Ukuran lebih kecil dibanding XML, efeknya transfer data lebih
cepat dan lebih hemat resource, terutama bandwidth
 JSON adalah format data bawaan di Javascript, artinya jike data
dari server di kirim ke client , dan client menggunakan javascript,
maka tidak perlu library tambahan untuk memprosesnya
 Dibanding XML, format JSON lebih sederhana.
 library JSON ada di setiap bahasa pemrograman sehingga
memudahkan programer yang berbeda bahasa pemrograman.

7. Contoh berikut menunjukkan representasi JSON untuk suatu
objek yang mendeskripsikan seseorang.
{
"namaDepan": "Budi",
"namaBelakang": "Sbudi",
"alamat": {
"namaJalan": "Jl. Sudirman 15A",
"kota": "Jakarta Selatan",
"provinsi": "DKI Jakarta",
"kodePos": 11111
},
"nomerTelepon": [
"021 555-1234",
"021 555-4567"
]
}

8. 3. Berikan beberapa perbedaan mendasar antara HTML dan
XML?
HTML
 tag dan atributnya sudah didefinisikan (ditetapkan)
 ada beberapa tag yg tidak punya tag penutup
 HTML berfungsi untuk mengolah tampilan data
 bersifat non case sensitive (huruf besar kecil tidak masalah)
XML
 tag dan atributya dibuat sendiri
 tag harus ada tag pembuka dan penutup
 berfungsi untuk mengolah data
 bersifat case sensitive

9. 4. Jelaskan yang anda ketahui mengenai javascript?
Berikan contoh!
Javascipt merupakan bahasa pemrograman komputer yang dinamis.
Biasanya sering digunakan pada web browser untuk
menciptakan halaman web yang menarik, interaktif, serta merapkan
berbagai fungsi pada halaman web. Javascript merupakan salah satu
pemrograman web yang harus kita pelajari (selain HTML & CSS) .
<html>
<head>
<title>contoh program javascript</title>
</head>
<body>
<script language="javascript">
alert("Hallo !");
</script>
</body>
</html>
Contoh penulisan Javascript

10. 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.
Tugas-tugas berikut umumnya dianggap sebagai tugas front-end:
 Desain grafis dan pembuatan gambar
 Desain antarmuka
 Desain Informasi seperti berkaitan dengan pengalaman pengguna dari
situsnya
 Dokumen HTML dan pengembangan style sheet dengan CSS, JavaScript
dan jQuery

11. 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
Tugas-tugas berikut yang umumnya berlangsung pada back-
end:
 Desain informasi seperti berkaitan bagaimana informasi diatur di
server
 Pemrosesan form
 Pemograman database
 Content management systems
 Aplikasi berbasis web server lain menggunakan PHP, JSP, Ruby,
ASP.NET, Java, dan bahasa pemograman lainnya