tugas 2 rekayasa web 0316

1412511667 SRI HARTATIK 1


• Apa Itu XML ???

XML singkatan dari Extensible Markup Language. XML hampir sama dengan HTML karena sama sama turunan dari SGML ( Standart Generalized Markup Language ) yang dikembangkan pada awal tahun1980.

Teknologi XML ini dikembangkan mulai tahun 1966, dan kemudian diakui oleh W3C pada 1998.


XML digunakan untuk mendeskripsikan dan memanipulasi dokumen secara terstruktur. Dengan menyediakan format tertentu untuk dokumen yang mempunyai data terstruktur.

XML bukanlah suatu bahasa pemrograman, melainkan sintaks yang digunakan untuk menjelaskan bahasa Markup lain, sehingga dinamakan juga dengan meta-language.


• XML merupakan standart format dari struktur berkas ( file ) yang ada.• XSL merupakan standar untuk memodifikasi data yang dimpor atau diekspor.• XSD merupakan standar yang mendefinisikan struktur database dalam XML.

XML memiliki 3 tipe yaitu :


Pintar ( Intelligence ). XML dapat menangani berbagai tingkat ( level ) kompleksitas. Dapat beradaptasi. Dapat mengadaptasi untuk membuat bahasa sendiri. Mudah pemeliharaannya. Sederhana. XML lebih sederhana. Mudah dipindah-pindahkan ( portability ). XML mempunyai kemudahan perpindahan yang lebih bagus.


Ekstensibilitas : dapat ditukar/digabung dengan dokumen XML lain. Memungkinkan pemrograman yang lebih baik, maka dibuat suatu software pengolah XML. Memisahkan data dan presentasi. Yang akan direpresentasikan dalam XML dan XSLT. Pencarian data cepat karena XML merupakan data dalam format yang terstruktur. Plain text dan platform independent. Untuk Pertukaran Data.


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


• Pengertian JSONJSON ( JavaScript Object Notation ) merupakan format pertukaran data yang ringan, mudah dibaca dan ditulis oleh manusia, serta mudah diterjemahkan dan dibuat ( generate ) oleh komputer.

JSON juga merupakan format teks yang tidak bergantung pada bahsa pemrograman apapun karena menggunakan gaya bahasa yang umum oleh programmer keluarga C termasuk C, C++,C#, java dll. Disebut juga sebagai bahasa pertukaran-data.


Format JSON sering digunakan untuk mentransmisikan data terstruktur melalui suatu koneksi jaringan pada suatu proses yang disebut serialisasi.


• 2 Struktur dari pembuatan JSON

1. Kumpulan Pasangan Nama/Nilai. Pada beberapa bahasa, ini dinyatakan sebagai object, record, struct, dictionary, hash table, keyed list.

2. Daftar Nilai terurutkan ( an ordered list of values). Biasanya hal ini dinyatakan sebagai larik ( array ), vector, list atau sequence.


• Objek ( Object )Sepasang Nama/Nilai yang tidak terurutkan. Objek dimulai dengan kurung kurawal terbuka ( { ) dan diakhiri kurung kurawal tertutup ( } ). Setiap nama diikuti dengan titik dua ( : ) dan setiap pasangan nama/nilai dipisahkan oleh koma ( , )


• Larik ( Array ) Sekumpulan nilai yang terurutkan. Larik dimulai dengan kurung kotak buka ( [ ) dan diakhiri dengan kurung kotak tutup ( ] ). Setiap nilai dipisahkan oleh koma ( , )


• Nilai ( Value )Nilai dapat berupa sebuah string dalam tanda kutip ganda, atau angka, atau true atau false atau null, atau sebuah objek atau sebuah larik. Strukturnya dapat disusun bertingkat.


• StringSekumpulan dari nol atau lebih karakter Unicode, yang dibungkus dengan tanda kutip ganda. Di dalam string dapat digunakan backslash escapes “ \ “ untuk membentuk karakter khusus. Sebuah karakter mewakili karakter tunggal pada string. String mirip dngan string C atau Java.


• Gambar Struktur String


• Angka ( Number )Sangat mirip dengan angka di C atau Java, kecuali format oktal dan heksadesimal tidak digunakan.


<html><head><title> JSON testing – tati </title><script type=‘text/javascript’>

var JSON_tati = {nama:’sapatati’};document.write (JSON_tati.nama);

</script></head><body></body></html>

JSON_tati adalah nama variable pada javascript yang menunjukkan bahwa variable tersebut berbentuk Object JSON karena terdapat kurung kurawal ( {} ). Didalam kurung kurawal terdapat atribut * nama* dengan value * sapatati *. Yang dipisahkan dengan titik dua ( : ), lalu untuk memanggil valuenya dengan code

document.write ( JSON_tati.nama );


Perlu untuk kita ketahui bahwa XML bukanlah merupakan pengganti HTML. Karena keduanya dirancang dengan tujuan yang berbeda.

XML dirancang untuk transportasi dan menyimpan data, dengan fokus pada apa data. Sedangkan, HTML dirancang untuk menampilkan data, dengan fokus pada bagaimana data terlihat.


• Set Tag yang ekstensible• Berorientasi Konten• Standar Data Infrasturktur• Memungkinkan beberapa bentuk keluaran

XML

HTML• Set Tag Tetap• Berorientasi Presentasi• Tidak ada kemampuan validasi data• Presentasi Tunggal


JavaScript merupakan bahasa yang berbentuk kumpulan skrip yang pada fungsinya berjalan pada suatu dokumen HTML, bahasa ini adalah bahasa pemrograman untuk memberikan kemampuan tambahan terhadap bahasa HTML dengan mengijinkan pengeksekusian perintah-perintah di sisi user, yang artinya di sisi browser bukan di sisi server web.

Secara fungsional digunakan untuk menyediakan akses script pada objek yang dibenamkan.


Pertama kali dikembangkan oleh Brendan Eich dari Netscape dibawah nama Mocha, yang awalnya berubah menjadi LiveScript kemudian menjadi JavaScript.

• Sejarah JavaScript


Kode JavaScript biasanya dituliskan dalam bentuk fungsi yang ditaruh di tag <head> yang dibuka dengan tag <script type=“text/javascript”>

• Penulisan JavaScript

<script type=“text/javascript”>alert(“Selamat Pagi!”);

</script>


Kode JavaScript juga bisa diletakkan di file tersendiri yang berekstensi .js ( singkatan dari JavaScript). Untuk memanggil kode yang terdapat di file sendiri, dibagian awal < head> harus ditentukan dahulu nama file .js yang dimaksud dengan menggunakan contoh kode seperti berikut :

• Penulisan JavaScript

<script type=“text/javascript” src=“alamat.js”></script>


• Apa itu Front-End dan Back-EndFront-End dan Back-End merupakan Bagian penting dalam pembuatan suatu aplikasi baik berupa dekstop, web ataupun mobile.


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

Pertama kali 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 biasanya harus memahami beberapa bahasa programming yaitu HTML, CSS, Javascript dan Jquery. Setelah para Front-end developer selesai maka mereka akan memberikan hasil berbentuk Web Static kepada 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 memahami beberapa bahasa programming yaitu php, sql, java dan sebagainya.


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

tugas 2 rekayasa web 0316

Education