BAB 1 : Teknologi Web Base

A.Teknologi Web Internet 

Web merupakan layanan informasi berupa rangkaian tulisan (hypertext) dalam sebuah dokumen yang dapat dibaca, dilihat, dan diopersikan oleh pengguna (user) menggunakan aplikasi web browser.

Teknologi web bermula pada tahun 1993 di European Particle Physics Lab (Consei European pour la Recherche Nucleaire) atau CERN yang membangun aplikasi hypertext untuk bertukar informasi pada jaringan komputer. Teknologi web melahirkan konsep WWW atau World Wide Web beserta aplikasi server dan web browser-nya. Kode standar selanjutnya dikembangkan oleh W3C (World Wide Web Consortium) yang mendefinisikan secara lengkap mengenai web page berbasis HTML atau HyperText Markup Language.

B.Konsep Kerja Web 

HTML atau HyperText Markup Language adalah sebuah dokumen teks yang berisi susunan adalah sebuah dokumen teks yang berisi susunan baris kode menurut aturan standar tertentu dengan ekstensi file .htm atau .html. Untuk membuka hasil output pemrograman web berbasis HTML adalah dengan aplikasi web browser. Aplikasi web browser adalah aplikasi yang digunakan untuk mengambil isi dokumen HTML dari server dan menerjemahkannya ke dalam bentuk halaman informasi yang dapat mengandung tulisan, gambar, suara, vidio, dan animasi.

Melalui web browser, client akan me-request (melakukan permintaan) dengan menuliskan URL nama file dokumen .html yang ada pada web server melalui sambungan internet. Web server akan menanggapi permintaan tersebut dengan mencari file yang diminta pada media penyimpanan harddisk. Setelah file ditemukan, maka server akan mengirimkan file atau dokumen tersebut ke client.Kemudian oleh web browser. dokumen HTML akan diterjemahkan isinya menjadi sebuah halaman web yang dapat dilihat informasinya oleh pengguna.

• Web server adalah sebuah mesin komputer dengan layanan HTTP yang menyimpan dokumen-dokumen HTML pada media penyimpanan dan bertugas untuk melayani setiap permintaan halaman web dari web client.

• Protocol adalah suatu standar pemrosesan data informasi yang dapat dijalankan oleh beragam mesin dan sistem operasi

• URL ( Uniform Resource Locator ) adalah teknik pemanggilan sebuah nama dokumen HTML pada sebuah mesin web server.  Contoh http://www.abc.com/index.html 

    Jenis-jenis pemanggilan nama URL :

1.    URL Ghoper

URL Ghoper merupakan suatu metode pemanggilan system ghoper server pada port 70 dengan sistem keamanan yang agak ketat. Cara pemanggilannya adalah gopher://gopher.contoh.com.  Jika nomor port layanan sudah dialihkan menjadi 1500, cara penulisannya menjadi gopher://gopher.contoh.com:1500/.

2.    URL News

Biasanya dikhususkan pada sebuah group news pengguna internet. Cara pemanggilannya, yaitu menggunakan format news://contoh.com. Aplikasi yang digunakan untuk client ini adalah NCSA Mosaic

3.    URL File

Merupakan metode pemanggilan sebuah dokumen pada lokasi server tertentu. Contoh file://www.abc.com/dokumen/berita.pdf.

4.    URL HTTP

Biasanya digunakan untuk melayani sistem transfer dokumen. Contoh http://www.abc.com/teks/index.html.

C. Halaman Web Berbasis HTML

HTML atau  Hypertext Markup Language merupakan susunan baris kode pemrograman yang diawali dengan tag <> dan diakhiri dengan tag </> dalam sebuah file teks dengan ekstensi .htm atau .html.}. Struktur dasar badan dokumen HTML adalah sebagai berikut.

 

Aturan penulisan kode dalam HTML adalah sebagai berikut .

• Diawali tag pembuka dan diakhiri tag penutup

• Komentar

•   Besar kecil huruf tidak berpengaruh, non-case sensitive 

      Ada beberapa versi HTML yang perlu diketahui dalam pemrogaman, yaitu sebagai berikut.

      1. HTML 1.0  

                    HTML 1.0 merupakan versi pertama untuk HyperText Markup Language. HTML 1.0

           hanya untuk penggelolaan teks seperti heading, paragraph, hypertext, list, dan format

           teks untuk tebal miring.

      2.  HTML  2.0

                    HTML 2.0 dilengkapi dengan teknik untuk membuat form yang berfungsi untuk

           interaksi dengn user maupun sebagai edit box sehingga ada perbaikan interaksi dan

           komunikasi antara user dengan halaman web.

      3.  HTML 3.0

        HTML 3.0 dilengkapi dengan teknologi pembuatan layout table dan gambar

