Tugas 2 rekweb Ika Sulistiyani

11
TUGAS 2 REKAYASA WEB IKA SULISTIYANI 1412510529

Transcript of Tugas 2 rekweb Ika Sulistiyani

Page 1: Tugas 2 rekweb Ika Sulistiyani

TUGAS 2REKAYASA WEB

IKA SULISTIYANI1412510529

Page 2: Tugas 2 rekweb Ika Sulistiyani

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.

Page 3: Tugas 2 rekweb Ika Sulistiyani

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.

Page 4: Tugas 2 rekweb Ika Sulistiyani

<?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 :

Page 5: Tugas 2 rekweb Ika Sulistiyani

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.

Page 6: Tugas 2 rekweb Ika Sulistiyani

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.

Page 7: Tugas 2 rekweb Ika Sulistiyani

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" ] }

Page 8: Tugas 2 rekweb Ika Sulistiyani

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 

Page 9: Tugas 2 rekweb Ika Sulistiyani

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

Page 10: Tugas 2 rekweb Ika Sulistiyani

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

Page 11: Tugas 2 rekweb Ika Sulistiyani

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