Web Programming:

Introduction to Webby: I Putu Arya Dharmaadi, S.T., M.T.

Information Technology ProgramFaculty of EngineeringUdayana University

Contents

What web is

Web Introduction

What we need to build a web application

Web Programming Components

What the difference between the static and the dynamic web is

Static vs Dynamic Web

Exercise and what we will study next week

Assignment and Future Study

01

02

03

04

Web Introduction

• Internet è himpunan komputer yang salingberkomunikasi dengan menggunakan protokolTCP/IP pada jaringan komunikasi global

• Tujuan awal è berbagi informasi kepadapublik secara mudah

• Layanan awalè Layanan FTP & IRC

Internet

• Karena jumlah informasi yang dibagikan diInternet semakin besar, maka dibutuhkanteknologi manajemen informasi yang baruyang lebih efektif

• Maka, teknologi web dikembangkan padaawal tahun 1990an

Kemunculan Web

• WWW or Web can be informally defined asthe collection of machines (web servers) onthe Internet that provide information via HTTP,and particularly those that provide HTMLdocuments.

World Wide Web (WWW)

Website è kumpulan halaman web yang salingberhubungan dan biasanya disimpan dalam satukomputer server yang sama

Web server è sistem komputer yangmemungkinkan pengguna untuk mengakseshalaman web yang disimpan pada komputertersebut

Website & Web Server

To create a website, you’ll need these things:• a text editor,• an upload/publishing tool,• a web hosting service, and• a browser.

Creating a Website

Web Programming Components

Client Side Server Side

The purposes of each component

Web Application

Defining structuresof information

Dynamically updating contents

Applying styles to contents

Processinginformation

Storing and fetching data

Static vs Dynamic Web

Web Statis vs Dinamis

Ada 2 jenis aplikasi web berdasarkankontennya:

• Web Statis• Web Dinamis

WEB STATIS / Client Side WEB DINAMIS / Client Side + Server Side

Yang bisa dilakukan pengguna hanyasekedar melihat - lihat saja, tidak bisamengisi data.

Pengguna bisa mengupdate informasi website langsung dari websitenya.

Apabila ingin mengubah tampilannyaharus mengubah syntaxnya atauscriptnya langusng.

Bisa mengubah tampilan website melaluiCMS yang ada.

Tidak menggunakan bahasapemrograman web, hanya sebatasmenggunakan HTML & CSS atau JS (opt)

Menggunakan bahasa pemrogramanweb, seperti php, mysql, ruby, dan lain -lain.

Web Statis vs Dinamis (2)

WEB STATIS / Client Side WEB DINAMIS / Client Side + Server Side

Informasi jarang diupdate dan kalaupun ingin diupdate tidak bisalangsung diupdate, melainkan harusmerubah scriptnya.

Informasi dapat diubah melalui CMS yang sudah ada, biasanya untukmengubah informasi bisa dilakukandi halaman admin.

Web Statis tidak menggunakan database, semua informasi sudah ada dalam sebuah file dan file itulah yang ditampilkan di halaman web.

Web dinamis menggunakandatabase, database inilah yang digunakan untuk menampungbanyaknya data, sehingga website mengambil data dari database.

Web Statis vs Dinamis (3)

WEB CLIENT• Web Client merupakan pemberi perintah

untuk melakukan request dan sekaligus menerima response dari server

• Wujud nyata web client pada perangkat adalah web browser

WEB CLIENT (2)• Web browser adalah sebuah perangkat lunak

yang menerjemahkan dan menampilkanhalaman-halaman web sehingga memungkinkan user menginterpretasikan, melihat dan mengakses informasi pada suatu website.

• Contoh: Mozilla Firefox, Google Chrome, Internet Explorer, Safari, dll

WEB SERVER• Web Server adalah sebuah perangkat lunak yang

memberikan layanan seperti menerima permintaan dari HTTP dan HTTPS dari client, dan kemudian mengirimkan kembali (response) hasil permintaan dalam bentuk dokumen HTML

• Contoh web server:– Apache– Apache Tomcat– Microsoft Internet Information Services (IIS)

Next Meeting

HTML