tugas2_0916_1612510675_oktonatoglavikantara

11
Tugas 2 individu oktonato glavikantara 1312501867 REKAYASA WEB KA

Transcript of tugas2_0916_1612510675_oktonatoglavikantara

Page 1: tugas2_0916_1612510675_oktonatoglavikantara

Tugas 2 individuoktonato glavikantara

1312501867REKAYASA WEB

KA

Page 2: tugas2_0916_1612510675_oktonatoglavikantara

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

Page 3: tugas2_0916_1612510675_oktonatoglavikantara

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.

Page 4: tugas2_0916_1612510675_oktonatoglavikantara

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>

Page 5: tugas2_0916_1612510675_oktonatoglavikantara

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 {}.

Page 6: tugas2_0916_1612510675_oktonatoglavikantara

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

]

}}

Page 7: tugas2_0916_1612510675_oktonatoglavikantara

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.

Page 8: tugas2_0916_1612510675_oktonatoglavikantara

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

Page 9: tugas2_0916_1612510675_oktonatoglavikantara

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

Melihat Demo</button>

Page 10: tugas2_0916_1612510675_oktonatoglavikantara

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.

Page 11: tugas2_0916_1612510675_oktonatoglavikantara

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.