Pemrograman Web

1. Definisi Web

             Menurut Hidayat, (2010:2), Website atau situs dapat diartikan sebagai kumpulan halaman-halaman yang digunakan untuk menampilkan informasi teks, gambar diam atau gerak, animasi, suara, dan atau gabungan dari semuanya, baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait, yang masing-masing dihubungkan dengan jaringan-jaringan halaman.

         Menurut Simarmata, (2010:51), “Web dapat diartikan sebagai alat untuk menciptakan system informasi global yang mudah berdasarkan pada hiperteks”. 

               Dapat disimpulkan Website adalah sebuah tempat di Internet, yang menyajikan informasi   dengan berbagai macam format data seperti text, image, bahkan video dan dapat diakses menggunakan berbagai aplikasi sehingga memungkinkan penyajian informasi yang lebih menarik dan dinamis dengan pengelolaan yang terorganisasi.

   a. Jenis-Jenis Website

            Menurut Hidayat (2010:3), Seiring dengan perkembangan teknologi informasi yang begitu cepat, website juga mengalami perkembangan yang sangat berarti. Dalam pengelompokan jenis web, lebih diarahkan bedasarkan kepada fungsi, sifat atau style dan bahasa pemrograman yang digunakan. Adapun jenis-jenis web:

   :: Jenis-jenis web bedasarkan sifat atau style:

      Website Dinamis, merupakan sebuah website yang menyediakan konten atau isi yang   selalu berubah-ubah setiap saat. Bahasa pemrograman yang digunakan antara lain PHP, ASP, .NET dan memanfaatkan database MySQL atau MS SQL.

                          Website Statis, merupakan website yang kontennya sangat jarang berubah. Bahasa pemrograman yang digunakan adalah HTML dan belum memanfaatkan database.

              :: Berdasarkan pada fungsinya, website terbagi atas:

Personal website, website website yang berisi informasi pribadi seseorang.

Commercial website, website yang dimiliki perusahaan bisnis 

Government website, website yang dimiliki oleh instansi pemerimtah, pendidikan, yang bertujuan memberikan pelayanan kepada pengguna.

Non-profit Organization website, dimiliki oleh organisasi yang bersifat non-profit atau tidak bersifat bisnis.

  b.Ditinjau dari segi bahasa pemrograman yang digunakan, website       terbagi atas:

      Server Side, merupakan website yang menggunakan bahasa pemrograman yang tergantung kepada tersedianya server. Seperti PHP, ASP, .NET dan lain sebagainya. Jika tidak ada server, website yang dibangun menggunakan bahasa pemrograman di atas tidak akan berfungsi sebagaimana mestinya.

       Client Side, adalah website yang tidak membutuhkan server dalammenjalankannya, cukup diakses melalui browser saja. Misalnya, HTML.

2. Arsitektur Web

           Arsitektur web merupakan struktur rancangan (desain) web agar dapat tersusun suatu informasi yang tepat (terorganisasi) dan mudah ditemukan isinya. Dimana struktur rancangan harus memenuhi beberapa aspek antara lain form, fungsi, navigasi, interface, interaksi, visual, dan maksud informasi itu sendiri, yang akan dibangun dalam sebuah web . Sepintas, definisi arsitektur informasi menyerupai definisi sebuah buku. Dimana sebuah buku adalah informasi yang isinya dibagi atau diorganisasikan dalam suatu bab, dan bab-bab terdiri dari subbab-subbab yang ditunjukkan pada daftar isi. Namun arsitektur informasi web jelas berbeda dengan buku.

 ::Konsep Arsitektur system dalam web meliputi :

        a. Arsitektur Teknologi Informasi

             Arsitektur Teknologi informasi (TI) adalah peta level tinggi atau rencana aset informasi dalam  sebuah organisasi. Hal tersebut adalah panduan kedua untuk operasi saat ini dan blue print untuk ke arah masa depan. Arsitektur TI mengintegrasikan kebutuhan bisnis seluruh organisasi untuk mendapatkan informasi dan semua aplikasi. Arsitektur TI adalah analog dengan arsitektur rumah. Sebuah rencana arsitektur menjelaskan bagaimana rumah yang akan dibangun, termasuk bagaimana berbagai komponen rumah, seperti pipa dan sistem kelistrikan, harus diintegrasikan. Demikian pula, arsitektur TI menunjukkan bagaimana semua aspek teknologi informasi dalam suatu organisasi yang sesuai secara bersama.

         b. Infrastruktur Teknologi Informasi

          Infrastruktur Teknologi informasi (TI) terdiri dari fasilitas komponen fisik TI, layanan TI, dan personil TI yang mendukung seluruh organisasi (lihat Gambar 2). Mulai dari bagian bawah Gambar 2, dapat dilihat bahwa komponen TI yaitu perangkat keras komputer, perangkat lunak, dan teknologi komunikasi yang memberikan dasar bagi semua organisasi sistem informasi . Seperti sedang naik sebuah piramida, dapat dilihat bahwa personil TI menggunakan IT untuk menghasilkan komponen layanan TI, yang meliputi pengelolaan data, pengembangan sistem, dan keamanan.

