Anda di halaman 1dari 25

WEB SERVER

Bandung
ETH
Agenda
 Hari 1
 Introduction Web Application
 Intrduction HTML TAG
 Latihan
 Hari 2
 Introduction PHP
 Array & Function
 Function Database
 Latihan
 Manipulasi Data SCADA
 Explorasi Informasi Data SCADA
 Hari 3
 Image On The Fly
 Pembahasan Program Loadflow RJBR
 Action Plan (Inovation)
Webserver
 Dasar pelayanan Webserver adalah statik
text dan Gambar, dimana user meminta
informasi (text dan gambar) dari browser ke
web server melalui jaringan komputer.
HTTP
 Browser dan webserver berkomunikasi
melalui Hypertext Transfer Protocol (HTTP).
 Permintaan yang dikirim pertama adalah
HTML Document dan selanjutnya file yang
lainnya (gambar).
 HTML di generated secara server-side
 Standar PORT HTML adalah 80
HTTP
 Pada setiap request information, client
brwoser akan membuka koneksi baru
 Server akan menutup koneksi apabila sudah
memberikan informasi yang di butuhkan
client browser.
 Tidak ada informasi tentang koneksi atau
tidak ada header koneksi, jadi client meminta
informasi dan server menjawabnya
Dynamic content
Sudah Banyak Web Site yang sudah
menerapkan system Dinamic dalam tampilan
Web Site dimana User terlibat dalam proses
tersebut sebagai contoh Belanja Secara
Online. Dimana pembuatan website memakai
database dalam pengolahan informasi. Proses
ini membutuhkan pemakaian CGI.
Common Gateway Interface (CGI)
CGI adalah merupakan salah satu extention
protokol dari web server, dimana user bisa
langsung menjalankan applikasi secara server
side dan user berkomunikasi dengan program
tersebut, sebagai contoh user dapat
menjalankan notepad.exe yang diletakkan di
Direktori CGI
Hypertext Transmission Protocol,
Secure (HTTPS)
HTTPS adalah security protocol pada
web server dengan menggunakan SSL
algorithm yang dibuat dengan sekurity
yang tinggi, semua komunikasi antara
client dengan web server informasinya
akan di encrypsi.
Multipurpose Internet Mail Extension
(MIME)
MIME adalah syntax Informasi mengenai jenis file atau type file

examples:
text/xml xml
video/mpg mpeg mpg
video/quicktime qt mov

MIME juga support terhadap HTTP


web server software
Sebagian besar web site di dunia memakai
server Apache, Apache adalah open source
project dan bisa berjalan di atas Operating
system Unix, Linux, Windows dll. Selain Apache
ada juga web server yang cukup terkenal yaitu
Internet Information Services (IIS), dan hanya
berjalan diatas operating system Windows. Dan
beberapa server yang banyak di pakai seperti
SunONE and Zeus.
Application servers
Untuk web server Dynamic content sekarang banyak memakai
application servers. Applicatian Server adalah applikasi yang
berjalan di atas web server untuk memproses data maupun
berkomunikasi dengan applikasi lain, application server dengan web
server berjalan di mesin yang sama dan untuk database bisa di
mesin yang berbeda.
Beberapa nama applcation server yaitu ColdFusion, ASP.NET,
PHP dan JSP/Java Servlets.
Step process appache
Webserver dan Database

BROWSER

DATABASE WEB SERVER


HTML BASIC
Bandung
ETH
Dasar HTML
HTML (Hypert Text Markup Language)
merupakan bahasa pemrograman yang
digunakan dalam pembuatan halaman web.
Dalam penggunaannya sebagian besar kode
HTML tersebut harus terletak di antara tag
kontainer.
Yaitu diawali dengan <namatag>
dan diakhiri dengan </namatag>
(terdapat tanda "/").
DASAR TAG HTML
Sebuah halaman web minimal mempunyai empat buat tag, yaitu :
 <HTML> Sebagai tanda awal dokumen HTML.

 <HEAD> Sebagai informasi page header.

<TITLE> Sebagai titel atau judul halaman. Kalimat yang terletak di


dalam tag ini akan muncul pada bagian paling atas browser Anda
(pada title bar).
 <BODY> Body dari halaman
ATRIBUT TAG HTML
Atribut
:
BGCOLOR, BACKGROUND, TEXT, LINK, VLINK, ALINK,
LEFTMARGIN & TOPMARGIN.

Contoh :
<BODY bgcolor="#000000" background="images/pcb.gif"
text="#FFFFFF" link="#FF0000" vlink="FFFF00"
alink="#0000FF">
CONTOH TAG HTML
<HTML>
<HEAD>
<TITLE>Halaman pembuka</TITLE>
</HEAD>
<BODY bgcolor=“red" background="gambar1.gif“ text="#FF0000">
Letakkan text, images, dan link Anda di sini
</BODY>
</HTML>
TAG HTML
<B> Bold text
<I> Italic text
<U> Underscore
<TT> Typewriter
<S> Strikeout - draws a line through the text
<PRE> Preformatted Text <DFN> Definition
<BLINK> Text berkedip (lebih baik jangan
digunakan)
<STRONG> Strong
<ADDRESS>
TAG IMAGE
Digunakan untuk menampilkan image atau animasi gif
pada halaman web Anda.
Atribut : alt, align=(center, left, right), hspave, vspace,
border, width & height
Contoh :
<IMG SRC="logo.gif" alt="Ini adalah logo halaman
pembuka" width=200 height=100>

<IMG SRC="logo.gif" hspace=10 vspace=5 align=right


border=2>
TAG LINK
Digunakan untuk membuat link ke halaman
lain. Tulisan yang terletak antara <A> dan </A>
akan terdapat garis bawah.

Contoh :

<A HREF="halaman2.html">Klik di sini</A>


TAG TABLE
Terdapat tiga tag atau elemen utama yang digunakan dalam
pembuatan table : <TABLE>, <TR>, dan <TD>. Yang perlu
diingat adalah bahwa tab <TR> dan <TD> harus terletak di
antara tag <TABLE> dan </TABLE>

<TR>
Tag ini digunakan untuk membuat baris baru (pada tabel).

<TD>
Tag ini digunakan untuk membuat kolom baru pada tabel.
TAG TABLE
<TABLE>
Terdiri dari atribut :
align - perataan : rata kiri (left), tengah (center) atau kanan (right).

bgcolor - warna latar belakang (background) dari tabel.

border - ukuran lebar border tabel (dalam pixel).

cellpadding - jarak antara isi cell dengan batas cell (dalam pixel).

cellspacing - jarak antar cell (dalam pixel).

width - ukuran tabel dalam pixel atau percent.

Contoh :

<TABLE align="center" bgcolor="#0000FF" border="2" cellpadding="5"


cellspacing="2" width="90%">
TAG TABLE
Contoh :

<table>
<tr><td>Nama</td><td>Alamat</td></tr>
<tr><td>Eris</td><td>Gandul</td></tr>
</table>
LATIHAN
Buat Lah halaman WEB dengan informasi di bawah ini :

Nama = Eris
Alamat = Gandul
Pekerjaan = Mantan Dispatcher

Anda mungkin juga menyukai