tugas2_0916_1612510675_oktonatoglavikantara

Post on 12-Apr-2017

52 views 1 download

Transcript of tugas2_0916_1612510675_oktonatoglavikantara

Tugas 2 individuoktonato glavikantara

1312501867REKAYASA WEB

KA

MEMBAHAS1. Apa yang anda ketaahui tentang XML? Beri

contoh!2. Apa yang anda ketaahui tentang JSON?Beri

contoh!3. Berikan beberapa perbedaan mendasar

antara HTML dan XML?4. Jelaskan yang anda ketahui mengenai

javascript?berikan contoh!5. Jelaskan dan berikan ilustrasi istilah front end

dan back end pada software development

XML Secara Umum

XML kependekan dari EXtensible Markup Language. XML adalah markup language / bahasa markup

seperti HTML. XML didesain untuk mendeskripsikan data. XML tags tidak didefiniskan pada XML, karena itu

kita harus mendefinisikannya sendiri. XML menggunakan DTD (Document Type

Definition) untuk mendeskripsikan data. XML seharusnya dapat digunakan secara langsung

di Internet. XML seharusnya mendukung berbagai aplikasi

secara luas.

Contoh xml• <?xml version="1.0" encoding="utf-8"?>• <mahasiswa>

<mahasiswa><biodata><nim>12345</nim><nama>pika</nama><gambar>pika.jpg</gambar></biodata><biodata><nim>2345</nim><nama>glavikantara</nama><gambar>glavikantara.jpg</gambar></biodata>

</mahasiswa>

JSON Menurut Saya

JSON ialah singkatan dari (JavaScript Object Notation ) ia bisa dibilang seperti XML Yang gunanya seperti format penukaran data antar aplikasi, yah JSON memang bisa dibilang xml versi baru karena memiliki kegunaan yang sama, Penulisan format data menggunakan JSON sangatlah singkat karena menggunakan notasi-notasi javascript seperti kurung siku [] dan kurung kurawal {}.

Contoh JSON{• "phonebook" : {• "contact":[• {• "name":“PIKA",• "phone":"+628572182XXXX",• "address":"bandung"• },{• "name":“GLAVIKANTARA",• "phone":"+169572582XXXX",• "address":“Jakarta"• },

]

}}

Perbedaan HTML dan XML• XML di desain untuk mendiskripsikan data, sedangkan HTML di

desain untuk menampilkan data, jadi memang 2 bahasa ini saling berkaitan,

• XML dan HTML di desain untuk tujuan yang berbeda• XML tidak menggantikan HTML• XML didesain untuk menampilkan data dan di fokuskan pada apa

sebenarnya data itu, sedang HTML didesain untuk menampilkan data dan bagaimana agar data tersebut bisa di lihat

• XML bertujuan untuk mendiskripsikan informasi, sedang HTML untuk menampilkan informasi

• Jadi pada intinya XML dan HTML merupakan script yang saling berkaitan, namun mempunyai tujuan dan fungsi yang berbeda-beda.

Pengertian javaScript

• Javascript adalah sebuah bahasa komputer atau kode pemrograman yang digunakan pada website agar website tersebut menjadi lebih interaktif dan dinamis. Javascript adalah jenis bahasa pemrograman client side. Penggunaan kode javascript pada sebuah website bersifat opsional, artinya tidak harus selalu ada. Namun, website-website maupun blog modern saat ini hampir semuanya menggunakan kode javascript walaupun sedikit

• <script type="text/javascript">• function simsalabim()• { alert("Simsalabim, blah blah blah");• }• </script>• <button onclick="simsalabim()">Klik Untuk

Melihat Demo</button>

Front end dan back end• 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.

Ilustrasi front end dan back end• 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.