3. HTTP

           HTTP (Hypertext Transfer Protocol) adalah suatu protokol yang digunakan untuk mentransfer dokumen/halaman dalam WWW (World Wide Web). HTTP mendefinisikan bagaimana suatu pesan dapat diformat dan dikirimkan dari client ke server atau sebaliknya. HTTP mengatur aksi apa saja yang harus dilakukan oleh web server dan web browser sebagai respon atas perintah-perintah yang ada pada protokol HTTP ini. HTTP juga merupakan sebuah protokol untuk meminta/menjawab antara klien dan server. Sebuah klien HTTP (seperti web browser atau robot dan lain sebagainya), biasanya memulai permintaan dengan membuat hubungan ke port tertentu di sebuah server Webhosting tertentu . Hingga kini, ada dua versi mayor dari protokol HTTP, yakni HTTP/1.0 yang menggunakan koneksi terpisah untuk setiap dokumen, dan HTTP/1.1 yang dapat menggunakan koneksi yang sama untuk melakukan transaksi. Klien yang mengirimkan permintaan HTTP juga dikenal dengan user agent. Server yang meresponsnya, yang menyimpan sumber daya seperti berkas HTML dan gambar, dikenal juga sebagai origin server.

4. Client Side Programming

     Client Side Programming  adalah bahasa pemrograman yang proses pengolahannya dilakukan di komputer pengunjung (Client). Ketika seseorang ingin melihat suatu website, maka website yang bertipe ini akan sepenuhnya di download dan diproses di komputer masing-masing sehingga siapapun yang melihat website kita bisa mengambil seluruh program yang ditulis oleh pembuatnya, Hal tersebut merupakan suatu kelemahan tersendiri, yaitu orang yang berniat jahat bisa dengan mudah mengotak-atik website kita dengan lebih mudah. Web yang menggunakan program ini biasanya website statis, yaitu yang tampilannya hampir tidak berubah, kecuali  website tersebut dirombak pada halamannya (Misal : web bertipe .html).

   :: Contoh Client Side Programming adalah :

       HTML (Hypertext Markup Language)

       CSS (Cascading Style Sheet)

       JavaScript

       XML (Extensible Markup Language)

   :: Karakteristik client –side programming:

      Kode program didownload bersama dengan halaman web

      Bersifat interpreter dan diterjemahkan oleh browser

      Model eksekusinya simple dan skrip dapat dijadikan satu                  dengan HTML

           Untuk mempelajari bahasa pemrograman berbasis Client Side programming, kita hanya membutuhkan  Web editor (contoh: Notepad, Adobe Dreamweaver, Ms. FrontPage, dsb) dan Browser (contoh : Mozilla Firefox, Google Chrome, Internet Explorer, dsb).

5. Server Side Programming

      Server Side Programming adalah kebalikan dari Client Side Programming yaitu bahasa pemrograman web yang pengolahannya dilakukan di komputer server dan hasil pengolahannya kirimkan ke komputer client/pengunjung dalam bentuk bahasa html, sehingga pengunjung tidak mengetahui program yang telah ditulis oleh pembuatnya, sehingga website tipe ini lebih aman dari serangan hacker, walaupun masih beresiko juga terkena hack. Web tipe ini bersifat Dinamis yaitu bisa dirubah kontennya dengan mudah tanpa mengotak-ngatik scriptnya. Bisa digunakan untuk berbagai kebutuhan web seperti, Toko Online, forum, web sekolah, blogging dan berbagai  kebutuhan lainnya.

    ::contoh Server Side Scripting adalah :

        PHP

        ASP

        ASP dot Net

        Java Server Page

        dan lain-lain.

        Untuk mempelajari bahasa pemrograman berbasis Server Side Programming selain Web editor dan Browser, kita juga memerlukan sebuah komputer server.

::Karakteristik server side programming :

   Ada client yang meminta request

   Eksekusi program dilakukan di server

   Mengirimkan hasil ke client

