Joshaxis: Pemrograman Web

Pemrograman Web
Pertemuan ke 1 
Agenda
 1. Konsep dasar web
 2. Arsitektur web
 3. HTTP, URL, DNS
 4. Client side programming
 5. Server side programming
 6. Web server software
 7. Konsep html

Konsep dasar web
 1. Suatu sistem di internet yang memungkinkan siapapun agar bisa menyediakan informasi. Dengan menggunakan tekonologi tersebut, informasi dapat diakses selama 24 jam dalam satu hari dan dikelola oleh mesin. Untuk mengakses informasi yang disediakan web ini, diperlukan berbagai perangkat lunak, yang disebut dengan web browser.
     a) Internet à Singkatan dari Interconnection Network ( The network of the networks). 
         i) Global network of computer network à sebuah jaringan komputer dalam skala global/mendunia. 
        ii) Berskala international à  komputer saling berkomunikasi. 
       iii) Terhubung melalui protokol TCP/IP. 
     b) Software à Disebut juga dengan perangkat lunak, merupakan kumpulan beberapa perintah yang dieksekusi oleh mesin komputer dalam menjalankan pekerjaannya. 
     c) Web browser à Dikenal juga dengan istilah browser, atau peselancar, atau internet browser 
         i) Adalah suatu program komputer yang menyediakan fasilitas untuk membaca halaman web di suatu komputer. 
        ii) Cotnoh: Internet Explorer, Netscpe, Firefox, Opera. 
       iii) Program browser pertama adalah Mosaic, yang merupakan suatu text browser.

Arsitektur web




HTTP, URL dan DNS
 a) HTTP (Hypertext Transfer Protokol)
     i) Suatu protokol yang menentukan aturan yang perlu diikuti oleh Web browser dalam meminta atau mengambil suatu dokumen,
        dan oleh Web server dalam menyediakan dokumen yang diminta untuk mengakses dokumen HTML. 
    ii) Contoh: http://www.detik.com 
 b) URL (Uniform Resourse Locator )
    i) Suatu sarana yang digunakan untuk menentukan lokasi informasi pada suatu Web server. 
   ii) URL dapat diibaratkan sebagai suatu alamat, dimana

alamat tersebut terdiri dari :
     - Protokol yang digunakan oleh suatu browser untuk mengambil informasi.
     - Nama dari komputer di mana informasi tersebut berada, dan
     - Jalur serta nama file dari suatu informasi.

  iii) Contoh: http://www.dlanet.com/flash/index.html
     - http adalah protokol yang digunakan
     - dlanet.com adalah nama dari server komputer
     - flash adalah jalur dari informasi yang dicari
     - index.html adalah nama file dimana informasi itu berada.

 c) DNS
    i) Domain Name System (DNS)
Komputer-komputer di Internet menggunakan suatu format penamaan standar untuk mempermudah pengelolaan server komputer di Internet yang berkembang
dengan cepat. Sistem penamaan server komputer ini adalah Domain Name System (DNS). DNS membuat suatu tingkat-tingkat domain, yang merupakan kelompok
komputer-komputer yang terhubung ke Internet.

co.id / com - organisasi komersial
ac.id / edu - lembaga pendidikan
go.id / gov - lembaga pemerintah
net.id / net - provider internet
mil.id / mil - organisasi militer
or.id / org - organisasi umum
 

Client side programming
 a) Browser adalah ‘universal client’
     i) Proses dijalankan di browser 
    ii) Tidak melibatkan ‘transaksi’ besar 
   iii) Merespon secara cepat ‘aksi’ dari user
   iv) Interaksi dengan user, data yang ditampilkan tetap 
 b) Menyediakan GUI yang lebih capable
 c) Memindahkan functionality dari server ke client
 d) Java Script, flash 
 e) Keuntungan:
     i) Mengurangi network traffic, network delay, kesibukan server
    ii) Proses berjalan lebih cepat (lokalisasi proses)
   iii) Tidak memberatkan server
   iv) Meningkatkan functionality
    v) Lebih sederhana 
 f) Kerugian:
     i) Membutuhkan resource dan space di sisi client
    ii) Meningkatkan complexity of client environment
   iii) Meningkatkan complexity of web pages
   iv) Browser dependency
   v) Security

Server side programming
1. Berjalan di sisi server
2. Tidak memberatkan client
3. Browser Independent
4. Tidak memerlukan syarat khusus di sisi server
5. Akses ke file atau database di server
6. Didukung banyak bahasa pemrograman 

Web server software
a) Web server  à  suatu program yang memanfaatkan model client/server dan protokol HTTP, melayani penayangan suatu file dari server ke client. 
b) Contoh:
     i) Apache
    ii) Internet Information Server (IIS) 




H T M L
H T M L  :
•  HTML is a language for describing web pages.
•  HTML stands for Hyper Text Markup Language 
•  HTML is not a programming language, it is a markup language 
•  A markup language is a set of markup tags 
•  HTML uses markup tags to describe web pages 

H T M L Tags  :
•  HTML markup tags are usually called HTML tags 
•  HTML tags are keywords surrounded by angle bracketslike <html>
•  HTML tags normally come in pairs like <b> and </b> 
•  The first tag in a pair is the start tag, the second tag is the  end tag 
•  Start and end tags are also called opening tags and closing tags. 
• HTML Documents = Web Pages 
•  HTML documents describe web pages  
•  HTML documents contain HTML tags and plain text 
•  HTML documents are also called web pages 

HTML – Contoh
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type“ content="text/html; charset=iso-8859-1">
</head>
<body>
</body>
</html>

Studi Kasus : Aplikasi E-Commerce

Hal-hal yang Perlu Diperhatikan 
1. Tampilan Menarik 
2. Data dan Informasi Uptodate 
3. Koneksi Cepat 
4. Keamanan Terjamin 
5. Proses Bisnis Jelas 
6. Pelayanan Pasca Transaksi 

Perancangan E-Commerce
• Survey dan Analisa Kebutuhan 
   a) Hardware/ Software/ Personil 
   b) Data dan Informasi 
   c) Pihak-pihak yang Terlibat (aktor) 
   d) Proses Bisnis dan SOP 

• Disain Database
   a) Entity Relation Diagram (ERD) 
   b) Conceptual Model 
   c) Physical Model 

• Disain Sistem/ Aplikasi  
   a) Business Proccess Diagram (BPD) 
   b) Data Flow Diagram (DFD) 
   c) Site Map 
   d) Disain Tampilan 

• Pembangunan Database
• Pembangunan Aplikasi 
• Uji Coba dan Evaluasi 
   a) Quality Control 
   b) User Acceptance 

• Instalasi 
   a) Operating System 
   b) Web/ Database/ Mail Server
   c) Aplikasi 
• Pelatihan 
   a) Administrator/ Pengelola 
   b) Pengguna 
• Dokumentasi 
   a) Sistem, Trouble Shooting, Administrasi dll 
   b) User Manual 


SELESAI




Catatan Kuliah >> IF.11