LAYANAN BERBASIS APLIKASI WEB Pertemuan I Budi Arifitama

Topik 1. Pengenalan Layanan Berbasis Aplikasi Web 2. Review Desain & Pemrograman Web (HTML)

Tema Pembahasan Mata Kuliah 1. Pengenalan Mata Kuliah dan Review HTML 2. Review PHP 3. Servlet & Tomcat 4. JSP dan Threats 5. Cookies & Session 6. SQL 7. Model View Control 8. Javascript Tags 9. Security (SSL) 10. Web Services 11. Internatinalization 12. Scalability & Performance Issues

Definisi Web Services Web service adalah suatu sistem perangkat lunak yang dirancang untuk mendukung interoperabilitas dan interaksi antar sistem pada suatu jaringan. Web service digunakan sebagai suatu fasilitas yang disediakan oleh suatu web site untuk menyediakan layanan (dalam bentuk informasi) kepada sistem lain, sehingga sistem lain dapat berinteraksi dengan sistem tersebut melalui layanan-layanan (service) yang disediakan oleh suatu sistem yang menyediakan web service.

Tujuan  Web service bertujuan untuk meningkatkan kolaborasi antar pemrogram dan perusahaan, yang memungkinkan sebuah fungsi di dalam Web Service dapat dipinjam oleh aplikasi lain tanpa perlu mengetahui detil pemrograman yang terdapat di dalamnya

Alasan Menggunakan Web Services  Web service dapat digunakan untuk mentransformasikan satu atau beberapa bisnis logic atau class dan objek yang terpisah dalam satu ruang lingkup yang menjadi satu, sehingga tingkat keamanan dapat ditangani dengan baik.  Web service memiliki kemudahan dalam proses deployment-nya, karena tidak memerlukan registrasi khusus ke dalam suatu sistem operasi. Web service cukup di-upload ke web server dan siap diakses oleh pihak-pihak yang telah diberikan otorisasi.  Web service berjalan di port 80 yang merupakan protokol standar HTTP, dengan demikian web service tidak memerlukan konfigurasi khusus di sisi firewall.

Servlet dan Tomcat Servlet = PHP  Servlet adalah aplikasi java yang dijalankan di sisi server, script Servlet yang kita tulis (Java) — akan diolah oleh Server (‘Servlet Container‘) –> menghasilkan tampilan akhir script HTML yang berbeda di Web Browser.  Untuk menjalankan sebuah aplikasi Servlet kita membutuhkan Server yang mendukung Servlet atau disebut ‘Servlet Container’.  Servlet Container yang gratis dan populer yakni “Apache Tomcat” dan “Jetty“  Jika kita mau menjalankan sebuah aplikasi Servlet, maka file Servlet tersebut harus disimpan di Server/PC yang diinstall dan menjalankan ‘Servlet Container’ misalnya Apache Tomcat.

Javascript  Digunakan Sebagai Tampilan interface dari servlet  Kegunaan utama JavaScript adalah untuk menuliskan fungsi yang disisipkan kedalam HTML baik secara langsung disisipkan maupun diletakan ke file teks dan di link dari dokumen HTML. Secara fungsional, JavaScript digunakan untuk menyediakan akses script pada objek yang dibenamkan (embedded). Contoh sederhana dari penggunaan JavaScript adalah membuka halaman pop up, fungsi validasi pada form sebelum data dikirimkan ke server, merubah image kursor ketika melewati objek tertentu, dan lain lain.JavaScript

SQL  Digunakan Sebagai Database dari aplikasi web Services

Review HTML HTML Hypertext Markup Language merupakan standard bahasa yang digunakan untuk menampilkan dokumen web Untuk membuat dokumen web yang bisa ditampilkan di browser, perlu menuliskan kode HTML baik secara langsung misal pada editor Notepad, maupun secara tidak langsung misal melalui software Frontpage

STRUKTUR DASAR DOKUMEN HTML Tag utama adalah,, Tag HTML berfungsi untuk menyatakan bahwa dokumen tersebut adalah dokumen HTML Tag HEAD berfungsi untuk memberikan informasi tentang dokumen HTML tersebut Tag BODY berfungsi untuk menyimpan informasi atau data yang akan ditampilkan dalam dokumen HTML

STRUKTUR DASAR DOKUMEN HTML Struktur Dokumen akan terlihat : bagian head bagian body

Test  Sebutkan Tag yang anda ketahui di dalam HTML?

Mengenai Penulisan Tag Tag dibentuk oleh suatu kata(keyword) yang diapit oleh tanda kurung lancip ( ) Tag boleh ditulis dalam huruf kecil maupun kapital Tag harus berpasangan, yaitu tag awal diikuti tag akhir, kecuali tag tunggal teks Diantara tag awal dan tag akhir bisa terdapat tag lain Penulisan tag tidak boleh tumpang tindih teks → penulisanyang salah teks → penulisanyang benar

Mengenai Penulisan Tag Tag dibentuk oleh suatu kata(keyword) yang diapit oleh tanda kurung lancip ( ) Tag boleh ditulis dalam huruf kecil maupun kapital Tag harus berpasangan, yaitu tag awal diikuti tag akhir, kecuali tag tunggal teks Diantara tag awal dan tag akhir bisa terdapat tag lain Penulisan tag tidak boleh tumpang tindih teks → penulisanyang salah teks → penulisanyang benar

Skema Dasar HTML Juduldokumen Isidokumen

Tag Dasar HTML: menandai awal dan akhir dokumen HTML dokumen Head: menandai bagian header dokumen HTML header Title: memberi judul pada dokumen HTML judul dokumen Body: menandai awal dan akhir isi dokumen isidokumen <body text="#xxxxxx" bgcolor="#xxxxxx" background="filegambar" link="#xxxxxx" vlink="#xxxxxx">isidokumen

Tag Judul (Heading) Judul paragraf n = 1,2,3,4,5,6 (tingkat judul) Untuk menuliskan judul suatu paragraf

Tag Paragraf (Paragraph) paragraf Untuk menandai suatu paragraf. Suatu paragraf akan terlihat dibatasi oleh satu baris kosong sebelum dan sesudahnya.

Tag Atribut1 (Bold, Italic, Underline) Kalimatyang dicetaktebal Kalimatyang dicetakmiring Kalimatyang digarisbawahi Untuk menandai bagian kalimat agar dicetak tebal, miring, dan /atau digaris bawahi.

Tag Atribut2 (Superscript, Subscript) bagian yang dicetak tinggi bagian yang dicetak rendah Untuk menandai bagian karakter agar dicetak tinggi atau rendah, biasanya untuk rumus matematika atau kimia.

Tag Ganti Baris (Break line) Untuk pindah kebaris berikutnya. Bentuk penulisan lain yang dianjurkan (XML style) :

Tag Fontd (size) Memformat suatu bagian kalimat dengan ukuran, jenis huruf, atau warna tertentu. Tag : font Parameter : size, face, color

Tag Fontd (face) Memformat suatu bagian kalimat dengan ukuran, jenishuruf, atau warna tertentu. Tag : font Parameter : size, face, color

Tag Fontd (color) Memformat suatu bagian kalimat dengan ukuran, jenis huruf, atau warna tertentu. Tag : font Parameter : size, face, color

Latihan!!!!