tugas 2 rekayasa web budi luhur

TUGAS REKAYASA WEBFTI BUDI LUHUR

TUGAS 2 INDIVIDU

NAMA : MUHAMAD FAHRUL AZISNIM : 1511510453

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.

Contoh program XML:

jika dokumen tersebut kita buka menggunakan web browser, maka tampak seperti gambar dibawah ni :

Sebuah contoh dokumen XML seperti pada contoh dibawah ini dan simpan kedalam filecontoh1.xml : <?xml version="1.0"?><product barcode="2394287410"><manufacturer>Verbatim</manufacturer><name>DataLife MF 2HD</name><quantity>10</quantity><size>3.5"</size><color>black</color><description>floppy disks</description></product> Dokumen diatas menjelaskan sebuah data produk

yang ada pada suatu supermarket. Produk tersebut memiliki kode barcode= 2394287410,manufacturer=Verbatim, name=DataLife MF 2HD, quantity=10, size=3.5", color=black, description=floppy disks.

2. Apakah yang anda ketahui tentang JSON & berikan contoh!

JSON (dilafalkan "Jason"), singkatan dari JavaScript Object Notation (notasi objek JavaScript), adalah suatu format ringkas pertukaran data komputer. Formatnya berbasis teks dan terbaca-manusia serta digunakan untuk merepresentasikan struktur data sederhana dan larik asosiatif (disebut objek). Format JSON sering digunakan untuk mentransmisikan data terstruktur melalui suatu koneksi jaringan pada suatu proses yang disebut serialisasi. Aplikasi utamanya adalah pada pemrograman aplikasi web AJAX dengan berperan sebagai alternatif terhadap penggunaan tradisional format XML.

Walaupun JSON didasarkan pada subset bahasa pemrograman JavaScript (secara spesifik, edisi ketiga standar ECMA-262, Desember 1999) dan umumnya digunakan dengan bahasa tersebut, JSON dianggap sebagai format data yang tak tergantung pada suatu bahasa. Kode untuk pengolahan dan pembuatan data JSON telah tersedia untuk banyak jenis bahasa pemrograman. Situs json.org menyediakan daftar komprehensif pengikatan JSON yang tersedia, disusun menurut bahasa.

Format JSON dispesifikasikan di RFC 4627 oleh Douglas Crockford. Tipe media Internet resmi JSON adalah application/json sedangkan ekstensi berkasnya adalah.json.

Pada Desember 2005, Yahoo! mulai menawarkan opsi format JSON untuk layanan webnya. Google mulai menyediakan umpan JSON untuk protokol web GData-nya pada Desember 2006.

CONTOH SINTAKS JSONContoh 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"

]

}

3. Berikan beberapa perbedaan mendasar antara HTML dan XML ?

XML singkatan dari eXtensible Markup Language, Sedangkan HTML singkatan dari HyperText Markup Language. Jadi keduanya adalah bahasa penandaan (markup language). Penandaan dilakukan dengan menggunakan tag, misalnya dalam HTML untuk menjadikan huruf tebal (bold), tag yang digunakan adalah<b> atau <strong> dan diakhiri dengan tag penutup </b> atau </strong>.

Penandaan dalam XML juga dengan tag, tapi bukan untuk penampilannya melainkan untuk menetapkan sifat suatu informasi. Misalnya tag <message> untuk menyatakan bahwa itu adalah suatu pesan. Kesimpulannya adalah HTML digunakan untuk mengatur tampilan informasi, sedangkan XML digunakan untuk menciptakan & memproses berbagai informasi.

4. Jelaskan yang anda ketahui mengenai javascript & berikan contoh!

JavaScript adalah bahasa pemrograman yang bisa disisipkan ke HTML seperti halnya PHP akan tetapi javascript berjalan di sisi Client. Misalnya, jam ditampilkan pada halaman yang update sendiri untuk menunjukkan waktu saat ini pada komputer pengguna.

CONTOH PENERAPAN JAVASCRIPT PADA HTML

Sintaks/Code<!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>

Penjelasannya : yang berwarna MERAH adalah script/code JavaScript yang diletakkan pada halaman web..

TAMPILAN OUTPUT DARI KODE SCRIPT SEBELUM NYA

ketika Tombol "Tampilkan Tanggal" ditekan maka akan terjadi perubahan seperti gambar di samping yaitu akan menampilkan tanggal/waktu sekarang...

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 front end dan back end pada software development

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.

tugas 2 rekayasa web budi luhur

Software