Aplikasiweb. Pengantar Aplikasi Web

Transkripsi

1 Aplikasiweb Pengantar Aplikasi Web

2 Aplikasiweb Web Application or Webapp Sebuah aplikasi yang diakses melalui web melalui sebuah jaringan internet atau intranet. Webapp merupakan software aplikasi komputer yang dihasilkan dari kode/bahasa pemrograman yang disupportolehbrowser,sepertihtml, ASP, PHP, JSP, dll. Untuk menjalankan aplikas web diperlukan sebuah browser.

3 Web World Wide Web = WWW = web Web adalahsebuahsisteminterlinked hpertext document yang diakses melalui internet. WWW dibuatolehsir Tim Berners-Lee tahun 1989 yang juga membuat standar pembuatan web sepertimark Up Languange(seperti: HTML)

4 Web Browser Sebuahaplikasiperangkatlunakyang memungkinkan seorang user untuk menampilkandanberinteraksimelaluiteks, gambar, audio, video dan informasi lainnya pada sebuah halaman web (web page) pada sebuahwebsite melaluiwww ataulocal Area Network (LAN). Contohnya: Internet Explorer, Mozilla Firefox, Opera.

5 Bagaimanaprosesmengaksessebuah halamanweb

6 1 -Address http :// HTTP : Hypertext Transfer Protocol HTTP : Adalah sebuah protokol komunikasi untuk pertukaran informasi pada intranet maupun internet. Tujuan awalnya adalah untuk menyediakan cara mem-publish dan mendapatkan hypertext pages melalui internet adalahsebuahdns (Domain Name System)

7 1 -DNS DNS berfungsi sebagai phone book bagi internet Contoh: adalah sebuah domain untuk IP

8 2 -request

9 3-Web Server Web Server Software : Sebuahprogram komputeryang bertanggungjawabuntukmenerimahttp requestdariclient, kemudianmemberikanhttp response yang berupa halaman web Hardware : komputer yang menjalankan fungsi diatas. Contoh: Apache untukphp, Tomcat untukjsp. VersiApache terbaru: 2.x.x Sebuah pc yang terinstall Apache sudah dapat dikatakan sebagai web server.

10 3 -PHP PHP : Preprocessor Hypertext, sebuah scripting language untukmembuatweb dinamis. Versiterbaru: 5.x.x

11 4,5 -MySQL

12 4,5 -MySQL MySQL adalah sebuah Software Database. Software database lainnya: Ms. Access, Oracle, Ms. SQL Server. Versiterbaru: 5.x.x

13 6,7 -response

14 8 web pages Response dariserver adalahberupahtml yang diterjemahkan oleh browser. Selain HTML : CSS, JavaScript CSS : Cascading Style Sheets yaitu scripting yang digunakan untuk mengatur tampilan halaman web JavaScript : Bahasa scriptingyang digunakan di dalam web browser untuk menghasilkan sebuah aplikasi web yang lebih responsif

15 aplikasiweb VS aplikasidesktop Aplikasi web tidak memerlukan instalasi di Client, aplikasi desktop harus diinstall di client Aplikasi web memerlukan web server, aplikasi desktop tidakmemerlukan(ingat: web server tidak harus komputer khusus,hal ini tergantungpadaseberapabesarresource yang dibutuhkan oleh aplikasi) Performa aplikasi web bergantung pada kecepatan akses pada jaringan dan performa web server, aplikasi desktop bergantung pada

16 Arsitekturaplikasi(web/dekstop) Single tier/one tier Two Tier Three Tier

17 One tier Sebuah arsitektur yang menggabungkan presentation, business logic danpersistence/data dalamsatutier. Presentationadalahuser interface, dimanauser berinteraksi dengan aplikasi, Business logicadalahaturandariaplikasiyang dijalankan Persistence/data adalah informasi yang disimpan secarapermanen. Contohnyadalambentukfile atau database. Contoh dari aplikasi One Tier adalah aplikasi

18 Two tier Pada aplikas Two tier, persentation terpisah dengan business dan persistence. Contohnya adalah aplikasi web (komputer praktikan mengakses komputer dosen) atau aplikasidesktop client servaer(aplikasisiakad Amik Master Komputer) Coba akses web server pada komputer dosen

19 Three Tier PadaaplikasThree tier, antarapresentation, business dan persistence terpisah.

20 Pembagiantugasdalamweb Web Designer application User Interface Designer Graphic designer Web Programmer Programmer (PHP,ASP,JSP) Database Architect

21 Siapkan kertas 1 lembar

22 Pertanyaan(4 menit) Tuliskan tag pembuka dan penutup script php, Tampilkan hello world menggunakan fungsi php, Tuliskan simbol yang digunakan untuk mendeklarasikan variabel dalam php, berikan contohnya, Sebutkan software yang diperlukan untuk membangunsebuahaplikasiweb menggunakan php

23 Pertanyaan(6 menit) Apa yang akan ditampilkan dari script berikut: if(1 < 0){ echo a ; }else{ } echo b ; Apa yang akan ditampilkan dari script berikut: for($i=0;$i<10;$i++){ } echo $i; Sebutkan fungsi-fungsi php untuk mengakses database MySQL

24 StudiKasus Tugas akhir/skripsi: membuat aplikasi web 1 buahpc pentiumiii denganram 256 sudah cukup (sebagai web server) 1 atau2 buahpc sebagaiclient OS : Windows XP atauwindows 2000 Sotfware: Apache, PHP, MySQLdiinstalldipc yang akan digunakan untuk server. Jika tidak akan menginstall manual install saja WAMP atau XAMPP, dan lupakan PHPTriad Software : Macromedia dreamweaverdanadobe photoshop sudah cukup memadai Arsitektur: Two tier

25 Pembagiantimkerja 1 timterdiridari5/6 orang 1 timmemiliki1 leader Kumpulkan daftar nama

26 Next Membuatweb statis: HTML Membuatweb statis: HTML + JavaScript