Tugas 2_0916_Jansen_1512510247

1. Tugas 2 – 0916 (Individu)
1.Apakah yang anda ketahui tentang XML?berikan contoh!
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.
XML didesain untuk mempu menyimpan data secara ringkas dan mudah diatur. Kata kunci utama XML adalah data (jamak dari
datum) yang jika diolah bisa memberikan informasi.
XML menyediakan suatu cara terstandarisasi namun bisa dimodifikasi untuk menggambarkan isi dari dokumen.[4] Dengan
sendirinya, XML dapat digunakan untuk menggambarkan sembarang view database, tetapi dengan suatu cara yang standar.
Contoh Dari XML :
<?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 lembab 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>

2. 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.
Contoh Sederhana JSON :
<!-- frmjson.html -->
<script type="text/javascript" src="jquery-1.4.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
//closure button berid = "setter" diklik...
$("#setter").click(function(){
$.post("getjson.php",{
nama : $("#nama").val(),
alamat : $("#alamat").val()
}, function(data){
//jika response telah berhasil... (set label...)
$("#lblgetattr").html(data.nama+" beralamat di "+data.alamat);
},"json");
});
});
</script>
Nama : <input type="text" id="nama"> <br>
Alamat : <input type="text" id="alamat"> <br>
<input type="button" value="SetAtribute" id="setter">
<br>
Atribut yang sudah terset adalah : <label id="lblgetattr"></label>

3. 3. Berikan beberapa perbedaan mendasar antara HTML dan XML?
Ada perbedaan yang paling mendasar antara XML dan HTML adalah sebagai berikut :
1. XML bukan merupakan pengganti HTML.
2. XML di rancang untuk menyimpan dan mentrasport data, dengan focus pada data apa itu dan HTML
yang dirancang untuk menampilkan data , dengan focus pada seperti apa data itu terlihat.
3. XML di rancang untuk transportasi dan menyimpan data , dengan focus pada data.
4. HTML di rancang untuk menampilkan data , dengan focus pada bagaimana data itu terlihat
5. HTML adalah tentang menampilkan informasi, sedangkah XML adalah membawa informasi.
6. XML dan HTML memiliki standart penulisan tag yang berbeda , tag yang di gunakan adalah HTML
yang di tetapkan. Dokumen HTML hanya bias menggunakan tag yang di definisikan dalam standar
HTML seperti , <p>, <h1>, <b>, <i> dll. Sedangkan tag XML tidak ditetapkan atau tidak di definisikan
dalam standar khusus. Penulis tag XML bebas menulis tag-nya sendiri.

4. 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. Hal ini karena tanpa javascript, sebuah website
bagaikan sayur tanpa garam :D.
Seperti yang disebutkan diatas, javascript berfungsi membuat sebuah halaman website lebih interaktif dan dinamis.
Penggunaan kode javascript sangat dibutuhkan untuk website-website yang berorientasi pada kenyamanan pengakses
(user-experience). Namun, penggunaan kode javascript ini tidak akan maksimal jika tidak dibarengi dengan
penggunaan css karena javascript juga tidak akan lepas dari html.
Ketiga bahasa pemrograman itu sangat erat kaitannya. Jika saya ibaratkan sebuah website adalah rumah, maka kode html
adalah segala yang membangun dan ada dirumah tersebut (tembok, tiang, atap, pondasi, ruang keluarga, kamar, dapur,
peralatan rumah tangga, dan sebagainya). Lalu, kode css adalah pengatur dan penghias rumah tersebut(tata letak, warna
dan sebagainya). Dan peran javascript bisa sebagai ‘pembantu’ kode css agar pengaturan dan hiasannya lebih bagus
dengan tambahan pernak-pernik misalnya. Bisa juga untuk memanipulasi kode html dengan nama/identitas tertentu.
Manipulasi ini bisa berupa menyembunyikan, menganti bahkan menambahkan elemen html yang baru.

5. Contoh sederhana dari JavaScript :
<!DOCTYPE html>
<html>
<head>
<script>
function displayDate()
{
document.getElementById("demo").innerHTML=Date();
}
</script>
</head>
<body>
<h1>Belajar JavaScript</h1>
<p id="demo">Klik Tombol Tampilkan Tanggal dibawah
untuk melihat tanggal sekarang.</p>
<button type="button"
onclick="displayDate()">Tampilkan Tanggal</button>
</body>
</html>
ketika Tombol "Tampilkan Tanggal" ditekan maka akan terjadi perubahan seperti
gambar di bawah ini yaitu akan menampilkan tanggal/waktu sekarang...

6. 5. jelaskan dan berikan ilustrasi istilah front end dan back end pada software development !
Dikalangan developer mungkin kedua kata ini sudah biasa terdengar, baik Back-end ataupun Front-end keduanya adalah bagian penting dalam pembuatan
suatu aplikasi baik berupa aplikasi desktop, web ataupun mobile.Dalam dunia developer biasanya akan dibagi menjadi dua bagian atau dua tim berbeda,
misalkan:
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.
Jika disimpulkan dan dipersingkat ini adalah perbedaan dari kedua developer tersebut:
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.
Begitulah informasi yang saya ketahui tentang Back end dan Front-end developer