:: Keuntungan server side programming :

   Cross platform : tidak tergantung dengan browser tertentu

   Optimasi danpemeliharaan dilakukan di browser

   Dapat mengakses database dan tidak tergantung dengan                    keamanan

   Menambah kekuatan server

   Kode program aman

:: Aplikasi yang sering digunakan oleh server side programming

    Search engines

    Database access

    Chat & bulletin board service

6. Web Server Software(XAMPP,PHP)

     XAMPP adalah program aplikasi pengembang yang berguna untuk pengembangan website berbasis PHP dan MySQL. Sampe saat tutorial ini dibuat, versi terbaru XAMP adalah XAMPP 1.8.3.0. Software XAMPP dibuat dan dikembangkan oleh Apache Friends.Perangkat lunak komputer ini memiliki kelebihan untuk bisa berperan sebagai server web Apache untuk simulasi pengembangan website. Tool pengembangan web ini mendukung teknologi web populer seperti PHP, MySQL, dan Perl. Melalui program ini, programmer web dapat menguji aplikasi web yang dikembangkan dan mempresentasikannya ke pihak lain secara langsung dari komputer, tanpa perlu terkoneksi ke internet. XAMPP juga dilengkapi fitur manajemen database PHPMyAdmin seperti pada server hosting sungguhan, sehingga pengembang web dapat mengembangkan aplikasi web berbasis database secara mudah. Program XAMPP banyak diaplikasikan dan digunakan oleh kalangan pengguna komputer di bidang pemrograman web. XAMPP merupakan software gratis. XAMPP dapat dijalankan di sistem operasi Windows 2000/XP/Vista/7 dan sistem operasi lain.

:: Fungsi XAMPP

        Fungsi XAMPP adalah sebagai server yang berdiri sendiri (localhost), yang terdiri atas program Apache HTTP Server, MySQL database, dan penerjemah bahasa yang ditulis dengan bahasa pemrograman PHP dan Perl. Nama XAMPP merupakan singkatan dari X (empat sistem operasi apapun), Apache, MySQL, PHP dan Perl. Program ini tersedia dalam GNU General Public License dan bebas, merupakan web server yang mudah digunakan yang dapat melayani tampilan halaman web yang dinamis.

       PHP adalah bahasa pemograman untuk membuat web. Dengan PHP kita dapat membuat halaman web yang dinamis. Selain mendukung di sistem operasi Windows,PHP juga dapat di gunakan pada mac OS,Linux,dan sistem operasi yang lainnya. PHP di kembangkan pada tahun 1995 oleh Rasmus Lerdorf, dan sekarang dikelola oleh The PHP Group. Pada awalnya PHP merupakan singkatan dari Personal Home Page. Saat ini PHP adalah singkatan dari PHP: Hypertext Preprocessor, sebuah kepanjangan rekursif, yakni permainan kata dimana kepanjangannya terdiri dari singkatan itu sendiri: PHP: Hypertext Preprocessor.

7. Konsep Dasar HTML

         Dalam mendesain web, kita tidak akan bisa lepas yang namanya HTML (Hypertext Markup Language). HTML adalah bahasa standar yang digunakan untuk menyusun/membangun suatu halaman web. Meskipun sekarang ini telah bermuncul software-software yang dapat digunakan untuk membangun suatu halaman web secara instan tanpa susah-susah memperhatikan struktur HTML, tidak ada salahnya kalau HTML itu sendiri dipelajari. Manfaat yang diperoleh apabila mempelajari HTML selain mampu membangun halaman web, juga dapat dikembangkan untuk pemrograman web. Pemrograman web akan selalu terkait dengan HTML tersebut. Pemrograman web biasanya dikembangkan untuk membangun web yang dinamis. Struktur Dokumen HTML Syarat perlu mempelajari suatu bahasa pemrograman adalah mengetahui Strukturnya. Program/dokumen HTML (tag) dapat ditulis/dibuat melalui berbagai macam editor, misalnya Notepad, EditPlus, Notepad++, Wordpad, Macromedia Dreamweaver, dll. Tag-tag tersebut dapat dituliskan dengan huruf besar ataupun huruf kecil. Setelah tag HTML ditulis dengan menggunakan editor tersebut diatas, simpanlah file tersebut dengan format file nama_file.htm atau nama_file.html

         HTML terdiri dari Kepala Program/Dokumen dan Badan             Program/Dokumen dengan strukturnya sbb :                         

      <html>

      <head>

      <title></title>

      </head>

      <body>

      </body>

      </html>

           Dokumen HTML adalah suatu dokumen yang diapit dengan       tag Kepala program diapit dengan tag dan untuk badan program       diapit dengan tag .