dengan perintah Figure. Figure adalah perkembangan dari perintah Image. 

       4.  HTML 3.2

                     Dilengkapi dengan metode Java Applet (teks yang diletakkan disekeliling
           gambar), superscript, subscript, perataan layout pada table, desain background berupa
           gambar dan warna, serta metode frame dan style sheet (pemisah layout halaman
           dengan isinya).

       5. HTML 4.0
                    HTML 4.0 merupakan perbaikan terhadap desain web yang mencakup fasilitas
           perataan paragraph baik left, right, justify, maupun align center.

D. Halaman Web Berbasis ASP

Active Server Pages (ASP) merupakan sebuah progam web yang harus dijalankan dengan sebuah server khusus. Server tersebut dikenal dengan Internet Information Server (IIS).  IIS merupakan paket bawaan pada sistem operasi Windows 2000 Sever ke atas, pada Windows NT 4.0 merupakan komponen tambahan. Namun pada Windows 95 / Windows 98 tidak dapat menjalankan aplikasi IIS. Untuk membuat Windows 95 / 98 sebagai OS server web, dapat menggunakan aplikasi PWS (Personal Web Server). APS server dapat dijalankan dikomputer dengan menggunakan ChiliAP atau InstantASP sebagai platform-nya.

                Web berbasis ASP adalah sebuah file yang mengandung baris kode tertentu
    dengan ekstensi .asp.  File berekstensi .asp dapt berisi kode pemrograman berbsis HTML, 
    teks biasa, maupun kode script seperti vbscript maupun JavaScript.

    Keuntungan menggunakan ASP adalah sebagai berikut :

1)  Dapat melakukan pemrogaman web secara dinamis, yaitu dengan mengubah, menambah, dan menghapus isi informasi sebuah halaman web.

2)  Dapat melakukan pengelolaan database, baik untuk mengaksesnya maupun memanipulasi query database, dan menampilkan hasilnya pada browser.

3)  ASP memiliki kecepatan yang lebih tinggi dibandingkan dengan server CGI dan PERL.

4)  Tingkat keamanannya lebih baik, karena halaman web yang ditampilkan merupakan eksekusi dengan output HTML murni, sehingga script kode pemrograman ASP tidak dapat dilihat.

    Berikut ini adalah contoh pemrogaman web berbasis ASP.  

     Penjelasan :

·         <html> merupakan tag pembuka script HTML.

·         <body> merupakan tag awal bagian body HTML.

·         <% merupakan tag pembuka di mana script ASP dituliskan.

·         Responses.write(“ini adalah web dengan ASP”) ini merupakan script untuk menampilkan output sebuah kalimat “ini adalah web dengan ASP”.

·         %> merupakan tag penutup sebagai tanda berakhirnya bagian badan script ASP.

·         </body> merupakann penutup bagian body web.

·         </html> merupakan penutup bagian halaman web.

E. Halaman Web Berbasis PHP

PHP merupakan singkatan dari Personal Home Page yang memiliki kelebihan dalam kebebasan penggunaannya atau free license di bawah lisensi GNU. Bahasa pemrograman PHP merupakan turunan dari bahasa C yang dikembangkan oleh Rasmus Ledorf pada era tahun 1995-an. Pada masa itu, PHP masih dikenal dengan nama Form Interpreted (FI). Pengenalan Interpreter PHP dalam bahasa C baru dirilis sekitar bulan November 1997 dengan nama PHP/FI 2.0.

Berikut ini perkembangan dari bahasa pemrograman PHP :

a.    PHP/FI

Personal Home Page/Forms Interpreter (PHP/FI) ditemukan oleh programmer bernama Rasmus Lerdorf. Kegunaannya, yaitu untuk menampilkan resume pribadi dan mencatat jumlah pengunjung suatu website.

b.    PHP Versi 2.0

Merupakan perbaikan dari versi sebelumnya. Pada versi ini sudah dilengkapi fasilitas pengaksesan database sehingga cocok digunakan sebagai tool perancang system informasi berbasis dtabase

c.    PHP Versi 3.0

PHP 3.0 sudah mulai mendukung pengaksesan beberapa jenis platform database. Fitur pembuatan objek sudah dapat diterapkan walaupun belum sempurna. Kelebihan lainnya adalah fitur pemrograman yang mendukung berbagai jenis protocol dan API (Application Programming Interface).

