TUGAS 2 REKAYASA WEBNIM : 1412510016NAMA: MUSLIM ROHADI

UNIVERSITAS BUDI LUHUR 2016

APA ITU XML?PENGERTIAN XML

XML (eXtensible Markup Language) merupakan bahasa web turunan dari SGML (Standart Generalized Markup Language). Teknologi XML dikembangkan mulai tahun 1966 dan mendapatkan pengakuan dari Worl Wide Web Consortium (W3C) pada bulan Februari 1998. Secara sederhana XML adalah suatu bahasa yang digunakan untuk mendeskripsikan dan memanipulasi dokumen secara terstruktur. Secara teknis XML didefinisikan sebagai suatu bahasa meta-markup yang menyediakan format tertentu untuk dokumen-dokumen yang mempunyai data terstruktur. Bahasa markup adalah sekumpulan aturan-aturan yang mendefinisikan suatu sintaks yang digunakan untuk menjelaskan, dan mendeskripsikan teks atau data dalam sebuah dokumen melalui penggunaan tag. XML adalah sebuah standar sederhana yang digunakan untuk medeskrippsikan data teks dengan cara self-describing (deskripsi diri). XML juga dapat digunakan untuk mendefinisikan domain tertentu lainnya, seperti musik, matematika, keuangan dan lain-lain yang menggunakan bahasa markup terstruktur. Berikut ini adalah contoh sebuah dokumen XML untuk informasi contact person:<?xml version="1.0" encoding="ISO-8859-1"?><contact><contact><name>Yadi Utama</name><company>PT. Gamatechno Indonesia</company><address>Jl. Cik Di Tiro No.34</address><City>Yogyakarta</city><sttate>Indonesia/state><zip>55284</zip><phone>081328462499</phone><email>yadi@gamatechbo.com</email></contact>

APA ITU JSON?PENGERTIAN 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.JSON terbuat dari dua struktur:• Kumpulan pasangan nama/nilai. Pada beberapa bahasa, hal ini dinyatakan sebagai

object, record, struct dictionary ,hash table, keyed list atau associative array.• Daftar nilai terurutkan (an ordered list of values). Pada kebanyakan bahasa, hal ini

dinyatakan sebagai larik (array), vektor (vector), daftar (list), atau urutan (sequence). Struktur-struktur data ini disebut sebagai struktur data universal. Pada dasarnya,

semua bahasa pemprograman moderen mendukung struktur data ini dalam bentuk yang sama maupun berlainan. Hal ini pantas disebut demikian karena format data mudah dipertukarkan dengan bahasa-bahasa pemprograman yang juga berdasarkan pada struktur data ini.

PERBEDAAN XML DAN HTML

Pada Hypertext, kita mengenal HTML dan XML. Dari keduanya tentu ada beberapa perbedaan. Berikut ini merupakan beberapa perbedaan dan persamaan antara HTML dan XML. Apabila ditinjau dari definisinya, HTML(HyperText Markup Language) adalah sebagai berikut suatu bahasa yang menggunakan tanda-tanda tertentu (disebut sebagai Tag) untuk menyatakan kode-kode yang harus ditafsirkan oleh browser agar halaman tersebut dapat ditampilkan secara benar. Sedangkan untuk pengertian XML(eXtensible Markup Language) dalah bahasa markup yang digunakan untuk menyimpan data (tidak ada program) dan tidak tergantung dengan tools tertentu (seperti editor, dbms, compiler, dsb). Markup yaitu bahasa yang berisikan kode-kode berupa tanda-tanda tertentu dengan aturan tertentu untuk memformat dokumen teks dengan tag sendiri agar dapat dimengerti.Adapun perbedaan yang paling mendasar antara XML dan HTML adalah sebagai berikut:• 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.

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

Berikut ini diberikan perbandingan antara perbedaan HTML dan XML:

HTML XMLTag dan atributnya sudah didefinisikan Tag dan atributnya dibuat sendiri

Ada beberapa tag yang tak ada tag penutupnya

Harus ada tag pembuka dan penutup

Bersifat non case sensitive (huruf besar kecil tidak berpengaruh)

Bersifat case sensitive

JAVASCRIPTPengertian

JavaScript adalah bahasa pemograman web yang bersifat Client Side Programming Language. Client Side Programming Language adalah tipe bahasa pemograman yang pemrosesannya dilakukan oleh client. Aplikasi client yang dimaksud merujuk kepada web browser seperti Google Chrome dan Mozilla Firefox. Jenis bahasa pemograman Client Side berbeda dengan bahasa pemograman Server Side seperti PHP, dimana untuk server side seluruh kode program dijalankan di sisi server. Untuk menjalankan JavaScript, kita hanya membutuhkan aplikasi text editor, dan web browser. JavaScript memiliki fitur: high-level programming language, client-side, loosely tiped, dan berorientasi objek.

Fungsi JavaScript pada awal perkembangannya berfungsi untuk membuat interaksi antara

user dengan situs web menjadi lebih cepat tanpa harus menunggu pemrosesan di web server. Sebelum javascript, setiap interaksi dari user harus diproses oleh web server. JavaScript tidak hanya berguna untuk validasi form, namun untuk berbagai keperluan yang lebih modern. Berbagai animasi untuk mempercantik halaman web, fitur chatting, efek-efek modern, games, semuanya bisa dibuat menggunakan JavaScript.

Perkembangan JavascriptDalam perkembangannya, JavaScript mengalami permasalahan yang sama seperti

kode pemograman web yang bersifat client side seperti CSS, yakni bergantung kepada implementasi web browser. Kode JavaScript yang kita buat, bisa saja tidak bekerja di Internet Explorer, karena web browser tersebut tidak mendukungnya. Sehingga programmer harus bekerja extra untuk membuat kode program agar bisa “mengakali” dukungan dari web browser. Karena hal tersebut, JavaScript pada awalnya termasuk bahasa pemograman yang rumit, karena harus membuat beberapa kode program untuk berbagai web browser. Namun, beberapa tahun belakangan ini, JavaScript kembali bersinar berkat kemudahan yang ditawari oleh komunitas programmer yang membuat library JavaScript seperti jQuery. Library ini memudahkan kita membuat program JavaScript untuk semua web browser, dan membuat fitur-fitur canggih yang sebelumnya membutuhkan ribuan baris kode program menjadi sederhana.

CONTOH PENGGUNAAN JAVASCRIPT

SETELAH DI KLIK “TEKAN DISINI”

SEBELUM DI KLIK “TEKAN DISINI”CONTOH KODE JAVASCRIPT

FRONT END AND BACK END PADA SOFTWARE DEVELOPMENT

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.

Back-end ataupun Front-end keduanya adalah bagian penting dalam pembuatan suatu aplikasi baik berupa aplikasi desktop, web ataupun mobile.

FRONT END DEVELOPERProgrammer 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 DEVELOPERProgrammer 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