tugas 2 – rekayasa web (ku) - 1311511057 - raden doni wijoyo

10
TUGAS 2 – REKAYASA WEB KELOMPOK (KU) RADEN DONI WIJOYO - 1311511057

Upload: doni-wijoyo

Post on 16-Apr-2017

127 views

Category:

Technology


2 download

TRANSCRIPT

Page 1: Tugas 2 – REKAYASA WEB (KU) - 1311511057 - RADEN DONI WIJOYO

TUGAS 2 – REKAYASA WEB KELOMPOK (KU)RADEN DONI WIJOYO - 1311511057

Page 2: Tugas 2 – REKAYASA WEB (KU) - 1311511057 - RADEN DONI WIJOYO

1. Apakah yang anda ketahui tentang XML

 xml atau XML merupakan kependekan dari eXtensible Markup Language. Secara singkat, .xml tidak jauh berbeda dengan HTML. XML juga mampu mengirimkan data yang sama dengan tujuan berbeda. Yang berbeda dari XML adalah string atau tag dari XML dapat dibuat sendiri, sedangkan HTML sudah baku dan tidak dapat dibuat sendiri. XML juga bisa menjadi database dari beberapa bahasa pemrograman dengan mudah. Sehingga kemudian file .xml ini mampu digunakan sebagai sharing data ke PC orang dengan database kita. Ditambah lagi file .xml dibuat untuk struktur, menyimpan, transportasi dan informasi serta file .xml yang bisa digunakan untuk aplikasi desktop.

Extensibel Markup Language (XML) adalah Bahasa markup serbaguna yang direkomendasikan W3C untuk mendeskripsikan berbagai macam data. 

XML menggunakan markup tags seperti halnya HTML namun penggunaanya tidak terbatas pada tampilan halaman Web saja. XML merupakan suatu metode dalam membuat penanda /markup pada sebuah Dokumen.

Page 3: Tugas 2 – REKAYASA WEB (KU) - 1311511057 - RADEN DONI WIJOYO

Contoh format data / informasi yang disimpan dalam format 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. 

Page 4: Tugas 2 – REKAYASA WEB (KU) - 1311511057 - RADEN DONI WIJOYO

2. Apakah yang anda ketahui tentang JSON

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.

Page 5: Tugas 2 – REKAYASA WEB (KU) - 1311511057 - RADEN DONI WIJOYO

Contoh code JSON :

<html><head><title>JSON testing - doniwijoyo</title><script type='text/javascript'> var JSON_adi = {nama:’doniwijoyo’}; document.write (JSON_doni.wijoyo);</script></head><body></body></html>

JSON_adi adalah nama variable pada javascript yang menunjukan bahwa variable tersebut berbentuk Object JSON karena terdapat kurung kurawal *{} *. Di dalam kurung kurawal terdapat atribut * nama * dengan value * doniwijoyo *. Ingat * nama * adalah atribut, sedangkan * doniwijoyo * adalah value dari atribut * nama * dan keduanya dipisahkan dengan titik dua * : *. Lalu untuk memanggil valuenya kita dapat panggil dengan code

Page 6: Tugas 2 – REKAYASA WEB (KU) - 1311511057 - RADEN DONI WIJOYO

 3. Perbedaan mendasar antara HTML dan XML

XML bukan merupakan pengganti HTML XML dirancang untuk menyimpan dan mentransport data, dengan focus pada data

apa itu dan HTML yang dirancang untuk menampilkan data, dengan focus pada seperti apa data itu terlihat.

XML dirancang untuk transportasi dan menyimpan data, dengan fokus pada apa data.

HTML dirancang untuk menampilkan data, dengan fokus pada bagaimana data terlihat.

HTML adalah tentang menampilkan informasi, sedangkan XML adalah membawa informasi.

XML dan HTML memiliki standar penulisan tag yang berbeda, Tag yang digunakan dalam HTML telah ditetapkan. Dokumen HTML hanya bisa menggunakan tag yang didefinisikan dalam standar HTML (seperti <p>, <h1>, <b>, <i> dll). Sedangkan tag XML tidak ditetapkan atau tidak didefinisikan dalam standar khusus. Penulis tag XML bebas menulis tag-nya sendiri.

Page 7: Tugas 2 – REKAYASA WEB (KU) - 1311511057 - RADEN DONI WIJOYO

4. Apa itu JavaScriptJavaScript adalah bahasa scripting yang digunakan untuk script sisi klien. JavaScript dikembangkan oleh Netscape pada tahun 1995 sebagai metode untuk memvalidasi bentuk dan menyediakan konten interaktif ke situs web. yang kemudian disusl oleh Microsoft dan Netscape yang mulai memperkenalkan dukungan JavaScript di browser mereka setelahnya.

Page 8: Tugas 2 – REKAYASA WEB (KU) - 1311511057 - RADEN DONI WIJOYO

Contoh penggunaan kode program JavaScript :<html><head><title>First Java Script</title><script type="text/javascript">function sayhello(){alert("Selamat datang di Dunia JavaScript!");}

Page 9: Tugas 2 – REKAYASA WEB (KU) - 1311511057 - RADEN DONI WIJOYO

5. 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.

Page 10: Tugas 2 – REKAYASA WEB (KU) - 1311511057 - RADEN DONI WIJOYO

Cara kerja front end dan back end pada software development