d.    PHP Versi 4.0

 PHP Versi 4.0 dirilis pada tahun 1998, dengan tambahan beberapa library dan modul pemrogramannya yang memungkinkan versi lebih cepat dan stabil disbanding versi sebelumnya.

e.     PHP Versi 5.0

Kelebihan PHP 5.0 dari versi pendahulunya antara lain dukungan exception handling (penanganan progam ketika terjadi kesalahan logika pemrograman), operasi tipe data string, mendukung XML, penyediaan driver konektivitas database server, dan kemampuan integrasi dengan beberapa aplikasi seperti swf dan Java Applet.

 

Contoh Script program PHP :

Penjelasan :

·            <? , yaitu tanda pembuka ketika kode program PHP akan dituliskan

·            Echo “Latihan pertama dengan PHP <br>”; , yaitu syntax untuk menampilkan output

       “latihan pertama dengan PHP” pada browser, sedangkan syntax <br> digunakan

       untuk mendeskripsikan pencetakan kalimat berikutnya pada baris selanjutnya.

·            Echo “NIS = 01041071<br>”; , yaitu syntax untuk menampilkan output “NIS =

       01041071” pada browser, sedangkan syntax <br> digunakan untuk mendeskripsikan

       pencetakan kalimat berikutnya pada baris selanjutnya.

·            Echo “Nama = Andi Novianto”; , yaitu syntax untuk menampilkan output “ Nama =

       Andi Novianto” pada browser .

·           ?> , yaitu tanda penutup ketika kode program php selesai dituliskan

F. Web Server 

Web server adalh sebuah peranti lunak pada mesin server yang menyediakan layanan request HTTP atau HTTPS pad port 80, 8080, maupun 443 dari client dan mengembalikannya dalam bentuk halaman web.

Beberapa jenis web server yang sering digunakan :

1.   Apache, Server ini bersifat open source, dan mampu berjalan padaberbagai platform os seperti Windows, Linux, dan BSD family.

2.   Nginx, merupakan kependekan dari Engine-X, yaitu salah satu jenis server yang bersifat free dan open source.

3.   IIS (Internet Information Services) merupakan web server application yang secara default digunakan pada system operasi berbasis Windows Server, baik Windows NT 4.0 Server, Windows 2000 Server atau Windows Server 2003.

4.   LiteSpeed Web Server (LSWS), merupakan pengganti dari versi Apache Server dengan kinerja tinggi.

5.   Google Web Server, merupakan salah satu aplikasi web server yang dikembangkan oleh Google Developers yang mendukung bahasa pemrograman PHP,Java, Python, Ruby,dan ASP.NET.

6.   LIGHTTPD, server LIGHTTPD merupakan pilihan alternatif yang dapat digunakan dengan tingkat keamanan yang baik, berkecepatan tinggi, konsistensi dan fleksibilitas.

G. Web Browser

Web browser adalah aplikasi yang dipasang pada mesin computer klien dengan tujuan untuk meminta dan menampilkan halaman web baik dari mesin lokal maupun dari alamat sebuah web server.

Peringkat penggunaan web browser yang ditampilkan pada situs http://internet-browser-review.toptenreviews.com

Ø Mozilla FireFox

Ø Google Chrome

Ø Opera

Ø Safari

Ø Internet Explorer (IE)

H. Web Programming

Pemrograman web adalah suatu kegiatan merancang dan menulis halaman web dengan standar kode bahasa pemrograman tertentu.

Berdasarkan jenis hasil output pemrograman web, sebuah halaman web dibedakan menjadi dua macam sebagai berikut.

o   Web statis adalah sebuah output berupa halaman web dengan konten dari web tersebut tidak dapat diubah, dihapus atau ditambah dari sisi pengguna.

o   Web dinamis sangat fleksibel dalam  proses menampilkan informasi pada halamannya.

Ciri web dinamis :

1)    Berbasis Database, web dinamis biasanya menggunakan sistem database untuk melakukan perubahan-perubahan yang terjadi pada halaman web. Perubahan tersebut akan disimpan dalam sebuah database sehingga informasi yang ditampilkan selali ter-update secara otomatis.

2)    Interface yang Lebih Interaktif, tampilan antarmuka dalam web dinamis dapat diatur mengikuti aturan tertentu berdasarkan data yang telah disimpan dalam database tanpa harus mengubah kode program webnya terlebih dahulu.
 

3)    Bahasa Pemrograman, script pemrograman web statis biasanya menggunakan struktur dokumen berbasis HTML dengan kompinasi CSS.