Tugas Rekayasa Web 2

XML, HTML, JSON, Java Script,Front end & Back end

Dibuat oleh : Rizki ripai (1311511511)

Pengertian XML• XML atau singakatan dari Extensible Markup Language, adalah Bahasa

markup untuk keperluan umum yang disarankan oleh W3C untuk membuat document markup keperluan pertukaran data antara system yang beraneka ragam. XML merupakan kelanjutan dari HTML (HyperText Markup Language) yang merupakan Bahasa standar yang digunakan untuk melacak Internet.

• Seperti halnya HTML, XML juga menggunakan elemen yang ditandai dengan tag pembuka (diawali dengan ‘<’ dan diakhiri dengan ‘>’) serta tag penutup (diawali dengan ‘</ ‘diakhiri ‘>’) dan juga atribut elemen (parameter yang dinyatakan dalam tag pembuka misal <form name=”isidata”>). Hanya perbedaannya, jika HTML medefinisikan dari awal tag dan atribut yang dipakai didalamnya, sedangkan pada XML kita bisa menggunakan tag dan atribut sesuai kehendak kita.

XML

Contoh XMLContoh :

Pada contoh diatas <pesan>, <dari>, <buat> dan <isi> bukanlah tag standard yang telah di tetapkan dalam XML. Tag-tag itu kita buat sendiri sesuai keinginan kita.

XML

Pengertian JSON• JSON adalah singkstan dari JavaScript Object Notation (notasi objek javascript) yaitu

suatu format yang ringan untuk memasukan data kedalam variabel, sangat mudah dimengerti dan diimplementasikan oleh manusia. dan komputer dalam melakukan parsingnya, yaitu memecah-mecah suatu rangkaian input dan menghasilkan suatu uraian yang akan digunakan pada tahap berikutnya.

• JSON merupakan bagian dari bahasa pemrograman JavaScript (Standard ECMA-262 3rd Edition – December 1999). JSON merupakan format teks yang sepenuhnya independen tetapi menggunakan konvensi yang familiar dengan bahasa pemrograman dari keluarga-C, termasuk C, C++, C#, Java, JavaScript, Perl, Python dan sebagainya.

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

JSON

Contoh JSONContoh : setara dengan :

Salah satu cara perbedaan JSON dan XML adalah, Human readability yaitu, mudah dibaca adalah kreteria yang penting karena dalam proses pembuatan dan mendebug akan memudahkan programmer. XML lebih mudah dibaca dan di debug dibandingkan JSON.

JSON

PERBEDAAN HTML & XML• HTML dan XML, 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 fungsinya bukan untuk penampilannya melainkan untuk menetapkan sifat suatu informasi. Misalnya tag <message> untuk menyatakan bahwa itu adalah suatu pesan. Pada intinya adalah HTML digunakan untuk mengatur tampilan informasi, sedangkan XML digunakan untuk menciptakan dan memproses berbagai informasi. XML mendefinisikan kandungan-kandungan elemen bukan mengatur bagaimana elemen-elemen tersebut ditampilkan.

XML & HTML

PERBEDAAN HTML & XML• Untuk lebih jelasnya perbedaan HTML dan XML

adalah

XML & HTML

Pengertian JavaScript– JavaScript adalah bahasa pemograman tingkat tinggi dan dinamis.

JavaScript adalah bahasa yang digunakan untuk membuat program yang digunakan agar dokumen HTML yang ditampilkan pada sebuah Browser menjadi lebih interaktif, tidak sekedar indah saja. JavaScript memberikan beberapa fungsionalitas ke dalam halaman web, sehingga dapat menjadi sebuah program yang disajikan dengan menggunakan antar muka web.

– JavaScript bukan sebuah compiled language, artinya javascript tidak memerlukan sebuah compiler agar kode yang ada di dalamnya bisa dijalankan. Kode dari Javascript langsung diterjemahkan oleh web browser. Untuk dapat menjalankan Javascript, Web browser harus support Javascript.

JAVASCRIPT

Contoh JavaScript• Contoh penggunaan JavaScript pada HTML (lihat gambar) jika dicoba jalankan pada

browser hasilnya bahwa kata “contoh" yang ada pada elemen div berubah menjadi "Mari Belajar Javascript!!". Hal ini terjadi karena pada script JavaScript, kita memerintahkan elemen dengan id "contoh" akan berisi kata "Mari Belajar Javascript!!".

JAVASCRIPT

Definisi Front End & Back End– Front-end ataupun Back-end keduanya adalah bagian penting dalam pembuatan suatu aplikasi baik

berupa aplikasi desktop, web ataupun mobile.– Front-End Developer bertugas untuk mendesain tampilan (layout) luarnya agar terlihat menarik ,

sedangkan Back-End Developer bertugas untuk membuat web/ aplikasi agar bisa berjalan sesuai keiinginan , dinamis dan interaktif dengan source code nya.

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

FRON END & BACK END

PROFILE

• NAMA : RIZKI RIPAI• NIM : 1311511511• KELOMPOK : KU• PRODI : TI

TERIMA KASIH...!!!