1 / 27

Layanan Berbasis Aplikasi Web

Layanan Berbasis Aplikasi Web. Budi Arifitama. Pertemuan I. Topik. Pengenalan Layanan Berbasis Aplikasi Web Review Desain & Pemrograman Web ( HTML). Tema Pembahasan Mata Kuliah. Pengenalan Mata Kuliah dan Review HTML Review PHP Servlet & Tomcat JSP dan Threats

Download Presentation

Layanan Berbasis Aplikasi Web

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. LayananBerbasisAplikasi Web Budi Arifitama Pertemuan I

  2. Topik • PengenalanLayananBerbasisAplikasi Web • Review Desain & Pemrograman Web (HTML)

  3. TemaPembahasan Mata Kuliah • Pengenalan Mata Kuliahdan Review HTML • Review PHP • Servlet & Tomcat • JSP dan Threats • Cookies & Session • SQL • Model View Control • Javascript Tags • Security (SSL) • Web Services • Internatinalization • Scalability & Performance Issues

  4. Definisi Web Services Web service adalahsuatusistemperangkatlunak yang dirancanguntukmendukunginteroperabilitasdaninteraksiantarsistempadasuatujaringan. Web service digunakansebagaisuatufasilitas yang disediakanolehsuatu web site untukmenyediakanlayanan (dalambentukinformasi) kepadasistem lain, sehinggasistem lain dapatberinteraksidengansistemtersebutmelaluilayanan-layanan (service) yang disediakanolehsuatusistem yang menyediakan web service.

  5. Tujuan • Web service bertujuanuntukmeningkatkankolaborasiantarpemrogramdanperusahaan, yang memungkinkansebuahfungsididalam Web Service dapatdipinjamolehaplikasi lain tanpaperlumengetahuidetilpemrograman yang terdapatdidalamnya

  6. AlasanMenggunakan Web Services • Web service dapatdigunakanuntukmentransformasikansatuataubeberapabisnis logic atau class danobjek yang terpisahdalamsaturuanglingkup yang menjadisatu, sehinggatingkatkeamanandapatditanganidenganbaik. • Web service memilikikemudahandalamproses deployment-nya, karenatidakmemerlukanregistrasikhususkedalamsuatusistemoperasi. Web service cukupdi-upload ke web server dansiapdiaksesolehpihak-pihak yang telahdiberikanotorisasi. • Web service berjalandi port 80 yang merupakanprotokolstandar HTTP, dengandemikian web service tidakmemerlukankonfigurasikhususdisisi firewall.

  7. Servletdan Tomcat Servlet = PHP • Servletadalahaplikasi java yang dijalankandisisi server, script Servlet yang kitatulis (Java) — akandiolaholeh Server (‘Servlet Container‘) –> menghasilkantampilanakhir script HTML yang berbedadi Web Browser. • UntukmenjalankansebuahaplikasiServletkitamembutuhkan Server yang mendukungServletataudisebut ‘Servlet Container’. • Servlet Container yang gratis danpopuleryakni “Apache Tomcat” dan “Jetty“ • JikakitamaumenjalankansebuahaplikasiServlet, maka file Servlettersebutharusdisimpandi Server/PC yang diinstalldanmenjalankan ‘Servlet Container’ misalnya Apache Tomcat.

  8. Javascript • DigunakanSebagaiTampilan interface dariservlet • KegunaanutamaJavaScriptadalahuntukmenuliskanfungsi yang disisipkankedalam HTML baiksecaralangsungdisisipkanmaupundiletakanke file teksdandi link daridokumen HTML.Secarafungsional, JavaScript digunakanuntukmenyediakanakses script padaobjek yang dibenamkan (embedded). Contohsederhanadaripenggunaan JavaScript adalahmembukahalaman pop up, fungsivalidasipada form sebelum data dikirimkanke server, merubah image kursorketikamelewatiobjektertentu, dan lain lain.

  9. SQL • DigunakanSebagai Database dariaplikasi web Services

  10. Review HTML HTML • Hypertext Markup Language merupakan standardbahasa yang digunakanuntukmenampilkandokumen 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

  11. STRUKTUR DASAR DOKUMEN HTML STRUKTUR DASAR DOKUMEN HTML • Tag utama adalah <HTML>, <HEAD>, <BODY> • 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

  12. STRUKTUR DASAR DOKUMEN HTML STRUKTUR DASAR DOKUMEN HTML • Struktur Dokumen akan terlihat : <html> <head> bagian head </head> <body> bagian body </body> </html>

  13. Test • Sebutkan Tag yang andaketahuididalam HTML?

  14. <html> <br> <head> < font> <title> <li> <body> <hr> <h1> <img> <p> <b> <i> <u> <table> <sup> <sub> <!---->

  15. MengenaiPenulisan Tag • Tag dibentukolehsuatukata(keyword) yang diapitolehtandakurunglancip(<tag>) • Tag bolehditulisdalamhurufkecilmaupunkapital • Tag harusberpasangan, yaitu tag awaldiikuti tag akhir, kecuali tag tunggal <p> teks</p> <br> <hr /> • Diantara tag awaldan tag akhirbisaterdapat tag lain • Penulisan tag tidakbolehtumpangtindih <tag1><tag2> teks</tag1></tag2> →penulisanyang salah <tag1><tag2> teks</tag2></tag1> →penulisanyang benar

  16. MengenaiPenulisan Tag • Tag dibentukolehsuatukata(keyword) yang diapitolehtandakurunglancip(<tag>) • Tag bolehditulisdalamhurufkecilmaupunkapital • Tag harusberpasangan, yaitu tag awaldiikuti tag akhir, kecuali tag tunggal <p> teks</p> <br> <hr /> • Diantara tag awaldan tag akhirbisaterdapat tag lain • Penulisan tag tidakbolehtumpangtindih <tag1><tag2> teks</tag1></tag2> →penulisanyang salah <tag1><tag2> teks</tag2></tag1> →penulisanyang benar

  17. Skema Dasar HTML < HTML> <HEAD> <TITLE>Juduldokumen</TITLE> </HEAD> <BODY> Isidokumen </BODY> </HTML>

  18. Tag Dasar • HTML: menandaiawaldanakhirdokumen HTML <html>dokumen</html> • Head: menandaibagian header dokumen HTML <head>header</head> • Title: memberijudulpadadokumen HTML <title>juduldokumen</title> • Body: menandaiawaldanakhirisidokumen <body>isidokumen</body> <body text="#xxxxxx" bgcolor="#xxxxxx" background="filegambar" link="#xxxxxx" vlink="#xxxxxx">isidokumen</body>

  19. Tag Judul (Heading) <hn>Judul paragraf</hn> n = 1,2,3,4,5,6 (tingkat judul) Untuk menuliskan judul suatu paragraf

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

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

  22. Tag Atribut2 (Superscript, Subscript) <sup>bagian yang dicetaktinggi</sup> <sub>bagian yang dicetakrendah</sub> Untukmenandaibagiankarakter agar dicetaktinggiataurendah, biasanyauntukrumusmatematikaataukimia.

  23. Tag Ganti Baris (Break line) <br> Untukpindahkebarisberikutnya. Bentukpenulisan lain yang dianjurkan (XML style) : <br/>

  24. Tag Fontd (size) Memformatsuatubagiankalimatdenganukuran, jenishuruf, atauwarnatertentu. Tag : font Parameter : size, face, color

  25. Tag Fontd (face) Memformatsuatubagiankalimatdenganukuran, jenishuruf, atauwarnatertentu. Tag : font Parameter : size, face, color

  26. Tag Fontd (color) Memformatsuatubagiankalimatdenganukuran, jenishuruf, atauwarnatertentu. Tag : font Parameter : size, face, color

  27. Latihan!!!!

More Related